@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,299 +1,216 @@
-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";
+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 ee } from "./index63.js";
+import { Button as te } from "./index56.js";
+import { useGetPayablesAnalytics as r } from "./index113.js";
+import { useCounterpartList as i } from "./index125.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { LoadingSpinner as o } from "./index51.js";
+import { useUserPermissions as ne } from "./index112.js";
+import { FILTER_TYPE_SEARCH as s } from "./index236.js";
+import { CounterpartTableFilters as c } from "./index237.js";
+import { CounterPartCellByData as l } from "./index238.js";
+import { GetNoRowsOverlay as u } from "./index241.js";
+import { AccessRestriction as d } from "./index242.js";
+import "./index244.js";
+import { DataTable as f } from "./index246.js";
+import { hasSelectedText as p } from "./index247.js";
+import { useMemo as m, useState as h } from "react";
+import { ArrowDown as re, ArrowUp as g, ArrowUpDown as _ } from "lucide-react";
+import { jsx as v, jsxs as ie } from "@emotion/react/jsx-runtime";
+import { useLingui as y } from "@lingui/react";
+import { twMerge as b } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index249.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 x = (e) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(S, { ...e }) }), S = ({ onRowClick: a, onChangeSort: x, onChangeFilter: S, openModal: C }) => {
+	let { i18n: w } = y(), { componentSettings: T, api: ae } = t(), { formatCurrencyToDisplay: E } = ee(), [oe, D] = h(void 0), [O, se] = h(T.counterparts.pageSizeOptions[0] ?? 10), [k, A] = h({}), [j, M] = h(void 0), N = ne(), P = N.has(e.CounterpartReadOrg);
+	N.has(e.CounterpartWriteOrg), N.has(e.CounterpartWriteOrg);
+	let { data: F, isLoading: I, refetch: L, isError: R } = i({ query: {
+		sort: j?.field,
+		order: j?.sort,
+		limit: O || void 0,
+		pagination_token: oe,
+		type: k.type || void 0,
+		counterpart_name__icontains: k.search || void 0,
+		is_vendor: !0
+	} }), z = m(() => F?.data.map((e) => e.id) ?? [], [F]), B = ae.finops.getCounterpartsIdAddresses.useQueries({ queries: z.map((e) => ({ parameters: { path: { counterpart_id: e } } })) }), V = m(() => new Map(z.map((e, t) => [e, B[t]?.data])), [z, B]), { data: H, isLoading: U } = r({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid",
+			"paid"
+		],
+		counterpart_id__in: z
+	}), W = m(() => new Map(H?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [H]), { data: G, isLoading: K } = r({
+		dimension: "counterpart_id",
+		metric: "amount_due",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid"
+		],
+		counterpart_id__in: z
+	}), q = m(() => new Map(G?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [G]), { data: J, isLoading: Y } = r({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: ["rejected"],
+		counterpart_id__in: z
+	}), X = m(() => new Map(J?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [J]), Z = j ? [{
+		id: j.field,
+		desc: j.sort === "desc"
+	}] : [], ce = (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"
+			};
+			M(e), x?.(e);
+		} else M(void 0);
+		D(void 0);
+	}, le = (e, t) => {
+		D(void 0), A((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		})), S?.({
+			field: e,
+			value: t
+		});
+	}, ue = m(() => [
+		{
+			accessorKey: "counterpart_name",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ ie("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [w._("Name"), /* @__PURE__ */ v(te, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: v(t === "asc" ? g : t === "desc" ? re : _, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => {
+				let t = V.get(e.original.id);
+				return /* @__PURE__ */ v(l, {
+					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__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Billed amount")
+			}),
+			cell: ({ row: e }) => {
+				let t = W.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: "ttw:text-right",
+					children: U ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_paid",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Total paid to date")
 			}),
-			/* @__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 = (W.get(e.original.id) ?? 0) - (q.get(e.original.id) ?? 0);
+				return /* @__PURE__ */ v("div", {
+					className: b("ttw:text-right", t > 0 && "ttw:text-green-700"),
+					children: U || K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_rejected",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Rejected 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 = X.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: b("ttw:text-right", t > 0 && "ttw:text-orange-700"),
+					children: Y ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_owed",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Balance 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 = q.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: "ttw:text-right",
+					children: K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		}
+	], [
+		w,
+		V,
+		U,
+		K,
+		Y,
+		W,
+		q,
+		X,
+		E
+	]);
+	if (!P) return /* @__PURE__ */ v(d, {});
+	let Q = Object.keys(k).some((e) => k[e] !== null && k[e] !== void 0), $ = !!k[s];
+	return /* @__PURE__ */ v("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: /* @__PURE__ */ v(f, {
+			columns: ue,
+			data: F?.data ?? [],
+			sorting: Z,
+			onSortingChange: ce,
+			pageSize: O,
+			onPageSizeChange: se,
+			nextPaginationToken: F?.next_pagination_token ?? void 0,
+			prevPaginationToken: F?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: D,
+			onRowClick: (e) => {
+				p() || a?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ v(c, {
+				isDisabled: !Q && !$ && !F?.data?.length,
+				onChangeFilter: le
 			}),
-			!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__ */ v(u, {
+				noDataTitle: w._("Build your vendors list."),
+				noDataDescription1: w._("Save the people and businesses you pay so you can send payments when bills come in."),
+				filterTitle: w._("No vendors found"),
+				isLoading: I,
+				dataLength: F?.data.length || 0,
+				isFiltering: Q,
+				isSearching: $,
+				isError: R,
+				onCreate: () => C?.(!0),
+				refetch: L,
+				entityName: w._("Vendor"),
+				actionButtonLabel: w._("Add your first vendor")
 			})
-		]
+		})
 	});
 };
 //#endregion
-export { v as CounterpartAutocomplete };
+export { x as VendorsTable };