@tesouro/embedded-components-react 0.11.0 → 0.11.1

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/MaskedAccountNumber.js

@@ -0,0 +1,57 @@
+import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, formatLabel as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MASKED_ACCOUNT_NUMBER_LABELS_EN as o } from "./labels.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Asterisk as u, Eye as d, EyeOff as f } from "lucide-react";
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/MaskedAccountNumber.js
+function p({ last4: p, fullNumber: m, labels: h }) {
+	let g = {
+		...o,
+		...h
+	}, [_, v] = s(!1), y = /* @__PURE__ */ l("span", {
+		className: "ttw:whitespace-nowrap ttw:tabular-nums",
+		children: [/* @__PURE__ */ l("span", {
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ c("span", {
+					className: "ttw:inline-flex",
+					children: [
+						0,
+						1,
+						2,
+						3
+					].map((e) => /* @__PURE__ */ c(u, {
+						strokeWidth: 3,
+						className: "ttw:-mx-[0.1em] ttw:size-[0.75em]"
+					}, e))
+				}),
+				" ",
+				p
+			]
+		}), /* @__PURE__ */ c("span", {
+			className: "ttw:sr-only",
+			children: a(g.endingIn, { last4: p })
+		})]
+	});
+	if (!m) return y;
+	let b = _ ? g.hideNumber : g.showNumber;
+	return /* @__PURE__ */ l("span", {
+		className: "ttw:inline-flex ttw:items-center ttw:gap-1",
+		children: [_ ? /* @__PURE__ */ c("span", {
+			className: "ttw:tabular-nums",
+			children: m
+		}) : y, /* @__PURE__ */ c(r, { children: /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ c(e, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				className: "ttw:-my-1.5",
+				"aria-label": b,
+				onClick: () => v((e) => !e),
+				children: c(_ ? f : d, { "aria-hidden": !0 })
+			})
+		}), /* @__PURE__ */ c(n, { children: b })] }) })]
+	});
+}
+export { p as MaskedAccountNumber };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/labels.js

@@ -0,0 +1,7 @@
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/labels.js
+var e = {
+	endingIn: "ending in {last4}",
+	showNumber: "Show number",
+	hideNumber: "Hide number"
+};
+export { e as MASKED_ACCOUNT_NUMBER_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/TransfersWidgetInner.js

@@ -121,7 +121,10 @@ function h({ labels: e, featureLabels: t, isTransferMoneyOpen: h, defaultIsTrans
 					confirm: c.modalConfirmTransferButton,
 					goBack: c.modalGoBackButton
 				},
-				resultStep: { backToTransfers: c.modalBackToTransfersButton }
+				resultStep: {
+					title: c.modalResultTitle,
+					done: c.modalDoneButton
+				}
 			}
 		},
 		labels: e,
@@ -129,7 +132,6 @@ function h({ labels: e, featureLabels: t, isTransferMoneyOpen: h, defaultIsTrans
 			transferMoneyButton: c.transferMoneyButton,
 			skeleton: c.skeleton,
 			error: c.error,
-			retry: c.retry,
 			empty: c.empty,
 			transferRow: c.transferRow,
 			transferDetail: {

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/testIds.js

@@ -2,7 +2,6 @@
 var e = {
 	skeleton: "transfers-widget-skeleton",
 	error: "transfers-widget-error",
-	retry: "transfers-widget-retry",
 	empty: "transfers-widget-empty",
 	transferRow: "embedded-banking-transfer-row",
 	transferDetail: "transfers-widget-transfer-detail",
@@ -16,6 +15,7 @@ var e = {
 	modalAmountInput: "embedded-banking-transfer-money-amount-input",
 	modalConfirmTransferButton: "embedded-banking-transfer-money-confirm-transfer-button",
 	modalGoBackButton: "embedded-banking-transfer-money-go-back-button",
-	modalBackToTransfersButton: "embedded-banking-transfer-money-back-to-transfers-button"
+	modalResultTitle: "embedded-banking-transfer-money-result-success-title",
+	modalDoneButton: "embedded-banking-transfer-money-back-to-transfers-button"
 };
 export { e as transfersWidgetTestIds };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/transferViews.js

@@ -17,21 +17,20 @@ function r(e, t, n) {
 	});
 	return r;
 }
-function i(t, n, r) {
-	let i = n.get(t.id), a = i?.kind ?? "external";
+function i(e, t, n) {
+	let r = t.get(e.id), i = r?.kind ?? "external";
 	return {
-		kind: a,
-		kindLabel: a === "internal" ? r.accountKindInternal : r.accountKindExternal,
-		name: i?.name ?? (t.nickname?.trim() || r.externalAccountFallbackName),
-		...i && { maskLabel: e(r.accountMaskTemplate, { last4: i.last4 }) },
-		...a === "external" && { badgeLabel: r.externalAccountBadge }
+		kind: i,
+		kindLabel: i === "internal" ? n.accountKindInternal : n.accountKindExternal,
+		name: r?.name ?? (e.nickname?.trim() || n.externalAccountFallbackName),
+		...r && { number: { last4: r.last4 } }
 	};
 }
-var a = (e) => e.maskLabel ? `${e.name} ${e.maskLabel}` : e.name, o = {
+var a = (t, n) => t.number ? `${t.name} ${e(n.accountMaskTemplate, { last4: t.number.last4 })}` : t.name, o = {
 	COMPLETED: "success",
 	PENDING: "warning",
 	FAILED: "destructive",
-	RETURNED: "returned"
+	RETURNED: "destructive"
 };
 function s(e, t) {
 	return {
@@ -44,27 +43,22 @@ function s(e, t) {
 function c(e, t) {
 	switch (e) {
 		case "ACCOUNT_CLOSED": return {
-			short: t.returnShortReasonAccountClosed,
 			title: t.returnedTitleAccountClosed,
 			explanation: t.returnedExplanationAccountClosed
 		};
 		case "INVALID_ACCOUNT_DETAILS": return {
-			short: t.returnShortReasonInvalidAccountDetails,
 			title: t.returnedTitleInvalidAccountDetails,
 			explanation: t.returnedExplanationInvalidAccountDetails
 		};
 		case "ACCOUNT_CANNOT_RECEIVE": return {
-			short: t.returnShortReasonAccountCannotReceive,
 			title: t.returnedTitleAccountCannotReceive,
 			explanation: t.returnedExplanationAccountCannotReceive
 		};
 		case "REFUSED_BY_RECEIVER": return {
-			short: t.returnShortReasonRefusedByReceiver,
 			title: t.returnedTitleRefusedByReceiver,
 			explanation: t.returnedExplanationRefusedByReceiver
 		};
 		default: return {
-			short: void 0,
 			title: t.returnedTitleGeneric,
 			explanation: t.returnedExplanationGeneric
 		};
@@ -97,7 +91,6 @@ function f(t, n, r, i) {
 		...a,
 		rowKey: t.id,
 		dateLabel: l(t.createdDateTime, { dateStyle: "medium" }, i.unavailableLabel),
-		statusReasonLabel: t.status === "RETURNED" ? c(t.returnCategory, r).short : void 0,
 		ariaLabel: e(r.rowAriaLabel, {
 			amount: a.amountLabel,
 			from: a.from.name,
@@ -121,14 +114,14 @@ function p(t, n, r, i) {
 	if (t.status !== "RETURNED") return s;
 	let u = c(t.returnCategory, r), f = o.from.kind === "external" ? o.from : o.to, p = o.from.kind === "internal" ? ` ${e(r.returnedRefundSentence, {
 		amount: o.amountLabel,
-		account: a(o.from)
+		account: a(o.from, r)
 	})}` : "";
 	return {
 		...s,
 		returnedBanner: {
 			title: u.title,
 			description: `${u.explanation}${p}`,
-			nextStep: e(r.returnedPausedSentence, { account: a(f) })
+			nextStep: e(r.returnedPausedSentence, { account: a(f, r) })
 		}
 	};
 }

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/useTransferMoneyModalController.js

@@ -2,31 +2,31 @@
 "use client";
 "use client";
 "use client";
-import { toast as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { coerceAmountValueToMinorUnits as t } from "../../../../../shared/util/dist/lib/coerceAmountValueToMinorUnits.js";
-import { amountOutputToMajorUnits as n, minorExponentForCurrency as r } from "../../../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
-import { currencySymbolForCode as i, formatMoneyExact as a } from "../../../../../shared/util/dist/lib/formatMoneyExact.js";
-import { parseDecimalAmountToMinorUnits as o } from "../../../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
+import { formatLabel as e, toast as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { coerceAmountValueToMinorUnits as n } from "../../../../../shared/util/dist/lib/coerceAmountValueToMinorUnits.js";
+import { amountOutputToMajorUnits as r, minorExponentForCurrency as i } from "../../../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
+import { currencySymbolForCode as a, formatMoneyExact as o } from "../../../../../shared/util/dist/lib/formatMoneyExact.js";
+import { parseDecimalAmountToMinorUnits as s } from "../../../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
 import "../../../../../shared/util/dist/index.js";
 import "../../../../../shared/ui/dist/index.js";
-import { TRANSFERS_ANALYTICS_EVENTS as s } from "../analytics/events.js";
-import { useCreateBookTransferMutation as c } from "../../../../data-access/dist/index7.js";
-import { useCreateAchMoneyMovementMutation as ee } from "../../../../data-access/dist/index8.js";
+import { TRANSFERS_ANALYTICS_EVENTS as c } from "../analytics/events.js";
+import { useCreateBookTransferMutation as ee } from "../../../../data-access/dist/index7.js";
+import { useCreateAchMoneyMovementMutation as l } from "../../../../data-access/dist/index8.js";
 import "../../../../data-access/dist/index.js";
-import { useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
-import { useControllableState as p } from "@radix-ui/react-use-controllable-state";
+import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { useControllableState as te } from "@radix-ui/react-use-controllable-state";
 // ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/useTransferMoneyModalController.js
 function m(e) {
 	return e.slice(-4);
 }
 function h(e, t) {
-	let r = e.balance;
-	if (!r || r.value === void 0 || r.value === null) return;
-	let i = r.currencyCode ?? t, o = n({
-		value: r.value,
+	let n = e.balance;
+	if (!n || n.value === void 0 || n.value === null) return;
+	let i = n.currencyCode ?? t, a = r({
+		value: n.value,
 		currencyCode: i
 	});
-	return a(o, {
+	return o(a, {
 		currencyCode: i,
 		includeSpaceAfterCurrencySymbol: !1
 	});
@@ -37,260 +37,201 @@ function g(e, t, n, r) {
 	let a = n.find((e) => e.id === t);
 	return a?.balance?.currencyCode ? a.balance.currencyCode : r;
 }
-function te(e, t, n) {
-	let r = m(e.accountNumber), i = e.nickname?.trim() || t.accountFallbackName, a = h(e, n.defaultCurrencyCode);
+function _(e, t, n) {
+	let r = e.nickname?.trim() || t.accountFallbackName, i = h(e, n.defaultCurrencyCode);
 	return {
 		optionValue: e.id,
-		primaryLabel: i,
-		secondaryLabel: `${t.embeddedAccountMaskPrefix}${r}`,
-		balanceLabel: a
+		primaryLabel: r,
+		number: { last4: m(e.accountNumber) },
+		balanceLabel: i
 	};
 }
-function _(e, t) {
-	let n = m(e.accountNumber), r = e.nickname?.trim() || e.nameOnAccount;
+function v(e) {
+	let t = e.nickname?.trim() || e.nameOnAccount;
 	return {
 		optionValue: e.id,
-		primaryLabel: r,
-		secondaryLabel: `${t.embeddedAccountMaskPrefix}${n}`
+		primaryLabel: t,
+		number: { last4: m(e.accountNumber) }
 	};
 }
-function v(e, t, n, r, i) {
+function y(e, t) {
 	return {
-		primaryLabel: e?.primaryLabel ?? "",
-		accountDetailLabel: t ? `${i} ${t}` : e?.secondaryLabel ?? "",
-		balanceLabel: e?.balanceLabel,
-		availableBalanceCaption: e?.balanceLabel ? r : void 0,
-		showInstitutionIcon: n
+		name: e?.primaryLabel ?? "",
+		...t && { number: {
+			last4: m(t),
+			fullNumber: t
+		} }
 	};
 }
-function y({ labels: n, featureLabels: m, embeddedBankAccounts: h, verifiedExternalBankAccounts: y, track: b, isTransferMoneyOpen: x, defaultIsTransferMoneyOpen: S, onTransferMoneyOpenChange: C }) {
-	let w = c(), T = ee(), E = d(() => new Set(h.map((e) => e.id)), [h]), D = d(() => h.map((e) => te(e, n, m)), [
+var ne = 2;
+function b({ labels: r, featureLabels: m, embeddedBankAccounts: h, verifiedExternalBankAccounts: b, track: x, isTransferMoneyOpen: re, defaultIsTransferMoneyOpen: ie, onTransferMoneyOpenChange: ae }) {
+	let S = ee(), C = l(), w = f(() => new Set(h.map((e) => e.id)), [h]), T = f(() => h.map((e) => _(e, r, m)), [
 		h,
 		m,
-		n.accountFallbackName,
-		n.embeddedAccountMaskPrefix
-	]), O = d(() => y.map((e) => _(e, n)), [n.embeddedAccountMaskPrefix, y]), k = d(() => [...D, ...O], [D, O]), [A, j] = p({
-		prop: x,
-		defaultProp: S ?? !1,
-		onChange: C,
+		r.accountFallbackName
+	]), E = f(() => b.map((e) => v(e)), [b]), D = f(() => [...T, ...E], [T, E]), [O, k] = te({
+		prop: re,
+		defaultProp: ie ?? !1,
+		onChange: ae,
 		caller: "TransfersWidget"
-	}), [M, N] = f("accounts"), [P, F] = f(""), [I, L] = f(""), [R, z] = f(""), [ne, B] = f(null), [V, H] = f(!1), U = l(() => {
-		N("accounts"), F(""), L(""), z(""), B(null), H(!1);
-	}, []), [W, G] = f(A);
-	A !== W && (G(A), A && U()), u(() => {
-		A && b(s.TransferMoneyOpened);
-	}, [A, b]);
-	let K = l((e) => {
-		j(e);
-	}, [j]), q = l(() => {
-		j(!0);
-	}, [j]), J = E.has(P), Y = E.has(I), X = d(() => g(P, I, h, m.defaultCurrencyCode), [
+	}), [A, j] = p("accounts"), [M, N] = p(""), [P, F] = p(""), [I, L] = p(""), [oe, R] = p(null), [z, B] = p(null), [V, H] = p(null), [U, W] = p(!1), [G, K] = p(0), q = u(() => {
+		N(""), F(""), L(""), R(null), B(null), H(null), W(!1);
+	}, []), se = u(() => {
+		j("accounts"), q();
+	}, [q]), [ce, le] = p(O);
+	O !== ce && (le(O), O && se()), d(() => {
+		O && x(c.TransferMoneyOpened);
+	}, [O, x]);
+	let ue = u((e) => {
+		k(e);
+	}, [k]), de = u(() => {
+		k(!0);
+	}, [k]), J = w.has(M), Y = w.has(P), X = f(() => g(M, P, h, m.defaultCurrencyCode), [
 		h,
 		m.defaultCurrencyCode,
-		P,
-		I
-	]), re = d(() => i(X), [X]), ie = d(() => I ? Y ? k.filter((e) => e.optionValue !== I) : D.filter((e) => e.optionValue !== I) : k, [
-		k,
+		M,
+		P
+	]), Z = u((e, t, i) => {
+		let a = s(e, g(t, i, h, m.defaultCurrencyCode));
+		if (a === null) return r.modalAmountInvalidError;
+		let o = h.find((e) => e.id === t);
+		return o && a > n(o.balance?.value) ? r.modalInsufficientFundsError : null;
+	}, [
+		h,
+		m.defaultCurrencyCode,
+		r.modalAmountInvalidError,
+		r.modalInsufficientFundsError
+	]), Q = f(() => a(X), [X]), fe = f(() => P ? Y ? D.filter((e) => e.optionValue !== P) : T.filter((e) => e.optionValue !== P) : D, [
 		D,
-		I,
+		T,
+		P,
 		Y
-	]), ae = d(() => P ? J ? k.filter((e) => e.optionValue !== P) : D.filter((e) => e.optionValue !== P) : k, [
-		k,
+	]), pe = f(() => M ? J ? D.filter((e) => e.optionValue !== M) : T.filter((e) => e.optionValue !== M) : D, [
 		D,
-		P,
+		T,
+		M,
 		J
-	]), Z = !!(P && I && P !== I), oe = d(() => o(R, X) !== null, [R, X]), Q = l((e, r, i) => {
-		let a = o(r, i);
-		if (a === null || !E.has(e)) {
-			B(null);
-			return;
-		}
-		let s = h.find((t) => t.id === e);
-		if (!s) {
-			B(null);
-			return;
-		}
-		let c = t(s.balance?.value);
-		B(a > c ? n.modalInsufficientFundsError : null);
-	}, [
-		h,
-		E,
-		n.modalInsufficientFundsError
-	]), se = l((e) => {
-		F(e);
-		let t = g(e, I, h, m.defaultCurrencyCode);
-		Q(e, R, t);
-	}, [
-		R,
-		h,
-		m.defaultCurrencyCode,
-		Q,
-		I
-	]), ce = l((e) => {
-		L(e);
-		let t = g(P, e, h, m.defaultCurrencyCode);
-		Q(P, R, t);
+	]), me = u((e) => {
+		N(e), R(null), H(U ? Z(I, e, P) : null);
 	}, [
-		R,
-		h,
-		m.defaultCurrencyCode,
+		I,
 		P,
-		Q
-	]), le = l((e) => {
-		z(e), Q(P, e, X);
+		Z,
+		U
+	]), he = u((e) => {
+		F(e), B(null), H(U ? Z(I, M, e) : null);
 	}, [
+		I,
+		M,
+		Z,
+		U
+	]), ge = u((e) => {
+		L(e), H(U ? Z(e, M, P) : null);
+	}, [
+		M,
 		P,
-		Q,
-		X
-	]), ue = l(() => {
-		F(""), L(""), z(""), B(null);
-	}, []), de = d(() => {
-		let e = o(R, X);
+		Z,
+		U
+	]), _e = f(() => {
+		let e = s(I, X);
 		if (e === null) return "";
-		let t = r(X);
-		return a(e / 10 ** t, {
+		let t = i(X);
+		return o(e / 10 ** t, {
 			currencyCode: X,
 			includeSpaceAfterCurrencySymbol: !1
 		});
-	}, [R, X]), fe = d(() => {
-		let e = k.find((e) => e.optionValue === P), t = h.find((e) => e.id === P), r = y.find((e) => e.id === P);
-		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
-	}, [
-		k,
+	}, [I, X]), $ = u((e) => y(D.find((t) => t.optionValue === e), h.find((t) => t.id === e)?.accountNumber ?? b.find((t) => t.id === e)?.accountNumber), [
+		D,
 		h,
-		P,
-		n.modalAvailableBalanceCaption,
-		n.modalReviewAccountNumberPrefix,
-		y
-	]), $ = d(() => {
-		let e = k.find((e) => e.optionValue === I), t = h.find((e) => e.id === I), r = y.find((e) => e.id === I);
-		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
+		b
+	]), ve = u(() => {
+		let e = M ? null : r.modalFromRequiredError, t = P ? null : r.modalToRequiredError, n = Z(I, M, P);
+		W(!0), R(e), B(t), H(n), e || t || n ? K((e) => e + 1) : j("review");
 	}, [
-		k,
-		h,
-		n.modalAvailableBalanceCaption,
-		n.modalReviewAccountNumberPrefix,
 		I,
-		y
-	]), pe = l(() => {
-		if (!Z) return;
-		let e = o(R, X);
-		if (e === null) B(n.modalAmountInvalidError);
-		else {
-			if (J) {
-				let r = h.find((e) => e.id === P);
-				if (r && e > t(r.balance?.value)) {
-					B(n.modalInsufficientFundsError);
-					return;
-				}
-			}
-			B(null), N("review");
-		}
-	}, [
-		R,
-		Z,
-		h,
-		J,
-		P,
-		n.modalAmountInvalidError,
-		n.modalInsufficientFundsError,
-		X
-	]), me = l(() => {
-		let e = o(R, X);
-		if (e === null) B(n.modalAmountInvalidError);
-		else {
-			if (J) {
-				let r = h.find((e) => e.id === P);
-				if (r && e > t(r.balance?.value)) {
-					B(n.modalInsufficientFundsError);
-					return;
-				}
-			}
-			B(null), N("review");
-		}
-	}, [
-		R,
-		h,
-		J,
+		M,
+		r.modalFromRequiredError,
+		r.modalToRequiredError,
 		P,
-		n.modalAmountInvalidError,
-		n.modalInsufficientFundsError,
-		X
-	]), he = l(() => {
-		(M === "amount" || M === "review") && N("accounts");
-	}, [M]), ge = l(async () => {
-		let t = o(R, X);
-		if (t === null) {
-			B(n.modalAmountInvalidError);
+		Z
+	]), ye = u(() => {
+		j("accounts");
+	}, []), be = u(async () => {
+		let e = s(I, X);
+		if (e === null) {
+			H(r.modalAmountInvalidError);
 			return;
 		}
 		if (!J && !Y) {
-			e.error(n.modalUnsupportedPairError);
+			t.error(r.modalUnsupportedPairError);
 			return;
 		}
-		let r;
-		r = J && Y ? "INTERNAL_TO_INTERNAL" : J && !Y ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
+		let n;
+		n = J && Y ? "INTERNAL_TO_INTERNAL" : J && !Y ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
 		try {
-			r === "INTERNAL_TO_INTERNAL" ? await w.mutateAsync({ body: {
-				fromBankAccountId: P,
-				toBankAccountId: I,
-				amount: t,
+			n === "INTERNAL_TO_INTERNAL" ? await S.mutateAsync({ body: {
+				fromBankAccountId: M,
+				toBankAccountId: P,
+				amount: e,
 				currencyCode: X
-			} }) : await T.mutateAsync({ body: {
-				fromBankAccountId: P,
-				toBankAccountId: I,
-				amount: t,
+			} }) : await C.mutateAsync({ body: {
+				fromBankAccountId: M,
+				toBankAccountId: P,
+				amount: e,
 				currencyCode: X,
-				type: r,
+				type: n,
 				secCode: m.defaultSecCode
-			} }), H(!0), N("result"), b(s.TransferSubmitted, { transferType: r });
+			} }), j("result"), x(c.TransferSubmitted, { transferType: n });
 		} catch {
-			e.error(n.modalSubmitFailedError);
+			t.error(r.modalSubmitFailedError);
 		}
 	}, [
-		R,
-		T,
-		w,
+		I,
+		C,
+		S,
 		J,
-		P,
-		n.modalSubmitFailedError,
-		n.modalUnsupportedPairError,
-		n.modalAmountInvalidError,
+		M,
+		r.modalSubmitFailedError,
+		r.modalUnsupportedPairError,
+		r.modalAmountInvalidError,
 		Y,
-		I,
-		b,
+		P,
+		x,
 		X,
 		m.defaultSecCode
 	]);
 	return {
 		modalProps: {
-			open: A,
-			onOpenChange: K,
-			step: M,
-			fromOptions: ie,
-			toOptions: ae,
-			fromValue: P,
-			toValue: I,
-			onFromValueChange: se,
-			onToValueChange: ce,
-			amountValue: R,
-			onAmountValueChange: le,
-			amountError: ne,
-			amountInputPrefix: re,
-			reviewFromAccount: fe,
-			reviewToAccount: $,
-			reviewAmountLabel: de,
-			isSubmitting: w.isPending || T.isPending,
-			isSuccess: V,
-			canContinueFromAccounts: Z,
-			canContinueFromAmount: oe,
-			onContinueFromAccounts: pe,
-			onContinueFromAmount: me,
-			onBack: he,
-			onSubmit: () => void ge(),
-			onClearSelections: ue
+			open: O,
+			onOpenChange: ue,
+			step: A,
+			stepLabel: A === "result" ? void 0 : e(r.modalStepLabel, {
+				current: String(A === "review" ? 2 : 1),
+				total: String(ne)
+			}),
+			fromOptions: fe,
+			toOptions: pe,
+			fromValue: M,
+			toValue: P,
+			onFromValueChange: me,
+			onToValueChange: he,
+			fromError: oe,
+			toError: z,
+			amountValue: I,
+			onAmountValueChange: ge,
+			amountError: V,
+			amountInputPrefix: Q,
+			reviewFromAccount: $(M),
+			reviewToAccount: $(P),
+			reviewAmountLabel: _e,
+			isSubmitting: S.isPending || C.isPending,
+			onContinueFromAccounts: ve,
+			onBack: ye,
+			onSubmit: () => void be(),
+			onClearSelections: q,
+			scrollToErrorToken: G
 		},
-		openModal: q
+		openModal: de
 	};
 }
-export { y as useTransferMoneyModalController };
+export { b as useTransferMoneyModalController };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/mocks/labels.js

@@ -1,7 +1,7 @@
 // ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/mocks/labels.js
 var e = {
 	blurbs: {
-		populated: "Recent transfers across three accounts: completed, pending and failed, internal and to or from an external account. Hover a row for its status and type. Transfer money moves money between your accounts or to and from Operating reserve, and the new transfer lands in the list as pending.",
+		populated: "Recent transfers across three accounts: completed, pending and failed, internal and to or from an external account. Each account shows its masked number under it, and every transfer carries a status badge. Transfer money moves money between your accounts or to and from Operating reserve, and the new transfer lands in the list as pending.",
 		empty: "Three accounts and no transfers yet. Transfer money is enabled, and a submitted transfer becomes the first row.",
 		loading: "The accounts read is held open, so the list skeleton stays on screen.",
 		error: "The transfers read fails with a 500. The widget shows its own error with Try again; Transfer money still works, because the accounts themselves loaded.",