@tesouro/embedded-components-react 0.3.38 → 0.3.39

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

@@ -8,28 +8,45 @@ import { postApprovalRequestsIdApprove as n, postApprovalRequestsIdReject as r }
 import { getApprovalRequestsOptions as i } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import { withAuthEpoch as a } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
 import "../../../shared/data-access/dist/index.js";
-import { invalidateApprovalDecisionQueries as o } from "./index5.js";
-import { useMutation as s, useQuery as c } from "@tanstack/react-query";
+import { NEWEST_REQUEST_FIRST as o, PAYABLE_OBJECT_TYPE as s } from "./index4.js";
+import { beginApprovalRequestWatch as c, invalidateApprovalDecisionQueries as l, reconcileApprovalDecisionQueries as u } from "./index5.js";
+import { useMutation as d, useQuery as f } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index6.js
-var l = "payable", u = "desc";
-function d(n, { enabled: r } = {}) {
-	let { client: o, organizationId: s, widgetToken: d, authEpoch: f } = e(), p = !!(s && d && n) && r !== !1, m = i({
-		client: o,
-		headers: t(s),
+function p(n, { enabled: r } = {}) {
+	let { client: c, organizationId: l, widgetToken: u, authEpoch: d } = e(), p = !!(l && u && n) && r !== !1, m = i({
+		client: c,
+		headers: t(l),
 		query: {
 			object_id: n ?? "",
-			object_type: l,
-			order: u
+			object_type: s,
+			order: o
 		}
 	});
-	return c({
-		...a(m, f),
+	return f({
+		...a(m, d),
 		enabled: p
 	});
 }
-function f() {
+async function m({ client: e, organizationId: t, payableId: n, requestStatus: r }) {
+	let i = n && r !== "waiting" && n ? await c({
+		client: e,
+		organizationId: t,
+		payableId: n
+	}) : void 0;
+	await l({
+		client: e,
+		organizationId: t,
+		payableId: n
+	}), !(!n || !i) && u({
+		client: e,
+		organizationId: t,
+		payableId: n,
+		watch: i
+	}).catch(() => {});
+}
+function h() {
 	let { client: r, organizationId: i } = e();
-	return s({
+	return d({
 		mutationFn: async ({ path: e }) => {
 			let { data: a } = await n({
 				client: r,
@@ -40,17 +57,18 @@ function f() {
 			return a;
 		},
 		onSuccess: async (e) => {
-			await o({
+			await m({
 				client: r,
 				organizationId: i,
-				payableId: e?.object_id
+				payableId: e?.object_id,
+				requestStatus: e?.status
 			});
 		}
 	});
 }
-function p() {
+function g() {
 	let { client: n, organizationId: i } = e();
-	return s({
+	return d({
 		mutationFn: async ({ path: e, body: a }) => {
 			let { data: o } = await r({
 				client: n,
@@ -62,13 +80,14 @@ function p() {
 			return o;
 		},
 		onSuccess: async (e) => {
-			await o({
+			await m({
 				client: n,
 				organizationId: i,
-				payableId: e?.object_id
+				payableId: e?.object_id,
+				requestStatus: e?.status
 			});
 		}
 	});
 }
 //#endregion
-export { f as useApprovePayableApprovalRequestMutation, d as usePayableApprovalRequestsQuery, p as useRejectPayableApprovalRequestMutation };
+export { h as useApprovePayableApprovalRequestMutation, p as usePayableApprovalRequestsQuery, g as useRejectPayableApprovalRequestMutation };

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

@@ -42,6 +42,7 @@ var a = t.Pending, o = [
 ], s = {
 	[t.Drafts]: [
 		e.Vendor,
+		e.Attachment,
 		e.IssueDate,
 		e.DueDate,
 		e.Status,
@@ -51,6 +52,7 @@ var a = t.Pending, o = [
 	],
 	[t.Pending]: [
 		e.Vendor,
+		e.Attachment,
 		e.IssueDate,
 		e.DueDate,
 		e.Status,
@@ -60,6 +62,7 @@ var a = t.Pending, o = [
 	],
 	[t.Scheduled]: [
 		e.Vendor,
+		e.Attachment,
 		e.IssueDate,
 		e.DueDate,
 		e.ScheduledDate,
@@ -70,6 +73,7 @@ var a = t.Pending, o = [
 	],
 	[t.Paid]: [
 		e.Vendor,
+		e.Attachment,
 		e.IssueDate,
 		e.DueDate,
 		e.PaidDate,
@@ -80,6 +84,7 @@ var a = t.Pending, o = [
 	],
 	[t.All]: [
 		e.Vendor,
+		e.Attachment,
 		e.IssueDate,
 		e.DueDate,
 		e.ScheduledDate,

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

@@ -7,6 +7,7 @@ var t = {
 	detailsSheet: "bill-pay-details-sheet"
 }, n = {
 	[e.Vendor]: "bill-pay-bills-cell-vendor",
+	[e.Attachment]: "bill-pay-bills-cell-attachment",
 	[e.IssueDate]: "bill-pay-bills-cell-issue-date",
 	[e.DueDate]: "bill-pay-bills-cell-due-date",
 	[e.ScheduledDate]: "bill-pay-bills-cell-scheduled-date",

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

@@ -48,6 +48,7 @@ var o = {
 }, l = {
 	createButton: "Add bill",
 	columnVendor: "Vendor",
+	columnAttachment: "Attachment",
 	columnIssueDate: "Issue date",
 	columnDueDate: "Due date",
 	columnScheduledDate: "Scheduled date",

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

@@ -1,6 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js
 var e = {
 	Vendor: "vendor",
+	Attachment: "attachment",
 	IssueDate: "issueDate",
 	DueDate: "dueDate",
 	ScheduledDate: "scheduledDate",

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

@@ -1,247 +1,265 @@
-import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as i, Input as a, Tabs as o, TabsContent as ee, TabsList as te, TabsTrigger as ne } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as s } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as ee, Input as i, Tabs as te, TabsContent as a, TabsList as o, TabsTrigger as s, Tooltip as ne, TooltipContent as re, TooltipProvider as ie, TooltipTrigger as ae } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as oe } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
 import { AddBillPanel as l } from "./index7.js";
 import "./index8.js";
-import { BillStatusBadge as u } from "./index20.js";
+import { BillStatusBadge as se } from "./index20.js";
 import "./index21.js";
-import { DueDateValue as re } from "./index23.js";
+import { DueDateValue as ce } from "./index23.js";
 import "./index24.js";
-import { MissingValue as d } from "./index53.js";
+import { MissingValue as u } from "./index53.js";
 import "./index54.js";
-import { BILLS_SCREEN_LABELS_EN as f, BILLS_SCREEN_UPLOAD_ACCEPT as p } from "./index55.js";
-import { BillDuplicateBadge as ie } from "./index57.js";
+import { BILLS_SCREEN_LABELS_EN as d, BILLS_SCREEN_UPLOAD_ACCEPT as f } from "./index55.js";
+import { BillDuplicateBadge as le } from "./index57.js";
 import "./index58.js";
-import { BillsFilterBar as m } from "./index64.js";
+import { BillsFilterBar as ue } from "./index64.js";
 import "./index65.js";
-import { BillColumn as h } from "./index66.js";
-import { useMemo as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { ChevronRightIcon as y, CopyX as ae, PaperclipIcon as oe, PlusIcon as se, SearchIcon as ce } from "lucide-react";
+import { BillColumn as p } from "./index66.js";
+import { useMemo as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ChevronRightIcon as de, CopyX as fe, PaperclipIcon as pe, PlusIcon as me, SearchIcon as he } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js
-var le = [
+var ge = [
 	10,
 	25,
 	50,
 	100
-], ue = 240, de = [
-	h.Vendor,
-	h.IssueDate,
-	h.DueDate,
-	h.ScheduledDate,
-	h.PaidDate,
-	h.Status,
-	h.AmountDue,
-	h.AmountScheduled,
-	h.AmountPaid,
-	h.TotalAmount,
-	h.AddedOn
-], b = [
-	h.Vendor,
-	h.DueDate,
-	h.Status,
-	h.AmountDue,
-	h.AddedOn
+], _e = 240, _ = 40, ve = [
+	p.Vendor,
+	p.Attachment,
+	p.IssueDate,
+	p.DueDate,
+	p.ScheduledDate,
+	p.PaidDate,
+	p.Status,
+	p.AmountDue,
+	p.AmountScheduled,
+	p.AmountPaid,
+	p.TotalAmount,
+	p.AddedOn
+], v = [
+	p.Vendor,
+	p.Attachment,
+	p.DueDate,
+	p.Status,
+	p.AmountDue,
+	p.AddedOn
 ];
-function x({ rows: x, isLoading: S, isError: C, sorting: fe, onSortingChange: pe, pageSize: me, onPageSizeChange: he, pageSizeOptions: w = le, pageInfo: ge, hasNextPage: T, hasPrevPage: E, onNextPage: D, onPrevPage: O, filterTabs: k, selectedFilterTabId: A, onFilterTabChange: j, searchValue: M, onSearchChange: N, filters: P, visibleColumns: F = b, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: _e, emptyState: R, onCreateClick: z, onRetry: B, onFilesSelected: V, maxFiles: H, onEnterManually: U, uploadStatus: W, uploadErrorMessage: G, emailAddress: K, onCopyEmail: q, labels: J, duplicateWarning: Y, onReviewDuplicates: X }) {
-	let Z = g(() => ({
-		...f,
+function y({ rows: y, isLoading: b, isError: x, sorting: ye, onSortingChange: be, pageSize: S, onPageSizeChange: C, pageSizeOptions: w = ge, pageInfo: T, hasNextPage: E, hasPrevPage: D, onNextPage: O, onPrevPage: k, filterTabs: A, selectedFilterTabId: j, onFilterTabChange: M, searchValue: N, onSearchChange: xe, filters: P, visibleColumns: F = v, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: Se, emptyState: R, onCreateClick: z, onRetry: B, onFilesSelected: V, maxFiles: H, onEnterManually: U, uploadStatus: W, uploadErrorMessage: G, emailAddress: K, onCopyEmail: q, labels: J, duplicateWarning: Y, onReviewDuplicates: X }) {
+	let Z = m(() => ({
+		...d,
 		...J,
 		statusBadge: {
-			...f.statusBadge,
+			...d.statusBadge,
 			...J?.statusBadge
 		},
 		addBill: {
-			...f.addBill,
+			...d.addBill,
 			...J?.addBill,
 			dropzone: {
-				...f.addBill.dropzone,
+				...d.addBill.dropzone,
 				...J?.addBill?.dropzone
 			}
 		},
 		sortableHeader: {
-			...f.sortableHeader,
+			...d.sortableHeader,
 			...J?.sortableHeader
 		},
 		missingValue: {
-			...f.missingValue,
+			...d.missingValue,
 			...J?.missingValue
 		},
 		dueDate: {
-			...f.dueDate,
+			...d.dueDate,
 			...J?.dueDate
 		}
-	}), [J]), Q = g(() => {
+	}), [J]), Q = m(() => {
 		let e = (e) => function({ column: t }) {
-			return /* @__PURE__ */ _(i, {
+			return /* @__PURE__ */ h(ee, {
 				column: t,
 				title: e,
 				labels: Z.sortableHeader
 			});
 		}, t = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ _("span", {
+			return /* @__PURE__ */ h("span", {
 				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ _(d, { labels: Z.missingValue })
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Z.missingValue })
 			});
 		}, n = function({ row: e }) {
-			return /* @__PURE__ */ _("span", {
-				"data-testid": I?.[h.DueDate],
-				children: /* @__PURE__ */ _(re, {
-					value: e.original.dueDateLabel || /* @__PURE__ */ _(d, { labels: Z.missingValue }),
+			return /* @__PURE__ */ h("span", {
+				"data-testid": I?.[p.DueDate],
+				children: /* @__PURE__ */ h(ce, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ h(u, { labels: Z.missingValue }),
 					tone: e.original.dueDateTone,
 					labels: Z.dueDate
 				})
 			});
 		}, r = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ _("div", {
+			return /* @__PURE__ */ h("div", {
 				className: "ttw:text-right",
 				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ _(d, { labels: Z.missingValue })
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Z.missingValue })
 			});
-		}, a = (e) => function() {
-			return /* @__PURE__ */ _("div", {
+		}, i = (e) => function() {
+			return /* @__PURE__ */ h("div", {
 				className: "ttw:text-right",
 				children: e
 			});
 		};
 		return {
-			[h.Vendor]: {
+			[p.Vendor]: {
 				accessorKey: "vendorLabel",
 				enableSorting: !0,
-				minSize: ue,
+				minSize: _e,
 				header: e(Z.columnVendor),
-				cell: ({ row: e }) => /* @__PURE__ */ v("span", {
-					className: "ttw:flex ttw:items-center ttw:gap-1.5",
-					"data-testid": I?.[h.Vendor],
-					children: [e.original.vendorLabel || /* @__PURE__ */ _(d, { labels: Z.missingValue }), e.original.attachment ? /* @__PURE__ */ _(oe, {
-						className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground",
-						"aria-label": e.original.attachment.label,
-						role: "img"
-					}) : null]
+				cell: ({ row: e }) => /* @__PURE__ */ h("span", {
+					"data-testid": I?.[p.Vendor],
+					children: e.original.vendorLabel || /* @__PURE__ */ h(u, { labels: Z.missingValue })
 				})
 			},
-			[h.IssueDate]: {
+			[p.Attachment]: {
+				accessorKey: "attachment",
+				enableSorting: !1,
+				size: _,
+				minSize: _,
+				header: () => /* @__PURE__ */ h("span", {
+					className: "ttw:sr-only",
+					children: Z.columnAttachment
+				}),
+				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:justify-center",
+					"data-testid": I?.[p.Attachment],
+					children: /* @__PURE__ */ h(ie, { children: /* @__PURE__ */ g(ne, { children: [/* @__PURE__ */ h(ae, {
+						type: "button",
+						className: "ttw:inline-flex ttw:cursor-default",
+						"aria-label": e.original.attachment.label,
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ h(pe, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
+					}), /* @__PURE__ */ h(re, { children: e.original.attachment.label })] }) })
+				}) : null
+			},
+			[p.IssueDate]: {
 				accessorKey: "issueDateLabel",
 				enableSorting: !0,
 				header: e(Z.columnIssueDate),
-				cell: t("issueDateLabel", h.IssueDate)
+				cell: t("issueDateLabel", p.IssueDate)
 			},
-			[h.DueDate]: {
+			[p.DueDate]: {
 				accessorKey: "dueDateLabel",
 				enableSorting: !0,
 				header: e(Z.columnDueDate),
 				cell: n
 			},
-			[h.ScheduledDate]: {
+			[p.ScheduledDate]: {
 				accessorKey: "scheduledDateLabel",
 				enableSorting: !0,
 				header: e(Z.columnScheduledDate),
-				cell: t("scheduledDateLabel", h.ScheduledDate)
+				cell: t("scheduledDateLabel", p.ScheduledDate)
 			},
-			[h.PaidDate]: {
+			[p.PaidDate]: {
 				accessorKey: "paidDateLabel",
 				enableSorting: !1,
 				header: Z.columnPaidDate,
-				cell: t("paidDateLabel", h.PaidDate)
+				cell: t("paidDateLabel", p.PaidDate)
 			},
-			[h.Status]: {
+			[p.Status]: {
 				accessorKey: "status",
 				enableSorting: !1,
 				header: Z.columnStatus,
-				cell: ({ row: e }) => /* @__PURE__ */ v("div", {
+				cell: ({ row: e }) => /* @__PURE__ */ g("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": I?.[h.Status],
-					children: [/* @__PURE__ */ _(u, {
+					"data-testid": I?.[p.Status],
+					children: [/* @__PURE__ */ h(se, {
 						status: e.original.status,
 						tone: e.original.statusTone,
 						labels: Z.statusBadge
-					}), e.original.duplicateBadge ? /* @__PURE__ */ _(ie, { ...e.original.duplicateBadge }) : null]
+					}), e.original.duplicateBadge ? /* @__PURE__ */ h(le, { ...e.original.duplicateBadge }) : null]
 				})
 			},
-			[h.AmountDue]: {
+			[p.AmountDue]: {
 				accessorKey: "amountDueLabel",
 				enableSorting: !1,
-				header: a(Z.columnAmountDue),
-				cell: r("amountDueLabel", h.AmountDue)
+				header: i(Z.columnAmountDue),
+				cell: r("amountDueLabel", p.AmountDue)
 			},
-			[h.AmountScheduled]: {
+			[p.AmountScheduled]: {
 				accessorKey: "amountScheduledLabel",
 				enableSorting: !1,
-				header: a(Z.columnAmountScheduled),
-				cell: r("amountScheduledLabel", h.AmountScheduled)
+				header: i(Z.columnAmountScheduled),
+				cell: r("amountScheduledLabel", p.AmountScheduled)
 			},
-			[h.AmountPaid]: {
+			[p.AmountPaid]: {
 				accessorKey: "amountPaidLabel",
 				enableSorting: !1,
-				header: a(Z.columnAmountPaid),
-				cell: r("amountPaidLabel", h.AmountPaid)
+				header: i(Z.columnAmountPaid),
+				cell: r("amountPaidLabel", p.AmountPaid)
 			},
-			[h.TotalAmount]: {
+			[p.TotalAmount]: {
 				accessorKey: "totalAmountLabel",
 				enableSorting: !1,
-				header: a(Z.columnTotalAmount),
-				cell: r("totalAmountLabel", h.TotalAmount)
+				header: i(Z.columnTotalAmount),
+				cell: r("totalAmountLabel", p.TotalAmount)
 			},
-			[h.AddedOn]: {
+			[p.AddedOn]: {
 				accessorKey: "addedOnLabel",
 				enableSorting: !0,
 				header: e(Z.columnAddedOn),
-				cell: t("addedOnLabel", h.AddedOn)
+				cell: t("addedOnLabel", p.AddedOn)
 			}
 		};
-	}, [Z, I]), ve = g(() => [...de.filter((e) => F.includes(e)).map((e) => Q[e]), {
+	}, [Z, I]), Ce = m(() => [...ve.filter((e) => F.includes(e)).map((e) => Q[e]), {
 		id: "actions",
 		enableSorting: !1,
-		header: () => /* @__PURE__ */ _("span", {
+		header: () => /* @__PURE__ */ h("span", {
 			className: "ttw:sr-only",
 			children: Z.columnActions
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ _("div", {
+		cell: ({ row: e }) => /* @__PURE__ */ h("div", {
 			className: "ttw:flex ttw:justify-end",
-			children: /* @__PURE__ */ _(n, {
+			children: /* @__PURE__ */ h(n, {
 				variant: "ghost",
 				size: "icon",
 				"aria-label": Z.openRow(e.original.vendorLabel || Z.missingValue.missing),
 				onClick: (t) => {
 					t.stopPropagation(), e.original.onOpen();
 				},
-				children: /* @__PURE__ */ _(y, { className: "ttw:size-4" })
+				children: /* @__PURE__ */ h(de, { className: "ttw:size-4" })
 			})
 		})
 	}], [
 		Q,
 		Z,
 		F
-	]), ye = !!(z && V) && !S && !C && !L && x.length === 0 && _e === !0, $ = /* @__PURE__ */ v("div", {
+	]), we = !!(z && V) && !b && !x && !L && y.length === 0 && Se === !0, $ = /* @__PURE__ */ g("div", {
 		className: "ttw:relative ttw:w-80",
-		children: [/* @__PURE__ */ _(ce, { 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__ */ _(a, {
+		children: [/* @__PURE__ */ h(he, { 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__ */ h(i, {
 			className: "ttw:pl-9",
 			type: "search",
 			"aria-label": Z.searchLabel,
 			placeholder: Z.searchPlaceholder,
-			value: M,
-			onChange: (e) => N(e.target.value)
+			value: N,
+			onChange: (e) => xe(e.target.value)
 		})]
-	}), be = P ? /* @__PURE__ */ _(m, {
+	}), Te = P ? /* @__PURE__ */ h(ue, {
 		...P,
 		className: "ttw:px-4",
 		searchSlot: $
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: $
 	});
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [Y ? /* @__PURE__ */ v(e, {
+		children: [Y ? /* @__PURE__ */ g(e, {
 			className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
 			children: [
-				/* @__PURE__ */ _(ae, {}),
-				/* @__PURE__ */ _(t, {
+				/* @__PURE__ */ h(fe, {}),
+				/* @__PURE__ */ h(t, {
 					className: "ttw:flex-1",
 					children: Y
 				}),
-				X ? /* @__PURE__ */ _(n, {
+				X ? /* @__PURE__ */ h(n, {
 					type: "button",
 					variant: "outline",
 					className: "ttw:text-foreground",
@@ -249,81 +267,81 @@ function x({ rows: x, isLoading: S, isError: C, sorting: fe, onSortingChange: pe
 					children: Z.duplicateBillsReviewButton
 				}) : null
 			]
-		}) : null, /* @__PURE__ */ v(o, {
-			value: A,
-			onValueChange: j,
+		}) : null, /* @__PURE__ */ g(te, {
+			value: j,
+			onValueChange: M,
 			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ _(te, {
+				children: [/* @__PURE__ */ h(o, {
 					"aria-label": Z.filterTabsLabel,
-					children: k.map((e) => /* @__PURE__ */ v(ne, {
+					children: A.map((e) => /* @__PURE__ */ g(s, {
 						value: e.id,
 						className: "ttw:min-w-28",
 						children: [e.icon, e.label]
 					}, e.id))
-				}), z ? /* @__PURE__ */ v(n, {
+				}), z ? /* @__PURE__ */ g(n, {
 					onClick: z,
-					children: [/* @__PURE__ */ _(se, { className: "ttw:size-4" }), Z.createButton]
+					children: [/* @__PURE__ */ h(me, { className: "ttw:size-4" }), Z.createButton]
 				}) : null]
 			}), (() => {
-				let e = C ? /* @__PURE__ */ _(c, {
+				let e = x ? /* @__PURE__ */ h(oe, {
 					title: Z.errorTitle,
 					description: Z.errorDescription,
 					retryLabel: B ? Z.errorRetry : void 0,
 					onRetry: B
-				}) : ye && z && V ? /* @__PURE__ */ _("div", {
+				}) : we && z && V ? /* @__PURE__ */ h("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: K && q ? /* @__PURE__ */ _(l, {
+					children: K && q ? /* @__PURE__ */ h(l, {
 						emailAddress: K,
 						onCopyEmail: q,
 						onFilesSelected: V,
-						accept: p,
+						accept: f,
 						maxFiles: H,
 						uploadStatus: W,
 						uploadErrorMessage: G,
 						onEnterManually: U ?? z,
 						labels: Z.addBill
-					}) : /* @__PURE__ */ _(l, {
+					}) : /* @__PURE__ */ h(l, {
 						onFilesSelected: V,
-						accept: p,
+						accept: f,
 						maxFiles: H,
 						uploadStatus: W,
 						uploadErrorMessage: G,
 						onEnterManually: U ?? z,
 						labels: Z.addBill
 					})
-				}) : /* @__PURE__ */ _(r, {
-					columns: ve,
-					data: x,
-					isLoading: S,
-					sorting: fe,
-					onSortingChange: pe,
-					pageSize: me,
-					onPageSizeChange: he,
+				}) : /* @__PURE__ */ h(r, {
+					columns: Ce,
+					data: y,
+					isLoading: b,
+					sorting: ye,
+					onSortingChange: be,
+					pageSize: S,
+					onPageSizeChange: C,
 					pageSizeOptions: w,
-					pageInfo: ge,
-					hasNextPage: T,
-					hasPrevPage: E,
-					onNextPage: D,
-					onPrevPage: O,
+					pageInfo: T,
+					hasNextPage: E,
+					hasPrevPage: D,
+					onNextPage: O,
+					onPrevPage: k,
 					onRowClick: (e) => e.onOpen(),
-					filterComponent: be,
-					children: L ? /* @__PURE__ */ _(s, {
+					filterComponent: Te,
+					children: L ? /* @__PURE__ */ h(c, {
 						title: Z.filteredEmptyTitle,
 						description: Z.filteredEmptyDescription
-					}) : R ? /* @__PURE__ */ _(s, {
+					}) : R ? /* @__PURE__ */ h(c, {
 						title: R.title,
 						description: R.description
 					}) : void 0
 				});
-				return k.map((t) => /* @__PURE__ */ _(ee, {
+				return A.map((t) => /* @__PURE__ */ h(a, {
 					value: t.id,
-					children: t.id === A ? e : null
+					children: t.id === j ? e : null
 				}, t.id));
 			})()]
 		})]
 	});
 }
 //#endregion
-export { x as BillsScreen, x as default, b as DEFAULT_BILL_COLUMNS };
+export { y as BillsScreen, y as default, v as DEFAULT_BILL_COLUMNS };