@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,6 +1,162 @@
-import "./index53.js";
-import "./index231.js";
-import "./index244.js";
-import "./index245.js";
-import "./index247.js";
-import "./index249.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index56.js";
+import { Sheet as n, SheetClose as r, SheetContent as i, SheetDescription as a, SheetFooter as o, SheetHeader as s, SheetTitle as c } from "./index50.js";
+import { LoadingSpinner as l } from "./index51.js";
+import { useCreateCounterpartBank as u } from "./index66.js";
+import { useCreateCounterpart as d } from "./index71.js";
+import "./index86.js";
+import { getCreateCounterpartValidationSchema as f } from "./index96.js";
+import { CounterpartFormContent as p } from "./index109.js";
+import { LanguageCodeEnum as m } from "./index110.js";
+import { useUserPermissions as h } from "./index112.js";
+import { AccessRestriction as g } from "./index242.js";
+import { useCallback as _, useId as v, useMemo as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
+import { useLingui as C } from "@lingui/react";
+import { FormProvider as w, useForm as T } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index250.js
+var D = ({ open: D, onClose: O, onCreate: k, getCounterpartDefaultValues: A, customerType: j }) => {
+	let { i18n: M } = C(), [N, P] = b(() => "organization"), F = `counterpart-form-${v()}`, { mutateAsync: I, isPending: L } = d(), { mutate: R, isPending: z } = u(), B = L || z, V = h().has(e.CounterpartWriteOrg), H = A?.(N), U = y(() => ({
+		remindersEnabled: j === "customer",
+		isCustomer: j === "customer",
+		isVendor: j === "vendor",
+		accountHolderName: "",
+		routingNumber: "",
+		accountNumber: "",
+		tax_id: H?.tax_id ?? "",
+		email: H?.counterpart?.email ?? "",
+		phone: H?.counterpart?.phone ?? "",
+		line1: H?.counterpart?.line1 ?? "",
+		line2: H?.counterpart?.line2 ?? "",
+		city: H?.counterpart?.city ?? "",
+		state: H?.counterpart.state ?? "",
+		country: H?.counterpart?.country ?? "US",
+		postalCode: H?.counterpart?.postalCode ?? "",
+		firstName: H && "firstName" in H.counterpart ? H.counterpart.firstName : "",
+		lastName: H && "lastName" in H.counterpart ? H.counterpart.lastName : "",
+		companyName: H && "companyName" in H.counterpart ? H.counterpart.companyName : ""
+	}), [j, H]), { watch: W, ...G } = T({
+		resolver: E(f(M, N ?? "organization", j)),
+		defaultValues: U
+	}), K = !!(W("companyName") || W("firstName") && W("lastName")) && !!W("email") && (j === "vendor" && !!W("line1") && !!W("city") && !!W("state") && !!W("postalCode") && !!W("country") || j === "customer"), q = _((e) => {
+		e.preventDefault(), e.stopPropagation(), G.handleSubmit(async (e) => {
+			let t = e.line1?.trim() && e.city?.trim() ? {
+				city: e.city ?? "",
+				country: e.country ?? "US",
+				line1: e.line1 ?? "",
+				line2: e.line2,
+				postal_code: e.postalCode ?? "",
+				state: e.state ?? ""
+			} : void 0, n = {
+				account_holder_name: e.accountHolderName,
+				routing_number: e.routingNumber,
+				account_number: e.accountNumber,
+				is_default_for_currency: !0,
+				country: "US",
+				currency: "USD"
+			}, r = !!e.accountHolderName || !!e.accountNumber || !!e.routingNumber, i = {
+				tax_id: e.tax_id,
+				is_customer: e.isCustomer,
+				is_vendor: e.isVendor,
+				language: m.find((e) => e === M.locale.split("-")[0]) ?? "en",
+				reminders_enabled: e.remindersEnabled
+			}, a = N === "individual" ? {
+				...i,
+				type: "individual",
+				individual: {
+					first_name: e.firstName ?? "",
+					last_name: e.lastName ?? "",
+					phone: e.phone ?? "",
+					email: e.email ?? "",
+					...t ? { address: t } : {}
+				}
+			} : {
+				...i,
+				type: "organization",
+				organization: {
+					legal_name: e.companyName ?? "",
+					phone: e.phone ?? "",
+					email: e.email ?? "",
+					...t ? { address: t } : {}
+				}
+			};
+			if (r) {
+				let e = await I(a);
+				return R({
+					path: { counterpart_id: e.id },
+					body: n
+				}, { onSuccess: () => {
+					k && k(e.id);
+				} });
+			}
+			return I(a, { onSuccess: ({ id: e }) => {
+				k && k(e);
+			} });
+		})(e);
+	}, [
+		I,
+		N,
+		R,
+		G.handleSubmit,
+		M
+	]);
+	return /* @__PURE__ */ x(n, {
+		open: D,
+		onOpenChange: O,
+		children: /* @__PURE__ */ S(i, {
+			className: "ttw:gap-0",
+			children: [
+				/* @__PURE__ */ S(s, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ x(c, {
+						className: "ttw:text-2xl",
+						children: M._("Add {customerType}", { customerType: j })
+					}), /* @__PURE__ */ x(a, {
+						className: "ttw:max-w-130",
+						children: j === "vendor" ? M._("Save the people and businesses you pay so you can send payments when bills come in.") : M._("Save the people and businesses you sell to.")
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
+					children: V ? /* @__PURE__ */ x(w, {
+						...G,
+						watch: W,
+						children: /* @__PURE__ */ x("form", {
+							id: F,
+							onSubmit: q,
+							children: /* @__PURE__ */ x(p, {
+								counterpartType: N ?? "organization",
+								handleChangeCounterpartType: (e) => P(e),
+								isLoading: B,
+								customerType: j
+							})
+						})
+					}) : /* @__PURE__ */ x(g, {})
+				}),
+				/* @__PURE__ */ S(o, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: [/* @__PURE__ */ x(r, {
+						asChild: !0,
+						children: /* @__PURE__ */ x(t, {
+							variant: "outline",
+							disabled: B,
+							className: "ttw:flex-1 ttw:border-border",
+							children: M._("Cancel")
+						})
+					}), /* @__PURE__ */ S(t, {
+						type: "submit",
+						form: F,
+						className: "ttw:flex-1",
+						title: M._("Complete the form to continue"),
+						disabled: !V || B || !K,
+						children: [B && /* @__PURE__ */ x(l, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), M._("Save {customerType}", { customerType: j })]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { D as CreateCounterpartDialog };

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

@@ -1,8 +1,60 @@
-import { CenteredContentBox as e } from "./index203.js";
-import "./index204.js";
-import { LoadingSpinner as t } from "./index51.js";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index56.js";
+import { MoniteScopedProviders as n } from "./index209.js";
+import { useUserPermissions as r } from "./index112.js";
+import { CounterpartDetails as i } from "./index235.js";
+import { AccessRestriction as a } from "./index242.js";
+import "./index244.js";
+import { CustomersTable as o } from "./index248.js";
+import { VendorsTable as s } from "./index249.js";
+import { CreateCounterpartDialog as c } from "./index250.js";
+import { useCallback as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index251.js
-var r = () => /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(t, {}) });
+var h = (e) => /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f(g, { ...e }) }), g = ({ type: n, pageTitleComponent: h, onPayVendor: g, onCreateInvoiceForCustomer: _, onViewVendorBills: v, onViewCustomerInvoices: y }) => {
+	let { i18n: b } = m(), [x, S] = u(void 0), [C, w] = u(!1), T = l((e) => {
+		S(e);
+	}, []), E = l(() => {
+		S(void 0);
+	}, []), D = r(), O = D.has(e.CounterpartWriteOrg), k = D.has(e.CounterpartReadOrg);
+	return /* @__PURE__ */ p(d, { children: [
+		h(/* @__PURE__ */ f(t, {
+			size: "lg",
+			onClick: () => w(!0),
+			className: "Monite-Counterparts-Actions-CreateNew",
+			disabled: !O,
+			children: b._("Create new")
+		})),
+		!k && /* @__PURE__ */ f(a, {}),
+		k && n === "customer" && /* @__PURE__ */ f(o, {
+			onRowClick: T,
+			openModal: w
+		}),
+		k && n === "vendor" && /* @__PURE__ */ f(s, {
+			onRowClick: T,
+			openModal: w
+		}),
+		x && /* @__PURE__ */ f(i, {
+			counterpartId: x,
+			open: !!x,
+			onClose: E,
+			customerType: n,
+			onPayVendor: g,
+			onCreateInvoiceForCustomer: _,
+			onViewVendorBills: v,
+			onViewCustomerInvoices: y
+		}),
+		C && /* @__PURE__ */ f(c, {
+			open: C,
+			onClose: () => w(!1),
+			onCreate: (e) => {
+				w(!1), S(e);
+			},
+			customerType: n
+		})
+	] });
+};
 //#endregion
-export { r as LoadingPage };
+export { h as Counterparts };

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

@@ -1 +1,60 @@
-import "./index251.js";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useState as n } from "react";
+import { X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index252.js
+var s = o("ttw:relative ttw:w-full ttw:rounded-lg ttw:pl-4 ttw:pt-3 ttw:pr-3 ttw:pb-4 ttw:flex ttw:items-start ttw:gap-4", {
+	variants: { variant: {
+		default: "ttw:bg-background ttw:text-foreground",
+		info: "ttw:bg-blue-50 ttw:text-blue-900 ttw:dark:bg-blue-950 ttw:dark:text-blue-100",
+		warning: "ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
+		error: "ttw:bg-red-50 ttw:text-red-900 ttw:dark:bg-red-950 ttw:dark:text-red-100",
+		success: "ttw:bg-green-50 ttw:text-green-900 ttw:dark:bg-green-950 ttw:dark:text-green-100"
+	} },
+	defaultVariants: { variant: "default" }
+}), c = ({ className: o, variant: c, icon: l, children: u, ref: d, onClose: f, enableClose: p = !0, ...m }) => {
+	let [h, g] = n(!1);
+	return h ? null : /* @__PURE__ */ a("div", {
+		ref: d,
+		role: "alert",
+		className: e(s({ variant: c }), o),
+		...m,
+		children: [
+			l && /* @__PURE__ */ i("div", {
+				className: "ttw:shrink-0 ttw:h-8 ttw:w-8 ttw:mt-1",
+				children: l
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "ttw:flex-1",
+				children: u
+			}),
+			p && /* @__PURE__ */ i(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:h-8 ttw:w-8 ttw:rounded-md ttw:bg-transparent ttw:opacity-70 ttw:hover:opacity-100",
+				onClick: () => {
+					f && f(), g(!0);
+				},
+				"aria-label": "Close alert",
+				children: /* @__PURE__ */ i(r, {})
+			})
+		]
+	});
+};
+c.displayName = "Alert";
+var l = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("h3", {
+	ref: n,
+	className: e("ttw:mb-1 ttw:font-medium ttw:leading-none ttw:tracking-tight", t),
+	...r
+});
+l.displayName = "AlertTitle";
+var u = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("p", {
+	ref: n,
+	className: e("ttw:text-sm ttw:[&_p]:leading-relaxed ttw:font-normal", t),
+	...r
+});
+u.displayName = "AlertDescription";
+//#endregion
+export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };

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

@@ -1,21 +1,299 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import * as n from "@radix-ui/react-avatar";
+import { useIsMounted as e } from "./index28.js";
+import { getCounterpartName as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as ee } from "./index89.js";
+import { Combobox as r, ComboboxChip as te, ComboboxChips as ne, ComboboxChipsInput as re, ComboboxContent as i, ComboboxEmpty as ie, ComboboxInput as ae, ComboboxItem as a, ComboboxList as o, useComboboxAnchor as oe } from "./index104.js";
+import { useCounterpartList as se } from "./index125.js";
+import "./index138.js";
+import "./index189.js";
+import { LoadingSpinner as ce } from "./index51.js";
+import { Typography as s } from "./index62.js";
+import { Field as c, FieldContent as l, FieldError as le, FieldLabel as u } from "./index88.js";
+import { CreateCounterpartDialog as ue } from "./index250.js";
+import { Alert as de, AlertDescription as fe, AlertTitle as pe } from "./index252.js";
+import { useEffect as d, useMemo as f, useRef as me, useState as p } from "react";
+import { Plus as m, Sparkles as he } from "lucide-react";
+import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useLingui as ge } from "@lingui/react";
+import { Controller as _e, useFormContext as ve } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index253.js
-function r({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "avatar",
-		className: e("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", r),
-		...i
+var _ = "__create-new__", ye = 50, v = ({ control: v, name: y, label: b, required: x = !0, getCounterpartDefaultValues: be, multiple: S = !1, disabled: C = !1, customerType: w, counterpartRawName: T, counterpartMatchingToOCR: E, counterpartAISuggested: D, preselectedCounterpart: O, setShowEditCounterpartDialog: k, showEditCounterpartButton: xe = !1 }) => {
+	let { i18n: A } = ge(), { setValue: j, getValues: M } = ve(), N = me(null), [Se, P] = p(!1), [Ce, F] = p(!1), [I, we] = p(null), [L, R] = p(!1), [z, B] = p(!1), [V, H] = p(""), [Te, U] = p(""), [W, Ee] = p(!1), G = e(), K = oe(), { data: q, isLoading: De } = se({ query: { is_vendor: !0 } }), J = M(y), Y = w === "vendor" ? A._("New vendor") : A._("New customer"), Oe = w === "vendor" ? A._("Create new vendor") : A._("Create new customer"), X = f(() => S ? Array.isArray(J) && J.length > 0 : J != null && J !== "", [J, S]), Z = f(() => {
+		let e = [], n = q?.data.map((e) => ({
+			id: e.id,
+			label: t(e)
+		})) ?? [];
+		return !S && E && !n.some((e) => e.id === E.id) && e.push({
+			id: E.id,
+			label: t(E)
+		}), !S && D && !n.some((e) => e.id === D.id) && !e.some((e) => e.id === D.id) && e.push({
+			id: D.id,
+			label: t(D)
+		}), !S && O && !n.some((e) => e.id === O.id) && !e.some((e) => e.id === O.id) && e.push({
+			id: O.id,
+			label: t(O)
+		}), [...e, ...n];
+	}, [
+		q,
+		S,
+		E,
+		D,
+		O
+	]), ke = f(() => !S || !Array.isArray(J) ? [] : J.map((e) => e.id), [J, S]);
+	d(() => {
+		if (I) {
+			let e = M(y);
+			if (S) {
+				let t = e || [];
+				if (!t?.some((e) => e.id === I)) {
+					let e = Z.find((e) => e.id === I), n = {
+						id: I,
+						label: e ? e.label : Y
+					};
+					j(y, [...t, n]);
+				}
+			} else j(y, I, { shouldValidate: !0 });
+		}
+	}, [
+		I,
+		j,
+		y,
+		M,
+		Z,
+		S,
+		Y
+	]), d(() => {
+		if (X || D?.id) B(!0);
+		else {
+			let e = setTimeout(() => {
+				G.current && B(!0);
+			}, ye);
+			return () => clearTimeout(e);
+		}
+	}, [
+		X,
+		D?.id,
+		G
+	]), d(() => {
+		if (!S && !X && !L && G.current) {
+			let e = D || E;
+			if (e?.id) {
+				if (e === D && !z) return;
+				j(y, e.id, { shouldValidate: !0 });
+			}
+		}
+	}, [
+		E,
+		D,
+		S,
+		X,
+		L,
+		y,
+		j,
+		G,
+		z
+	]);
+	let Q = f(() => S ? Array.isArray(J) ? J : [] : Z.find((e) => e.id === J) || null, [
+		J,
+		Z,
+		S
+	]), $ = f(() => {
+		let e = Q ? "" : V.toLowerCase().trim();
+		return e ? Z.filter((t) => t.label.toLowerCase().includes(e)) : Z;
+	}, [
+		V,
+		Q,
+		Z
+	]), Ae = Q?.label ?? V;
+	return De && !(E || D || O) ? /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(l, { children: [/* @__PURE__ */ h(u, {
+		required: x,
+		children: b
+	}), /* @__PURE__ */ g("div", {
+		className: "ttw:relative",
+		children: [/* @__PURE__ */ h(ee, {
+			disabled: !0,
+			className: "ttw:opacity-50"
+		}), /* @__PURE__ */ h("span", {
+			className: "ttw:absolute ttw:right-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:flex ttw:items-center",
+			children: /* @__PURE__ */ h(ce, { className: "ttw:h-4 ttw:w-4" })
+		})]
+	})] }) }) : /* @__PURE__ */ g("div", {
+		ref: N,
+		children: [
+			Se && /* @__PURE__ */ h(ue, {
+				open: !0,
+				onClose: () => {
+					P(!1), F(!1);
+				},
+				onCreate: (e) => {
+					P(!1), we(e);
+				},
+				getCounterpartDefaultValues: Ce ? be : void 0,
+				customerType: w
+			}),
+			/* @__PURE__ */ h(_e, {
+				control: v,
+				name: y,
+				render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(l, { children: [
+					/* @__PURE__ */ h(u, {
+						required: x,
+						children: b
+					}),
+					S ? /* @__PURE__ */ g(r, {
+						multiple: !0,
+						value: ke,
+						items: Z.map((e) => e.id),
+						filter: () => !0,
+						onInputValueChange: (e) => U(e),
+						onValueChange: (e) => {
+							R(!0), U("");
+							let t = e.map((e) => Z.find((t) => t.id === e) || {
+								id: e,
+								label: Y
+							});
+							j(y, t);
+						},
+						disabled: C || De,
+						children: [/* @__PURE__ */ g(ne, {
+							ref: K,
+							"aria-invalid": !!t || void 0,
+							children: [ke.map((e) => {
+								let t = Z.find((t) => t.id === e);
+								return /* @__PURE__ */ h(te, { children: t?.label ?? "" }, e);
+							}), /* @__PURE__ */ h(re, {})]
+						}), /* @__PURE__ */ g(i, {
+							anchor: K,
+							container: N.current,
+							children: [/* @__PURE__ */ h("div", {
+								className: "ttw:px-1 ttw:pt-1",
+								children: /* @__PURE__ */ g(n, {
+									variant: "ghost",
+									size: "sm",
+									type: "button",
+									className: "ttw:w-full ttw:justify-start ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary",
+									onClick: () => P(!0),
+									children: [/* @__PURE__ */ h(m, {}), Oe]
+								})
+							}), /* @__PURE__ */ h(o, { children: (() => {
+								let e = Te.toLowerCase().trim(), t = e ? Z.filter((t) => t.label.toLowerCase().includes(e)) : Z;
+								return t.length === 0 ? /* @__PURE__ */ h(s, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:flex ttw:w-full ttw:justify-center ttw:py-2 ttw:text-center",
+									children: A._("No {customerType} found", { customerType: w === "vendor" ? "vendors" : "customers" })
+								}) : t.map((e) => /* @__PURE__ */ h(a, {
+									value: e.id,
+									children: e.label
+								}, e.id));
+							})() })]
+						})]
+					}) : /* @__PURE__ */ g(r, {
+						value: e.value || null,
+						onValueChange: (e) => {
+							if (e === _) {
+								P(!0);
+								return;
+							}
+							R(!0), H(""), j(y, e ?? "", { shouldValidate: !0 });
+						},
+						inputValue: Ae,
+						onInputValueChange: (t) => {
+							t !== _ && (Z.some((e) => e.id === t) || (H(t), e.value && j(y, "")));
+						},
+						filter: () => !0,
+						open: W,
+						onOpenChange: Ee,
+						disabled: C,
+						children: [/* @__PURE__ */ g("div", {
+							className: "ttw:relative",
+							children: [/* @__PURE__ */ h(ae, {
+								className: "ttw:w-full",
+								"aria-invalid": !!t || void 0,
+								showClear: W && (!!Q || !!V),
+								disabled: C
+							}), !W && Q && xe && k && e.value && /* @__PURE__ */ h("div", {
+								className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center",
+								children: /* @__PURE__ */ h(n, {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									className: "ttw:pointer-events-auto ttw:min-w-0 ttw:px-1",
+									onPointerDown: (e) => e.stopPropagation(),
+									onClick: (e) => {
+										e.preventDefault(), k(!0);
+									},
+									children: A._("Edit")
+								})
+							})]
+						}), /* @__PURE__ */ h(i, {
+							container: N.current,
+							children: /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ g(a, {
+								value: _,
+								className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary",
+								children: [/* @__PURE__ */ h(m, {}), Oe]
+							}), $.length === 0 ? /* @__PURE__ */ h(ie, { children: A._("No {customerType} found", { customerType: w === "vendor" ? "vendors" : "customers" }) }) : $.map((e) => /* @__PURE__ */ h(a, {
+								value: e.id,
+								children: e.label
+							}, e.id))] })
+						})]
+					}),
+					/* @__PURE__ */ h(le, { errors: [t] })
+				] }) })
+			}),
+			D && J === D.id && /* @__PURE__ */ g(de, {
+				variant: "info",
+				className: "ttw:mt-2",
+				icon: /* @__PURE__ */ h(he, {}),
+				children: [/* @__PURE__ */ h(pe, { children: A._("Vendor auto-matched by AI") }), /* @__PURE__ */ h(fe, { children: A._("The vendor name on the bill doesn't exactly match the saved vendor, so AI selected the closest option.") })]
+			}),
+			!D && !E && T && !J && !S && /* @__PURE__ */ g(s, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:mt-1",
+				children: [
+					A._("The specified vendor has not been saved yet."),
+					" ",
+					A._("Create new vendor:"),
+					/* @__PURE__ */ h(n, {
+						variant: "link",
+						size: "sm",
+						className: "ttw:ml-0.5 ttw:p-0 ttw:h-auto ttw:text-xs ttw:underline",
+						onClick: (e) => {
+							e.preventDefault(), F(!0), P(!0);
+						},
+						children: T
+					})
+				]
+			}),
+			!D && E && J == E.id && !S && k && /* @__PURE__ */ h(de, {
+				variant: "warning",
+				className: "ttw:mt-2",
+				children: /* @__PURE__ */ g(fe, { children: [
+					A._("The vendor details in the bill don't fully match the saved vendor. Consider editing the saved vendor or creating a new one."),
+					/* @__PURE__ */ h("br", {}),
+					/* @__PURE__ */ h(n, {
+						variant: "link",
+						size: "sm",
+						className: "ttw:mr-1 ttw:p-0 ttw:h-auto ttw:font-medium ttw:text-inherit ttw:underline",
+						onClick: (e) => {
+							e.preventDefault(), k(!0);
+						},
+						children: `${A._("Edit")} ${t(E)}`
+					}),
+					A._(" or "),
+					/* @__PURE__ */ h(n, {
+						variant: "link",
+						size: "sm",
+						className: "ttw:ml-1 ttw:p-0 ttw:h-auto ttw:font-medium ttw:text-inherit ttw:underline",
+						onClick: (e) => {
+							e.preventDefault(), F(!0), P(!0);
+						},
+						children: A._("Create new vendor")
+					})
+				] })
+			})
+		]
 	});
-}
-function i({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Fallback, {
-		"data-slot": "avatar-fallback",
-		className: e("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", r),
-		...i
-	});
-}
+};
 //#endregion
-export { r as Avatar, i as AvatarFallback };
+export { v as CounterpartAutocomplete };