@tesouro/embedded-components-react 0.9.22 → 0.9.25

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

@@ -1,169 +1,152 @@
-import { Alert as e, AlertTitle as t, Badge as n, Button as r, cn as i } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillStatusBadge as a } from "../../../../shared/document-status/ui/dist/index4.js";
+import { Badge as e, Button as t, Skeleton as n, cn as r } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillStatusBadge as i } from "../../../../shared/document-status/ui/dist/index4.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { BillOverflowMenu as o } from "../../../ui/dist/index7.js";
+import { BillDuplicateWarning as a } from "../../../ui/dist/index6.js";
 import "../../../ui/dist/index.js";
-import { BILL_DUPLICATE_NOTICE_LABELS_EN as s } from "./index36.js";
-import { useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { FileQuestionIcon as d, MoveDiagonal2Icon as f } from "lucide-react";
+import { BILL_DUPLICATE_NOTICE_LABELS_EN as o } from "./index36.js";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MoveDiagonal2Icon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index37.js
-var p = {
-	success: "ttw:text-green-700",
-	warning: "ttw:text-amber-800"
-}, m = "ttw:grid-cols-[minmax(220px,1.5fr)_minmax(110px,1fr)_minmax(88px,1fr)_minmax(96px,1fr)_minmax(96px,1fr)_minmax(112px,1fr)_48px]", h = "ttw:grid-cols-[minmax(220px,1.5fr)_minmax(110px,1fr)_minmax(88px,1fr)_minmax(96px,1fr)_minmax(96px,1fr)_minmax(112px,1fr)]";
-function g({ onNotADuplicate: g, onRemoveBill: _, onOpenFullScreen: v, isActionDisabled: y, rows: b, collapsedRowCount: x, showMoreLabel: S, testId: C, labels: w }) {
-	let T = {
-		...s,
-		...w
-	}, E = !!b?.length, [D, O] = c(!1), k = x !== void 0 && !!S && (b?.length ?? 0) > x, A = k && !D ? b?.slice(0, x) : b;
-	return E ? /* @__PURE__ */ u("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-amber-500 ttw:bg-amber-50 ttw:p-2 ttw:text-amber-700",
-		"data-testid": C,
-		children: [/* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ l(d, {
-				className: "ttw:size-4 ttw:shrink-0",
-				"aria-hidden": !0
-			}), /* @__PURE__ */ l("p", {
-				className: "ttw:text-sm ttw:leading-5",
-				children: T.message
-			})]
-		}), /* @__PURE__ */ u("div", {
-			className: "ttw:overflow-x-auto ttw:rounded-md ttw:border ttw:border-amber-200",
+var f = "ttw:border-b ttw:border-warning/40 ttw:px-2 ttw:py-2.5 ttw:text-foreground", p = "ttw:border-b ttw:border-warning/40 ttw:px-2 ttw:py-1.5 ttw:text-left ttw:text-xs ttw:font-medium ttw:text-foreground", m = [
+	"ttw:w-24",
+	"ttw:w-20",
+	"ttw:ml-auto ttw:w-16",
+	"ttw:w-20"
+], h = 2;
+function g({ message: g, onNotADuplicate: _, onRemoveBill: v, isRemoveBillDestructive: y = !0, onOpenFullScreen: b, isActionDisabled: x, rows: S, isLoading: C, loadingRowCount: w = h, collapsedRowCount: T, showMoreLabel: E, testId: D, labels: O }) {
+	let k = {
+		...o,
+		...O
+	}, A = !!S?.length, j = !A && C === !0, [M, N] = s(!1), P = T !== void 0 && !!E && (S?.length ?? 0) > T, F = P && !M ? S?.slice(0, T) : S, I = _ || v ? /* @__PURE__ */ u(c, { children: [_ ? /* @__PURE__ */ l(t, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
+		disabled: x,
+		onClick: _,
+		children: k.notADuplicateButton
+	}) : null, v ? /* @__PURE__ */ l(t, {
+		type: "button",
+		variant: y ? "destructive" : "outline",
+		size: "sm",
+		className: r(!y && "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted"),
+		disabled: x,
+		onClick: v,
+		children: k.removeBillButton
+	}) : null] }) : null;
+	return A || j ? /* @__PURE__ */ l(a, {
+		message: g ?? k.message,
+		testId: D,
+		details: /* @__PURE__ */ u("div", {
+			className: "ttw:overflow-x-auto",
+			"aria-busy": j || void 0,
 			children: [
-				/* @__PURE__ */ u("div", {
-					className: i("ttw:grid ttw:min-w-240 ttw:border-b ttw:border-amber-200 ttw:text-xs ttw:font-semibold ttw:text-amber-700", m),
-					children: [
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2",
-							children: T.vendorColumn
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2",
-							children: T.invoiceNumberColumn
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2 ttw:text-right",
-							children: T.amountColumn
+				/* @__PURE__ */ u("table", {
+					className: "ttw:w-full ttw:min-w-120 ttw:border-collapse ttw:text-sm",
+					children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
+						/* @__PURE__ */ l("th", {
+							scope: "col",
+							className: p,
+							children: k.createdOnColumn
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2",
-							children: T.addedOnColumn
+						/* @__PURE__ */ l("th", {
+							scope: "col",
+							className: p,
+							children: k.dueDateColumn
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2",
-							children: T.dueDateColumn
+						/* @__PURE__ */ l("th", {
+							scope: "col",
+							className: r(p, "ttw:text-right"),
+							children: k.amountColumn
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "ttw:px-3 ttw:py-2",
-							children: T.statusColumn
-						}),
-						/* @__PURE__ */ l("div", { className: "ttw:px-3 ttw:py-2" })
-					]
+						/* @__PURE__ */ l("th", {
+							scope: "col",
+							className: p,
+							children: k.statusColumn
+						})
+					] }) }), /* @__PURE__ */ u("tbody", { children: [j ? Array.from({ length: w }, (e, t) => /* @__PURE__ */ l("tr", {
+						"aria-hidden": !0,
+						children: m.map((e, t) => /* @__PURE__ */ l("td", {
+							className: f,
+							children: /* @__PURE__ */ l(n, { className: r("ttw:h-4", e) })
+						}, t))
+					}, t)) : null, F?.map((t) => {
+						let n = t.isCurrent ? void 0 : t.onOpen;
+						return /* @__PURE__ */ u("tr", {
+							"aria-current": t.isCurrent || void 0,
+							className: r(t.isCurrent && "ttw:bg-warning/10", n && "ttw:cursor-pointer ttw:hover:bg-muted/50 ttw:focus-visible:outline-2 ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-ring"),
+							tabIndex: n ? 0 : void 0,
+							"aria-label": n ? t.openLabel : void 0,
+							onClick: n,
+							onKeyDown: (e) => {
+								n && e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
+							},
+							children: [
+								/* @__PURE__ */ l("td", {
+									className: f,
+									children: /* @__PURE__ */ u("span", {
+										className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-2 ttw:gap-y-1",
+										children: [/* @__PURE__ */ l("span", { children: t.createdOnLabel }), t.badges?.map((t) => /* @__PURE__ */ l(e, {
+											variant: "secondary",
+											children: t
+										}, t))]
+									})
+								}),
+								/* @__PURE__ */ l("td", {
+									className: f,
+									children: t.dueDateLabel
+								}),
+								/* @__PURE__ */ l("td", {
+									className: r(f, "ttw:text-right"),
+									children: t.amountLabel
+								}),
+								/* @__PURE__ */ l("td", {
+									className: f,
+									children: t.status ? /* @__PURE__ */ l(i, {
+										status: t.status,
+										tone: t.statusTone ?? "neutral"
+									}) : null
+								})
+							]
+						}, t.id);
+					})] })]
 				}),
-				A?.map((e) => /* @__PURE__ */ u("div", {
-					className: i("ttw:group ttw:grid ttw:min-h-13 ttw:min-w-240 ttw:items-center ttw:border-b ttw:border-amber-200 ttw:text-sm ttw:text-foreground", m),
-					children: [/* @__PURE__ */ u("button", {
-						type: "button",
-						className: i("ttw:col-span-6 ttw:grid ttw:items-center ttw:text-left ttw:transition-colors", h, e.onOpen ? "ttw:cursor-pointer ttw:hover:bg-amber-100 ttw:focus-visible:bg-amber-100" : "ttw:cursor-default"),
-						"aria-disabled": !e.onOpen,
-						tabIndex: e.onOpen ? 0 : -1,
-						onClick: e.onOpen,
-						children: [
-							/* @__PURE__ */ u("span", {
-								className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:items-start ttw:gap-1 ttw:px-3 ttw:py-2",
-								children: [/* @__PURE__ */ l("span", {
-									className: i("ttw:min-w-0 ttw:font-medium", e.roleTone && p[e.roleTone]),
-									children: e.roleLabel
-								}), e.badges?.length ? /* @__PURE__ */ l("span", {
-									className: "ttw:flex ttw:flex-wrap ttw:gap-1",
-									children: e.badges.map((e) => /* @__PURE__ */ l(n, {
-										variant: "secondary",
-										children: e
-									}, e))
-								}) : null]
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "ttw:px-3 ttw:py-2",
-								children: e.invoiceNumberLabel
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "ttw:px-3 ttw:py-2 ttw:text-right",
-								children: e.amountLabel
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "ttw:px-3 ttw:py-2",
-								children: e.addedOnLabel
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "ttw:px-3 ttw:py-2",
-								children: e.dueDateLabel
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "ttw:px-3 ttw:py-2",
-								children: e.status ? /* @__PURE__ */ l(a, {
-									status: e.status,
-									tone: e.statusTone ?? "neutral"
-								}) : null
-							})
-						]
-					}), /* @__PURE__ */ l("div", {
-						className: "ttw:flex ttw:justify-end ttw:px-1 ttw:py-2",
-						children: e.menu ? /* @__PURE__ */ l(o, {
-							actions: e.menu.items.map((e) => ({
-								...e,
-								variant: "ghost"
-							})),
-							triggerLabel: e.menu.triggerLabel
-						}) : null
-					})]
-				}, e.id)),
-				k && !D ? /* @__PURE__ */ l("button", {
+				j ? /* @__PURE__ */ l("span", {
+					className: "ttw:sr-only",
+					children: k.loadingRows
+				}) : null,
+				P && !M ? /* @__PURE__ */ l(t, {
 					type: "button",
-					className: "ttw:w-full ttw:px-3 ttw:py-2 ttw:text-center ttw:text-sm ttw:font-medium ttw:text-amber-800 ttw:hover:bg-amber-100 ttw:focus-visible:bg-amber-100",
-					onClick: () => O(!0),
-					children: S
+					variant: "link",
+					className: "ttw:mt-1 ttw:px-2",
+					onClick: () => N(!0),
+					children: E
 				}) : null
 			]
-		})]
-	}) : /* @__PURE__ */ u(e, {
-		className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
-		"data-testid": C,
-		children: [
-			/* @__PURE__ */ l(d, {}),
-			/* @__PURE__ */ l(t, {
-				className: "ttw:flex-1",
-				children: T.message
-			}),
-			g ? /* @__PURE__ */ l(r, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:text-foreground",
-				disabled: y,
-				onClick: g,
-				children: T.notADuplicateButton
-			}) : null,
-			_ ? /* @__PURE__ */ l(r, {
-				type: "button",
-				variant: "destructive",
-				disabled: y,
-				onClick: _,
-				children: T.removeBillButton
-			}) : null,
-			v ? /* @__PURE__ */ l(r, {
-				type: "button",
-				variant: "ghost",
-				size: "icon",
-				className: "ttw:text-foreground",
-				"aria-label": T.openFullScreenButton,
-				onClick: v,
-				children: /* @__PURE__ */ l(f, {
-					className: "ttw:size-4",
-					"aria-hidden": !0
-				})
-			}) : null
-		]
+		}),
+		children: I && !j ? /* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ l("span", {
+				className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+				children: k.question
+			}), I]
+		}) : null
+	}) : /* @__PURE__ */ u(a, {
+		message: g ?? k.message,
+		testId: D,
+		children: [I, b ? /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			className: "ttw:text-foreground",
+			"aria-label": k.openFullScreenButton,
+			onClick: b,
+			children: /* @__PURE__ */ l(d, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			})
+		}) : null]
 	});
 }
 //#endregion

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

@@ -1,4 +1,4 @@
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "../../../ui/dist/index12.js";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "../../../ui/dist/index14.js";
 import "../../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index48.js
 var t = {

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

@@ -1,5 +1,5 @@
 import { Button as e, Skeleton as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "../../../ui/dist/index13.js";
+import { BillUploadDropzone as n } from "../../../ui/dist/index15.js";
 import "../../../ui/dist/index.js";
 import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index48.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { Badge as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { BILL_STATUS_TONE_CLASS_NAME as t } from "../../../../shared/document-status/ui/dist/index3.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { DateDisclosure as n } from "../../../ui/dist/index16.js";
+import { DateDisclosure as n } from "../../../ui/dist/index18.js";
 import "../../../ui/dist/index.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index5.js

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

@@ -1,8 +1,8 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index3.js
 var e = {
 	uploading: "ttw:text-muted-foreground",
-	ready: "ttw:text-emerald-600",
-	duplicate: "ttw:text-orange-600",
+	ready: "ttw:text-success",
+	duplicate: "ttw:text-warning",
 	failed: "ttw:text-destructive"
 };
 //#endregion

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/feature/dist/index16.js

@@ -66,11 +66,10 @@ function xe(e, t) {
 		if (i.length === 0) continue;
 		let c = i.map((e) => n.get(e)).filter((e) => !!e).sort(l), u = d(c), [ee] = c, f = {
 			key: `duplicate-group:${[...i].sort().join(":")}`,
-			headerLabel: t.groupHeader({
+			label: t.groupHeader({
 				vendorLabel: te(ee),
 				invoiceNumberLabel: ee?.document_id ?? ""
 			}),
-			memberCount: i.length,
 			originalPayableId: u
 		};
 		for (let e of i) o.set(e, f);
@@ -94,40 +93,40 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 	]), y(() => {
 		R();
 	}, [E, R]);
-	let z = le({
-		offersStatusFilter: D === h.All,
+	let z = E === C.PossibleDuplicates, B = le({
+		offersStatusFilter: D === h.All && !z,
 		offersVendorFilter: l,
 		isVendorFilterPaused: d,
 		labels: ue,
 		onFiltersChange: R
-	}), { clearAll: Ie, filterByVendor: Le } = z, Re = Ae[0], B = se(Re?.id), ze = B ? Re?.desc ? "desc" : "asc" : void 0, V = E === C.PossibleDuplicates, H = V ? h.All : D, U = b(() => ({
-		...z.query,
-		limit: V ? S : O,
-		pagination_token: V ? void 0 : Ne,
-		status__in: V ? void 0 : ae(H) ?? z.query.status__in,
-		has_scheduled_payment: V ? void 0 : re(H),
-		duplicate_match_status: V ? "suspected" : void 0,
+	}), { clearAll: Ie, filterByVendor: Le } = B, Re = Ae[0], V = se(Re?.id), ze = V ? Re?.desc ? "desc" : "asc" : void 0, H = z ? h.All : D, U = b(() => ({
+		...B.query,
+		limit: z ? S : O,
+		pagination_token: z ? void 0 : Ne,
+		status__in: z ? void 0 : ae(H) ?? B.query.status__in,
+		has_scheduled_payment: z ? void 0 : re(H),
+		duplicate_match_status: z ? "suspected" : void 0,
 		counterpart_name__icontains: N || void 0,
-		sort: B,
+		sort: V,
 		order: ze
 	}), [
-		z.query,
+		B.query,
 		O,
 		Ne,
-		V,
+		z,
 		H,
 		N,
-		B,
+		V,
 		ze
 	]), { organizationId: Be } = r(), W = JSON.stringify([Be, U]), G = pe({
 		...U,
-		enabled: c && !V,
+		enabled: c && !z,
 		pollWhileOcrProcessing: !0
 	}), K = fe({
 		...U,
-		enabled: c && V,
+		enabled: c && z,
 		maxPages: ye
-	}), q = V ? {
+	}), q = z ? {
 		...K,
 		data: { data: K.payables },
 		isLoading: K.isResolving,
@@ -198,10 +197,15 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 		return J.forEach((t, n) => {
 			let r = Q.get(t.id)?.key;
 			r !== void 0 && !e.has(r) && e.set(r, n);
-		}), J.map((t, n) => ({
-			payable: t,
-			order: e.get(Q.get(t.id)?.key ?? "") ?? n
-		})).sort((e, t) => e.order - t.order).map(({ payable: e }) => e);
+		}), J.map((t, n) => {
+			let r = Q.get(t.id);
+			return {
+				payable: t,
+				index: n,
+				order: e.get(r?.key ?? "") ?? n,
+				leads: r?.originalPayableId === t.id ? 0 : 1
+			};
+		}).sort((e, t) => e.order - t.order || e.leads - t.leads || e.index - t.index).map(({ payable: e }) => e);
 	}, [J, Q]), { vendorNames: Ze, lookup: Qe } = de({
 		payables: q.data?.data,
 		enabled: c,
@@ -212,7 +216,7 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 			apiStatus: e.status,
 			dueDate: e.due_date,
 			scheduledPaymentDate: e.scheduled_payment_date
-		}), i = e.amount_due ?? e.total_amount, a = e.status === "partially_paid" || e.status === "paid", c = (t) => t == null ? "" : n(t / 100, { currencyCode: e.currency ?? "USD" }), l = o(e.scheduled_payment_date, De, Oe), u = Q.get(e.id), d = s(e), p = te(e) || (e.counterpart_id ? Ze.get(e.counterpart_id) ?? "" : ""), m = e.document_id ?? "", g = f(e.status), _ = u?.originalPayableId !== void 0 && u.originalPayableId === e.id, re = V && d && Ee && u ? {
+		}), i = e.amount_due ?? e.total_amount, a = e.status === "partially_paid" || e.status === "paid", c = (t) => t == null ? "" : n(t / 100, { currencyCode: e.currency ?? "USD" }), l = o(e.scheduled_payment_date, De, Oe), u = Q.get(e.id), d = s(e), p = te(e) || (e.counterpart_id ? Ze.get(e.counterpart_id) ?? "" : ""), m = e.document_id ?? "", g = f(e.status), _ = u?.originalPayableId !== void 0 && u.originalPayableId === e.id, re = z && d && Ee && u ? {
 			triggerLabel: T.menuTrigger({
 				vendorLabel: p,
 				invoiceNumberLabel: m
@@ -261,15 +265,15 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 			...u ? {
 				group: {
 					key: u.key,
-					headerLabel: u.headerLabel,
-					memberCount: u.memberCount
+					label: u.label
 				},
-				groupedRowLabel: p,
-				groupedRowLabelTone: void 0,
-				groupedRowBadge: _ ? T.originalBill : void 0
+				...u.originalPayableId !== void 0 && !_ ? {
+					isNested: !0,
+					groupedRowLabel: T.copyRow
+				} : {}
 			} : {},
 			...re ? { menu: re } : {},
-			...!V && !u && d ? {
+			...!z && !u && d ? {
 				rowTone: "warning",
 				rowNote: we
 			} : {},
@@ -282,7 +286,7 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 		Z,
 		Y.isPending,
 		Ee,
-		V,
+		z,
 		we,
 		Te,
 		De,
@@ -291,7 +295,7 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 		H,
 		Ze,
 		Qe
-	]), et = b(() => V ? Se($e, S) : [], [$e, V]), $ = Math.min(Pe, Math.max(0, et.length - 1)), tt = V ? et[$] ?? [] : $e, nt = v((e) => {
+	]), et = b(() => z ? Se($e, S) : [], [$e, z]), $ = Math.min(Pe, Math.max(0, et.length - 1)), tt = z ? et[$] ?? [] : $e, nt = v((e) => {
 		let t = e;
 		ke(t), je((e) => {
 			let n = e[0]?.id;
@@ -306,24 +310,24 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 	}, [R]), ot = v((e) => {
 		Me(e), R();
 	}, [R]), st = v(() => {
-		if (V) {
+		if (z) {
 			A($ + 1);
 			return;
 		}
 		k(G.data?.next_pagination_token ?? void 0);
 	}, [
 		$,
-		V,
+		z,
 		G.data?.next_pagination_token
 	]), ct = v(() => {
-		if (V) {
+		if (z) {
 			A(Math.max(0, $ - 1));
 			return;
 		}
 		k(G.data?.prev_pagination_token ?? void 0);
 	}, [
 		$,
-		V,
+		z,
 		G.data?.prev_pagination_token
 	]), lt = v(() => {
 		q.refetch();
@@ -340,23 +344,24 @@ function w({ enabled: c = !0, canReadVendors: l = !0, isVendorFilterPaused: d =
 		searchValue: j,
 		onSearchChange: M,
 		hasAnyBills: Ye,
-		isSearchActive: N.length > 0 || z.isFilterActive || V,
-		filterBarProps: z.filterBarProps,
-		visibleColumns: V ? [
+		isSearchActive: N.length > 0 || B.isFilterActive,
+		filterBarProps: B.filterBarProps,
+		visibleColumns: z ? [
 			m.Vendor,
+			m.InvoiceNumber,
 			m.AmountDue,
 			m.DueDate,
 			m.AddedOn,
 			m.Status
 		] : _(D),
-		showAddPanelWhenEmpty: !V && ie(D),
+		showAddPanelWhenEmpty: !z && ie(D),
 		sorting: Ae,
 		onSortingChange: at,
-		pageSize: V ? S : O,
-		pageSizeOptions: V ? [S] : void 0,
+		pageSize: z ? S : O,
+		pageSizeOptions: z ? [S] : void 0,
 		onPageSizeChange: ot,
-		hasNextPage: V ? $ < et.length - 1 : !!G.data?.next_pagination_token,
-		hasPrevPage: V ? $ > 0 : !!G.data?.prev_pagination_token,
+		hasNextPage: z ? $ < et.length - 1 : !!G.data?.next_pagination_token,
+		hasPrevPage: z ? $ > 0 : !!G.data?.prev_pagination_token,
 		onNextPage: st,
 		onPrevPage: ct,
 		cancelConfirmation: {