@tesouro/embedded-components-react 0.2.325 → 0.2.326

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

@@ -1,162 +1,125 @@
-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 "./index238.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 { 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 "./index245.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 { ArrowDown as _, ArrowUp as v, ArrowUpDown as y, ChevronLeft as b, ChevronRight as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
+import { useLingui as T } from "@lingui/react";
+import { twMerge as E } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index246.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 } : {}
-				}
-			};
-			if (r) {
-				let e = await I(a);
-				return R({
-					path: { counterpart_id: e.id },
-					body: n
-				}, { onSuccess: () => {
-					k && k(e.id);
-				} });
+function D({ columns: _, data: v, sorting: y, onSortingChange: D, pageSize: O, onPageSizeChange: k, nextPaginationToken: A, prevPaginationToken: j, onPaginationTokenChange: M, onRowClick: N, filterComponent: P, children: F, rowLabel: I }) {
+	let { i18n: L } = T(), [R, z] = p(0);
+	f(() => {
+		!j && R !== 0 && z(0);
+	}, [j, R]);
+	let B = v.length === 0 ? 0 : R + 1, V = R + v.length, H = I ? `${B}-${V} ${I}` : `${B}-${V}`, U = g({
+		data: v,
+		columns: _,
+		getCoreRowModel: h(),
+		manualPagination: !0,
+		manualSorting: !0,
+		enableMultiSort: !1,
+		onSortingChange: D,
+		state: {
+			sorting: y,
+			pagination: {
+				pageIndex: 0,
+				pageSize: O
 			}
-			return I(a, { onSuccess: ({ id: e }) => {
-				k && k(e);
-			} });
-		})(e);
-	}, [
-		I,
-		N,
-		R,
-		G.handleSubmit,
-		M
-	]);
-	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")
+		}
+	});
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+		className: E("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__ */ w(o, {
+			className: "ttw:border-none",
+			children: [/* @__PURE__ */ C(u, { children: U.getHeaderGroups().map((e) => /* @__PURE__ */ C(d, { children: e.headers.map((e) => /* @__PURE__ */ C(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__ */ C(s, { children: U.getRowModel().rows?.length ? U.getRowModel().rows.map((e) => /* @__PURE__ */ C(d, {
+				onClick: () => N(e.original),
+				"data-state": e.getIsSelected() && "selected",
+				children: e.getVisibleCells().map((e) => /* @__PURE__ */ C(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__ */ C(d, { children: /* @__PURE__ */ C(c, {
+				colSpan: _.length,
+				className: "ttw:min-h-24 ttw:text-center",
+				children: F || L._("No results.")
+			}) }) })]
+		})]
+	}), /* @__PURE__ */ w("div", {
+		className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent",
+		children: [
+			/* @__PURE__ */ w("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__ */ w(t, {
+					value: String(O),
+					onValueChange: (e) => {
+						k(Number(e)), M(void 0), z(0);
+					},
+					children: [/* @__PURE__ */ C(i, {
+						size: "sm",
+						children: /* @__PURE__ */ C(a, {})
+					}), /* @__PURE__ */ w(n, { children: [
+						/* @__PURE__ */ C(r, {
+							value: "10",
+							children: "10"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "25",
+							children: "25"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "50",
+							children: "50"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "100",
+							children: "100"
 						})
-					}), /* @__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 })]
-					})]
-				})
-			]
-		})
+					] })]
+				})]
+			}),
+			/* @__PURE__ */ C("span", {
+				className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
+				children: H
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "ttw:flex ttw:items-center ttw:space-x-3",
+				children: [/* @__PURE__ */ C(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__ */ C(b, {})
+				}), /* @__PURE__ */ C(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__ */ C(x, {})
+				})]
+			})
+		]
+	})] });
+}
+function O({ column: t, title: n, ariaLabel: r }) {
+	let i = t.getIsSorted();
+	return /* @__PURE__ */ w("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+		children: [n, /* @__PURE__ */ C(e, {
+			variant: "ghost",
+			"aria-label": r,
+			onClick: () => t.toggleSorting(i === "asc"),
+			children: C(i === "asc" ? v : i === "desc" ? _ : y, { className: "ttw:size-4" })
+		})]
 	});
-};
+}
 //#endregion
-export { D as CreateCounterpartDialog };
+export { D as DataTable, O as SortableHeader };

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

@@ -1,60 +1,7 @@
-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 "./index231.js";
-import { AccessRestriction as a } from "./index238.js";
-import "./index240.js";
-import { CustomersTable as o } from "./index244.js";
-import { VendorsTable as s } from "./index245.js";
-import { CreateCounterpartDialog as c } from "./index246.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index247.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);
-			},
-			customerType: n
-		})
-	] });
-};
+function e() {
+	let e = window.getSelection();
+	return !!e && !!e.toString();
+}
 //#endregion
-export { h as Counterparts };
+export { e as hasSelectedText };

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

@@ -1,60 +1,191 @@
-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";
+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 "./index236.js";
+import { CounterpartTableFilters as u } from "./index237.js";
+import { CounterPartCellByData as d } from "./index238.js";
+import { GetNoRowsOverlay as f } from "./index241.js";
+import { AccessRestriction as te } from "./index242.js";
+import "./index244.js";
+import { DataTable as ne } from "./index246.js";
+import { hasSelectedText as p } from "./index247.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/index248.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
+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")
 			}),
-			/* @__PURE__ */ i("div", {
-				className: "ttw:flex-1",
-				children: u
+			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")
 			}),
-			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, {})
+			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")
 			})
-		]
+		})
 	});
 };
-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";
 //#endregion
-export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };
+export { S as CustomersTable };