@tesouro/embedded-components-react 0.3.5 → 0.3.9

package/dist/index.css

@@ -3342,6 +3342,9 @@
   .ttw\:text-\[\#175CD3\] {
     color: #175CD3;
   }
+  .ttw\:text-\[\#101317\] {
+    color: #101317;
+  }
   .ttw\:text-\[\#344054\] {
     color: #344054;
   }

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

@@ -1,8 +1,20 @@
+import { BillColumn as e } from "../../ui/dist/index59.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js
-var e = {
+var t = {
 	root: "bill-pay-bills-tab",
 	uploadTray: "bill-pay-upload-tray",
 	detailsSheet: "bill-pay-details-sheet"
+}, n = {
+	[e.Vendor]: "bill-pay-bills-cell-vendor",
+	[e.DueDate]: "bill-pay-bills-cell-due-date",
+	[e.ScheduledDate]: "bill-pay-bills-cell-scheduled-date",
+	[e.PaidDate]: "bill-pay-bills-cell-paid-date",
+	[e.Status]: "bill-pay-bills-cell-status",
+	[e.AmountDue]: "bill-pay-bills-cell-amount-due",
+	[e.AmountScheduled]: "bill-pay-bills-cell-amount-scheduled",
+	[e.AmountPaid]: "bill-pay-bills-cell-amount-paid",
+	[e.AddedOn]: "bill-pay-bills-cell-added-on"
 };
 //#endregion
-export { e as billsTabTestIds };
+export { t as billsTabTestIds, n as billsTableCellTestIds };

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

@@ -18,160 +18,161 @@ import { BillDetailsContainer as s } from "./index43.js";
 import "./index44.js";
 import "./index50.js";
 import "./index51.js";
-import { DuplicateBillsContainer as ee } from "./index54.js";
+import { DuplicateBillsContainer as c } from "./index54.js";
 import "./index55.js";
-import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index56.js";
-import { BILLS_TAB_LABELS_EN as u } from "./index58.js";
-import { billsTabTestIds as d } from "./index59.js";
-import { useBillsTable as te } from "./index60.js";
-import { copyTextToClipboard as f } from "./index57.js";
-import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { BILL_QUEUE_ORDER as l, BillQueue as u } from "./index56.js";
+import { BILLS_TAB_LABELS_EN as d } from "./index58.js";
+import { billsTabTestIds as f, billsTableCellTestIds as p } from "./index59.js";
+import { useBillsTable as ee } from "./index60.js";
+import { copyTextToClipboard as te } from "./index57.js";
+import { useCallback as ne, useEffect as m, useMemo as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { CalendarClockIcon as y, CheckIcon as b, FilePenIcon as x, ListIcon as S, LoaderCircleIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js
 var w = "bills@business-banking.app", T = {
-	[l.Drafts]: /* @__PURE__ */ _(x, {
+	[u.Drafts]: /* @__PURE__ */ _(x, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[l.Pending]: /* @__PURE__ */ _(C, {
+	[u.Pending]: /* @__PURE__ */ _(C, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[l.Scheduled]: /* @__PURE__ */ _(y, {
+	[u.Scheduled]: /* @__PURE__ */ _(y, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[l.Paid]: /* @__PURE__ */ _(b, {
+	[u.Paid]: /* @__PURE__ */ _(b, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[l.All]: /* @__PURE__ */ _(S, {
+	[u.All]: /* @__PURE__ */ _(S, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	})
 };
-function E({ labels: l, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandled: x, poweredByBankName: S, duplicateBills: C }) {
+function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandled: x, poweredByBankName: S, duplicateBills: C }) {
 	let E = h(() => ({
+		...d,
 		...u,
-		...l,
 		queues: {
-			...u.queues,
-			...l?.queues
+			...d.queues,
+			...u?.queues
 		},
-		queueEmptyStates: c.reduce((e, t) => ({
+		queueEmptyStates: l.reduce((e, t) => ({
 			...e,
 			[t]: {
-				...u.queueEmptyStates[t],
-				...l?.queueEmptyStates?.[t]
+				...d.queueEmptyStates[t],
+				...u?.queueEmptyStates?.[t]
 			}
 		}), {})
-	}), [l]), [ne, D] = g(!1), [O, k] = g(), [A, j] = g(!1), [M, N] = g(), [P, F] = g(!1), [I, L] = g(!1), [R, z] = g(!1), { initResponse: B } = r(), V = t(B?.scopes, [n.PayableReadOrg]), H = t(B?.scopes, [n.PayableWriteOrg]), U = !B || V, W = !B || H, G = p((e, t) => {
-		if (t && W) {
-			k(e), j(!0);
+	}), [u]), [D, O] = g(!1), [k, A] = g(), [j, M] = g(!1), [N, P] = g(), [F, I] = g(!1), [L, R] = g(!1), [z, B] = g(!1), { initResponse: V } = r(), H = t(V?.scopes, [n.PayableReadOrg]), U = t(V?.scopes, [n.PayableWriteOrg]), W = !V || H, G = !V || U, K = ne((e, t) => {
+		if (t && G) {
+			A(e), M(!0);
 			return;
 		}
-		N(e), F(!0);
-	}, [W]), K = h(() => (C ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [C]), q = te({
-		enabled: U,
-		onOpenBill: G,
-		duplicateBillIds: K,
+		P(e), I(!0);
+	}, [G]), q = h(() => (C ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [C]), J = ee({
+		enabled: W,
+		onOpenBill: K,
+		duplicateBillIds: q,
 		duplicateBadgeLabel: E.duplicateBadge
-	}), J = (e) => !!(e && K.includes(e)), Y = K.length, X = Y === 0 ? void 0 : Y === 1 ? E.duplicateWarningOne : E.duplicateWarningMany(Y), re = h(() => c.map((e) => ({
+	}), Y = (e) => !!(e && q.includes(e)), X = q.length, re = X === 0 ? void 0 : X === 1 ? E.duplicateWarningOne : E.duplicateWarningMany(X), ie = h(() => l.map((e) => ({
 		id: e,
 		label: E.queues[e],
 		icon: T[e]
-	})), [E.queues]), ie = (e) => {
-		z(!1), N(e), F(!0);
-	}, ae = () => {
-		F(!1), L(!0);
-	}, oe = h(() => ({
+	})), [E.queues]), ae = (e) => {
+		B(!1), P(e), I(!0);
+	}, oe = () => {
+		I(!1), R(!0);
+	}, se = h(() => ({
 		createButton: E.createButton,
 		addBill: { heading: E.nonEmptyHeading }
 	}), [E.createButton, E.nonEmptyHeading]), Z = () => {
-		D(!1), k(void 0), j(!0);
+		O(!1), A(void 0), M(!0);
 	}, Q = (e) => {
-		D(!1), y?.(e);
+		O(!1), y?.(e);
 	}, $ = async () => {
-		await f(w) ? e.success(E.emailCopiedToast) : e.error(E.emailCopyFailedToast);
+		await te(w) ? e.success(E.emailCopiedToast) : e.error(E.emailCopyFailedToast);
 	};
 	return m(() => {
-		b && (k(b), j(!0), x?.());
+		b && (A(b), M(!0), x?.());
 	}, [x, b]), /* @__PURE__ */ v("div", {
-		"data-testid": d.root,
+		"data-testid": f.root,
 		children: [
 			/* @__PURE__ */ _(a, {
-				rows: q.rows,
-				isLoading: q.isLoading || !B,
-				isError: q.isError,
-				onRetry: q.onRetry,
-				sorting: q.sorting,
-				onSortingChange: q.onSortingChange,
-				pageSize: q.pageSize,
-				onPageSizeChange: q.onPageSizeChange,
-				hasNextPage: q.hasNextPage,
-				hasPrevPage: q.hasPrevPage,
-				onNextPage: q.onNextPage,
-				onPrevPage: q.onPrevPage,
-				filterTabs: re,
-				selectedFilterTabId: q.selectedFilterTabId,
-				onFilterTabChange: q.onFilterTabChange,
-				searchValue: q.searchValue,
-				onSearchChange: q.onSearchChange,
-				visibleColumns: q.visibleColumns,
-				isSearchActive: q.isSearchActive,
-				showAddPanelWhenEmpty: q.showAddPanelWhenEmpty,
-				emptyState: E.queueEmptyStates[q.selectedFilterTabId],
-				onCreateClick: W ? () => D(!0) : void 0,
-				onEnterManually: W ? Z : void 0,
-				onFilesSelected: W ? Q : void 0,
+				rows: J.rows,
+				isLoading: J.isLoading || !V,
+				isError: J.isError,
+				onRetry: J.onRetry,
+				sorting: J.sorting,
+				onSortingChange: J.onSortingChange,
+				pageSize: J.pageSize,
+				onPageSizeChange: J.onPageSizeChange,
+				hasNextPage: J.hasNextPage,
+				hasPrevPage: J.hasPrevPage,
+				onNextPage: J.onNextPage,
+				onPrevPage: J.onPrevPage,
+				filterTabs: ie,
+				selectedFilterTabId: J.selectedFilterTabId,
+				onFilterTabChange: J.onFilterTabChange,
+				searchValue: J.searchValue,
+				onSearchChange: J.onSearchChange,
+				visibleColumns: J.visibleColumns,
+				cellTestIds: p,
+				isSearchActive: J.isSearchActive,
+				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
+				emptyState: E.queueEmptyStates[J.selectedFilterTabId],
+				onCreateClick: G ? () => O(!0) : void 0,
+				onEnterManually: G ? Z : void 0,
+				onFilesSelected: G ? Q : void 0,
 				maxFiles: 10,
 				emailAddress: w,
 				onCopyEmail: $,
-				duplicateWarning: X,
-				onReviewDuplicates: () => z(!0),
-				labels: oe
+				duplicateWarning: re,
+				onReviewDuplicates: () => B(!0),
+				labels: se
 			}),
-			R ? /* @__PURE__ */ _(ee, {
-				open: R,
-				onOpenChange: z,
+			z ? /* @__PURE__ */ _(c, {
+				open: z,
+				onOpenChange: B,
 				bills: C,
-				canManageDuplicates: W,
-				onOpenBill: ie
+				canManageDuplicates: G,
+				onOpenBill: ae
 			}) : null,
-			W ? /* @__PURE__ */ _(i, {
-				open: ne,
-				onOpenChange: D,
+			G ? /* @__PURE__ */ _(i, {
+				open: D,
+				onOpenChange: O,
 				onFilesSelected: Q,
 				maxFiles: 10,
 				onEnterManually: Z,
 				emailAddress: w,
 				onCopyEmail: $,
-				labels: { heading: q.hasAnyBills ? E.nonEmptyHeading : E.emptyHeading }
+				labels: { heading: J.hasAnyBills ? E.nonEmptyHeading : E.emptyHeading }
 			}) : null,
-			A ? /* @__PURE__ */ _(o, {
-				open: A,
-				onOpenChange: j,
-				payableId: O,
-				isPossibleDuplicate: J(O)
+			j ? /* @__PURE__ */ _(o, {
+				open: j,
+				onOpenChange: M,
+				payableId: k,
+				isPossibleDuplicate: Y(k)
 			}) : null,
-			P ? /* @__PURE__ */ _(s, {
-				open: P,
-				onOpenChange: F,
-				payableId: M,
-				onClose: () => F(!1),
-				onExpand: ae,
-				isPossibleDuplicate: J(M),
-				testId: d.detailsSheet,
+			F ? /* @__PURE__ */ _(s, {
+				open: F,
+				onOpenChange: I,
+				payableId: N,
+				onClose: () => I(!1),
+				onExpand: oe,
+				isPossibleDuplicate: Y(N),
+				testId: f.detailsSheet,
 				poweredByBankName: S
 			}) : null,
-			I ? /* @__PURE__ */ _(o, {
-				open: I,
-				onOpenChange: L,
-				payableId: M,
+			L ? /* @__PURE__ */ _(o, {
+				open: L,
+				onOpenChange: R,
+				payableId: N,
 				readOnly: !0,
 				poweredByBankName: S,
-				isPossibleDuplicate: J(M)
+				isPossibleDuplicate: Y(N)
 			}) : null
 		]
 	});

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

@@ -2,24 +2,34 @@ import { Dialog as e, DialogContent as t, DialogDescription as n, DialogHeader a
 import { AddBillPanel as a } from "./index7.js";
 import "./index8.js";
 import { ADD_BILL_DIALOG_LABELS_EN as o } from "./index9.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index10.js
-function l({ open: l, onOpenChange: u, dialogLabels: d, ...f }) {
-	let p = {
+function u({ open: u, onOpenChange: d, dialogLabels: f, ...p }) {
+	let m = {
 		...o,
-		...d
-	};
-	return /* @__PURE__ */ s(e, {
-		open: l,
-		onOpenChange: u,
-		children: /* @__PURE__ */ c(t, {
+		...f
+	}, h = s(() => ({
+		...p.labels,
+		dropzone: {
+			fileInput: m.dropzoneFileInput,
+			...p.labels?.dropzone
+		}
+	}), [p.labels, m.dropzoneFileInput]);
+	return /* @__PURE__ */ c(e, {
+		open: u,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(t, {
 			className: "ttw:sm:max-w-2xl",
-			children: [/* @__PURE__ */ c(r, {
+			children: [/* @__PURE__ */ l(r, {
 				className: "ttw:sr-only",
-				children: [/* @__PURE__ */ s(i, { children: p.dialogTitle }), /* @__PURE__ */ s(n, { children: p.dialogDescription })]
-			}), /* @__PURE__ */ s(a, { ...f })]
+				children: [/* @__PURE__ */ c(i, { children: m.dialogTitle }), /* @__PURE__ */ c(n, { children: m.dialogDescription })]
+			}), /* @__PURE__ */ c(a, {
+				...p,
+				labels: h
+			})]
 		})
 	});
 }
 //#endregion
-export { l as AddBillDialog, l as default };
+export { u as AddBillDialog, u as default };

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

@@ -38,7 +38,7 @@ var ae = [
 	p.AmountDue,
 	p.AddedOn
 ];
-function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce, pageSize: le, onPageSizeChange: ue, pageSizeOptions: T = ae, pageInfo: E, hasNextPage: D, hasPrevPage: O, onNextPage: k, onPrevPage: A, filterTabs: j, selectedFilterTabId: M, onFilterTabChange: N, searchValue: P, onSearchChange: F, visibleColumns: I = x, isSearchActive: L, showAddPanelWhenEmpty: R, emptyState: z, onCreateClick: B, onRetry: V, onFilesSelected: H, maxFiles: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y, duplicateWarning: X, onReviewDuplicates: Z }) {
+function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce, pageSize: le, onPageSizeChange: ue, pageSizeOptions: T = ae, pageInfo: de, hasNextPage: E, hasPrevPage: D, onNextPage: O, onPrevPage: k, filterTabs: A, selectedFilterTabId: j, onFilterTabChange: M, searchValue: N, onSearchChange: P, visibleColumns: F = x, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: R, emptyState: z, onCreateClick: B, onRetry: V, onFilesSelected: H, maxFiles: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y, duplicateWarning: X, onReviewDuplicates: Z }) {
 	let Q = m(() => ({
 		...d,
 		...Y,
@@ -69,12 +69,16 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				title: e,
 				labels: Q.sortableHeader
 			});
-		}, t = (e) => function({ row: t }) {
-			return t.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue });
-		}, n = (e) => function({ row: t }) {
+		}, t = (e, t) => function({ row: n }) {
+			return /* @__PURE__ */ h("span", {
+				"data-testid": I?.[t],
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
+			});
+		}, n = (e, t) => function({ row: n }) {
 			return /* @__PURE__ */ h("div", {
 				className: "ttw:text-right",
-				children: t.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
+				"data-testid": I?.[t],
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
 			});
 		}, r = (e) => function() {
 			return /* @__PURE__ */ h("div", {
@@ -87,25 +91,25 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				accessorKey: "vendorLabel",
 				enableSorting: !0,
 				header: e(Q.columnVendor),
-				cell: t("vendorLabel")
+				cell: t("vendorLabel", p.Vendor)
 			},
 			[p.DueDate]: {
 				accessorKey: "dueDateLabel",
 				enableSorting: !0,
 				header: e(Q.columnDueDate),
-				cell: t("dueDateLabel")
+				cell: t("dueDateLabel", p.DueDate)
 			},
 			[p.ScheduledDate]: {
 				accessorKey: "scheduledDateLabel",
 				enableSorting: !0,
 				header: e(Q.columnScheduledDate),
-				cell: t("scheduledDateLabel")
+				cell: t("scheduledDateLabel", p.ScheduledDate)
 			},
 			[p.PaidDate]: {
 				accessorKey: "paidDateLabel",
 				enableSorting: !1,
 				header: Q.columnPaidDate,
-				cell: t("paidDateLabel")
+				cell: t("paidDateLabel", p.PaidDate)
 			},
 			[p.Status]: {
 				accessorKey: "status",
@@ -113,6 +117,7 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				header: Q.columnStatus,
 				cell: ({ row: e }) => /* @__PURE__ */ g("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
+					"data-testid": I?.[p.Status],
 					children: [/* @__PURE__ */ h(re, {
 						status: e.original.status,
 						tone: e.original.statusTone,
@@ -124,28 +129,28 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				accessorKey: "amountDueLabel",
 				enableSorting: !1,
 				header: r(Q.columnAmountDue),
-				cell: n("amountDueLabel")
+				cell: n("amountDueLabel", p.AmountDue)
 			},
 			[p.AmountScheduled]: {
 				accessorKey: "amountScheduledLabel",
 				enableSorting: !1,
 				header: r(Q.columnAmountScheduled),
-				cell: n("amountScheduledLabel")
+				cell: n("amountScheduledLabel", p.AmountScheduled)
 			},
 			[p.AmountPaid]: {
 				accessorKey: "amountPaidLabel",
 				enableSorting: !1,
 				header: r(Q.columnAmountPaid),
-				cell: n("amountPaidLabel")
+				cell: n("amountPaidLabel", p.AmountPaid)
 			},
 			[p.AddedOn]: {
 				accessorKey: "addedOnLabel",
 				enableSorting: !0,
 				header: e(Q.columnAddedOn),
-				cell: t("addedOnLabel")
+				cell: t("addedOnLabel", p.AddedOn)
 			}
 		};
-	}, [Q]), de = m(() => [...oe.filter((e) => I.includes(e)).map((e) => $[e]), {
+	}, [Q, I]), fe = m(() => [...oe.filter((e) => F.includes(e)).map((e) => $[e]), {
 		id: "actions",
 		enableSorting: !1,
 		header: () => /* @__PURE__ */ h("span", {
@@ -167,8 +172,8 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 	}], [
 		$,
 		Q,
-		I
-	]), fe = !!(B && H) && !C && !w && !L && S.length === 0 && R === !0, pe = /* @__PURE__ */ h("div", {
+		F
+	]), pe = !!(B && H) && !C && !w && !L && S.length === 0 && R === !0, me = /* @__PURE__ */ h("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: /* @__PURE__ */ g("div", {
 			className: "ttw:relative ttw:w-80",
@@ -177,8 +182,8 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				type: "search",
 				"aria-label": Q.searchLabel,
 				placeholder: Q.searchPlaceholder,
-				value: P,
-				onChange: (e) => F(e.target.value)
+				value: N,
+				onChange: (e) => P(e.target.value)
 			})]
 		})
 	});
@@ -201,14 +206,14 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 				}) : null
 			]
 		}) : null, /* @__PURE__ */ g(ee, {
-			value: M,
-			onValueChange: N,
+			value: j,
+			onValueChange: M,
 			className: "ttw:flex ttw:flex-col ttw:gap-4",
 			children: [/* @__PURE__ */ g("div", {
 				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
 				children: [/* @__PURE__ */ h(ne, {
 					"aria-label": Q.filterTabsLabel,
-					children: j.map((e) => /* @__PURE__ */ g(o, {
+					children: A.map((e) => /* @__PURE__ */ g(o, {
 						value: e.id,
 						className: "ttw:min-w-28",
 						children: [e.icon, e.label]
@@ -223,7 +228,7 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 					description: Q.errorDescription,
 					retryLabel: V ? Q.errorRetry : void 0,
 					onRetry: V
-				}) : fe && B && H ? /* @__PURE__ */ h("div", {
+				}) : pe && B && H ? /* @__PURE__ */ h("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
 					children: q && J ? /* @__PURE__ */ h(l, {
 						emailAddress: q,
@@ -245,7 +250,7 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 						labels: Q.addBill
 					})
 				}) : /* @__PURE__ */ h(r, {
-					columns: de,
+					columns: fe,
 					data: S,
 					isLoading: C,
 					sorting: se,
@@ -253,13 +258,13 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 					pageSize: le,
 					onPageSizeChange: ue,
 					pageSizeOptions: T,
-					pageInfo: E,
-					hasNextPage: D,
-					hasPrevPage: O,
-					onNextPage: k,
-					onPrevPage: A,
+					pageInfo: de,
+					hasNextPage: E,
+					hasPrevPage: D,
+					onNextPage: O,
+					onPrevPage: k,
 					onRowClick: (e) => e.onOpen(),
-					filterComponent: pe,
+					filterComponent: me,
 					children: L ? /* @__PURE__ */ h(s, {
 						title: Q.filteredEmptyTitle,
 						description: Q.filteredEmptyDescription
@@ -268,9 +273,9 @@ function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce
 						description: z.description
 					}) : void 0
 				});
-				return j.map((t) => /* @__PURE__ */ h(te, {
+				return A.map((t) => /* @__PURE__ */ h(te, {
 					value: t.id,
-					children: t.id === M ? e : null
+					children: t.id === j ? e : null
 				}, t.id));
 			})()]
 		})]

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

@@ -1,7 +1,8 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index9.js
 var e = {
 	dialogTitle: "Add a bill",
-	dialogDescription: "Upload a bill to scan its details automatically, or enter it manually."
+	dialogDescription: "Upload a bill to scan its details automatically, or enter it manually.",
+	dropzoneFileInput: "Choose a file to upload for this new bill"
 };
 //#endregion
 export { e as ADD_BILL_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js

@@ -19,13 +19,14 @@ import { useMemo as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { CreditCardIcon as v, EyeIcon as y, EyeOffIcon as b, PowerIcon as x } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js
-function S({ labels: S, state: C, nickname: w, statusLabel: T, statusTone: E, formFactorLabel: D, cardMenu: O, onClose: k, bankLogoSrc: A, bankLogoAlt: j, cardholderName: M, maskedCardNumber: N, programLabel: P, billingAddress: F, allowedCategories: I, onCopy: L, onActivate: R, onViewCard: z, onHideCard: B, isViewCardDisabled: V, revealState: H = "hidden", revealedCardNumber: U, revealedExpirationDate: W, revealedSecurityCode: G, onRetry: K, className: q }) {
-	let J = h(() => f(S), [S]), Y = !!I?.length, X = H === "revealed", Z = X ? B : z, Q = /* @__PURE__ */ g(u, {
+function S({ labels: S, state: C, nickname: w, statusLabel: T, statusTone: E, formFactorLabel: D, cardMenu: O, onClose: k, bankLogoSrc: A, bankLogoAlt: j, cardholderName: M, maskedCardNumber: N, programLabel: P, cardFaceStatusLabel: F, billingAddress: I, allowedCategories: L, onCopy: R, onActivate: z, onViewCard: B, onHideCard: V, revealState: H = "hidden", revealedCardNumber: U, revealedExpirationDate: W, revealedSecurityCode: G, onRetry: K, className: q }) {
+	let J = h(() => f(S), [S]), Y = !!L?.length, X = H === "revealed", Z = X ? V : B, Q = /* @__PURE__ */ g(u, {
 		bankLogoSrc: A,
 		bankLogoAlt: j ?? J.cardFace.bankLogoAlt,
 		cardholderName: M ?? "",
 		maskedCardNumber: N ?? "",
-		programLabel: P ?? ""
+		programLabel: P ?? "",
+		statusLabel: F
 	});
 	return /* @__PURE__ */ _("div", {
 		"data-testid": s.panel,
@@ -62,7 +63,7 @@ function S({ labels: S, state: C, nickname: w, statusLabel: T, statusTone: E, fo
 					className: "ttw:flex ttw:items-center ttw:justify-center ttw:bg-muted ttw:px-4 ttw:py-5",
 					children: /* @__PURE__ */ _("div", {
 						className: r("ttw:flex ttw:flex-col ttw:gap-4", l),
-						children: [z ? /* @__PURE__ */ g(m, {
+						children: [B ? /* @__PURE__ */ g(m, {
 							isFlipped: X,
 							front: Q,
 							back: /* @__PURE__ */ g(p, {
@@ -70,26 +71,27 @@ function S({ labels: S, state: C, nickname: w, statusLabel: T, statusTone: E, fo
 								cardNumber: U,
 								expirationDate: W,
 								securityCode: G,
-								onCopy: L
+								onCopy: R
 							})
-						}) : Q, R || z ? /* @__PURE__ */ _("div", {
+						}) : Q, z || B ? /* @__PURE__ */ _("div", {
 							className: "ttw:flex ttw:flex-col ttw:gap-2",
 							children: [
-								R ? /* @__PURE__ */ _(t, {
+								z ? /* @__PURE__ */ _(t, {
 									type: "button",
-									onClick: R,
+									className: "ttw:self-center",
+									onClick: z,
 									children: [/* @__PURE__ */ g(x, {
 										className: "ttw:size-4",
 										"aria-hidden": "true"
 									}), J.actions.activateCard]
 								}) : null,
-								z ? /* @__PURE__ */ g("div", {
+								B ? /* @__PURE__ */ g("div", {
 									className: "ttw:flex ttw:gap-2",
 									children: /* @__PURE__ */ _(t, {
 										type: "button",
 										variant: "outline",
 										className: "ttw:flex-1",
-										disabled: V || !Z,
+										disabled: !Z,
 										loading: H === "revealing",
 										onClick: Z,
 										children: [g(X ? b : y, {
@@ -107,30 +109,30 @@ function S({ labels: S, state: C, nickname: w, statusLabel: T, statusTone: E, fo
 					children: [
 						/* @__PURE__ */ g(d, {
 							label: J.fields.cardholder,
-							copyAriaLabel: M && L ? J.fields.copyCardholderAriaLabel : void 0,
-							onCopy: M && L ? () => L(M) : void 0,
+							copyAriaLabel: M && R ? J.fields.copyCardholderAriaLabel : void 0,
+							onCopy: M && R ? () => R(M) : void 0,
 							children: M ?? J.fields.emptyValue
 						}),
 						/* @__PURE__ */ g(d, {
 							label: J.fields.nickname,
-							copyAriaLabel: w && L ? J.fields.copyNicknameAriaLabel : void 0,
-							onCopy: w && L ? () => L(w) : void 0,
-							isLast: !F && !Y,
+							copyAriaLabel: w && R ? J.fields.copyNicknameAriaLabel : void 0,
+							onCopy: w && R ? () => R(w) : void 0,
+							isLast: !I && !Y,
 							children: w ?? J.fields.emptyValue
 						}),
-						F ? /* @__PURE__ */ g(d, {
+						I ? /* @__PURE__ */ g(d, {
 							label: J.fields.billingAddress,
-							copyAriaLabel: L ? J.fields.copyBillingAddressAriaLabel : void 0,
-							onCopy: L ? () => L(F) : void 0,
+							copyAriaLabel: R ? J.fields.copyBillingAddressAriaLabel : void 0,
+							onCopy: R ? () => R(I) : void 0,
 							isLast: !Y,
-							children: F
+							children: I
 						}) : null,
 						Y ? /* @__PURE__ */ g(d, {
 							label: J.fields.allowedCategories,
 							isLast: !0,
 							children: /* @__PURE__ */ g("div", {
 								className: "ttw:flex ttw:flex-wrap ttw:gap-2",
-								children: I?.map((t) => /* @__PURE__ */ g(e, {
+								children: L?.map((t) => /* @__PURE__ */ g(e, {
 									variant: "secondary",
 									children: t
 								}, t))

package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardFace.js

@@ -1,38 +1,45 @@
 import { cn as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { cardDetailsWidgetUiTestIds as t } from "./testIds.js";
-import { CARD_FACE_SURFACE_CLASS_NAME as n } from "./cardFaceSurface.js";
-import { CardFaceGlow as r } from "./CardFaceGlow.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CARD_FACE_STATUS_PILL_CLASS_NAME as n, CARD_FACE_SURFACE_CLASS_NAME as r } from "./cardFaceSurface.js";
+import { CardFaceGlow as i } from "./CardFaceGlow.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardFace.js
-function o({ bankLogoSrc: o, bankLogoAlt: s, cardholderName: c, maskedCardNumber: l, programLabel: u, className: d }) {
-	return /* @__PURE__ */ a("div", {
+function s({ bankLogoSrc: s, bankLogoAlt: c, cardholderName: l, maskedCardNumber: u, programLabel: d, statusLabel: f, className: p }) {
+	return /* @__PURE__ */ o("div", {
 		"data-testid": t.cardFace,
-		className: e(n, "ttw:justify-between", d),
+		className: e(r, "ttw:justify-between", p),
 		children: [
-			/* @__PURE__ */ i(r, {}),
-			o ? /* @__PURE__ */ i("img", {
-				src: o,
-				alt: s,
+			/* @__PURE__ */ a(i, {}),
+			s ? /* @__PURE__ */ a("img", {
+				src: s,
+				alt: c,
 				className: "ttw:relative ttw:h-8 ttw:w-auto ttw:max-w-[60%] ttw:object-contain ttw:object-left"
-			}) : /* @__PURE__ */ i("span", { className: "ttw:relative ttw:h-8" }),
-			/* @__PURE__ */ a("div", {
+			}) : /* @__PURE__ */ a("span", { className: "ttw:relative ttw:h-8" }),
+			f ? /* @__PURE__ */ a("div", {
+				className: "ttw:pointer-events-none ttw:absolute ttw:inset-0 ttw:flex ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ a("span", {
+					className: n,
+					children: f
+				})
+			}) : null,
+			/* @__PURE__ */ o("div", {
 				className: "ttw:relative ttw:flex ttw:items-end ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "ttw:min-w-0",
-					children: [/* @__PURE__ */ i("p", {
+					children: [/* @__PURE__ */ a("p", {
 						className: "ttw:truncate ttw:text-base ttw:font-medium ttw:text-white",
-						children: c
-					}), /* @__PURE__ */ i("p", {
-						className: "ttw:mt-1 ttw:truncate ttw:text-lg ttw:tracking-wide ttw:text-white/90",
 						children: l
+					}), /* @__PURE__ */ a("p", {
+						className: "ttw:mt-1 ttw:truncate ttw:text-lg ttw:tracking-wide ttw:text-white/90",
+						children: u
 					})]
-				}), /* @__PURE__ */ i("p", {
+				}), /* @__PURE__ */ a("p", {
 					className: "ttw:shrink-0 ttw:text-[10px] ttw:font-medium ttw:text-white/90",
-					children: u
+					children: d
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { o as CardFace };
+export { s as CardFace };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/cardFaceSurface.js

@@ -1,4 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/cardFaceSurface.js
-var e = "ttw:w-[300px]", t = "ttw:h-[190px]", n = `ttw:relative ttw:flex ${t} ${e} ttw:flex-col ttw:overflow-hidden ttw:rounded-xl ttw:bg-[#101317] ttw:p-4`;
+var e = "ttw:w-[300px]", t = "ttw:h-[190px]", n = `ttw:relative ttw:flex ${t} ${e} ttw:flex-col ttw:overflow-hidden ttw:rounded-xl ttw:bg-[#101317] ttw:p-4`, r = "ttw:rounded-full ttw:bg-white/90 ttw:px-4 ttw:py-2 ttw:text-sm ttw:font-medium ttw:text-[#101317]";
 //#endregion
-export { t as CARD_FACE_HEIGHT_CLASS_NAME, n as CARD_FACE_SURFACE_CLASS_NAME, e as CARD_FACE_WIDTH_CLASS_NAME };
+export { t as CARD_FACE_HEIGHT_CLASS_NAME, r as CARD_FACE_STATUS_PILL_CLASS_NAME, n as CARD_FACE_SURFACE_CLASS_NAME, e as CARD_FACE_WIDTH_CLASS_NAME };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.3.5", n = "bd00c238d720b0178b5e9ffd834791094993700b", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.3.9", n = "ac355552a0e1fc75bf6f82e8ba0067fbbf500666", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.3.5",
+  "version": "0.3.9",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {