@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,60 +1,7 @@
-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";
+function e() {
+	let e = window.getSelection();
+	return !!e && !!e.toString();
+}
 //#endregion
-export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };
+export { e as hasSelectedText };

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

@@ -1,299 +1,191 @@
-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";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { getCounterpartName as n } from "./index53.js";
+import { useCurrencies as r } from "./index63.js";
+import { Button as ee } from "./index56.js";
+import { useCounterpartList as i } from "./index129.js";
+import { MoniteScopedProviders as a } from "./index237.js";
+import { LoadingSpinner as o } from "./index51.js";
+import { useUserPermissions as s } from "./index116.js";
+import { useGetReceivablesAnalytics as c } from "./index174.js";
+import { FILTER_TYPE_SEARCH as l } from "./index241.js";
+import { CounterpartTableFilters as u } from "./index242.js";
+import { CounterPartCellByData as d } from "./index243.js";
+import { GetNoRowsOverlay as f } from "./index246.js";
+import { AccessRestriction as te } from "./index247.js";
+import "./index249.js";
+import { DataTable as ne } from "./index251.js";
+import { hasSelectedText as p } from "./index252.js";
+import { useMemo as m, useState as h } from "react";
+import { ArrowDown as g, ArrowUp as _, ArrowUpDown as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index253.js
-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 });
+var S = (e) => /* @__PURE__ */ y(a, { children: /* @__PURE__ */ y(C, { ...e }) }), C = ({ onRowClick: a, onChangeSort: S, onChangeFilter: C, openModal: w }) => {
+	let { i18n: T } = x(), { componentSettings: E, api: re } = t(), { formatCurrencyToDisplay: D } = r(), [O, k] = h(void 0), [A, j] = h(E.counterparts.pageSizeOptions[0]), [M, N] = h({}), [P, F] = h(void 0), I = s(), L = I.has(e.CounterpartReadOrg);
+	I.has(e.CounterpartWriteOrg), I.has(e.CounterpartWriteOrg);
+	let { data: R, isLoading: z, refetch: B, isError: V } = i({ query: {
+		sort: P?.field,
+		order: P?.sort,
+		limit: A || void 0,
+		pagination_token: O,
+		type: M.type || void 0,
+		counterpart_name__icontains: M.search || void 0,
+		is_customer: !0
+	} }), H = m(() => R?.data.map((e) => e.id) ?? [], [R]), U = re.finops.getCounterpartsIdAddresses.useQueries({ queries: H.map((e) => ({ parameters: { path: { counterpart_id: e } } })) }), W = m(() => new Map(H.map((e, t) => [e, U[t]?.data])), [H, U]), { data: G, isLoading: K } = c({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		type: "invoice",
+		status__in: [
+			"issued",
+			"overdue",
+			"partially_paid",
+			"paid"
+		],
+		counterpart_id__in: H
+	}), q = m(() => new Map(G?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [G]), { data: J, isLoading: Y } = c({
+		dimension: "counterpart_id",
+		metric: "amount_due",
+		aggregation_function: "summary",
+		type: "invoice",
+		status__in: [
+			"issued",
+			"overdue",
+			"partially_paid"
+		],
+		counterpart_id__in: H
+	}), X = m(() => new Map(J?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [J]), Z = P ? [{
+		id: P.field,
+		desc: P.sort === "desc"
+	}] : [], ie = (e) => {
+		let t = typeof e == "function" ? e(Z) : e;
+		if (t.length > 0) {
+			let e = {
+				field: t[0].id,
+				sort: t[0].desc ? "desc" : "asc"
+			};
+			F(e), S?.(e);
+		} else F(void 0);
+		k(void 0);
+	}, ae = (e, t) => {
+		k(void 0), N((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		})), C?.({
+			field: e,
+			value: t
+		});
+	}, oe = m(() => [
+		{
+			accessorKey: "counterpart_name",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [T._("Name"), /* @__PURE__ */ y(ee, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: y(t === "asc" ? _ : t === "desc" ? g : v, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => {
+				let t = W.get(e.original.id);
+				return /* @__PURE__ */ y(d, {
+					name: n(e.original),
+					country: t?.data[0]?.country,
+					city: t?.data[0]?.city
+				});
 			}
-		}
-	}, [
-		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
+		},
+		{
+			accessorKey: "total_billed",
+			header: () => /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: T._("Billed amount")
 			}),
-			/* @__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] })
-				] }) })
+			cell: ({ row: e }) => {
+				let t = q.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ y("div", {
+					className: "ttw:text-right",
+					children: K ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_received",
+			header: () => /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: T._("Received amount")
 			}),
-			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.") })]
+			cell: ({ row: e }) => {
+				let t = (q.get(e.original.id) ?? 0) - (X.get(e.original.id) ?? 0);
+				return /* @__PURE__ */ y("div", {
+					className: "ttw:text-right",
+					children: Y || K ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_due",
+			header: () => /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: T._("Amount due")
 			}),
-			!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
-					})
-				]
+			cell: ({ row: e }) => {
+				let t = X.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ y("div", {
+					className: "ttw:text-right",
+					children: Y ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
+				});
+			}
+		}
+	], [
+		T,
+		W,
+		q,
+		X,
+		D
+	]);
+	if (!L) return /* @__PURE__ */ y(te, {});
+	let Q = Object.keys(M).some((e) => M[e] !== null && M[e] !== void 0), $ = !!M[l];
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: /* @__PURE__ */ y(ne, {
+			columns: oe,
+			data: R?.data ?? [],
+			sorting: Z,
+			onSortingChange: ie,
+			pageSize: A,
+			onPageSizeChange: j,
+			nextPaginationToken: R?.next_pagination_token ?? void 0,
+			prevPaginationToken: R?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: k,
+			onRowClick: (e) => {
+				p() || a?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ y(u, {
+				isDisabled: !Q && !$ && !R?.data?.length,
+				onChangeFilter: ae
 			}),
-			!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")
-					})
-				] })
+			children: /* @__PURE__ */ y(f, {
+				noDataTitle: T._("No customers yet"),
+				noDataDescription1: T._("You don't have any customers yet."),
+				filterTitle: T._("No customers found"),
+				isLoading: z,
+				dataLength: R?.data.length || 0,
+				isFiltering: Q,
+				isSearching: $,
+				isError: V,
+				onCreate: () => w?.(!0),
+				refetch: B,
+				entityName: T._("Customer"),
+				actionButtonLabel: T._("Create new")
 			})
-		]
+		})
 	});
 };
 //#endregion
-export { v as CounterpartAutocomplete };
+export { S as CustomersTable };