@tesouro/embedded-components-react 0.2.241 → 0.2.242

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

@@ -1,7 +1,113 @@
+import { Button as e } from "./index56.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index101.js";
+import { Table as o, TableBody as s, TableCell as c, TableHead as l, TableHeader as u, TableRow as d } from "./index239.js";
+import { useEffect as f, useState as p } from "react";
+import { flexRender as m, getCoreRowModel as h, useReactTable as g } from "@tanstack/react-table";
+import { ChevronLeft as _, ChevronRight as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useLingui as S } from "@lingui/react";
+import { twMerge as C } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index240.js
-function e() {
-	let e = window.getSelection();
-	return !!e && !!e.toString();
+function w({ columns: w, data: T, sorting: E, onSortingChange: D, pageSize: O, onPageSizeChange: k, nextPaginationToken: A, prevPaginationToken: j, onPaginationTokenChange: M, onRowClick: N, filterComponent: P, children: F, rowLabel: I }) {
+	let { i18n: L } = S(), [R, z] = p(0);
+	f(() => {
+		!j && R !== 0 && z(0);
+	}, [j, R]);
+	let B = T.length === 0 ? 0 : R + 1, V = R + T.length, H = I ? `${B}-${V} ${I}` : `${B}-${V}`, U = g({
+		data: T,
+		columns: w,
+		getCoreRowModel: h(),
+		manualPagination: !0,
+		manualSorting: !0,
+		enableMultiSort: !1,
+		onSortingChange: D,
+		state: {
+			sorting: E,
+			pagination: {
+				pageIndex: 0,
+				pageSize: O
+			}
+		}
+	});
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
+		className: C("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", P && "ttw:pt-4"),
+		children: [P, /* @__PURE__ */ x(o, {
+			className: "ttw:border-none",
+			children: [/* @__PURE__ */ b(u, { children: U.getHeaderGroups().map((e) => /* @__PURE__ */ b(d, { children: e.headers.map((e) => /* @__PURE__ */ b(l, {
+				className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5",
+				children: e.isPlaceholder ? null : m(e.column.columnDef.header, e.getContext())
+			}, e.id)) }, e.id)) }), /* @__PURE__ */ b(s, { children: U.getRowModel().rows?.length ? U.getRowModel().rows.map((e) => /* @__PURE__ */ b(d, {
+				onClick: () => N(e.original),
+				"data-state": e.getIsSelected() && "selected",
+				children: e.getVisibleCells().map((e) => /* @__PURE__ */ b(c, {
+					className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b",
+					children: m(e.column.columnDef.cell, e.getContext())
+				}, e.id))
+			}, e.id)) : /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(c, {
+				colSpan: w.length,
+				className: "ttw:min-h-24 ttw:text-center",
+				children: F || L._("No results.")
+			}) }) })]
+		})]
+	}), /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent",
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
+				children: [L._("Rows per page:"), /* @__PURE__ */ x(t, {
+					value: String(O),
+					onValueChange: (e) => {
+						k(Number(e)), M(void 0), z(0);
+					},
+					children: [/* @__PURE__ */ b(i, {
+						size: "sm",
+						children: /* @__PURE__ */ b(a, {})
+					}), /* @__PURE__ */ x(n, { children: [
+						/* @__PURE__ */ b(r, {
+							value: "10",
+							children: "10"
+						}),
+						/* @__PURE__ */ b(r, {
+							value: "25",
+							children: "25"
+						}),
+						/* @__PURE__ */ b(r, {
+							value: "50",
+							children: "50"
+						}),
+						/* @__PURE__ */ b(r, {
+							value: "100",
+							children: "100"
+						})
+					] })]
+				})]
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
+				children: H
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:items-center ttw:space-x-3",
+				children: [/* @__PURE__ */ b(e, {
+					variant: "ghost",
+					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
+					onClick: () => {
+						M(j), z((e) => e - O);
+					},
+					disabled: !j,
+					children: /* @__PURE__ */ b(_, {})
+				}), /* @__PURE__ */ b(e, {
+					variant: "ghost",
+					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
+					onClick: () => {
+						M(A), z((e) => e + O);
+					},
+					disabled: !A,
+					children: /* @__PURE__ */ b(v, {})
+				})]
+			})
+		]
+	})] });
 }
 //#endregion
-export { e as hasSelectedText };
+export { w as DataTable };

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

@@ -1,191 +1,7 @@
-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 "./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 "./index229.js";
-import { CounterpartTableFilters as u } from "./index230.js";
-import { CounterPartCellByData as d } from "./index231.js";
-import { GetNoRowsOverlay as f } from "./index234.js";
-import { AccessRestriction as te } from "./index235.js";
-import "./index237.js";
-import { DataTable as ne } from "./index239.js";
-import { hasSelectedText as p } from "./index240.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/index241.js
-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
-				});
-			}
-		},
-		{
-			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")
-				});
-			}
-		},
-		{
-			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
-	]);
-	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")
-			})
-		})
-	});
-};
+function e() {
+	let e = window.getSelection();
+	return !!e && !!e.toString();
+}
 //#endregion
-export { S as CustomersTable };
+export { e as hasSelectedText };

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

@@ -2,105 +2,98 @@ 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 { 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 ne } from "./index112.js";
-import { FILTER_TYPE_SEARCH as s } from "./index229.js";
-import { CounterpartTableFilters as c } from "./index230.js";
-import { CounterPartCellByData as l } from "./index231.js";
-import { GetNoRowsOverlay as u } from "./index234.js";
-import { AccessRestriction as d } from "./index235.js";
-import "./index237.js";
-import { DataTable as f } from "./index239.js";
-import { hasSelectedText as p } from "./index240.js";
+import { useUserPermissions as s } from "./index112.js";
+import { useGetReceivablesAnalytics as c } from "./index170.js";
+import { FILTER_TYPE_SEARCH as l } from "./index230.js";
+import { CounterpartTableFilters as u } from "./index231.js";
+import { CounterPartCellByData as d } from "./index232.js";
+import { GetNoRowsOverlay as f } from "./index235.js";
+import { AccessRestriction as te } from "./index236.js";
+import "./index238.js";
+import { DataTable as ne } from "./index240.js";
+import { hasSelectedText as p } from "./index241.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";
+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/index242.js
-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({
+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: [
-			"new",
-			"approve_in_progress",
-			"waiting_to_be_paid",
+			"issued",
+			"overdue",
 			"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({
+		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: [
-			"new",
-			"approve_in_progress",
-			"waiting_to_be_paid",
+			"issued",
+			"overdue",
 			"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) => {
+		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"
 			};
-			M(e), x?.(e);
-		} else M(void 0);
-		D(void 0);
-	}, le = (e, t) => {
-		D(void 0), A((n) => ({
+			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
-		})), S?.({
+		})), C?.({
 			field: e,
 			value: t
 		});
-	}, ue = m(() => [
+	}, oe = m(() => [
 		{
 			accessorKey: "counterpart_name",
 			header: ({ column: e }) => {
 				let t = e.getIsSorted();
-				return /* @__PURE__ */ ie("div", {
+				return /* @__PURE__ */ b("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [w._("Name"), /* @__PURE__ */ v(te, {
+					children: [T._("Name"), /* @__PURE__ */ y(ee, {
 						variant: "ghost",
 						onClick: () => e.toggleSorting(t === "asc"),
-						children: v(t === "asc" ? g : t === "desc" ? re : _, { className: "ttw:size-4" })
+						children: y(t === "asc" ? _ : t === "desc" ? g : v, { className: "ttw:size-4" })
 					})]
 				});
 			},
 			cell: ({ row: e }) => {
-				let t = V.get(e.original.id);
-				return /* @__PURE__ */ v(l, {
+				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
@@ -109,108 +102,90 @@ var x = (e) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(S, { ...e }) }
 		},
 		{
 			accessorKey: "total_billed",
-			header: () => /* @__PURE__ */ v("div", {
+			header: () => /* @__PURE__ */ y("div", {
 				className: "ttw:text-right",
-				children: w._("Billed amount")
+				children: T._("Billed amount")
 			}),
 			cell: ({ row: e }) => {
-				let t = W.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ v("div", {
+				let t = q.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ y("div", {
 					className: "ttw:text-right",
-					children: U ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+					children: K ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
 				});
 			}
 		},
 		{
-			id: "total_paid",
-			header: () => /* @__PURE__ */ v("div", {
+			id: "total_received",
+			header: () => /* @__PURE__ */ y("div", {
 				className: "ttw:text-right",
-				children: w._("Total paid to date")
+				children: T._("Received amount")
 			}),
 			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")
+				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_rejected",
-			header: () => /* @__PURE__ */ v("div", {
+			id: "total_due",
+			header: () => /* @__PURE__ */ y("div", {
 				className: "ttw:text-right",
-				children: w._("Rejected amount")
+				children: T._("Amount due")
 			}),
 			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", {
+				return /* @__PURE__ */ y("div", {
 					className: "ttw:text-right",
-					children: K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+					children: Y ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
 				});
 			}
 		}
 	], [
-		w,
-		V,
-		U,
-		K,
-		Y,
+		T,
 		W,
 		q,
 		X,
-		E
+		D
 	]);
-	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", {
+	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__ */ v(f, {
-			columns: ue,
-			data: F?.data ?? [],
+		children: /* @__PURE__ */ y(ne, {
+			columns: oe,
+			data: R?.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,
+			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__ */ v(c, {
-				isDisabled: !Q && !$ && !F?.data?.length,
-				onChangeFilter: le
+			filterComponent: /* @__PURE__ */ y(u, {
+				isDisabled: !Q && !$ && !R?.data?.length,
+				onChangeFilter: ae
 			}),
-			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,
+			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: R,
-				onCreate: () => C?.(!0),
-				refetch: L,
-				entityName: w._("Vendor"),
-				actionButtonLabel: w._("Add your first vendor")
+				isError: V,
+				onCreate: () => w?.(!0),
+				refetch: B,
+				entityName: T._("Customer"),
+				actionButtonLabel: T._("Create new")
 			})
 		})
 	});
 };
 //#endregion
-export { x as VendorsTable };
+export { S as CustomersTable };