@tesouro/embedded-components-react 0.3.16 → 0.3.18

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

@@ -7,21 +7,21 @@ import { createPortal as t } from "react-dom";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js
 var r = e.createContext(null);
-function i({ children: i, expandContainer: a = !1 }) {
-	let o = e.useContext(r);
+function i({ children: i, expandContainer: a = !1, testIds: o }) {
+	let s = e.useContext(r);
 	e.useEffect(() => {
-		if (!o || !a) return;
-		let e = o.style.minHeight;
-		return o.style.minHeight = "min(840px, 92vh)", () => {
-			o.style.minHeight = e;
+		if (!s || !a) return;
+		let e = s.style.minHeight;
+		return s.style.minHeight = "min(840px, 92vh)", () => {
+			s.style.minHeight = e;
 		};
-	}, [o, a]);
-	let s = /* @__PURE__ */ n("div", {
+	}, [s, a]);
+	let c = /* @__PURE__ */ n("div", {
 		className: "ttw:absolute ttw:inset-0 ttw:z-20 ttw:flex ttw:flex-col ttw:overflow-hidden ttw:rounded-2xl ttw:bg-background",
-		"data-testid": "onboarding-shell-overlay",
+		"data-testid": o?.root,
 		children: i
 	});
-	return o ? t(s, o) : s;
+	return s ? t(c, s) : c;
 }
 //#endregion
 export { r as OnboardingShellOverlayContainerContext, i as OnboardingShellOverlayPortal };

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

@@ -21,41 +21,41 @@ function o(e) {
 		}, [e])
 	};
 }
-function s({ activeStep: s, scrollForMoreLabel: c, children: l }) {
-	let { containerRef: u, showHint: d, hasOverflow: f, fadeVisible: p, fadeHeight: m, resetHint: h } = e(), { mounted: g, visible: _, onTransitionEnd: v } = o(p), { mounted: y, visible: b, onTransitionEnd: x } = o(d);
+function s({ activeStep: s, scrollForMoreLabel: c, children: l, testIds: u }) {
+	let { containerRef: d, showHint: f, hasOverflow: p, fadeVisible: m, fadeHeight: h, resetHint: g } = e(), { mounted: _, visible: v, onTransitionEnd: y } = o(m), { mounted: b, visible: x, onTransitionEnd: S } = o(f);
 	return t.useEffect(() => {
-		h();
-	}, [s, h]), /* @__PURE__ */ r("div", {
-		ref: u,
+		g();
+	}, [s, g]), /* @__PURE__ */ r("div", {
+		ref: d,
 		className: "ttw:relative ttw:min-h-0 ttw:overflow-y-auto ttw:px-8 ttw:pt-2",
-		"data-testid": "onboarding-shell-scroll-region",
+		"data-testid": u?.root,
 		children: [
 			/* @__PURE__ */ n("div", {
 				className: "ttw:pb-4",
 				children: l
 			}),
-			f && g ? /* @__PURE__ */ n("div", {
+			p && _ ? /* @__PURE__ */ n("div", {
 				"aria-hidden": !0,
-				"data-testid": "onboarding-shell-scroll-fade",
-				onTransitionEnd: v,
+				"data-testid": u?.fade,
+				onTransitionEnd: y,
 				className: "ttw:pointer-events-none ttw:sticky ttw:bottom-0 ttw:left-0 ttw:right-0 ttw:z-[1] ttw:transition-opacity ttw:ease-in-out",
 				style: {
-					height: m,
-					marginTop: `-${m}px`,
-					opacity: +!!_,
+					height: h,
+					marginTop: `-${h}px`,
+					opacity: +!!v,
 					transitionDuration: `${a}ms`,
 					background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, var(--ttw-background) 85%, var(--ttw-background) 100%)"
 				}
 			}) : null,
-			y ? /* @__PURE__ */ r("div", {
+			b ? /* @__PURE__ */ r("div", {
 				role: "status",
 				"aria-live": "polite",
-				"data-testid": "onboarding-shell-scroll-hint",
-				onTransitionEnd: x,
+				"data-testid": u?.hint,
+				onTransitionEnd: S,
 				className: "ttw:pointer-events-none ttw:absolute ttw:left-1/2 ttw:z-[2] ttw:flex ttw:-translate-x-1/2 ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-primary ttw:px-3 ttw:py-1.5 ttw:text-[13px] ttw:font-medium ttw:text-primary-foreground ttw:shadow-md ttw:transition-opacity ttw:ease-in-out",
 				style: {
-					bottom: m / 2,
-					opacity: +!!b,
+					bottom: h / 2,
+					opacity: +!!x,
 					transitionDuration: `${a}ms`
 				},
 				children: [c, /* @__PURE__ */ n(i, {

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

@@ -1,3 +1,3 @@
 import { DEFAULT_FEATURE_LABELS as e } from "./index3.js";
-import { TransfersWidget as t } from "./index6.js";
+import { TransfersWidget as t } from "./index7.js";
 export { e as TRANSFERS_FEATURE_LABELS_EN, t as TransfersWidget };

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

@@ -1,101 +1,20 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as n, TESOURO_NEW_EXTERNAL_BANK_ACCOUNT_LINKED_SUCCESS_EVENT as r } from "../../../shared/util/dist/lib/widgetDomEvents.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { DEFAULT_FEATURE_LABELS as a } from "./index3.js";
-import { TRANSFERS_ANALYTICS_EVENTS as o } from "./index2.js";
-import { isPaginatedAccountsQueryInFlight as s } from "../../data-access/dist/index2.js";
-import { useTransferBankAccountsQuery as c } from "../../data-access/dist/index4.js";
-import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/index5.js";
-import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
-import "../../data-access/dist/index.js";
-import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
-import { TRANSFERS_WIDGET_LABELS_EN as ee } from "../../ui/dist/lib/TransfersWidget/labels.js";
-import { TransfersWidget as te } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.js";
-import "../../ui/dist/index.js";
-import { useCallback as p, useEffect as m, useMemo as h } from "react";
-import { jsx as g } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index5.js
-var _ = [e.TransferWriteOrg, e.BankAccountReadOrg], v = [r, n];
-function y(e) {
-	return e.slice(-4);
-}
-function b({ labels: n, featureLabels: r, isTransferMoneyOpen: b, defaultIsTransferMoneyOpen: x, onTransferMoneyOpenChange: S }) {
-	let C = {
-		...a,
-		...r
-	}, w = {
-		...ee,
-		...n,
-		...r?.routeSeparator === void 0 ? {} : { listAccountsSeparator: r.routeSeparator }
-	}, T = t(), { initResponse: E } = i();
-	m(() => {
-		T(o.Mounted);
-	}, [T]);
-	let D = E?.scopes ?? [], O = D.includes(e.ExternalBankAccountReadOrg), k = D.includes(e.PaymentRailAch), A = O && k, j = _.every((e) => D.includes(e)), { mergedTransfers: M, isLoading: N, isError: P, refetch: F } = u(), I = c(), { data: L, isError: R, refetch: z } = I, B = l({ enabled: O }), { data: V, isError: H, refetch: U } = B, W = L?.data ?? [], G = h(() => A ? (V?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [A, V?.data]), K = h(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of W) {
-			let n = y(t.accountNumber), r = t.nickname?.trim() || w.accountFallbackName;
-			e.set(t.id, `${r} ···${n}`);
-		}
-		for (let t of G) {
-			let n = y(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
-			e.set(t.id, `${r} ···${n}`);
-		}
-		return e;
-	}, [
-		W,
-		w.accountFallbackName,
-		G
-	]), q = h(() => M.map((e) => d(e, K, w, C)), [
-		K,
-		C,
-		w,
-		M
-	]), J = p(() => {
-		F(), z(), O && U();
-	}, [
-		O,
-		z,
-		U,
-		F
-	]);
-	m(() => {
-		let e = () => {
-			J();
-		};
-		for (let t of v) window.addEventListener(t, e);
-		return () => {
-			for (let t of v) window.removeEventListener(t, e);
-		};
-	}, [J]);
-	let { modalProps: Y, openModal: X } = f({
-		labels: w,
-		featureLabels: C,
-		embeddedBankAccounts: W,
-		verifiedExternalBankAccounts: G,
-		track: T,
-		isTransferMoneyOpen: b,
-		defaultIsTransferMoneyOpen: x,
-		onTransferMoneyOpenChange: S
-	}), Z = s(I), ne = O && s(B), re = N || Z || ne, Q = P || R || O && H, ie = W.length + G.length, $ = !(W.length > 0) || ie <= 1;
-	return /* @__PURE__ */ g(te, {
-		transferRows: q,
-		isLoading: re,
-		isError: Q,
-		onRetry: Q ? () => void J() : void 0,
-		showTransferMoneyCta: j,
-		isTransferMoneyCtaDisabled: $,
-		onTransferMoneyClick: j && !$ ? () => X() : void 0,
-		transferMoneyModal: Y,
-		labels: n
-	});
-}
+var e = {
+	skeleton: "transfers-widget-skeleton",
+	error: "transfers-widget-error",
+	retry: "transfers-widget-retry",
+	empty: "transfers-widget-empty",
+	transferRow: "embedded-banking-transfer-row",
+	transferMoneyButton: "embedded-banking-transfer-money-button",
+	modal: "embedded-banking-transfer-money-modal",
+	modalCloseButton: "embedded-banking-transfer-money-modal-close-button",
+	modalFromAccountTrigger: "embedded-banking-transfer-money-from-account-trigger",
+	modalToAccountTrigger: "embedded-banking-transfer-money-to-account-trigger",
+	modalAccountsConfirmButton: "embedded-banking-transfer-money-accounts-confirm-button",
+	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"
+};
 //#endregion
-export { b as TransfersWidgetInner };
+export { e as transfersWidgetTestIds };

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

@@ -2,27 +2,124 @@
 "use client";
 "use client";
 "use client";
-import { EmbeddedToaster as e } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as n, TESOURO_NEW_EXTERNAL_BANK_ACCOUNT_LINKED_SUCCESS_EVENT as r } from "../../../shared/util/dist/lib/widgetDomEvents.js";
+import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import "./index3.js";
-import { WIDGET_NAME as n } from "./index2.js";
-import { TransfersWidgetInner as r } from "./index5.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { DEFAULT_FEATURE_LABELS as a } from "./index3.js";
+import { TRANSFERS_ANALYTICS_EVENTS as o } from "./index2.js";
+import { isPaginatedAccountsQueryInFlight as s } from "../../data-access/dist/index2.js";
+import { useTransferBankAccountsQuery as c } from "../../data-access/dist/index4.js";
+import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/index5.js";
+import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
+import "../../data-access/dist/index.js";
+import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
+import { transfersWidgetTestIds as p } from "./index5.js";
+import { TRANSFERS_WIDGET_LABELS_EN as m } from "../../ui/dist/lib/TransfersWidget/labels.js";
+import { TransfersWidget as h } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.js";
+import "../../ui/dist/index.js";
+import { useCallback as g, useEffect as _, useMemo as v } from "react";
+import { jsx as ee } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js
-function o({ labels: o, featureLabels: s, isTransferMoneyOpen: c, defaultIsTransferMoneyOpen: l, onTransferMoneyOpenChange: u, ...d }) {
-	return /* @__PURE__ */ a(t, {
-		...d,
-		widgetName: n,
-		children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i(r, {
-			labels: o,
-			featureLabels: s,
-			isTransferMoneyOpen: c,
-			defaultIsTransferMoneyOpen: l,
-			onTransferMoneyOpenChange: u
-		})]
+var y = [e.TransferWriteOrg, e.BankAccountReadOrg], b = [r, n];
+function x(e) {
+	return e.slice(-4);
+}
+function S({ labels: n, featureLabels: r, isTransferMoneyOpen: S, defaultIsTransferMoneyOpen: C, onTransferMoneyOpenChange: w }) {
+	let T = {
+		...a,
+		...r
+	}, E = {
+		...m,
+		...n,
+		...r?.routeSeparator === void 0 ? {} : { listAccountsSeparator: r.routeSeparator }
+	}, D = t(), { initResponse: O } = i();
+	_(() => {
+		D(o.Mounted);
+	}, [D]);
+	let k = O?.scopes ?? [], A = k.includes(e.ExternalBankAccountReadOrg), te = k.includes(e.PaymentRailAch), j = A && te, M = y.every((e) => k.includes(e)), { mergedTransfers: N, isLoading: P, isError: F, refetch: I } = u(), L = c(), { data: R, isError: z, refetch: B } = L, V = l({ enabled: A }), { data: H, isError: U, refetch: W } = V, G = R?.data ?? [], K = v(() => j ? (H?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [j, H?.data]), q = v(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of G) {
+			let n = x(t.accountNumber), r = t.nickname?.trim() || E.accountFallbackName;
+			e.set(t.id, `${r} ···${n}`);
+		}
+		for (let t of K) {
+			let n = x(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
+			e.set(t.id, `${r} ···${n}`);
+		}
+		return e;
+	}, [
+		G,
+		E.accountFallbackName,
+		K
+	]), J = v(() => N.map((e) => d(e, q, E, T)), [
+		q,
+		T,
+		E,
+		N
+	]), Y = g(() => {
+		I(), B(), A && W();
+	}, [
+		A,
+		B,
+		W,
+		I
+	]);
+	_(() => {
+		let e = () => {
+			Y();
+		};
+		for (let t of b) window.addEventListener(t, e);
+		return () => {
+			for (let t of b) window.removeEventListener(t, e);
+		};
+	}, [Y]);
+	let { modalProps: X, openModal: Z } = f({
+		labels: E,
+		featureLabels: T,
+		embeddedBankAccounts: G,
+		verifiedExternalBankAccounts: K,
+		track: D,
+		isTransferMoneyOpen: S,
+		defaultIsTransferMoneyOpen: C,
+		onTransferMoneyOpenChange: w
+	}), ne = s(L), re = A && s(V), ie = P || ne || re, Q = F || z || A && U, ae = G.length + K.length, $ = !(G.length > 0) || ae <= 1;
+	return /* @__PURE__ */ ee(h, {
+		transferRows: J,
+		isLoading: ie,
+		isError: Q,
+		onRetry: Q ? () => void Y() : void 0,
+		showTransferMoneyCta: M,
+		isTransferMoneyCtaDisabled: $,
+		onTransferMoneyClick: M && !$ ? () => Z() : void 0,
+		transferMoneyModal: {
+			...X,
+			testIds: {
+				root: p.modal,
+				closeButton: p.modalCloseButton,
+				fromAccountTrigger: p.modalFromAccountTrigger,
+				toAccountTrigger: p.modalToAccountTrigger,
+				accountsConfirm: p.modalAccountsConfirmButton,
+				amountInput: p.modalAmountInput,
+				reviewStep: {
+					confirm: p.modalConfirmTransferButton,
+					goBack: p.modalGoBackButton
+				},
+				resultStep: { backToTransfers: p.modalBackToTransfersButton }
+			}
+		},
+		labels: n,
+		testIds: {
+			transferMoneyButton: p.transferMoneyButton,
+			skeleton: p.skeleton,
+			error: p.error,
+			retry: p.retry,
+			empty: p.empty,
+			transferRow: p.transferRow
+		}
 	});
 }
 //#endregion
-export { o as TransfersWidget };
+export { S as TransfersWidgetInner };

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

@@ -0,0 +1,28 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { EmbeddedToaster as e } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import "./index3.js";
+import { WIDGET_NAME as n } from "./index2.js";
+import { TransfersWidgetInner as r } from "./index6.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index7.js
+function o({ labels: o, featureLabels: s, isTransferMoneyOpen: c, defaultIsTransferMoneyOpen: l, onTransferMoneyOpenChange: u, ...d }) {
+	return /* @__PURE__ */ a(t, {
+		...d,
+		widgetName: n,
+		children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i(r, {
+			labels: o,
+			featureLabels: s,
+			isTransferMoneyOpen: c,
+			defaultIsTransferMoneyOpen: l,
+			onTransferMoneyOpenChange: u
+		})]
+	});
+}
+//#endregion
+export { o as TransfersWidget };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/ReviewTransferStep.js

@@ -4,8 +4,8 @@ import { DEFAULT_REVIEW_TRANSFER_STEP_LABELS as i } from "./reviewTransferStepLa
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ArrowLeft as c, ArrowRight as l } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/ReviewTransferStep.js
-function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onConfirm: m, onGoBack: h, labels: g }) {
-	let _ = {
+function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onConfirm: m, onGoBack: h, labels: g, testIds: _ }) {
+	let v = {
 		...i,
 		...g
 	};
@@ -20,7 +20,7 @@ function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onCo
 						color: "muted",
 						component: "p",
 						className: "ttw:font-medium",
-						children: _.fromAccountSection
+						children: v.fromAccountSection
 					}), /* @__PURE__ */ o(r, { account: u })]
 				}),
 				/* @__PURE__ */ o("div", {
@@ -39,7 +39,7 @@ function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onCo
 						color: "muted",
 						component: "p",
 						className: "ttw:font-medium",
-						children: _.toAccountSection
+						children: v.toAccountSection
 					}), /* @__PURE__ */ o(r, { account: d })]
 				}),
 				/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(n, {
@@ -47,7 +47,7 @@ function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onCo
 					color: "muted",
 					component: "p",
 					className: "ttw:font-medium",
-					children: _.amountSection
+					children: v.amountSection
 				}), /* @__PURE__ */ o(n, {
 					component: "p",
 					className: "ttw:text-2xl ttw:font-bold ttw:text-foreground",
@@ -69,8 +69,8 @@ function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onCo
 				className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium",
 				disabled: p,
 				onClick: m,
-				"data-testid": "embedded-banking-transfer-money-confirm-transfer-button",
-				children: [_.confirmTransfer, /* @__PURE__ */ o(l, {
+				"data-testid": _?.confirm,
+				children: [v.confirmTransfer, /* @__PURE__ */ o(l, {
 					className: "ttw:size-4",
 					"aria-hidden": !0
 				})]
@@ -80,11 +80,11 @@ function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onCo
 				className: "ttw:h-auto ttw:cursor-pointer ttw:px-0 ttw:py-0 ttw:text-base ttw:font-medium",
 				disabled: p,
 				onClick: h,
-				"data-testid": "embedded-banking-transfer-money-go-back-button",
+				"data-testid": _?.goBack,
 				children: [/* @__PURE__ */ o(c, {
 					className: "ttw:size-4",
 					"aria-hidden": !0
-				}), _.goBack]
+				}), v.goBack]
 			})]
 		})
 	] });

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModal.js

@@ -59,8 +59,8 @@ function T(e, t, n) {
 	let r = t.find((t) => t.optionValue === e);
 	return r ? x(r) : n;
 }
-function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOptions: O, fromValue: k, toValue: A, onFromValueChange: j, onToValueChange: M, amountValue: N, onAmountValueChange: P, amountError: F, amountInputPrefix: I, reviewFromAccount: L, reviewToAccount: R, reviewAmountLabel: z, isSubmitting: B, isSuccess: V, canContinueFromAccounts: H, canContinueFromAmount: U, onContinueFromAccounts: W, onContinueFromAmount: G, onBack: K, onSubmit: q, onClearSelections: J }) {
-	let Y = /* @__PURE__ */ g(u, {
+function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOptions: O, fromValue: k, toValue: A, onFromValueChange: j, onToValueChange: M, amountValue: N, onAmountValueChange: P, amountError: F, amountInputPrefix: I, reviewFromAccount: L, reviewToAccount: R, reviewAmountLabel: z, isSubmitting: B, isSuccess: V, canContinueFromAccounts: H, canContinueFromAmount: U, onContinueFromAccounts: W, onContinueFromAmount: G, onBack: K, onSubmit: q, onClearSelections: J, testIds: Y }) {
+	let X = /* @__PURE__ */ g(u, {
 		decorative: !0,
 		orientation: "horizontal",
 		className: "ttw:-mx-6",
@@ -71,13 +71,13 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 		onOpenChange: x,
 		children: /* @__PURE__ */ _(n, {
 			showCloseButton: !0,
-			closeButtonTestId: "embedded-banking-transfer-money-modal-close-button",
+			closeButtonTestId: Y?.closeButton,
 			className: "ttw:max-w-md ttw:gap-0 ttw:p-6",
-			"data-testid": "embedded-banking-transfer-money-modal",
+			"data-testid": Y?.root,
 			children: [S === "result" ? null : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(p, {
 				title: S === "review" ? E.modalReviewHeading : E.modalTitle,
 				subtitle: E.modalAccountsSubtitle
-			}), Y] }), S === "accounts" ? /* @__PURE__ */ _(h, { children: [
+			}), X] }), S === "accounts" ? /* @__PURE__ */ _(h, { children: [
 				/* @__PURE__ */ _("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5",
 					children: [
@@ -86,7 +86,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 							onValueChange: j,
 							children: [/* @__PURE__ */ g(l, {
 								className: y,
-								"data-testid": "embedded-banking-transfer-money-from-account-trigger",
+								"data-testid": Y?.fromAccountTrigger,
 								"aria-label": T(k, D, E.modalFromAccountPlaceholder),
 								children: /* @__PURE__ */ g("span", {
 									className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left",
@@ -106,7 +106,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 							onValueChange: M,
 							children: [/* @__PURE__ */ g(l, {
 								className: y,
-								"data-testid": "embedded-banking-transfer-money-to-account-trigger",
+								"data-testid": Y?.toAccountTrigger,
 								"aria-label": T(A, O, E.modalToAccountPlaceholder),
 								children: /* @__PURE__ */ g("span", {
 									className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left",
@@ -144,7 +144,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 										onChange: (e) => P(e.target.value),
 										placeholder: E.modalAmountPlaceholder,
 										"aria-invalid": F ? !0 : void 0,
-										"data-testid": "embedded-banking-transfer-money-amount-input"
+										"data-testid": Y?.amountInput
 									})]
 								}),
 								F ? /* @__PURE__ */ g(d, {
@@ -168,7 +168,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 						}) : null
 					]
 				}),
-				Y,
+				X,
 				/* @__PURE__ */ g("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-4",
 					children: /* @__PURE__ */ _(e, {
@@ -177,7 +177,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 						className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:bg-muted ttw:disabled:text-muted-foreground ttw:disabled:opacity-100",
 						disabled: !H || !U || !!F,
 						onClick: W,
-						"data-testid": "embedded-banking-transfer-money-accounts-confirm-button",
+						"data-testid": Y?.accountsConfirm,
 						children: [E.modalAccountsConfirm, /* @__PURE__ */ g(v, {
 							className: "ttw:size-4",
 							"aria-hidden": !0
@@ -191,6 +191,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 				isSubmitting: B,
 				onConfirm: q,
 				onGoBack: K,
+				testIds: Y?.reviewStep,
 				labels: {
 					fromAccountSection: E.modalReviewFromAccountLabel,
 					toAccountSection: E.modalReviewToAccountLabel,
@@ -202,6 +203,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 				amountLabel: z,
 				isSuccess: V,
 				onBackToTransfers: () => x(!1),
+				testIds: Y?.resultStep,
 				labels: {
 					successTitle: E.modalResultSuccessTitle,
 					errorTitle: E.modalResultErrorTitle,
@@ -239,7 +241,7 @@ function E({ open: c, onOpenChange: x, step: S, labels: E, fromOptions: D, toOpt
 						]
 					})
 				}),
-				Y,
+				X,
 				/* @__PURE__ */ _(r, {
 					className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-2 ttw:pt-4 ttw:sm:justify-between",
 					children: [/* @__PURE__ */ g("div", {

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferResultStep.js

@@ -3,8 +3,8 @@ import { DEFAULT_TRANSFER_RESULT_STEP_LABELS as n } from "./transferResultStepLa
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { ArrowLeft as a, CheckCircle2 as o, X as s } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferResultStep.js
-function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d }) {
-	let f = {
+function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d, testIds: f }) {
+	let p = {
 		...n,
 		...d
 	};
@@ -31,7 +31,7 @@ function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d }) {
 				component: "h2",
 				className: "ttw:mb-2 ttw:text-center ttw:text-lg ttw:font-bold ttw:text-foreground",
 				"data-testid": l ? "embedded-banking-transfer-money-result-success-title" : "embedded-banking-transfer-money-result-error-title",
-				children: l ? f.successTitle : f.errorTitle
+				children: l ? p.successTitle : p.errorTitle
 			}),
 			/* @__PURE__ */ i(t, {
 				variant: "body2",
@@ -39,13 +39,13 @@ function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d }) {
 				component: "p",
 				className: "ttw:mb-8 ttw:max-w-sm ttw:text-center",
 				children: [
-					f.transferMessagePrefix,
+					p.transferMessagePrefix,
 					/* @__PURE__ */ r("span", {
 						className: "ttw:font-semibold ttw:text-foreground",
 						children: c
 					}),
 					" ",
-					l ? f.successMessageSuffix : f.errorMessageSuffix
+					l ? p.successMessageSuffix : p.errorMessageSuffix
 				]
 			}),
 			/* @__PURE__ */ i(e, {
@@ -53,11 +53,11 @@ function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d }) {
 				variant: "outline",
 				className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-semibold",
 				onClick: u,
-				"data-testid": "embedded-banking-transfer-money-back-to-transfers-button",
+				"data-testid": f?.backToTransfers,
 				children: [/* @__PURE__ */ r(a, {
 					className: "ttw:size-4",
 					"aria-hidden": !0
-				}), f.backToTransfers]
+				}), p.backToTransfers]
 			})
 		]
 	});