@tesouro/embedded-components-react 0.3.16 → 0.3.18

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js

@@ -18,10 +18,10 @@ function r({ label: r, value: i, testId: a, valueMonospace: o }) {
 		})]
 	}) : null;
 }
-function i({ rows: e }) {
+function i({ rows: e, testIds: n }) {
 	return /* @__PURE__ */ t("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2",
-		"data-testid": "about-you-summary",
+		"data-testid": n?.root,
 		children: e.map((e) => /* @__PURE__ */ t(r, {
 			label: e.label,
 			value: e.value,

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js

@@ -5,14 +5,14 @@ import { AboutYouSummary as c } from "./index20.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Pen as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js
-function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, ssnRevealed: v, ssnToggleAriaLabel: y, onToggleSsnVisibility: b, showOwnershipPercentage: x, maxBirthDate: S, ssnMaskedDisplay: C, ssnFormattedDisplay: w }) {
-	let T = {
+function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, ssnRevealed: v, ssnToggleAriaLabel: y, onToggleSsnVisibility: b, showOwnershipPercentage: x, maxBirthDate: S, ssnMaskedDisplay: C, ssnFormattedDisplay: w, testIds: T }) {
+	let E = {
 		...o,
 		...g
 	};
 	return f ? /* @__PURE__ */ l(s, {
 		fields: h,
-		labels: T,
+		labels: E,
 		isDisabled: _,
 		ssnRevealed: v,
 		ssnToggleAriaLabel: y,
@@ -20,9 +20,10 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 		showOwnershipPercentage: x,
 		maxBirthDate: S,
 		ssnMaskedDisplay: C,
-		ssnFormattedDisplay: w
+		ssnFormattedDisplay: w,
+		testIds: T?.editForm
 	}) : /* @__PURE__ */ u("section", {
-		"data-testid": "about-you-panel",
+		"data-testid": T?.root,
 		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
 		children: [
 			/* @__PURE__ */ u("div", {
@@ -31,7 +32,7 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 					component: "h3",
 					variant: "h6",
 					className: "ttw:font-semibold ttw:text-foreground",
-					children: T.panelTitle
+					children: E.panelTitle
 				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
 					asChild: !0,
 					onFocus: (e) => {
@@ -43,8 +44,8 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 						size: "icon-sm",
 						onClick: p,
 						disabled: _,
-						"aria-label": T.editButtonAriaLabel,
-						"data-testid": "about-you-edit-button",
+						"aria-label": E.editButtonAriaLabel,
+						"data-testid": T?.editButton,
 						className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
 						children: /* @__PURE__ */ l(d, {
 							className: "ttw:size-5",
@@ -54,14 +55,17 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 				}), /* @__PURE__ */ l(n, {
 					side: "top",
 					sideOffset: 4,
-					children: T.editTooltip
+					children: E.editTooltip
 				})] }) })]
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "ttw:mb-3 ttw:border-b ttw:border-border",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ l(c, { rows: m })
+			/* @__PURE__ */ l(c, {
+				rows: m,
+				testIds: T?.summary
+			})
 		]
 	});
 }

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js

@@ -15,15 +15,15 @@ function o({ href: e, children: t }) {
 		children: t
 	});
 }
-function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, termsHref: d, privacyHref: f, electronicCommunicationHref: p, patriotActHref: m }) {
-	let h = {
+function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, termsHref: d, privacyHref: f, electronicCommunicationHref: p, patriotActHref: m, testIds: h }) {
+	let g = {
 		...t,
 		...l,
 		companyStructureOptions: {
 			...t.companyStructureOptions,
 			...l?.companyStructureOptions ?? {}
 		}
-	}, g = (e, t) => s({
+	}, _ = (e, t) => s({
 		...a,
 		[e]: t
 	});
@@ -33,24 +33,24 @@ function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, ter
 			className: "ttw:flex ttw:items-start ttw:gap-2",
 			children: [/* @__PURE__ */ r(e, {
 				id: "isAuthorized",
-				"data-testid": "bank-account-onboarding-authorization-checkbox",
+				"data-testid": h?.authorizationCheckbox,
 				checked: a.isAuthorized === !0,
-				onCheckedChange: (e) => g("isAuthorized", e === !0 || null),
+				onCheckedChange: (e) => _("isAuthorized", e === !0 || null),
 				disabled: c,
 				className: "ttw:mt-0.5",
 				"aria-labelledby": "bank-account-onboarding-authorization-text"
 			}), /* @__PURE__ */ r("p", {
 				id: "bank-account-onboarding-authorization-text",
 				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
-				children: h.isAuthorizedQuestion
+				children: g.isAuthorizedQuestion
 			})]
 		}), /* @__PURE__ */ i("div", {
 			className: "ttw:flex ttw:items-start ttw:gap-2",
 			children: [/* @__PURE__ */ r(e, {
 				id: "isCheckboxChecked",
-				"data-testid": "bank-account-onboarding-disclosure-checkbox",
+				"data-testid": h?.disclosureCheckbox,
 				checked: a.isCheckboxChecked,
-				onCheckedChange: (e) => g("isCheckboxChecked", e === !0),
+				onCheckedChange: (e) => _("isCheckboxChecked", e === !0),
 				disabled: c,
 				className: "ttw:mt-0.5",
 				"aria-labelledby": "bank-account-onboarding-disclosure-text"
@@ -58,25 +58,25 @@ function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, ter
 				id: "bank-account-onboarding-disclosure-text",
 				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
 				children: [
-					n(h.acceptDisclosuresPrefix, u),
+					n(g.acceptDisclosuresPrefix, u),
 					/* @__PURE__ */ r(o, {
 						href: d,
-						children: h.termsOfUse
+						children: g.termsOfUse
 					}),
-					h.acceptDisclosuresTermsPrivacyJoin,
+					g.acceptDisclosuresTermsPrivacyJoin,
 					/* @__PURE__ */ r(o, {
 						href: f,
-						children: h.privacyPolicy
+						children: g.privacyPolicy
 					}),
-					n(h.acceptDisclosuresAfterPrivacy, u),
+					n(g.acceptDisclosuresAfterPrivacy, u),
 					/* @__PURE__ */ r(o, {
 						href: p,
-						children: h.electronicCommunication
+						children: g.electronicCommunication
 					}),
-					n(h.acceptDisclosuresAfterElectronic, u),
+					n(g.acceptDisclosuresAfterElectronic, u),
 					/* @__PURE__ */ r(o, {
 						href: m,
-						children: h.patriotAct
+						children: g.patriotAct
 					})
 				]
 			})]

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js

@@ -1,7 +1,7 @@
 import { Button as e, Dialog as t, DialogClose as n, DialogContent as r, DialogTitle as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { MARKETING_WIDGET_LABELS_EN as a } from "./index24.js";
-import { marketingWidgetTestIds as o } from "./index26.js";
-import { MarketingBenefitItem as s } from "./index25.js";
+import { MarketingBenefitItem as o } from "./index25.js";
+import { marketingWidgetTestIds as s } from "./index26.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ArrowRight as u, X as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js
@@ -16,7 +16,7 @@ function f({ open: f, providedByCaption: p, modalPrimaryImg: m, primaryModalHead
 			e || v();
 		},
 		children: /* @__PURE__ */ l(r, {
-			"data-testid": o.modal,
+			"data-testid": s.modal,
 			showCloseButton: !1,
 			className: "ttw:max-w-[500px] ttw:gap-0 ttw:p-6",
 			style: {
@@ -53,7 +53,7 @@ function f({ open: f, providedByCaption: p, modalPrimaryImg: m, primaryModalHead
 				}),
 				/* @__PURE__ */ c("div", {
 					className: "ttw:mb-6 ttw:grid ttw:grid-cols-2 ttw:gap-4",
-					children: g.map((e) => /* @__PURE__ */ c(s, {
+					children: g.map((e) => /* @__PURE__ */ c(o, {
 						text: e,
 						iconColor: _.primaryColor
 					}, e))
@@ -68,7 +68,7 @@ function f({ open: f, providedByCaption: p, modalPrimaryImg: m, primaryModalHead
 							backgroundColor: _.primaryColor,
 							color: _.primaryContrastColor
 						},
-						"data-testid": o.primaryCtaButton,
+						"data-testid": s.primaryCtaButton,
 						children: [x.primaryCta, /* @__PURE__ */ c(u, {
 							className: "ttw:size-4",
 							"aria-hidden": !0

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index3.js

@@ -13,10 +13,11 @@ function S({ htmlFor: e, children: t }) {
 	});
 }
 var C = "ttw:w-full";
-function w({ fields: o, display: w, isExisting: T, isValid: E, isDisabled: D, labels: O, onCancel: k, onSubmit: A, onClose: j, ssnRevealed: M, ssnToggleAriaLabel: N, onToggleSsnVisibility: P }) {
-	let [F, I] = m.useState(!1), L = !M && !F, R = T ? O.saveOwnerSubmit : O.addOwnerSubmit;
+function w({ fields: o, display: w, isExisting: T, isValid: E, isDisabled: D, labels: O, onCancel: k, onSubmit: A, onClose: j, ssnRevealed: M, ssnToggleAriaLabel: N, onToggleSsnVisibility: P, testIds: F }) {
+	let [I, L] = m.useState(!1), R = !M && !I, z = T ? O.saveOwnerSubmit : O.addOwnerSubmit;
 	return /* @__PURE__ */ h(p, {
 		expandContainer: !0,
+		testIds: F?.overlay,
 		children: /* @__PURE__ */ g("div", {
 			className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
 			role: "dialog",
@@ -103,10 +104,10 @@ function w({ fields: o, display: w, isExisting: T, isValid: E, isDisabled: D, la
 								id: "owner-ssn",
 								className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
 								type: "text",
-								value: L ? w.ssnMaskedDisplay : w.ssnFormattedDisplay,
+								value: R ? w.ssnMaskedDisplay : w.ssnFormattedDisplay,
 								onChange: (e) => o.ssn.onValueChange(e.target.value),
-								onFocus: () => I(!0),
-								onBlur: () => I(!1),
+								onFocus: () => L(!0),
+								onBlur: () => L(!1),
 								disabled: D,
 								autoComplete: "off",
 								inputMode: "numeric",
@@ -243,7 +244,7 @@ function w({ fields: o, display: w, isExisting: T, isValid: E, isDisabled: D, la
 						onClick: A,
 						disabled: D || !E,
 						className: "ttw:gap-1.5",
-						children: [R, /* @__PURE__ */ h(y, { className: "ttw:size-4" })]
+						children: [z, /* @__PURE__ */ h(y, { className: "ttw:size-4" })]
 					})]
 				})
 			]

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index5.js

@@ -5,11 +5,11 @@ import { AdditionalOwnerFormOverlay as d } from "./index3.js";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { PencilIcon as m, PlusIcon as h, Trash2Icon as g } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index5.js
-function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, showPrimaryOwner: b = !0, totalOwnershipError: x, addOwnerDisabled: S, onAddOwner: C, onEditOwner: w, onDeleteOwnerRequest: T, deletingOwnerName: E, onDeleteOwnerConfirm: D, onDeleteOwnerCancel: O, editingOverlay: k, isSubmitting: A, labels: j }) {
-	let M = {
+function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, showPrimaryOwner: b = !0, totalOwnershipError: x, addOwnerDisabled: S, onAddOwner: C, onEditOwner: w, onDeleteOwnerRequest: T, deletingOwnerName: E, onDeleteOwnerConfirm: D, onDeleteOwnerCancel: O, editingOverlay: k, isSubmitting: A, labels: j, testIds: M }) {
+	let N = {
 		...l,
 		...j
-	}, N = k !== null || E !== null;
+	}, P = k !== null || E !== null;
 	return /* @__PURE__ */ p("div", {
 		className: "ttw:relative ttw:flex ttw:flex-col ttw:gap-6",
 		children: [
@@ -22,15 +22,15 @@ function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, sho
 						children: [
 							/* @__PURE__ */ f(o, {
 								className: "ttw:px-4 ttw:py-3",
-								children: M.ownerNameColumn
+								children: N.ownerNameColumn
 							}),
 							/* @__PURE__ */ f(o, {
 								className: "ttw:px-4 ttw:py-3",
-								children: M.ownerShareColumn
+								children: N.ownerShareColumn
 							}),
 							/* @__PURE__ */ f(o, {
 								className: "ttw:px-4 ttw:py-3 ttw:text-right",
-								children: M.ownerActionsColumn
+								children: N.ownerActionsColumn
 							})
 						]
 					}) }), /* @__PURE__ */ p(i, { children: [
@@ -67,17 +67,17 @@ function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, sho
 											type: "button",
 											variant: "ghost",
 											size: "icon-sm",
-											"aria-label": M.edit,
+											"aria-label": N.edit,
 											onClick: () => w(t),
-											disabled: A || N,
+											disabled: A || P,
 											children: /* @__PURE__ */ f(m, { className: "ttw:size-4" })
 										}), /* @__PURE__ */ f(n, {
 											type: "button",
 											variant: "ghost",
 											size: "icon-sm",
-											"aria-label": M.remove,
+											"aria-label": N.remove,
 											onClick: () => T(t),
-											disabled: A || N,
+											disabled: A || P,
 											children: /* @__PURE__ */ f(g, { className: "ttw:size-4" })
 										})]
 									})
@@ -89,18 +89,18 @@ function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, sho
 							children: /* @__PURE__ */ f(a, {
 								colSpan: 3,
 								className: "ttw:px-4 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
-								children: M.emptyOwnersText
+								children: N.emptyOwnersText
 							})
 						}) : null
 					] })] })
-				}), N ? null : /* @__PURE__ */ p(n, {
+				}), P ? null : /* @__PURE__ */ p(n, {
 					type: "button",
 					variant: "ghost",
 					onClick: C,
 					disabled: S || A,
-					"data-testid": "bank-account-onboarding-add-owner-button",
+					"data-testid": M?.addOwnerButton,
 					className: "ttw:h-auto ttw:w-fit ttw:justify-start ttw:gap-1.5 ttw:px-0 ttw:has-[>svg]:px-0 ttw:pl-4 ttw:font-normal ttw:text-primary ttw:hover:bg-transparent ttw:hover:text-primary/90",
-					children: [/* @__PURE__ */ f(h, { className: "ttw:size-4" }), M.addOwner]
+					children: [/* @__PURE__ */ f(h, { className: "ttw:size-4" }), N.addOwner]
 				})]
 			}),
 			x ? /* @__PURE__ */ f(e, {
@@ -113,21 +113,26 @@ function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, sho
 				isExisting: k.isExisting,
 				isValid: k.isValid,
 				isDisabled: A,
-				labels: M,
+				labels: N,
 				onCancel: k.onCancel,
 				onSubmit: k.onSubmit,
 				onClose: k.onCancel,
 				ssnRevealed: k.ssnRevealed,
 				ssnToggleAriaLabel: k.ssnToggleAriaLabel,
-				onToggleSsnVisibility: k.onToggleSsnVisibility
+				onToggleSsnVisibility: k.onToggleSsnVisibility,
+				testIds: { overlay: M?.overlay }
 			}) : null,
 			E ? /* @__PURE__ */ f(u, {
 				ownerName: E,
-				labels: M,
+				labels: N,
 				isDisabled: A,
 				onCancel: O,
 				onConfirm: D,
-				onClose: O
+				onClose: O,
+				testIds: {
+					...M?.deleteOverlay,
+					overlay: M?.overlay
+				}
 			}) : null
 		]
 	});

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

@@ -20,7 +20,6 @@ import "./index56.js";
 import "./index57.js";
 import "./index58.js";
 import "./index60.js";
-import "./index61.js";
 import "./index62.js";
 import "./index63.js";
 import "./index64.js";

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

@@ -14,70 +14,70 @@ import { BillsScreen as a } from "../../ui/dist/index60.js";
 import "../../ui/dist/index.js";
 import { BillCreateDialog as o } from "./index41.js";
 import "./index42.js";
-import { BillDetailsContainer as s } from "./index45.js";
+import { BillDetailsContainer as ee } from "./index45.js";
 import "./index46.js";
 import "./index52.js";
 import "./index53.js";
-import { DuplicateBillsContainer as c } from "./index56.js";
+import { DuplicateBillsContainer as s } from "./index56.js";
 import "./index57.js";
-import { BILL_QUEUE_ORDER as l, BillQueue as u } from "./index58.js";
-import { BILLS_TAB_LABELS_EN as d } from "./index60.js";
-import { billsTabTestIds as f, billsTableCellTestIds as p } from "./index61.js";
-import { useBillsTable as ee } from "./index62.js";
-import { copyTextToClipboard as te } from "./index59.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index58.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index60.js";
+import { useBillsTable as d } from "./index62.js";
+import { copyTextToClipboard as f } from "./index59.js";
+import { billsTabTestIds as p, billsTableCellTestIds as te } from "./index61.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/index63.js
 var w = "bills@business-banking.app", T = {
-	[u.Drafts]: /* @__PURE__ */ _(x, {
+	[l.Drafts]: /* @__PURE__ */ _(x, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[u.Pending]: /* @__PURE__ */ _(C, {
+	[l.Pending]: /* @__PURE__ */ _(C, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[u.Scheduled]: /* @__PURE__ */ _(y, {
+	[l.Scheduled]: /* @__PURE__ */ _(y, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[u.Paid]: /* @__PURE__ */ _(b, {
+	[l.Paid]: /* @__PURE__ */ _(b, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	}),
-	[u.All]: /* @__PURE__ */ _(S, {
+	[l.All]: /* @__PURE__ */ _(S, {
 		className: "ttw:size-4",
 		"aria-hidden": !0
 	})
 };
-function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandled: x, poweredByBankName: S, duplicateBills: C }) {
+function E({ labels: l, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandled: x, poweredByBankName: S, duplicateBills: C }) {
 	let E = h(() => ({
-		...d,
 		...u,
+		...l,
 		queues: {
-			...d.queues,
-			...u?.queues
+			...u.queues,
+			...l?.queues
 		},
-		queueEmptyStates: l.reduce((e, t) => ({
+		queueEmptyStates: c.reduce((e, t) => ({
 			...e,
 			[t]: {
-				...d.queueEmptyStates[t],
-				...u?.queueEmptyStates?.[t]
+				...u.queueEmptyStates[t],
+				...l?.queueEmptyStates?.[t]
 			}
 		}), {})
-	}), [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) => {
+	}), [l]), [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;
 		}
 		P(e), I(!0);
-	}, [G]), q = h(() => (C ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [C]), J = ee({
+	}, [G]), q = h(() => (C ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [C]), J = d({
 		enabled: W,
 		onOpenBill: K,
 		duplicateBillIds: q,
 		duplicateBadgeLabel: E.duplicateBadge
-	}), 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) => ({
+	}), Y = (e) => !!(e && q.includes(e)), X = q.length, re = X === 0 ? void 0 : X === 1 ? E.duplicateWarningOne : E.duplicateWarningMany(X), ie = h(() => c.map((e) => ({
 		id: e,
 		label: E.queues[e],
 		icon: T[e]
@@ -93,12 +93,12 @@ function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandle
 	}, Q = (e) => {
 		O(!1), y?.(e);
 	}, $ = async () => {
-		await te(w) ? e.success(E.emailCopiedToast) : e.error(E.emailCopyFailedToast);
+		await f(w) ? e.success(E.emailCopiedToast) : e.error(E.emailCopyFailedToast);
 	};
 	return m(() => {
 		b && (A(b), M(!0), x?.());
 	}, [x, b]), /* @__PURE__ */ v("div", {
-		"data-testid": f.root,
+		"data-testid": p.root,
 		children: [
 			/* @__PURE__ */ _(a, {
 				rows: J.rows,
@@ -119,7 +119,7 @@ function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandle
 				searchValue: J.searchValue,
 				onSearchChange: J.onSearchChange,
 				visibleColumns: J.visibleColumns,
-				cellTestIds: p,
+				cellTestIds: te,
 				isSearchActive: J.isSearchActive,
 				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
 				emptyState: E.queueEmptyStates[J.selectedFilterTabId],
@@ -133,7 +133,7 @@ function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandle
 				onReviewDuplicates: () => B(!0),
 				labels: se
 			}),
-			z ? /* @__PURE__ */ _(c, {
+			z ? /* @__PURE__ */ _(s, {
 				open: z,
 				onOpenChange: B,
 				bills: C,
@@ -156,14 +156,14 @@ function E({ labels: u, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandle
 				payableId: k,
 				isPossibleDuplicate: Y(k)
 			}) : null,
-			F ? /* @__PURE__ */ _(s, {
+			F ? /* @__PURE__ */ _(ee, {
 				open: F,
 				onOpenChange: I,
 				payableId: N,
 				onClose: () => I(!1),
 				onExpand: oe,
 				isPossibleDuplicate: Y(N),
-				testId: f.detailsSheet,
+				testId: p.detailsSheet,
 				poweredByBankName: S
 			}) : null,
 			L ? /* @__PURE__ */ _(o, {

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

@@ -1,5 +1,4 @@
 import "./index58.js";
 import "./index60.js";
-import "./index61.js";
 import "./index62.js";
 import "./index63.js";

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

@@ -1,4 +1,3 @@
-import "./lib/CardDetailsPanel/testIds.js";
 import "./lib/CardDetailsPanel/statusBadge.js";
 import "./lib/CardDetailsPanel/CardDetailsHeader.js";
 import "./lib/CardDetailsPanel/CardFace.js";

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

@@ -1,6 +1,6 @@
 import { Badge as e, Button as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuTrigger as i, Skeleton as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { cardDetailsWidgetUiTestIds as o } from "./testIds.js";
-import { cardStatusToneClassName as s } from "./statusBadge.js";
+import { cardStatusToneClassName as o } from "./statusBadge.js";
+import { cardDetailsWidgetUiTestIds as s } from "./testIds.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { EllipsisVerticalIcon as u, XIcon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardDetailsHeader.js
@@ -16,7 +16,7 @@ function f({ labels: f, title: p, isTitlePending: m, statusLabel: h, statusTone:
 						className: "ttw:truncate ttw:text-2xl ttw:font-semibold ttw:tracking-[-0.6px] ttw:text-foreground",
 						children: p
 					}) : null, h ? /* @__PURE__ */ c(e, {
-						className: s(g ?? "neutral"),
+						className: o(g ?? "neutral"),
 						children: h
 					}) : null]
 				}), _ ? /* @__PURE__ */ c("p", {
@@ -32,7 +32,7 @@ function f({ labels: f, title: p, isTitlePending: m, statusLabel: h, statusTone:
 					size: "icon",
 					className: "ttw:size-8 ttw:shrink-0 ttw:bg-muted",
 					"aria-label": f.menuTriggerAriaLabel,
-					"data-testid": o.menuTrigger,
+					"data-testid": s.menuTrigger,
 					children: /* @__PURE__ */ c(u, { className: "ttw:size-4" })
 				})
 			}), /* @__PURE__ */ c(r, {
@@ -45,7 +45,7 @@ function f({ labels: f, title: p, isTitlePending: m, statusLabel: h, statusTone:
 				size: "icon",
 				className: "ttw:size-8 ttw:shrink-0",
 				"aria-label": f.closeAriaLabel,
-				"data-testid": o.closeButton,
+				"data-testid": s.closeButton,
 				onClick: y,
 				children: /* @__PURE__ */ c(d, { className: "ttw:size-4" })
 			}) : null

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index.js

@@ -1,4 +1,4 @@
-import "./index3.js";
-import "./index5.js";
-import { CardsWidget as e } from "./index8.js";
+import "./index4.js";
+import "./index6.js";
+import { CardsWidget as e } from "./index9.js";
 export { e as CardsWidget };

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index3.js

@@ -1,26 +1,7 @@
-import { CARD_STATUS_LABELS_EN as e, CARD_TYPE_LABELS_EN as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
-import "../../../shared/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index3.js
-var n = {
-	emptyValue: "—",
-	untitledCard: "Untitled card",
-	untitledFundingAccount: "Account",
-	cardStatus: e,
-	cardType: t
+var e = {
+	list: "cards-list",
+	cardFaceSwatch: "card-face-swatch"
 };
-function r(e) {
-	return {
-		...n,
-		...e,
-		cardStatus: {
-			...n.cardStatus,
-			...e?.cardStatus
-		},
-		cardType: {
-			...n.cardType,
-			...e?.cardType
-		}
-	};
-}
 //#endregion
-export { n as DEFAULT_CARDS_FEATURE_LABELS, r as resolveCardsFeatureLabels };
+export { e as cardsWidgetTestIds };

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index4.js

@@ -1,27 +1,26 @@
-import { minorExponentForCurrency as e } from "../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
-import { normalizeAmountOutputCurrencyCode as t } from "../../../shared/util/dist/lib/normalizeAmountOutputCurrencyCode.js";
+import { CARD_STATUS_LABELS_EN as e, CARD_TYPE_LABELS_EN as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+import "../../../shared/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index4.js
-function n(e) {
-	if (e == null || e === "") return;
-	let t = Number(e);
-	return Number.isFinite(t) ? t : void 0;
-}
-function r({ limit: r, currencyCode: i }) {
-	let a = n(r);
-	if (a === void 0) return;
-	let o = t(i);
-	return new Intl.NumberFormat(void 0, {
-		style: "currency",
-		currency: o,
-		maximumFractionDigits: 0
-	}).format(a / 10 ** e(o));
-}
-function i(e) {
-	let t = e?.trim().slice(-4);
-	return t ? `••••${t}` : void 0;
-}
-function a(e, t) {
-	return e?.trim() || t;
+var n = {
+	emptyValue: "—",
+	untitledCard: "Untitled card",
+	untitledFundingAccount: "Account",
+	cardStatus: e,
+	cardType: t
+};
+function r(e) {
+	return {
+		...n,
+		...e,
+		cardStatus: {
+			...n.cardStatus,
+			...e?.cardStatus
+		},
+		cardType: {
+			...n.cardType,
+			...e?.cardType
+		}
+	};
 }
 //#endregion
-export { r as formatCardLimit, i as maskAccountNumber, a as withFallback };
+export { n as DEFAULT_CARDS_FEATURE_LABELS, r as resolveCardsFeatureLabels };