@tesouro/embedded-components-react 0.2.329 → 0.2.331

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js

@@ -2,84 +2,151 @@
 "use client";
 "use client";
 "use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index10.js";
-import { usePayableOcrQueries as n } from "../../data-access/dist/index12.js";
-import "../../data-access/dist/index.js";
-import { billPayUploadQueueKey as r } from "./index53.js";
-import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index54.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { AddBillDialog as i } from "../../ui/dist/index10.js";
+import { BillsScreen as a } from "../../ui/dist/index53.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index37.js";
+import "./index38.js";
+import { BillDetailsContainer as s } from "./index41.js";
+import "./index42.js";
+import "./index48.js";
+import "./index49.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index50.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index52.js";
+import { billsTabTestIds as d } from "./index53.js";
+import { useBillsTable as f } from "./index54.js";
+import { copyTextToClipboard as p } from "./index51.js";
+import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CalendarClockIcon as b, CheckIcon as x, FilePenIcon as S, ListIcon as C, LoaderCircleIcon as w } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js
-function d({ onOpenBill: d, labels: f } = {}) {
-	let p = {
-		...i,
-		...f
-	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
-		queryKey: g,
-		queryFn: () => h.getQueryData(g) ?? [],
-		staleTime: Infinity,
-		gcTime: Infinity,
-		initialData: []
-	}), x = a((e, t) => {
-		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
-			...n,
-			...t
-		} : n));
-	}, [h, g]), S = a((e) => {
-		y(!1);
-		for (let t of e) {
-			let e = crypto.randomUUID();
-			h.setQueryData(g, (n) => [...n ?? [], {
-				localId: e,
-				fileName: t.name,
-				status: "uploading"
-			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+var T = "bills@business-banking.app", E = {
+	[l.Drafts]: /* @__PURE__ */ v(S, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Pending]: /* @__PURE__ */ v(w, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Scheduled]: /* @__PURE__ */ v(b, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Paid]: /* @__PURE__ */ v(x, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.All]: /* @__PURE__ */ v(C, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	})
+};
+function D({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S, poweredByBankName: C }) {
+	let w = g(() => ({
+		...u,
+		...l,
+		queues: {
+			...u.queues,
+			...l?.queues
 		}
-	}, [
-		x,
-		h,
-		g,
-		_
-	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
-	o(() => {
-		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
-			let r = b.find((t) => t.payableId === e && t.status === "uploading");
-			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+	}), [l]), [D, O] = _(!1), [k, A] = _(), [j, M] = _(!1), [N, P] = _(), [F, I] = _(!1), [L, R] = _(!1), { initResponse: z } = r(), B = t(z?.scopes, [n.PayableReadOrg]), V = t(z?.scopes, [n.PayableWriteOrg]), H = !z || B, U = !z || V, W = m((e, t) => {
+		if (t && U) {
+			A(e), M(!0);
+			return;
 		}
-	}, [
-		b,
-		C,
-		x
-	]);
-	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
-		id: e.localId,
-		fileName: e.fileName,
-		status: e.status,
-		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
-	}), O = w.length ? [{
-		id: "in-progress",
-		items: b.map(D)
-	}] : [...T.length ? [{
-		id: "ready",
-		caption: p.readyCaption(T.length),
-		items: T.map(D)
-	}] : [], ...E.length ? [{
-		id: "failed",
-		caption: p.failedCaption(E.length),
-		items: E.map(D)
-	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
-		h.setQueryData(g, []);
-	}, [h, g]);
-	return {
-		enqueue: S,
-		sections: O,
-		summaryLabel: k,
-		collapsed: v,
-		onToggleCollapsed: a(() => y((e) => !e), []),
-		onClose: A,
-		isVisible: b.length > 0
+		P(e), I(!0);
+	}, [U]), G = f({
+		enabled: H,
+		onOpenBill: W
+	}), K = g(() => c.map((e) => ({
+		id: e,
+		label: w.queues[e],
+		icon: E[e]
+	})), [w.queues]), q = () => {
+		I(!1), R(!0);
+	}, J = g(() => ({
+		createButton: w.createButton,
+		addBill: { heading: w.emptyHeading }
+	}), [w.createButton, w.emptyHeading]), Y = () => {
+		O(!1), A(void 0), M(!0);
+	}, X = (e) => {
+		O(!1), b?.(e);
+	}, Z = async () => {
+		await p(T) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
 	};
+	return h(() => {
+		x && (A(x), M(!0), S?.());
+	}, [S, x]), /* @__PURE__ */ y("div", {
+		"data-testid": d.root,
+		children: [
+			/* @__PURE__ */ v(a, {
+				rows: G.rows,
+				isLoading: G.isLoading || !z,
+				isError: G.isError,
+				onRetry: G.onRetry,
+				sorting: G.sorting,
+				onSortingChange: G.onSortingChange,
+				pageSize: G.pageSize,
+				onPageSizeChange: G.onPageSizeChange,
+				hasNextPage: G.hasNextPage,
+				hasPrevPage: G.hasPrevPage,
+				onNextPage: G.onNextPage,
+				onPrevPage: G.onPrevPage,
+				filterTabs: K,
+				selectedFilterTabId: G.selectedFilterTabId,
+				onFilterTabChange: G.onFilterTabChange,
+				searchValue: G.searchValue,
+				onSearchChange: G.onSearchChange,
+				isFiltering: G.hasAnyBills,
+				onCreateClick: U ? () => O(!0) : void 0,
+				onEnterManually: U ? Y : void 0,
+				onFilesSelected: U ? X : void 0,
+				maxFiles: 10,
+				emailAddress: T,
+				onCopyEmail: Z,
+				labels: J
+			}),
+			U ? /* @__PURE__ */ v(i, {
+				open: D,
+				onOpenChange: O,
+				onFilesSelected: X,
+				maxFiles: 10,
+				onEnterManually: Y,
+				emailAddress: T,
+				onCopyEmail: Z,
+				labels: { heading: G.hasAnyBills ? w.nonEmptyHeading : w.emptyHeading }
+			}) : null,
+			j ? /* @__PURE__ */ v(o, {
+				open: j,
+				onOpenChange: M,
+				payableId: k
+			}) : null,
+			F ? /* @__PURE__ */ v(s, {
+				open: F,
+				onOpenChange: I,
+				payableId: N,
+				onClose: () => I(!1),
+				onExpand: q,
+				testId: d.detailsSheet,
+				poweredByBankName: C
+			}) : null,
+			L ? /* @__PURE__ */ v(o, {
+				open: L,
+				onOpenChange: R,
+				payableId: N,
+				readOnly: !0,
+				poweredByBankName: C
+			}) : null
+		]
+	});
 }
 //#endregion
-export { d as useBillUploadQueue };
+export { D as BillsTab, D as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js

@@ -1,3 +1,5 @@
+import "./index50.js";
+import "./index52.js";
 import "./index53.js";
 import "./index54.js";
 import "./index55.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js

@@ -16,10 +16,10 @@ import { BillUploadStatusTray as s } from "../../ui/dist/index56.js";
 import "../../ui/dist/index.js";
 import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
 import "../../../shared/approval-policy/feature/dist/index.js";
-import { billsTabTestIds as l } from "./index49.js";
-import { BillsTab as u } from "./index51.js";
-import "./index52.js";
-import { useBillUploadQueue as d } from "./index55.js";
+import { useBillUploadQueue as l } from "./index48.js";
+import "./index49.js";
+import { billsTabTestIds as u } from "./index53.js";
+import { BillsTab as d } from "./index55.js";
 import "./index56.js";
 import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index43.js";
 import { DEFAULT_TABS_LABELS as m } from "./index57.js";
@@ -47,10 +47,10 @@ function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyCo
 		...p
 	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
 		P(S.Bills), I(e);
-	}, []), R = d({ onOpenBill: L }), z = [{
+	}, []), R = l({ onOpenBill: L }), z = [{
 		id: S.Bills,
 		label: k.bills,
-		content: /* @__PURE__ */ b(u, {
+		content: /* @__PURE__ */ b(d, {
 			onEnqueueFiles: R.enqueue,
 			openPayableId: F,
 			onOpenPayableHandled: () => I(void 0),
@@ -89,7 +89,7 @@ function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyCo
 			collapsed: R.collapsed,
 			onToggleCollapsed: R.onToggleCollapsed,
 			onClose: R.onClose,
-			testId: l.uploadTray
+			testId: u.uploadTray
 		}) : null
 	] });
 }

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index6.js

@@ -4,7 +4,6 @@ import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoney
 var n = {
 	unnamedSourceAccount: "Bank account",
 	availableBalancePrefix: (e) => `Available balance: ${e}`,
-	sufficientFunds: "Funds available",
 	futureInsufficientFunds: "Not enough funds right now. Add funds before the payment date.",
 	todayInsufficientFunds: "Not enough funds to pay today. Choose a different account or a later date."
 };
@@ -24,10 +23,7 @@ function i(i, a = n) {
 }
 function a({ selectedAccount: e, amountDueMinorUnits: t, isToday: r, labels: i = n }) {
 	let a = e?.balanceMinorUnits;
-	return a === void 0 ? { state: "warning" } : a >= t ? {
-		state: "sufficient",
-		message: i.sufficientFunds
-	} : r ? {
+	return a === void 0 ? { state: "warning" } : a >= t ? { state: "sufficient" } : r ? {
 		state: "error",
 		message: i.todayInsufficientFunds
 	} : {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index2.js

@@ -3,6 +3,7 @@ var e = {
 	dropPrefix: "Drop your files here, or",
 	browseAction: "browse to upload",
 	fileTypesHint: "PDF, JPG, or PNG (max. 3MB)",
+	fileCountHint: (e) => `up to ${e} files at a time`,
 	uploadingText: "Uploading…",
 	fileInput: "Choose a file to upload"
 };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index3.js

@@ -10,60 +10,60 @@ function u(e, t) {
 	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
 	return n.length === 0 || n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
 }
-function d({ status: d = "idle", errorMessage: f, accept: p = ".pdf,.png,.jpg,.jpeg", multiple: m = !0, onFilesSelected: h, testId: g, labels: _ }) {
-	let v = {
+function d({ status: d = "idle", errorMessage: f, accept: p = ".pdf,.png,.jpg,.jpeg", multiple: m = !0, maxFiles: h, onFilesSelected: g, testId: _, labels: v }) {
+	let y = {
 		...n,
-		..._
-	}, y = r(null), [b, x] = i(!1), S = d === "uploading";
+		...v
+	}, b = r(null), [x, S] = i(!1), C = d === "uploading";
 	return /* @__PURE__ */ s("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2",
-		"data-testid": g,
+		"data-testid": _,
 		children: [
 			/* @__PURE__ */ s("button", {
 				type: "button",
-				disabled: S,
-				className: e("ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-dashed ttw:px-6 ttw:py-8", b ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted/40"),
-				onClick: () => y.current?.click(),
+				disabled: C,
+				className: e("ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-dashed ttw:px-6 ttw:py-8", x ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted/40"),
+				onClick: () => b.current?.click(),
 				onDragOver: (e) => {
-					e.preventDefault(), x(!0);
+					e.preventDefault(), S(!0);
 				},
 				onDragLeave: (e) => {
-					e.preventDefault(), x(!1);
+					e.preventDefault(), S(!1);
 				},
 				onDrop: (e) => {
-					if (e.preventDefault(), x(!1), S) return;
+					if (e.preventDefault(), S(!1), C) return;
 					let t = (e.dataTransfer.files ? Array.from(e.dataTransfer.files) : []).filter((e) => u(e, p)), n = m ? t : t.slice(0, 1);
-					n.length > 0 && h(n);
+					n.length > 0 && g(n);
 				},
-				children: [S ? /* @__PURE__ */ o(c, { className: "ttw:size-5 ttw:animate-spin ttw:text-primary" }) : /* @__PURE__ */ o(l, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ s("span", {
+				children: [C ? /* @__PURE__ */ o(c, { className: "ttw:size-5 ttw:animate-spin ttw:text-primary" }) : /* @__PURE__ */ o(l, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ s("span", {
 					className: "ttw:flex ttw:flex-col ttw:items-start",
 					children: [/* @__PURE__ */ o("span", {
 						className: "ttw:text-sm ttw:text-primary",
-						children: S ? v.uploadingText : /* @__PURE__ */ s(a, { children: [
-							v.dropPrefix,
+						children: C ? y.uploadingText : /* @__PURE__ */ s(a, { children: [
+							y.dropPrefix,
 							" ",
 							/* @__PURE__ */ o("span", {
 								className: "ttw:underline",
-								children: v.browseAction
+								children: y.browseAction
 							})
 						] })
 					}), /* @__PURE__ */ o("span", {
 						className: "ttw:text-xs ttw:text-muted-foreground",
-						children: v.fileTypesHint
+						children: h === void 0 ? y.fileTypesHint : `${y.fileTypesHint} · ${y.fileCountHint(h)}`
 					})]
 				})]
 			}),
 			/* @__PURE__ */ o("input", {
-				ref: y,
+				ref: b,
 				type: "file",
 				accept: p,
 				multiple: m,
-				disabled: S,
-				"aria-label": v.fileInput,
+				disabled: C,
+				"aria-label": y.fileInput,
 				className: "ttw:hidden",
 				onChange: (e) => {
 					let t = (e.target.files ? Array.from(e.target.files) : []).filter((e) => u(e, p)), n = m ? t : t.slice(0, 1);
-					n.length > 0 && h(n), e.target.value = "";
+					n.length > 0 && g(n), e.target.value = "";
 				}
 			}),
 			d === "error" && f ? /* @__PURE__ */ o(t, { children: f }) : null

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js

@@ -19,59 +19,59 @@ var x = [
 	50,
 	100
 ];
-function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E, pageSize: D, onPageSizeChange: O, pageSizeOptions: k = x, pageInfo: A, hasNextPage: j, hasPrevPage: M, onNextPage: N, onPrevPage: P, filterTabs: F, selectedFilterTabId: I, onFilterTabChange: L, searchValue: R, onSearchChange: z, isFiltering: B, onCreateClick: V, onRetry: H, onFilesSelected: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y }) {
-	let X = h(() => ({
+function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E, pageSize: D, onPageSizeChange: O, pageSizeOptions: k = x, pageInfo: A, hasNextPage: j, hasPrevPage: M, onNextPage: N, onPrevPage: P, filterTabs: F, selectedFilterTabId: I, onFilterTabChange: L, searchValue: R, onSearchChange: z, isFiltering: B, onCreateClick: V, onRetry: H, onFilesSelected: U, maxFiles: W, onEnterManually: G, uploadStatus: K, uploadErrorMessage: q, emailAddress: J, onCopyEmail: Y, labels: X }) {
+	let Z = h(() => ({
 		...p,
-		...Y,
+		...X,
 		statusBadge: {
 			...p.statusBadge,
-			...Y?.statusBadge
+			...X?.statusBadge
 		},
 		addBill: {
 			...p.addBill,
-			...Y?.addBill,
+			...X?.addBill,
 			dropzone: {
 				...p.addBill.dropzone,
-				...Y?.addBill?.dropzone
+				...X?.addBill?.dropzone
 			}
 		},
 		sortableHeader: {
 			...p.sortableHeader,
-			...Y?.sortableHeader
+			...X?.sortableHeader
 		},
 		missingValue: {
 			...p.missingValue,
-			...Y?.missingValue
+			...X?.missingValue
 		}
-	}), [Y]), Z = h(() => [
+	}), [X]), Q = h(() => [
 		{
 			accessorKey: "vendorLabel",
 			enableSorting: !0,
 			header: ({ column: e }) => /* @__PURE__ */ g(n, {
 				column: e,
-				title: X.columnVendor,
-				labels: X.sortableHeader
+				title: Z.columnVendor,
+				labels: Z.sortableHeader
 			}),
-			cell: ({ row: e }) => e.original.vendorLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
+			cell: ({ row: e }) => e.original.vendorLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
 		},
 		{
 			accessorKey: "dueDateLabel",
 			enableSorting: !0,
 			header: ({ column: e }) => /* @__PURE__ */ g(n, {
 				column: e,
-				title: X.columnDueDate,
-				labels: X.sortableHeader
+				title: Z.columnDueDate,
+				labels: Z.sortableHeader
 			}),
-			cell: ({ row: e }) => e.original.dueDateLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
+			cell: ({ row: e }) => e.original.dueDateLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
 		},
 		{
 			accessorKey: "status",
 			enableSorting: !1,
-			header: X.columnStatus,
+			header: Z.columnStatus,
 			cell: ({ row: e }) => /* @__PURE__ */ g(d, {
 				status: e.original.status,
 				tone: e.original.statusTone,
-				labels: X.statusBadge
+				labels: Z.statusBadge
 			})
 		},
 		{
@@ -79,11 +79,11 @@ function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E,
 			enableSorting: !1,
 			header: () => /* @__PURE__ */ g("div", {
 				className: "ttw:text-right",
-				children: X.columnAmountDue
+				children: Z.columnAmountDue
 			}),
 			cell: ({ row: e }) => /* @__PURE__ */ g("div", {
 				className: "ttw:text-right",
-				children: e.original.amountDueLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
+				children: e.original.amountDueLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
 			})
 		},
 		{
@@ -91,24 +91,24 @@ function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E,
 			enableSorting: !0,
 			header: ({ column: e }) => /* @__PURE__ */ g(n, {
 				column: e,
-				title: X.columnAddedOn,
-				labels: X.sortableHeader
+				title: Z.columnAddedOn,
+				labels: Z.sortableHeader
 			}),
-			cell: ({ row: e }) => e.original.addedOnLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
+			cell: ({ row: e }) => e.original.addedOnLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
 		},
 		{
 			id: "actions",
 			enableSorting: !1,
 			header: () => /* @__PURE__ */ g("span", {
 				className: "ttw:sr-only",
-				children: X.columnActions
+				children: Z.columnActions
 			}),
 			cell: ({ row: t }) => /* @__PURE__ */ g("div", {
 				className: "ttw:flex ttw:justify-end",
 				children: /* @__PURE__ */ g(e, {
 					variant: "ghost",
 					size: "icon",
-					"aria-label": X.openRow(t.original.vendorLabel || X.missingValue.missing),
+					"aria-label": Z.openRow(t.original.vendorLabel || Z.missingValue.missing),
 					onClick: (e) => {
 						e.stopPropagation(), t.original.onOpen();
 					},
@@ -116,15 +116,15 @@ function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E,
 				})
 			})
 		}
-	], [X]), Q = !!(V && U) && !C && !w && !B && S.length === 0, $ = /* @__PURE__ */ g("div", {
+	], [Z]), $ = !!(V && U) && !C && !w && !B && S.length === 0, ee = /* @__PURE__ */ g("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: /* @__PURE__ */ _("div", {
 			className: "ttw:relative ttw:w-80",
 			children: [/* @__PURE__ */ g(b, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ g(r, {
 				className: "ttw:pl-9",
 				type: "search",
-				"aria-label": X.searchLabel,
-				placeholder: X.searchPlaceholder,
+				"aria-label": Z.searchLabel,
+				placeholder: Z.searchPlaceholder,
 				value: R,
 				onChange: (e) => z(e.target.value)
 			})]
@@ -137,43 +137,45 @@ function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E,
 		children: [/* @__PURE__ */ _("div", {
 			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
 			children: [/* @__PURE__ */ g(o, {
-				"aria-label": X.filterTabsLabel,
+				"aria-label": Z.filterTabsLabel,
 				children: F.map((e) => /* @__PURE__ */ _(s, {
 					value: e.id,
 					className: "ttw:min-w-28",
 					children: [e.icon, e.label]
 				}, e.id))
-			}), V && !Q ? /* @__PURE__ */ _(e, {
+			}), V && !$ ? /* @__PURE__ */ _(e, {
 				onClick: V,
-				children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), X.createButton]
+				children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), Z.createButton]
 			}) : null]
 		}), (() => {
 			let e = w ? /* @__PURE__ */ g(l, {
-				title: X.errorTitle,
-				description: X.errorDescription,
-				retryLabel: H ? X.errorRetry : void 0,
+				title: Z.errorTitle,
+				description: Z.errorDescription,
+				retryLabel: H ? Z.errorRetry : void 0,
 				onRetry: H
-			}) : Q && V && U ? /* @__PURE__ */ g("div", {
+			}) : $ && V && U ? /* @__PURE__ */ g("div", {
 				className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-				children: q && J ? /* @__PURE__ */ g(u, {
-					emailAddress: q,
-					onCopyEmail: J,
+				children: J && Y ? /* @__PURE__ */ g(u, {
+					emailAddress: J,
+					onCopyEmail: Y,
 					onFilesSelected: U,
 					accept: m,
-					uploadStatus: G,
-					uploadErrorMessage: K,
-					onEnterManually: W ?? V,
-					labels: X.addBill
+					maxFiles: W,
+					uploadStatus: K,
+					uploadErrorMessage: q,
+					onEnterManually: G ?? V,
+					labels: Z.addBill
 				}) : /* @__PURE__ */ g(u, {
 					onFilesSelected: U,
 					accept: m,
-					uploadStatus: G,
-					uploadErrorMessage: K,
-					onEnterManually: W ?? V,
-					labels: X.addBill
+					maxFiles: W,
+					uploadStatus: K,
+					uploadErrorMessage: q,
+					onEnterManually: G ?? V,
+					labels: Z.addBill
 				})
 			}) : /* @__PURE__ */ g(t, {
-				columns: Z,
+				columns: Q,
 				data: S,
 				isLoading: C,
 				sorting: T,
@@ -187,10 +189,10 @@ function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E,
 				onNextPage: N,
 				onPrevPage: P,
 				onRowClick: (e) => e.onOpen(),
-				filterComponent: $,
+				filterComponent: ee,
 				children: B ? /* @__PURE__ */ g(c, {
-					title: X.filteredEmptyTitle,
-					description: X.filteredEmptyDescription
+					title: Z.filteredEmptyTitle,
+					description: Z.filteredEmptyDescription
 				}) : void 0
 			});
 			return F.map((t) => /* @__PURE__ */ g(a, {