@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,44 +1,77 @@
-import { Input as e } from "./index89.js";
-import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index101.js";
-import { FILTER_TYPE_SEARCH as o, FILTER_TYPE_TYPE as s } from "./index232.js";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useLingui as u } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { Badge as t } from "./index195.js";
+import { getCommonStatusLabel as n } from "./index210.js";
+import "./index232.js";
+import { jsxs as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
+import { cva as a } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js
-var d = ({ onChangeFilter: d, isDisabled: f }) => {
-	let { i18n: p } = u();
-	return /* @__PURE__ */ l("div", {
-		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4 ttw:px-4",
-		children: [/* @__PURE__ */ c(e, {
-			className: "ttw:max-w-100 ttw:w-full",
-			placeholder: p._("Search by name"),
-			onChange: (e) => {
-				d(o, e.target.value);
-			},
-			disabled: f
-		}), /* @__PURE__ */ l(t, {
-			defaultValue: "all",
-			onValueChange: (e) => {
-				d(s, e);
-			},
-			children: [/* @__PURE__ */ c(i, {
-				className: "ttw:max-w-40 ttw:w-full",
-				children: /* @__PURE__ */ c(a, {})
-			}), /* @__PURE__ */ l(n, { children: [
-				/* @__PURE__ */ c(r, {
-					value: "all",
-					children: p._("All types")
-				}),
-				/* @__PURE__ */ c(r, {
-					value: "individual",
-					children: p._("Individuals")
-				}),
-				/* @__PURE__ */ c(r, {
-					value: "organization",
-					children: p._("Companies")
-				})
-			] })]
-		})]
+var o = a("", { variants: {
+	variant: {
+		draft: "ttw:bg-zinc-100 ttw:text-zinc-700",
+		issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
+		issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
+		failed: "ttw:bg-red-100 ttw:text-red-700",
+		accepted: "ttw:bg-green-100 ttw:text-green-700",
+		partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
+		paid: "ttw:bg-green-100 ttw:text-green-700",
+		expired: "ttw:bg-red-100 ttw:text-red-700",
+		uncollectible: "ttw:bg-red-100 ttw:text-red-700",
+		canceled: "ttw:bg-red-100 ttw:text-red-700",
+		recurring: "ttw:bg-zinc-100 ttw:text-zinc-700",
+		declined: "ttw:bg-red-100 ttw:text-red-700",
+		overdue: "ttw:bg-orange-100 ttw:text-orange-700",
+		deleted: "ttw:bg-red-100 ttw:text-red-700"
+	},
+	dotVariant: {
+		draft: "ttw:border-zinc-100 ttw:bg-zinc-700",
+		issuing: "ttw:border-cyan-100 ttw:bg-cyan-700",
+		issued: "ttw:border-cyan-100 ttw:bg-cyan-700",
+		failed: "ttw:border-red-100 ttw:bg-red-700",
+		accepted: "ttw:border-green-100 ttw:bg-green-700",
+		partially_paid: "ttw:border-purple-100 ttw:bg-purple-700",
+		paid: "ttw:border-green-100 ttw:bg-green-700",
+		expired: "ttw:border-red-100 ttw:bg-red-700",
+		uncollectible: "ttw:border-red-100 ttw:bg-red-700",
+		canceled: "ttw:border-red-100 ttw:bg-red-700",
+		recurring: "ttw:border-zinc-100 ttw:bg-zinc-700",
+		declined: "ttw:border-red-100 ttw:bg-red-700",
+		overdue: "ttw:border-orange-100 ttw:bg-orange-700",
+		deleted: "ttw:border-red-100 ttw:bg-red-700"
+	},
+	outlineVariant: {
+		draft: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
+		issuing: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+		issued: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+		failed: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+		accepted: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+		partially_paid: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+		paid: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+		expired: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+		uncollectible: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
+		canceled: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
+		recurring: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
+		declined: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+		overdue: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+		deleted: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50"
+	}
+} }), s = ({ status: a, variant: s = "filled", label: c, icon: l, className: u, showBadgeBackground: d = !0, dotSize: f, ref: p }) => {
+	let { i18n: m } = i();
+	return s === "outline" ? /* @__PURE__ */ r(t, {
+		ref: p,
+		variant: "outline",
+		className: e(o({ outlineVariant: a }), u),
+		children: [l, c ?? n(m, a)]
+	}) : /* @__PURE__ */ r(t, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", o({ variant: a }), !d && "ttw:text-zinc-950!", u),
+		dotClassName: o({ dotVariant: a }),
+		showBadgeBackground: d,
+		showDotBorder: !d,
+		dotSize: f,
+		showDot: !1,
+		children: [l, c ?? n(m, a)]
 	});
 };
 //#endregion
-export { d as CounterpartTableFilters };
+export { s as InvoiceStatusChip };

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

@@ -1,81 +1,22 @@
-import { useCounterpartById as e } from "./index48.js";
-import { getCounterpartName as t } from "./index53.js";
-import "./index138.js";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { Avatar as i, Skeleton as a, Stack as o, Typography as s } from "@mui/material";
-import { useLingui as c } from "@lingui/react";
+import { CenteredContentBox as e } from "./index203.js";
+import "./index204.js";
+import { Typography as t } from "./index62.js";
+import { SearchX as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js
-var l = (e) => {
-	let t = 0;
-	for (let n = e.length - 1; n >= 0; n--) t += e.charCodeAt(n);
-	return t % 5;
-}, u = ({ name: e, country: t, city: u, isLoading: d }) => {
-	let { i18n: f } = c();
-	!e && !d && (e = f._("Unspecified"));
-	let p = e.split(" "), m = (p.length >= 2 ? p[0][0] + p[p.length - 1][0] : e[0] || "").toUpperCase();
-	return /* @__PURE__ */ r(o, {
-		className: "Monite-CounterpartCell",
-		direction: "row",
-		alignItems: "center",
-		spacing: 1.5,
-		justifyContent: "stretch",
-		sx: {
-			maxWidth: "100%",
-			overflow: "hidden"
-		},
-		children: [d ? /* @__PURE__ */ n(a, {
-			animation: "wave",
-			variant: "circular",
-			width: 40,
-			height: 40,
-			sx: { flexShrink: 0 }
-		}) : /* @__PURE__ */ n(i, {
-			className: "MuiAvatar-colored MuiAvatar-" + l(m),
-			children: m
-		}), d || !e ? /* @__PURE__ */ n(a, {
-			animation: "wave",
-			height: 10,
-			width: "100%",
-			sx: {
-				flexShrink: 0,
-				minWidth: "4em"
-			}
-		}) : /* @__PURE__ */ r(o, {
-			direction: "column",
-			alignItems: "stretch",
-			gap: 0,
-			sx: {
-				maxWidth: "100%",
-				flexBasis: 0,
-				flexShrink: 2,
-				flexGrow: 2,
-				overflow: "hidden"
-			},
-			children: [/* @__PURE__ */ n(s, {
-				variant: "body1",
-				className: "Monite-TextOverflowContainer",
-				children: e
-			}), t && u && /* @__PURE__ */ r(s, {
-				variant: "body2",
-				className: "Monite-TextOverflowContainer",
-				children: [
-					t,
-					" • ",
-					u
-				]
-			})]
+var a = ({ title: a, description: o }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ i("div", {
+	className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-4",
+	children: [/* @__PURE__ */ r(n, { className: "ttw:text-destructive ttw:size-8" }), /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2",
+		children: [/* @__PURE__ */ r(t, {
+			variant: "h4",
+			children: a
+		}), /* @__PURE__ */ r(t, {
+			variant: "body1",
+			className: "ttw:text-center",
+			children: o
 		})]
-	});
-}, d = ({ counterpartId: r }) => {
-	let { data: i, isLoading: o } = e(r), s = i ? t(i) : "";
-	return o ? /* @__PURE__ */ n(a, {
-		animation: "wave",
-		height: 26,
-		width: "100%"
-	}) : s ? /* @__PURE__ */ n("span", { children: s }) : /* @__PURE__ */ n("span", {
-		style: { opacity: .4 },
-		children: "-"
-	});
-};
+	})]
+}) });
 //#endregion
-export { u as CounterPartCellByData, d as CounterpartNameCellById, l as calculateAvatarColorIndex };
+export { a as NotFound };