@tesouro/embedded-components-react 0.11.0 → 0.11.2

package/dist/lib/TransfersWidget.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo } from 'react';
+import { RowData } from '@tanstack/react-table';
 import { FallbackProps } from 'react-error-boundary';
 
 type AuthToken = string | undefined;
@@ -331,6 +332,16 @@ type EmbeddedClient = Client;
 type ExtractLiterals<T> = T extends string ? string extends T ? never : T : never;
 type BaseUrl = ExtractLiterals<ClientOptions['baseUrl']>;
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * Shrinks the column to its content on one line, leaving the table's
+         * spare width to the columns without it: dates, statuses and amounts.
+         */
+        fitContent?: boolean;
+    }
+}
+
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };
@@ -603,9 +614,9 @@ interface TransfersWidgetLabels {
     transferMoneyCtaDisabledTooltip: string;
     /** Fallback when an account has no nickname in lists or options. */
     accountFallbackName: string;
-    /** Mask prefix before last four digits on account options. */
+    /** @deprecated No longer rendered. */
     embeddedAccountMaskPrefix: string;
-    /** Prefix before full account number on review cards (e.g. "Account #:"). */
+    /** @deprecated No longer rendered. */
     modalReviewAccountNumberPrefix: string;
     /** @deprecated No longer rendered; the list shows From and To columns. */
     listAccountsSeparator: string;
@@ -618,25 +629,32 @@ interface TransfersWidgetLabels {
     transferToLabel: string;
     /** Row's accessible name. `{amount}`, `{from}` and `{to}` are filled in. */
     rowAriaLabel: string;
-    /** Account kind, shown as the tile tooltip and in the detail panel. */
+    /** Account kind, the muted line under an account's name. */
     accountKindInternal: string;
     accountKindExternal: string;
-    /** Badge after an external account's name in a row. */
+    /** @deprecated No longer rendered. */
     externalAccountBadge: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonAccountClosed: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonInvalidAccountDetails: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonAccountCannotReceive: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonRefusedByReceiver: string;
     /** Name for an external account with no nickname. */
     externalAccountFallbackName: string;
-    /** Suffix after an account name. `{last4}` is filled in. */
+    /** Suffix after an account name in sentences. `{last4}` is filled in. */
     accountMaskTemplate: string;
+    /** `{last4}` is filled in. */
+    accountNumberEndingIn: string;
+    showAccountNumber: string;
+    hideAccountNumber: string;
     detailTitle: string;
     /** Screen-reader name of the detail panel's close button. */
     detailClose: string;
     detailInitiatedByLabel: string;
     detailInitiatedOnLabel: string;
-    /** Short reasons under a Returned badge. A GENERIC return shows none. */
-    returnShortReasonAccountClosed: string;
-    returnShortReasonInvalidAccountDetails: string;
-    returnShortReasonAccountCannotReceive: string;
-    returnShortReasonRefusedByReceiver: string;
     returnedTitleAccountClosed: string;
     returnedTitleInvalidAccountDetails: string;
     returnedTitleAccountCannotReceive: string;
@@ -652,6 +670,7 @@ interface TransfersWidgetLabels {
     /** `{account}` is filled in. */
     returnedPausedSentence: string;
     returnedLinkAccountCta: string;
+    loadingLabel: string;
     loadErrorTitle: string;
     loadErrorDescription: string;
     loadErrorRetry: string;
@@ -663,38 +682,60 @@ interface TransfersWidgetLabels {
     modalTitle: string;
     /** Shown under the title on the accounts step (e.g. ACH timing). */
     modalAccountsSubtitle: string;
-    /** Placeholder inside the From account select on the accounts step. */
+    /** `{current}` and `{total}` are filled in. */
+    modalStepLabel: string;
+    /** @deprecated Use `modalFromLabel`. */
     modalFromAccountPlaceholder: string;
-    /** Placeholder inside the To account select on the accounts step. */
+    /** @deprecated Use `modalToLabel`. */
     modalToAccountPlaceholder: string;
-    /** Primary action on the accounts step (legacy: full-width Confirm). */
+    /** @deprecated Use `modalContinue`. */
     modalAccountsConfirm: string;
+    /** @deprecated No longer rendered. */
     modalStepAccounts: string;
+    /** @deprecated No longer rendered. */
     modalStepAmount: string;
+    /** @deprecated No longer rendered. */
     modalStepReview: string;
+    /** @deprecated No longer rendered. */
     modalStepResult: string;
     modalFromLabel: string;
     modalToLabel: string;
     modalAmountLabel: string;
     /** Placeholder for the amount input (e.g. "0.00"). */
     modalAmountPlaceholder: string;
+    modalFromRequiredError: string;
+    modalToRequiredError: string;
     modalContinue: string;
     modalBack: string;
+    /** @deprecated Use `modalConfirmTransfer`. */
     modalSubmit: string;
     modalClose: string;
     modalReviewHeading: string;
+    /** @deprecated Use `modalFromLabel`. */
     modalReviewFromAccountLabel: string;
+    /** @deprecated Use `modalToLabel`. */
     modalReviewToAccountLabel: string;
+    /** @deprecated No longer rendered. */
     modalAvailableBalanceCaption: string;
     modalConfirmTransfer: string;
+    /** @deprecated Use `modalBack`. */
     modalGoBack: string;
+    /** @deprecated No longer rendered. */
     modalSuccessTitle: string;
+    /** @deprecated No longer rendered. */
     modalSuccessDescription: string;
     modalResultSuccessTitle: string;
+    modalResultDescription: string;
+    modalDone: string;
+    /** @deprecated No longer rendered. */
     modalResultErrorTitle: string;
+    /** @deprecated No longer rendered. */
     modalResultTransferMessagePrefix: string;
+    /** @deprecated No longer rendered. */
     modalResultSuccessMessageSuffix: string;
+    /** @deprecated No longer rendered. */
     modalResultErrorMessageSuffix: string;
+    /** @deprecated Use `modalDone`. */
     modalBackToTransfers: string;
     modalSelectPlaceholder: string;
     rowStatusCompleted: string;

package/dist/lib/WidgetProvider.d.ts

@@ -1,3 +1,4 @@
+import { RowData } from '@tanstack/react-table';
 import * as React from 'react';
 import { ComponentType, AnchorHTMLAttributes, ReactNode, PropsWithChildren, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
@@ -382,6 +383,16 @@ type BaseUrl = ExtractLiterals<ClientOptions['baseUrl']>;
  */
 declare function cloneEmbeddedClient(source: EmbeddedClient): EmbeddedClient;
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * Shrinks the column to its content on one line, leaving the table's
+         * spare width to the columns without it: dates, statuses and amounts.
+         */
+        fitContent?: boolean;
+    }
+}
+
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };

package/dist/lib/WidgetProviderPublic.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo, PropsWithChildren } from 'react';
+import { RowData } from '@tanstack/react-table';
 import { FallbackProps } from 'react-error-boundary';
 
 type AuthToken = string | undefined;
@@ -330,6 +331,16 @@ type EmbeddedClient = Client;
 type ExtractLiterals<T> = T extends string ? string extends T ? never : T : never;
 type BaseUrl = ExtractLiterals<ClientOptions['baseUrl']>;
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * Shrinks the column to its content on one line, leaving the table's
+         * spare width to the columns without it: dates, statuses and amounts.
+         */
+        fitContent?: boolean;
+    }
+}
+
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };

package/dist/lib/WidgetSuite.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo, ReactElement } from 'react';
+import { RowData } from '@tanstack/react-table';
 import { FallbackProps } from 'react-error-boundary';
 import { PartialDeep } from 'type-fest';
 
@@ -381,6 +382,16 @@ declare const OnboardingSuppressionReason: {
 };
 type OnboardingSuppressionReason = (typeof OnboardingSuppressionReason)[keyof typeof OnboardingSuppressionReason];
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * Shrinks the column to its content on one line, leaving the table's
+         * spare width to the columns without it: dates, statuses and amounts.
+         */
+        fitContent?: boolean;
+    }
+}
+
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };
@@ -2899,9 +2910,9 @@ interface TransfersWidgetLabels {
     transferMoneyCtaDisabledTooltip: string;
     /** Fallback when an account has no nickname in lists or options. */
     accountFallbackName: string;
-    /** Mask prefix before last four digits on account options. */
+    /** @deprecated No longer rendered. */
     embeddedAccountMaskPrefix: string;
-    /** Prefix before full account number on review cards (e.g. "Account #:"). */
+    /** @deprecated No longer rendered. */
     modalReviewAccountNumberPrefix: string;
     /** @deprecated No longer rendered; the list shows From and To columns. */
     listAccountsSeparator: string;
@@ -2914,25 +2925,32 @@ interface TransfersWidgetLabels {
     transferToLabel: string;
     /** Row's accessible name. `{amount}`, `{from}` and `{to}` are filled in. */
     rowAriaLabel: string;
-    /** Account kind, shown as the tile tooltip and in the detail panel. */
+    /** Account kind, the muted line under an account's name. */
     accountKindInternal: string;
     accountKindExternal: string;
-    /** Badge after an external account's name in a row. */
+    /** @deprecated No longer rendered. */
     externalAccountBadge: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonAccountClosed: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonInvalidAccountDetails: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonAccountCannotReceive: string;
+    /** @deprecated No longer rendered; the detail panel explains a return. */
+    returnShortReasonRefusedByReceiver: string;
     /** Name for an external account with no nickname. */
     externalAccountFallbackName: string;
-    /** Suffix after an account name. `{last4}` is filled in. */
+    /** Suffix after an account name in sentences. `{last4}` is filled in. */
     accountMaskTemplate: string;
+    /** `{last4}` is filled in. */
+    accountNumberEndingIn: string;
+    showAccountNumber: string;
+    hideAccountNumber: string;
     detailTitle: string;
     /** Screen-reader name of the detail panel's close button. */
     detailClose: string;
     detailInitiatedByLabel: string;
     detailInitiatedOnLabel: string;
-    /** Short reasons under a Returned badge. A GENERIC return shows none. */
-    returnShortReasonAccountClosed: string;
-    returnShortReasonInvalidAccountDetails: string;
-    returnShortReasonAccountCannotReceive: string;
-    returnShortReasonRefusedByReceiver: string;
     returnedTitleAccountClosed: string;
     returnedTitleInvalidAccountDetails: string;
     returnedTitleAccountCannotReceive: string;
@@ -2948,6 +2966,7 @@ interface TransfersWidgetLabels {
     /** `{account}` is filled in. */
     returnedPausedSentence: string;
     returnedLinkAccountCta: string;
+    loadingLabel: string;
     loadErrorTitle: string;
     loadErrorDescription: string;
     loadErrorRetry: string;
@@ -2959,38 +2978,60 @@ interface TransfersWidgetLabels {
     modalTitle: string;
     /** Shown under the title on the accounts step (e.g. ACH timing). */
     modalAccountsSubtitle: string;
-    /** Placeholder inside the From account select on the accounts step. */
+    /** `{current}` and `{total}` are filled in. */
+    modalStepLabel: string;
+    /** @deprecated Use `modalFromLabel`. */
     modalFromAccountPlaceholder: string;
-    /** Placeholder inside the To account select on the accounts step. */
+    /** @deprecated Use `modalToLabel`. */
     modalToAccountPlaceholder: string;
-    /** Primary action on the accounts step (legacy: full-width Confirm). */
+    /** @deprecated Use `modalContinue`. */
     modalAccountsConfirm: string;
+    /** @deprecated No longer rendered. */
     modalStepAccounts: string;
+    /** @deprecated No longer rendered. */
     modalStepAmount: string;
+    /** @deprecated No longer rendered. */
     modalStepReview: string;
+    /** @deprecated No longer rendered. */
     modalStepResult: string;
     modalFromLabel: string;
     modalToLabel: string;
     modalAmountLabel: string;
     /** Placeholder for the amount input (e.g. "0.00"). */
     modalAmountPlaceholder: string;
+    modalFromRequiredError: string;
+    modalToRequiredError: string;
     modalContinue: string;
     modalBack: string;
+    /** @deprecated Use `modalConfirmTransfer`. */
     modalSubmit: string;
     modalClose: string;
     modalReviewHeading: string;
+    /** @deprecated Use `modalFromLabel`. */
     modalReviewFromAccountLabel: string;
+    /** @deprecated Use `modalToLabel`. */
     modalReviewToAccountLabel: string;
+    /** @deprecated No longer rendered. */
     modalAvailableBalanceCaption: string;
     modalConfirmTransfer: string;
+    /** @deprecated Use `modalBack`. */
     modalGoBack: string;
+    /** @deprecated No longer rendered. */
     modalSuccessTitle: string;
+    /** @deprecated No longer rendered. */
     modalSuccessDescription: string;
     modalResultSuccessTitle: string;
+    modalResultDescription: string;
+    modalDone: string;
+    /** @deprecated No longer rendered. */
     modalResultErrorTitle: string;
+    /** @deprecated No longer rendered. */
     modalResultTransferMessagePrefix: string;
+    /** @deprecated No longer rendered. */
     modalResultSuccessMessageSuffix: string;
+    /** @deprecated No longer rendered. */
     modalResultErrorMessageSuffix: string;
+    /** @deprecated Use `modalDone`. */
     modalBackToTransfers: string;
     modalSelectPlaceholder: string;
     rowStatusCompleted: string;

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

@@ -1,5 +1,5 @@
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.11.0", n = "e6a6ac128fb58394e9391583d640a385022b289d", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.11.2", n = "91a4d622162dc41f3cf8f084f0f03d3715fa0d6c", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -11,21 +11,24 @@ import { registerDesignSystemEnsurer as o, registerUIRenderers as s, useDesignSy
 import "./lib/UIContext/index.js";
 import { HostIsolationScope as u } from "./lib/HostIsolationScope/HostIsolationScope.js";
 import { Link as d } from "./lib/Link/Link.js";
-import "./lib/WidgetFrame/WidgetFrame.js";
-import { WidgetContainer as f } from "./lib/WidgetContainer/WidgetContainer.js";
+import { WidgetFrame as f } from "./lib/WidgetFrame/WidgetFrame.js";
+import { WidgetContainer as p } from "./lib/WidgetContainer/WidgetContainer.js";
 import "./lib/StatePanel/labels.js";
 import "./lib/StatePanel/StatePanel.js";
-import { EmptyState as p } from "./lib/EmptyState/EmptyState.js";
-import { ERROR_STATE_ID as m, ErrorState as h } from "./lib/ErrorState/ErrorState.js";
+import { EmptyState as m } from "./lib/EmptyState/EmptyState.js";
+import { ERROR_STATE_ID as h, ErrorState as g } from "./lib/ErrorState/ErrorState.js";
 import "./lib/StatePanel/NoAccessState.js";
-import "./lib/LoadingRegion/LoadingRegion.js";
-import { InlineErrorAlert as g } from "./lib/InlineErrorAlert/InlineErrorAlert.js";
-import { PAGINATION_FOOTER_LABELS_EN as _ } from "./lib/PaginationFooter/labels.js";
-import { PaginationFooter as v } from "./lib/PaginationFooter/PaginationFooter.js";
-import { WidgetTitleWithIconAndChildren as y } from "./lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
+import { AmountInput as _ } from "./lib/AmountInput/AmountInput.js";
+import { LoadingRegion as v } from "./lib/LoadingRegion/LoadingRegion.js";
+import "./lib/MaskedAccountNumber/labels.js";
+import { MaskedAccountNumber as y } from "./lib/MaskedAccountNumber/MaskedAccountNumber.js";
+import { InlineErrorAlert as b } from "./lib/InlineErrorAlert/InlineErrorAlert.js";
+import { PAGINATION_FOOTER_LABELS_EN as x } from "./lib/PaginationFooter/labels.js";
+import { PaginationFooter as S } from "./lib/PaginationFooter/PaginationFooter.js";
+import { WidgetTitleWithIconAndChildren as C } from "./lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
 import "./lib/OnboardingShell/labels.js";
 import "./lib/OnboardingShell/OnboardingShellStepper.js";
 import "./lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { OnboardingShell as b } from "./lib/OnboardingShell/OnboardingShell.js";
-import { SectionHeading as x } from "./lib/SectionHeading/SectionHeading.js";
-export { m as ERROR_STATE_ID, t as EmbeddedToaster, p as EmptyState, h as ErrorState, u as HostIsolationScope, g as InlineErrorAlert, d as Link, b as OnboardingShell, _ as PAGINATION_FOOTER_LABELS_EN, v as PaginationFooter, x as SectionHeading, n as ToastNameMessage, r as UIFramework, a as UIProvider, f as WidgetContainer, y as WidgetTitleWithIconAndChildren, e as avatarSwatchFor, o as registerDesignSystemEnsurer, s as registerUIRenderers, i as resolveUIFramework, c as useDesignSystemEnsurer, l as useFrameworkRenderer };
+import { OnboardingShell as w } from "./lib/OnboardingShell/OnboardingShell.js";
+import { SectionHeading as T } from "./lib/SectionHeading/SectionHeading.js";
+export { _ as AmountInput, h as ERROR_STATE_ID, t as EmbeddedToaster, m as EmptyState, g as ErrorState, u as HostIsolationScope, b as InlineErrorAlert, d as Link, v as LoadingRegion, y as MaskedAccountNumber, w as OnboardingShell, x as PAGINATION_FOOTER_LABELS_EN, S as PaginationFooter, T as SectionHeading, n as ToastNameMessage, r as UIFramework, a as UIProvider, p as WidgetContainer, f as WidgetFrame, C as WidgetTitleWithIconAndChildren, e as avatarSwatchFor, o as registerDesignSystemEnsurer, s as registerUIRenderers, i as resolveUIFramework, c as useDesignSystemEnsurer, l as useFrameworkRenderer };

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

@@ -0,0 +1,30 @@
+import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n, cn as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/AmountInput/AmountInput.js
+var o = /^(\d*)(?:\.(\d{0,2}))?$/;
+function s(e) {
+	let t = o.exec(e.trim());
+	return !t || !t[1] && !t[2] ? e : `${t[1].replace(/^0+(?=\d)/, "") || "0"}.${(t[2] ?? "").padEnd(2, "0")}`;
+}
+function c({ value: o, onValueChange: c, currencySymbol: l, onBlur: u, className: d, ...f }) {
+	let p = (e) => {
+		u?.(e);
+		let t = s(o);
+		t !== o && c(t);
+	};
+	return /* @__PURE__ */ a(e, { children: [/* @__PURE__ */ i(t, {
+		"aria-hidden": !0,
+		children: l
+	}), /* @__PURE__ */ i(n, {
+		...f,
+		type: "text",
+		inputMode: "decimal",
+		autoComplete: "off",
+		"data-has-start-addon": !0,
+		className: r("ttw:text-right ttw:tabular-nums", d),
+		value: o,
+		onChange: (e) => c(e.target.value),
+		onBlur: p
+	})] });
+}
+export { c as AmountInput, s as formatAmountInputValue };

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

@@ -1 +1,14 @@
-import "react/jsx-runtime";
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/LoadingRegion/LoadingRegion.js
+function r({ isLoading: r, loadingLabel: i, children: a, ...o }) {
+	return /* @__PURE__ */ n(e, { children: [r ? /* @__PURE__ */ t("span", {
+		role: "status",
+		className: "ttw:sr-only",
+		children: i
+	}) : null, /* @__PURE__ */ t("div", {
+		"aria-busy": r || void 0,
+		...o,
+		children: a
+	})] });
+}
+export { r as LoadingRegion, r as default };

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) })
 		}
 	};
 }