@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,162 +1,191 @@
 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 "./index236.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";
+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 "./index125.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { LoadingSpinner as o } from "./index51.js";
+import { useUserPermissions as s } from "./index112.js";
+import { useGetReceivablesAnalytics as c } from "./index170.js";
+import { FILTER_TYPE_SEARCH as l } from "./index232.js";
+import { CounterpartTableFilters as u } from "./index233.js";
+import { CounterPartCellByData as d } from "./index234.js";
+import { GetNoRowsOverlay as f } from "./index237.js";
+import { AccessRestriction as te } from "./index238.js";
+import "./index240.js";
+import { DataTable as ne } from "./index242.js";
+import { hasSelectedText as p } from "./index243.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/index244.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 } : {}
-				}
+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"
 			};
-			if (r) {
-				let e = await I(a);
-				return R({
-					path: { counterpart_id: e.id },
-					body: n
-				}, { onSuccess: () => {
-					k && k(e.id);
-				} });
+			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
+				});
+			}
+		},
+		{
+			accessorKey: "total_billed",
+			header: () => /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: T._("Billed amount")
+			}),
+			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")
+			}),
+			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")
+				});
 			}
-			return I(a, { onSuccess: ({ id: e }) => {
-				k && k(e);
-			} });
-		})(e);
-	}, [
-		I,
-		N,
-		R,
-		G.handleSubmit,
-		M
+		},
+		{
+			id: "total_due",
+			header: () => /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: T._("Amount due")
+			}),
+			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
 	]);
-	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 })]
-					})]
-				})
-			]
+	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
+			}),
+			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 { D as CreateCounterpartDialog };
+export { S as CustomersTable };

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

@@ -1,60 +1,216 @@
 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 "./index229.js";
-import { AccessRestriction as a } from "./index236.js";
-import "./index238.js";
-import { CustomersTable as o } from "./index242.js";
-import { VendorsTable as s } from "./index243.js";
-import { CreateCounterpartDialog as c } from "./index244.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";
+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 "./index232.js";
+import { CounterpartTableFilters as c } from "./index233.js";
+import { CounterPartCellByData as l } from "./index234.js";
+import { GetNoRowsOverlay as u } from "./index237.js";
+import { AccessRestriction as d } from "./index238.js";
+import "./index240.js";
+import { DataTable as f } from "./index242.js";
+import { hasSelectedText as p } from "./index243.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/index245.js
-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);
+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" })
+					})]
+				});
 			},
-			customerType: n
+			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
+				});
+			}
+		},
+		{
+			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")
+			}),
+			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")
+			}),
+			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")
+			}),
+			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
+			}),
+			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 { h as Counterparts };
+export { x as VendorsTable };