@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,8 +1,299 @@
-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 { 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 "./index246.js";
+import { Alert as de, AlertDescription as fe, AlertTitle as pe } from "./index248.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/index249.js
-var r = () => /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(t, {}) });
+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")
+					})
+				] })
+			})
+		]
+	});
+};
 //#endregion
-export { r as LoadingPage };
+export { v as CounterpartAutocomplete };

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

@@ -1 +1,6 @@
+import "./index53.js";
+import "./index231.js";
+import "./index244.js";
+import "./index245.js";
+import "./index247.js";
 import "./index249.js";

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

@@ -1,21 +1,8 @@
-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 { 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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index251.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
-	});
-}
-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
-	});
-}
+var r = () => /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(t, {}) });
 //#endregion
-export { r as Avatar, i as AvatarFallback };
+export { r as LoadingPage };

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

@@ -1,72 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index252.js
-var e = ({ variant: e, isError: r = !1, componentType: i, showAvatar: a = !1, showUsersAsEmail: o = !1, className: s = "" }) => {
-	if (r) {
-		let t = `ttw:text-muted-foreground ${s}`;
-		return i === "user" && e !== "badge" ? {
-			useBadge: !1,
-			badgeVariant: "outline",
-			className: t,
-			showAvatar: !1,
-			showIcon: !1
-		} : {
-			useBadge: !0,
-			badgeVariant: "outline",
-			className: t,
-			showAvatar: !1,
-			showIcon: !1
-		};
-	}
-	return i === "user" ? t(e, a, o, s) : n(e, s);
-};
-function t(e, t, n, r) {
-	switch (e) {
-		case "badge": return {
-			useBadge: !0,
-			badgeVariant: "secondary",
-			className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${r}`,
-			showAvatar: t,
-			showIcon: !1
-		};
-		case "cell": return {
-			useBadge: !1,
-			badgeVariant: "secondary",
-			className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${n ? "ttw:text-blue-600" : ""} ${r}`,
-			showAvatar: !1,
-			showIcon: !1
-		};
-		default: return {
-			useBadge: !1,
-			badgeVariant: "secondary",
-			className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${r}`,
-			showAvatar: !1,
-			showIcon: !1
-		};
-	}
-}
-function n(e, t) {
-	switch (e) {
-		case "filled": return {
-			useBadge: !0,
-			badgeVariant: "secondary",
-			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${t}`,
-			showAvatar: !1,
-			showIcon: !1
-		};
-		case "outlined": return {
-			useBadge: !0,
-			badgeVariant: "outline",
-			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${t}`,
-			showAvatar: !1,
-			showIcon: !0
-		};
-		default: return {
-			useBadge: !0,
-			badgeVariant: "secondary",
-			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${t}`,
-			showAvatar: !1,
-			showIcon: !0
-		};
-	}
-}
-//#endregion
-export { e as getVariantProps };
+import "./index251.js";

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

@@ -1,54 +1,21 @@
-import { useEntityUserById as e } from "./index129.js";
-import "./index138.js";
-import { Skeleton as t } from "./index54.js";
-import { Badge as n } from "./index195.js";
-import { Avatar as r, AvatarFallback as i } from "./index251.js";
-import { getVariantProps as a } from "./index252.js";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index253.js
-var c = ({ userId: c, user: l, variant: u = "text", showUsersAsEmail: d = !1, showAvatar: f = !1, className: p = "" }) => {
-	let { data: m, isLoading: h, isError: g } = e(l ? void 0 : c), _ = l || m;
-	if (!_ && !h && g && c) {
-		let { useBadge: e, badgeVariant: t, className: r } = a({
-			variant: u,
-			isError: !0,
-			componentType: "user",
-			className: p
-		});
-		return e ? /* @__PURE__ */ o(n, {
-			variant: t,
-			className: r,
-			children: "N/A"
-		}) : /* @__PURE__ */ o("span", {
-			className: r,
-			children: "N/A"
-		});
-	}
-	if (!_ && !h) return null;
-	let v = _ ? `${_.first_name ?? ""} ${_.last_name ?? ""}`.trim() : "", y = _ ? `${_.first_name?.[0] ?? ""}${_.last_name?.[0] ?? ""}`.toUpperCase() : "", b = d && _?.email ? _.email : v || _?.email || "";
-	if (h) return /* @__PURE__ */ o(t, { className: "ttw:h-4 ttw:w-20" });
-	let { useBadge: x, badgeVariant: S, className: C, showAvatar: w } = a({
-		variant: u,
-		isError: !1,
-		componentType: "user",
-		showAvatar: f,
-		showUsersAsEmail: d,
-		className: p
+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
 	});
-	return x ? /* @__PURE__ */ s(n, {
-		variant: S,
-		className: C,
-		children: [w && /* @__PURE__ */ o(r, {
-			className: "ttw:w-4 ttw:h-4",
-			children: /* @__PURE__ */ o(i, {
-				className: "ttw:text-xs ttw:font-medium",
-				children: y
-			})
-		}), b]
-	}) : /* @__PURE__ */ o("span", {
-		className: C,
-		children: b
+}
+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 { c as User };
+export { r as Avatar, i as AvatarFallback };

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

@@ -1 +1,72 @@
-import "./index253.js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index254.js
+var e = ({ variant: e, isError: r = !1, componentType: i, showAvatar: a = !1, showUsersAsEmail: o = !1, className: s = "" }) => {
+	if (r) {
+		let t = `ttw:text-muted-foreground ${s}`;
+		return i === "user" && e !== "badge" ? {
+			useBadge: !1,
+			badgeVariant: "outline",
+			className: t,
+			showAvatar: !1,
+			showIcon: !1
+		} : {
+			useBadge: !0,
+			badgeVariant: "outline",
+			className: t,
+			showAvatar: !1,
+			showIcon: !1
+		};
+	}
+	return i === "user" ? t(e, a, o, s) : n(e, s);
+};
+function t(e, t, n, r) {
+	switch (e) {
+		case "badge": return {
+			useBadge: !0,
+			badgeVariant: "secondary",
+			className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${r}`,
+			showAvatar: t,
+			showIcon: !1
+		};
+		case "cell": return {
+			useBadge: !1,
+			badgeVariant: "secondary",
+			className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${n ? "ttw:text-blue-600" : ""} ${r}`,
+			showAvatar: !1,
+			showIcon: !1
+		};
+		default: return {
+			useBadge: !1,
+			badgeVariant: "secondary",
+			className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${r}`,
+			showAvatar: !1,
+			showIcon: !1
+		};
+	}
+}
+function n(e, t) {
+	switch (e) {
+		case "filled": return {
+			useBadge: !0,
+			badgeVariant: "secondary",
+			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${t}`,
+			showAvatar: !1,
+			showIcon: !1
+		};
+		case "outlined": return {
+			useBadge: !0,
+			badgeVariant: "outline",
+			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${t}`,
+			showAvatar: !1,
+			showIcon: !0
+		};
+		default: return {
+			useBadge: !0,
+			badgeVariant: "secondary",
+			className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${t}`,
+			showAvatar: !1,
+			showIcon: !0
+		};
+	}
+}
+//#endregion
+export { e as getVariantProps };

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

@@ -1,27 +1,54 @@
+import { useEntityUserById as e } from "./index129.js";
+import "./index138.js";
+import { Skeleton as t } from "./index54.js";
+import { Badge as n } from "./index195.js";
+import { Avatar as r, AvatarFallback as i } from "./index253.js";
+import { getVariantProps as a } from "./index254.js";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index255.js
-var e = {
-	WAS_CREATED_BY_USER_ID: "was_created_by_user_id",
-	COUNTERPART_ID: "counterpart_id",
-	TAGS: "tags.id",
-	AMOUNT: "amount",
-	CURRENCY: "currency"
-}, t = (t) => Object.values(e).includes(t), n = {
-	IN: "in",
-	EQUALS: "==",
-	GREATER_THAN: ">",
-	LESS_THAN: "<",
-	GREATER_THAN_OR_EQUAL: ">=",
-	LESS_THAN_OR_EQUAL: "<=",
-	RANGE: "range"
-}, r = (e) => Object.values(n).includes(e), i = (e) => e.replace("invoice.", ""), a = (e) => e.operator === n.IN && typeof e.left_operand == "string" && typeof e.right_operand == "object" && e.right_operand && "name" in e.right_operand, o = (e) => !!e.left_operand && typeof e.left_operand == "object" && "name" in e.left_operand, s = (e) => a(e) ? {
-	key: i(e.right_operand.name),
-	value: e.left_operand
-} : o(e) ? {
-	key: i(e.left_operand?.name),
-	value: e.right_operand
-} : {
-	key: null,
-	value: null
+var c = ({ userId: c, user: l, variant: u = "text", showUsersAsEmail: d = !1, showAvatar: f = !1, className: p = "" }) => {
+	let { data: m, isLoading: h, isError: g } = e(l ? void 0 : c), _ = l || m;
+	if (!_ && !h && g && c) {
+		let { useBadge: e, badgeVariant: t, className: r } = a({
+			variant: u,
+			isError: !0,
+			componentType: "user",
+			className: p
+		});
+		return e ? /* @__PURE__ */ o(n, {
+			variant: t,
+			className: r,
+			children: "N/A"
+		}) : /* @__PURE__ */ o("span", {
+			className: r,
+			children: "N/A"
+		});
+	}
+	if (!_ && !h) return null;
+	let v = _ ? `${_.first_name ?? ""} ${_.last_name ?? ""}`.trim() : "", y = _ ? `${_.first_name?.[0] ?? ""}${_.last_name?.[0] ?? ""}`.toUpperCase() : "", b = d && _?.email ? _.email : v || _?.email || "";
+	if (h) return /* @__PURE__ */ o(t, { className: "ttw:h-4 ttw:w-20" });
+	let { useBadge: x, badgeVariant: S, className: C, showAvatar: w } = a({
+		variant: u,
+		isError: !1,
+		componentType: "user",
+		showAvatar: f,
+		showUsersAsEmail: d,
+		className: p
+	});
+	return x ? /* @__PURE__ */ s(n, {
+		variant: S,
+		className: C,
+		children: [w && /* @__PURE__ */ o(r, {
+			className: "ttw:w-4 ttw:h-4",
+			children: /* @__PURE__ */ o(i, {
+				className: "ttw:text-xs ttw:font-medium",
+				children: y
+			})
+		}), b]
+	}) : /* @__PURE__ */ o("span", {
+		className: C,
+		children: b
+	});
 };
 //#endregion
-export { e as NAMED_VALUES, n as OPERATOR_OPERATIONS, i as extractFieldName, s as getTriggerKeyAndValue, r as isValidOperation, t as isValidTriggerKey };
+export { c as User };