@tesouro/embedded-components-react 0.2.307 → 0.2.308

package/README.md

@@ -599,10 +599,13 @@ A self-contained banking widget for creating book or ACH transfers and reviewing
 
 #### Props
 
-| Prop            | Type                                    | Default          | Description                                                           |
-| --------------- | --------------------------------------- | ---------------- | --------------------------------------------------------------------- |
-| `labels`        | `Partial<TransfersWidgetLabels>`        | English labels   | Override shell and modal copy.                                        |
-| `featureLabels` | `Partial<TransfersWidgetFeatureLabels>` | English defaults | Override routing copy, fallbacks, default currency, and ACH SEC code. |
+| Prop                         | Type                                    | Default          | Description                                                                                                                                                                        |
+| ---------------------------- | --------------------------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `labels`                     | `Partial<TransfersWidgetLabels>`        | English labels   | Override shell and modal copy.                                                                                                                                                     |
+| `featureLabels`              | `Partial<TransfersWidgetFeatureLabels>` | English defaults | Override routing copy, fallbacks, default currency, and ACH SEC code.                                                                                                              |
+| `isTransferMoneyOpen`        | `boolean`                               | Uncontrolled     | Whether the transfer money modal is showing. Supplying it makes the modal controlled: the widget reports every open and close and changes nothing until you re-supply a new value. |
+| `defaultIsTransferMoneyOpen` | `boolean`                               | `false`          | The modal's state on first render, for a host that only wants to seed it. Ignored when `isTransferMoneyOpen` is supplied.                                                          |
+| `onTransferMoneyOpenChange`  | `(open: boolean) => void`               | `undefined`      | Called on every open and close — the **Transfer money** CTA, the modal's own dismissals (Esc, overlay, close), and the close after a completed transfer.                           |
 
 ### UploadReceiptWidget
 

package/dist/index.d.ts

@@ -4709,10 +4709,25 @@ declare const DEFAULT_FEATURE_LABELS: FeatureLabels;
 interface TransfersWidgetPassthroughProps {
     labels?: Partial<TransfersWidgetLabels>;
     featureLabels?: Partial<FeatureLabels>;
+    /**
+     * Whether the transfer money modal is showing. Supplying it makes the modal
+     * controlled: the widget reports every open and close through
+     * `onTransferMoneyOpenChange` and changes nothing on screen until the host
+     * supplies a new value. Omit to let the widget own it.
+     */
+    isTransferMoneyOpen?: boolean;
+    /** The modal's state on first render, for a host that only wants to seed it. */
+    defaultIsTransferMoneyOpen?: boolean;
+    /**
+     * Called on every open and close — the CTA, the modal's own dismissals, and
+     * the close that follows a completed transfer — whether or not the modal is
+     * controlled.
+     */
+    onTransferMoneyOpenChange?: (open: boolean) => void;
 }
 interface TransfersWidgetProps extends WidgetProviderProps, TransfersWidgetPassthroughProps {
 }
-declare function TransfersWidget({ labels, featureLabels, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
+declare function TransfersWidget({ labels, featureLabels, isTransferMoneyOpen, defaultIsTransferMoneyOpen, onTransferMoneyOpenChange, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
 
 /**
  * Public {@link WidgetProvider} — the integrator-facing provider.

package/dist/lib/TransfersWidget.d.ts

@@ -680,10 +680,25 @@ declare const DEFAULT_FEATURE_LABELS: FeatureLabels;
 interface TransfersWidgetPassthroughProps {
     labels?: Partial<TransfersWidgetLabels>;
     featureLabels?: Partial<FeatureLabels>;
+    /**
+     * Whether the transfer money modal is showing. Supplying it makes the modal
+     * controlled: the widget reports every open and close through
+     * `onTransferMoneyOpenChange` and changes nothing on screen until the host
+     * supplies a new value. Omit to let the widget own it.
+     */
+    isTransferMoneyOpen?: boolean;
+    /** The modal's state on first render, for a host that only wants to seed it. */
+    defaultIsTransferMoneyOpen?: boolean;
+    /**
+     * Called on every open and close — the CTA, the modal's own dismissals, and
+     * the close that follows a completed transfer — whether or not the modal is
+     * controlled.
+     */
+    onTransferMoneyOpenChange?: (open: boolean) => void;
 }
 interface TransfersWidgetProps extends WidgetProviderProps, TransfersWidgetPassthroughProps {
 }
-declare function TransfersWidget({ labels, featureLabels, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
+declare function TransfersWidget({ labels, featureLabels, isTransferMoneyOpen, defaultIsTransferMoneyOpen, onTransferMoneyOpenChange, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
 
 export { DEFAULT_FEATURE_LABELS as TRANSFERS_FEATURE_LABELS_EN, TRANSFERS_WIDGET_LABELS_EN, TransfersWidget };
 export type { FeatureLabels as TransfersWidgetFeatureLabels, TransfersWidgetLabels, TransfersWidgetProps };

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

@@ -11,164 +11,186 @@ import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as ee, emitWidg
 import { useWidgetConfig as ne, useWidgetError as re, useWidgetLoading as ie } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { BankAccountsWidgetAnalyticsEvent as i } from "./index2.js";
-import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailableBalanceLabel as oe, maskAccountNumber as o } from "./index3.js";
-import { DEFAULT_FEATURE_LABELS as se } from "./index4.js";
-import { getBankAccountsPermissions as ce } from "./index5.js";
-import { toAccessRows as le, toOrganizationRoleOptions as ue, toTeamMembers as de } from "./index6.js";
-import { DEFAULT_LABELS as fe } from "../../ui/dist/lib/labels.js";
+import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailableBalanceLabel as oe, maskAccountNumber as se } from "./index3.js";
+import { DEFAULT_FEATURE_LABELS as ce } from "./index4.js";
+import { getBankAccountsPermissions as le } from "./index5.js";
+import { toAccessRows as ue, toOrganizationRoleOptions as de, toTeamMembers as fe } from "./index6.js";
+import { DEFAULT_LABELS as pe } from "../../ui/dist/lib/labels.js";
 import "../../ui/dist/index.js";
-import { useCreateBankAccountMutation as pe } from "../../data-access/dist/index3.js";
-import { useGrantBankAccountAccessMutation as me } from "../../data-access/dist/index4.js";
-import { useAllOrganizationUsersQuery as he } from "../../data-access/dist/index5.js";
+import { useCreateBankAccountMutation as me } from "../../data-access/dist/index3.js";
+import { useGrantBankAccountAccessMutation as he } from "../../data-access/dist/index4.js";
+import { useAllOrganizationUsersQuery as ge } from "../../data-access/dist/index5.js";
 import "../../data-access/dist/index.js";
-import { filterRolesForOrganization as ge } from "../../../../shared/util-validation/dist/index6.js";
-import { useCallback as s, useEffect as _e, useMemo as c, useState as l } from "react";
-import { useControllableState as ve } from "@radix-ui/react-use-controllable-state";
+import { filterRolesForOrganization as _e } from "../../../../shared/util-validation/dist/index6.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as ve, useState as l } from "react";
+import { useControllableState as ye } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index7.js
 var u = { nickname: "" };
-function d({ labels: a, featureLabels: o, isBankingTaglineVisible: d = !0, bankLogoSrc: be, bankLogoAlt: xe, depositAgreementUrl: Se, selectedAccountId: Ce, defaultSelectedAccountId: we, onSelectedAccountIdChange: Te, "data-testid": Ee }) {
-	let f = {
-		...fe,
+function d(e, t) {
+	return e !== void 0 && t !== void 0 && e !== t;
+}
+function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bankLogoSrc: xe, bankLogoAlt: Se, depositAgreementUrl: Ce, selectedAccountId: we, defaultSelectedAccountId: Te, onSelectedAccountIdChange: Ee, "data-testid": De } = {}) {
+	let p = {
+		...pe,
 		...a
-	}, p = {
-		...se,
-		...o
-	}, m = r(), { organizationId: h, widgetToken: De, initResponse: g } = ne(), Oe = ie(), _ = !!re(), v = !!(h && De), y = c(() => ce(g?.scopes), [g?.scopes]), ke = v && y.canRead && !!g, [b, x] = ve({
-		prop: Ce,
-		defaultProp: we ?? null,
-		onChange: Te,
+	}, m = {
+		...ce,
+		...se
+	}, h = r(), { organizationId: g, widgetToken: Oe, initResponse: _ } = ne(), ke = ie(), v = !!re(), y = !!(g && Oe), b = c(() => le(_?.scopes), [_?.scopes]), Ae = y && b.canRead && !!_, x = _?.userId ?? void 0, [S, je] = l(g);
+	g !== void 0 && g !== S && je(g);
+	let [C, Me] = l(x);
+	x !== void 0 && x !== C && Me(x);
+	let [Ne, w] = ye({
+		prop: we,
+		defaultProp: Te ?? null,
+		onChange: Ee,
 		caller: "BankAccountsWidget"
-	}), S = ke && !b, C = s((e) => {
-		x(e);
-	}, [x]), [w, T] = l(!1), [E, D] = l(u), [O, k] = l([]), [Ae, A] = l(!1), [j, M] = l(), [N, je] = l({}), [P, F] = l({});
-	_e(() => {
-		m(i.Mounted);
-	}, [m]);
-	let I = t({ enabled: S }), L = pe(), R = me(), z = w, B = he({ enabled: z }), V = n({ enabled: z }), H = c(() => {
-		let e = V.data?.data ?? [], t = h ? ge(e, {
-			organizationId: h,
-			organizationTypes: g?.organizationTypes ?? []
+	}), T = ve({
+		organizationId: S,
+		userId: C
+	}), Pe = d(T.current.organizationId, S) || d(T.current.userId, C);
+	s(() => {
+		let e = T.current;
+		T.current = {
+			organizationId: S,
+			userId: C
+		}, (d(e.organizationId, S) || d(e.userId, C)) && w(null);
+	}, [
+		S,
+		C,
+		w
+	]);
+	let E = Pe ? null : Ne, D = Ae && !E, O = o((e) => {
+		w(e);
+	}, [w]), [k, Fe] = l(!1), [A, j] = l(u), [M, N] = l([]), [Ie, P] = l(!1), [F, I] = l(), [Le, Re] = l({}), [L, R] = l({});
+	s(() => {
+		h(i.Mounted);
+	}, [h]);
+	let z = t({ enabled: D }), B = me(), V = he(), H = k, U = ge({ enabled: H }), W = n({ enabled: H }), G = c(() => {
+		let e = W.data?.data ?? [], t = g ? _e(e, {
+			organizationId: g,
+			organizationTypes: _?.organizationTypes ?? []
 		}) : e;
-		return de(B.data?.data ?? [], ue(t));
+		return fe(U.data?.data ?? [], de(t));
 	}, [
-		V.data?.data,
-		B.data?.data,
-		h,
-		g?.organizationTypes
-	]), U = B.isLoading || B.isFetchingNextPage || !!B.hasNextPage || V.isResolving, W = !U && !B.isError, G = S ? I.data?.data ?? [] : [], K = [.../* @__PURE__ */ new Set([...H.filter((e) => e.locked).map((e) => e.id), ...O])], q = g?.bankName?.trim() ?? "", Me = g?.vspName?.trim() ?? "", Ne = Se?.trim() || void 0, J = v && y.canWrite, Y = !I.hasNextPage && !I.isFetchingNextPage, Pe = c(() => Y ? oe(G) : void 0, [G, Y]), Fe = G.length > 1 && y.canRead && Y, X = s(async (t, n, r) => {
-		await ae(r) && (e.success(n === "account" ? p.copyAccountNumberToast : p.copyRoutingNumberToast), F((e) => ({
+		W.data?.data,
+		U.data?.data,
+		g,
+		_?.organizationTypes
+	]), K = U.isLoading || U.isFetchingNextPage || !!U.hasNextPage || W.isResolving, q = !K && !U.isError, J = D ? z.data?.data ?? [] : [], Y = [.../* @__PURE__ */ new Set([...G.filter((e) => e.locked).map((e) => e.id), ...M])], X = _?.bankName?.trim() ?? "", ze = _?.vspName?.trim() ?? "", Be = Ce?.trim() || void 0, Z = y && b.canWrite, Q = !z.hasNextPage && !z.isFetchingNextPage, Ve = c(() => Q ? oe(J) : void 0, [J, Q]), He = J.length > 1 && b.canRead && Q, $ = o(async (t, n, r) => {
+		await ae(r) && (e.success(n === "account" ? m.copyAccountNumberToast : m.copyRoutingNumberToast), R((e) => ({
 			...e,
 			[t]: n
 		})), window.setTimeout(() => {
-			F((e) => ({
+			R((e) => ({
 				...e,
 				[t]: void 0
 			}));
 		}, 2e3));
-	}, [p.copyAccountNumberToast, p.copyRoutingNumberToast]), Ie = c(() => G.map((e) => ye(e, p, {
-		isAccountNumberVisible: N[e.id] ?? !1,
-		isAccountNumberCopied: P[e.id] === "account",
-		isRoutingNumberCopied: P[e.id] === "routing",
-		onToggleAccountNumberVisibility: () => je((t) => ({
+	}, [m.copyAccountNumberToast, m.copyRoutingNumberToast]), Ue = c(() => J.map((e) => be(e, m, {
+		isAccountNumberVisible: Le[e.id] ?? !1,
+		isAccountNumberCopied: L[e.id] === "account",
+		isRoutingNumberCopied: L[e.id] === "routing",
+		onToggleAccountNumberVisibility: () => Re((t) => ({
 			...t,
 			[e.id]: !t[e.id]
 		})),
-		onCopyAccountNumber: () => void X(e.id, "account", e.accountNumber),
-		onCopyRoutingNumber: () => void X(e.id, "routing", e.routingNumber),
+		onCopyAccountNumber: () => void $(e.id, "account", e.accountNumber),
+		onCopyRoutingNumber: () => void $(e.id, "routing", e.routingNumber),
 		onSelect: () => {
-			C(e.id), m(i.AccountSelected, { accountId: e.id });
+			O(e.id), h(i.AccountSelected, { accountId: e.id });
 		}
 	})), [
-		G,
-		N,
-		P,
-		p,
-		X,
-		C,
-		m
-	]), Z = (t) => {
-		R.mutate({
+		J,
+		Le,
+		L,
+		m,
+		$,
+		O,
+		h
+	]), We = (t) => {
+		V.mutate({
 			path: { id: t },
-			body: { userIds: K }
+			body: { userIds: Y }
 		}, { onSuccess: () => {
-			te(ee), e.success(p.createSuccessToast), D(u), k([]), M(void 0), A(!1), T(!1);
+			te(ee), e.success(m.createSuccessToast), j(u), N([]), I(void 0), P(!1), Fe(!1);
 		} });
-	}, Le = () => {
-		if (J && W) {
-			if (E.nickname.trim() === "") {
-				A(!0);
+	}, Ge = () => {
+		if (Z && q) {
+			if (A.nickname.trim() === "") {
+				P(!0);
 				return;
 			}
-			if (K.length === 0) {
+			if (Y.length === 0) {
 				console.warn("No team members selected on submit");
 				return;
 			}
-			if (j) {
-				Z(j);
+			if (F) {
+				We(F);
 				return;
 			}
-			L.mutate({ body: { nickname: E.nickname.trim() } }, { onSuccess: (e) => {
-				m(i.AccountCreated, { accountId: e?.id }), e?.id && (M(e.id), Z(e.id));
+			B.mutate({ body: { nickname: A.nickname.trim() } }, { onSuccess: (e) => {
+				h(i.AccountCreated, { accountId: e?.id }), e?.id && (I(e.id), We(e.id));
 			} });
 		}
-	}, Re = (e, t) => {
-		H.find((t) => t.id === e)?.locked || k((n) => t ? [.../* @__PURE__ */ new Set([...n, e])] : n.filter((t) => t !== e));
-	}, Q = (e) => {
-		e && !J || (e && (D(u), k([]), M(void 0), A(!1), L.reset(), R.reset()), T(e));
-	}, $ = L.isPending || R.isPending, ze = le(H, {
-		selectedUserIds: O,
-		disabled: $ || !y.canWrite,
-		fallbackTooltip: f.teamMemberAccessTooltip,
-		onUserToggle: Re
+	}, Ke = (e, t) => {
+		G.find((t) => t.id === e)?.locked || N((n) => t ? [.../* @__PURE__ */ new Set([...n, e])] : n.filter((t) => t !== e));
+	}, qe = (e) => {
+		e && !Z || (e && (j(u), N([]), I(void 0), P(!1), B.reset(), V.reset()), Fe(e));
+	}, Je = B.isPending || V.isPending, Ye = ue(G, {
+		selectedUserIds: M,
+		disabled: Je || !b.canWrite,
+		fallbackTooltip: p.teamMemberAccessTooltip,
+		onUserToggle: Ke
 	});
 	return {
-		"data-testid": Ee,
-		selectedAccountId: b,
-		title: f.title,
-		bankDisplayName: q,
-		bankLogoSrc: be,
-		bankLogoAlt: xe,
-		availableBalanceLabel: Pe,
-		shouldDisplayAvailableBalance: Fe,
-		isBankingTaglineVisible: d,
-		accountCards: Ie,
-		shouldDisplayAddAccountCard: y.canWrite,
-		isLoading: !_ && (!v || Oe && !g || S && (I.isLoading || I.isFetchingNextPage || I.hasNextPage)),
-		isError: _ || S && I.isError,
-		isCreateOpen: w,
-		createForm: E,
+		"data-testid": De,
+		selectedAccountId: E,
+		title: p.title,
+		bankDisplayName: X,
+		bankLogoSrc: xe,
+		bankLogoAlt: Se,
+		availableBalanceLabel: Ve,
+		shouldDisplayAvailableBalance: He,
+		isBankingTaglineVisible: f,
+		accountCards: Ue,
+		shouldDisplayAddAccountCard: b.canWrite,
+		isLoading: !v && (!y || ke && !_ || D && (z.isLoading || z.isFetchingNextPage || z.hasNextPage)),
+		isError: v || D && z.isError,
+		isCreateOpen: k,
+		createForm: A,
 		legalCopy: {
-			bankName: q,
-			vspName: Me,
-			agreementUrl: Ne
+			bankName: X,
+			vspName: ze,
+			agreementUrl: Be
 		},
-		accessRows: ze,
-		isTeamMembersLoading: U,
-		isTeamMembersError: B.isError,
-		isCreateSubmitDisabled: !J || !W || E.nickname.trim() === "" || K.length === 0,
-		isCreateError: L.isError || R.isError,
-		hasNicknameError: Ae,
-		isSubmitting: $,
-		isCreateDisabled: !J,
-		onCreateOpenChange: Q,
+		accessRows: Ye,
+		isTeamMembersLoading: K,
+		isTeamMembersError: U.isError,
+		isCreateSubmitDisabled: !Z || !q || A.nickname.trim() === "" || Y.length === 0,
+		isCreateError: B.isError || V.isError,
+		hasNicknameError: Ie,
+		isSubmitting: Je,
+		isCreateDisabled: !Z,
+		onCreateOpenChange: qe,
 		onCreateFormChange: (e) => {
-			A(!1), D(e);
+			P(!1), j(e);
 		},
-		onCreateSubmit: Le,
-		onAddAccountClick: () => Q(!0),
-		onSelectAccount: C
+		onCreateSubmit: Ge,
+		onAddAccountClick: () => qe(!0),
+		onSelectAccount: O
 	};
 }
-function ye(e, t, n) {
+function be(e, t, n) {
 	return {
 		id: e.id,
 		name: e.nickname?.trim() || t.accountFallback,
 		balanceLabel: a(e.balance),
 		accountNumberLabel: e.accountNumber,
-		maskedAccountNumberLabel: o(e.accountNumber),
+		maskedAccountNumberLabel: se(e.accountNumber),
 		routingNumberLabel: e.routingNumber,
 		...n
 	};
 }
 //#endregion
-export { d as useBankAccountsWidget };
+export { f as useBankAccountsWidget };

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

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

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

@@ -12,12 +12,13 @@ import { TRANSFERS_ANALYTICS_EVENTS as s } from "./index2.js";
 import { useCreateBookTransferMutation as c } 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 u, useMemo as d, useState as f } from "react";
+import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js
-function p(e) {
+function h(e) {
 	return e.slice(-4);
 }
-function m(e, t) {
+function g(e, t) {
 	let r = e.balance;
 	if (!r || r.value === void 0 || r.value === null) return;
 	let i = r.currencyCode ?? t, o = n({
@@ -29,14 +30,14 @@ function m(e, t) {
 		includeSpaceAfterCurrencySymbol: !1
 	});
 }
-function h(e, t, n, r) {
+function _(e, t, n, r) {
 	let i = n.find((t) => t.id === e);
 	if (i?.balance?.currencyCode) return i.balance.currencyCode;
 	let a = n.find((e) => e.id === t);
 	return a?.balance?.currencyCode ? a.balance.currencyCode : r;
 }
-function g(e, t, n) {
-	let r = p(e.accountNumber), i = e.nickname?.trim() || t.accountFallbackName, a = m(e, n.defaultCurrencyCode);
+function v(e, t, n) {
+	let r = h(e.accountNumber), i = e.nickname?.trim() || t.accountFallbackName, a = g(e, n.defaultCurrencyCode);
 	return {
 		optionValue: e.id,
 		primaryLabel: i,
@@ -44,15 +45,15 @@ function g(e, t, n) {
 		balanceLabel: a
 	};
 }
-function _(e, t) {
-	let n = p(e.accountNumber), r = e.nickname?.trim() || e.nameOnAccount;
+function y(e, t) {
+	let n = h(e.accountNumber), r = e.nickname?.trim() || e.nameOnAccount;
 	return {
 		optionValue: e.id,
 		primaryLabel: r,
 		secondaryLabel: `${t.embeddedAccountMaskPrefix}${n}`
 	};
 }
-function v(e, t, n, r, i) {
+function b(e, t, n, r, i) {
 	return {
 		primaryLabel: e?.primaryLabel ?? "",
 		accountDetailLabel: t ? `${i} ${t}` : e?.secondaryLabel ?? "",
@@ -61,238 +62,247 @@ function v(e, t, n, r, i) {
 		showInstitutionIcon: n
 	};
 }
-function y({ labels: n, featureLabels: p, embeddedBankAccounts: m, verifiedExternalBankAccounts: y, track: b }) {
-	let x = c(), S = l(), C = d(() => new Set(m.map((e) => e.id)), [m]), w = d(() => m.map((e) => g(e, n, p)), [
-		m,
-		p,
+function x({ labels: n, featureLabels: h, embeddedBankAccounts: g, verifiedExternalBankAccounts: x, track: S, isTransferMoneyOpen: C, defaultIsTransferMoneyOpen: ee, onTransferMoneyOpenChange: w }) {
+	let T = c(), E = l(), D = f(() => new Set(g.map((e) => e.id)), [g]), O = f(() => g.map((e) => v(e, n, h)), [
+		g,
+		h,
 		n.accountFallbackName,
 		n.embeddedAccountMaskPrefix
-	]), T = d(() => y.map((e) => _(e, n)), [n.embeddedAccountMaskPrefix, y]), E = d(() => [...w, ...T], [w, T]), [D, O] = f(!1), [k, A] = f("accounts"), [j, M] = f(""), [N, P] = f(""), [F, I] = f(""), [L, R] = f(null), [z, B] = f(!1), V = u(() => {
-		A("accounts"), M(""), P(""), I(""), R(null), B(!1);
-	}, []), H = u(() => {
-		V(), O(!0), b(s.TransferMoneyOpened);
-	}, [V, b]), U = C.has(j), W = C.has(N), G = d(() => h(j, N, m, p.defaultCurrencyCode), [
-		m,
-		p.defaultCurrencyCode,
-		j,
-		N
-	]), K = d(() => i(G), [G]), q = d(() => N ? W ? E.filter((e) => e.optionValue !== N) : w.filter((e) => e.optionValue !== N) : E, [
-		E,
-		w,
-		N,
-		W
-	]), J = d(() => j ? U ? E.filter((e) => e.optionValue !== j) : w.filter((e) => e.optionValue !== j) : E, [
-		E,
-		w,
-		j,
-		U
-	]), Y = !!(j && N && j !== N), X = d(() => o(F, G) !== null, [F, G]), Z = u((e, r, i) => {
+	]), k = f(() => x.map((e) => y(e, n)), [n.embeddedAccountMaskPrefix, x]), A = f(() => [...O, ...k], [O, k]), [j, M] = m({
+		prop: C,
+		defaultProp: ee ?? !1,
+		onChange: w,
+		caller: "TransfersWidget"
+	}), [N, P] = p("accounts"), [F, I] = p(""), [L, R] = p(""), [z, B] = p(""), [te, V] = p(null), [ne, H] = p(!1), U = u(() => {
+		P("accounts"), I(""), R(""), B(""), V(null), H(!1);
+	}, []), [W, G] = p(j);
+	j !== W && (G(j), j && U()), d(() => {
+		j && S(s.TransferMoneyOpened);
+	}, [j, S]);
+	let K = u((e) => {
+		M(e);
+	}, [M]), q = u(() => {
+		M(!0);
+	}, [M]), J = D.has(F), Y = D.has(L), X = f(() => _(F, L, g, h.defaultCurrencyCode), [
+		g,
+		h.defaultCurrencyCode,
+		F,
+		L
+	]), re = f(() => i(X), [X]), ie = f(() => L ? Y ? A.filter((e) => e.optionValue !== L) : O.filter((e) => e.optionValue !== L) : A, [
+		A,
+		O,
+		L,
+		Y
+	]), ae = f(() => F ? J ? A.filter((e) => e.optionValue !== F) : O.filter((e) => e.optionValue !== F) : A, [
+		A,
+		O,
+		F,
+		J
+	]), Z = !!(F && L && F !== L), oe = f(() => o(z, X) !== null, [z, X]), Q = u((e, r, i) => {
 		let a = o(r, i);
 		if (a === null) {
-			R(null);
+			V(null);
 			return;
 		}
-		if (!C.has(e)) {
-			R(null);
+		if (!D.has(e)) {
+			V(null);
 			return;
 		}
-		let s = m.find((t) => t.id === e);
+		let s = g.find((t) => t.id === e);
 		if (!s) {
-			R(null);
+			V(null);
 			return;
 		}
 		let c = t(s.balance?.value);
-		R(a > c ? n.modalInsufficientFundsError : null);
+		V(a > c ? n.modalInsufficientFundsError : null);
 	}, [
-		m,
-		C,
+		g,
+		D,
 		n.modalInsufficientFundsError
-	]), Q = u((e) => {
-		M(e);
-		let t = h(e, N, m, p.defaultCurrencyCode);
-		Z(e, F, t);
+	]), se = u((e) => {
+		I(e);
+		let t = _(e, L, g, h.defaultCurrencyCode);
+		Q(e, z, t);
+	}, [
+		z,
+		g,
+		h.defaultCurrencyCode,
+		Q,
+		L
+	]), ce = u((e) => {
+		R(e);
+		let t = _(F, e, g, h.defaultCurrencyCode);
+		Q(F, z, t);
 	}, [
+		z,
+		g,
+		h.defaultCurrencyCode,
 		F,
-		m,
-		p.defaultCurrencyCode,
-		Z,
-		N
+		Q
 	]), $ = u((e) => {
-		P(e);
-		let t = h(j, e, m, p.defaultCurrencyCode);
-		Z(j, F, t);
+		B(e), Q(F, e, X);
 	}, [
 		F,
-		m,
-		p.defaultCurrencyCode,
-		j,
-		Z
-	]), ee = u((e) => {
-		I(e), Z(j, e, G);
-	}, [
-		j,
-		Z,
-		G
-	]), te = u(() => {
-		M(""), P(""), I(""), R(null);
-	}, []), ne = d(() => {
-		let e = o(F, G);
+		Q,
+		X
+	]), le = u(() => {
+		I(""), R(""), B(""), V(null);
+	}, []), ue = f(() => {
+		let e = o(z, X);
 		if (e === null) return "";
-		let t = r(G);
+		let t = r(X);
 		return a(e / 10 ** t, {
-			currencyCode: G,
+			currencyCode: X,
 			includeSpaceAfterCurrencySymbol: !1
 		});
-	}, [F, G]), re = d(() => {
-		let e = E.find((e) => e.optionValue === j), t = m.find((e) => e.id === j), r = y.find((e) => e.id === j);
-		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
+	}, [z, X]), de = f(() => {
+		let e = A.find((e) => e.optionValue === F), t = g.find((e) => e.id === F), r = x.find((e) => e.id === F);
+		return b(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
 	}, [
-		E,
-		m,
-		j,
+		A,
+		g,
+		F,
 		n.modalAvailableBalanceCaption,
 		n.modalReviewAccountNumberPrefix,
-		y
-	]), ie = d(() => {
-		let e = E.find((e) => e.optionValue === N), t = m.find((e) => e.id === N), r = y.find((e) => e.id === N);
-		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
+		x
+	]), fe = f(() => {
+		let e = A.find((e) => e.optionValue === L), t = g.find((e) => e.id === L), r = x.find((e) => e.id === L);
+		return b(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
 	}, [
-		E,
-		m,
+		A,
+		g,
 		n.modalAvailableBalanceCaption,
 		n.modalReviewAccountNumberPrefix,
-		N,
-		y
-	]), ae = u(() => {
-		if (!Y) return;
-		let e = o(F, G);
+		L,
+		x
+	]), pe = u(() => {
+		if (!Z) return;
+		let e = o(z, X);
 		if (e === null) {
-			R(n.modalAmountInvalidError);
+			V(n.modalAmountInvalidError);
 			return;
 		}
-		if (U) {
-			let r = m.find((e) => e.id === j);
+		if (J) {
+			let r = g.find((e) => e.id === F);
 			if (r && e > t(r.balance?.value)) {
-				R(n.modalInsufficientFundsError);
+				V(n.modalInsufficientFundsError);
 				return;
 			}
 		}
-		R(null), A("review");
+		V(null), P("review");
 	}, [
+		z,
+		Z,
+		g,
+		J,
 		F,
-		Y,
-		m,
-		U,
-		j,
 		n.modalAmountInvalidError,
 		n.modalInsufficientFundsError,
-		G
-	]), oe = u(() => {
-		let e = o(F, G);
+		X
+	]), me = u(() => {
+		let e = o(z, X);
 		if (e === null) {
-			R(n.modalAmountInvalidError);
+			V(n.modalAmountInvalidError);
 			return;
 		}
-		if (U) {
-			let r = m.find((e) => e.id === j);
+		if (J) {
+			let r = g.find((e) => e.id === F);
 			if (r && e > t(r.balance?.value)) {
-				R(n.modalInsufficientFundsError);
+				V(n.modalInsufficientFundsError);
 				return;
 			}
 		}
-		R(null), A("review");
+		V(null), P("review");
 	}, [
+		z,
+		g,
+		J,
 		F,
-		m,
-		U,
-		j,
 		n.modalAmountInvalidError,
 		n.modalInsufficientFundsError,
-		G
-	]), se = u(() => {
-		if (k === "amount") {
-			A("accounts");
+		X
+	]), he = u(() => {
+		if (N === "amount") {
+			P("accounts");
 			return;
 		}
-		k === "review" && A("accounts");
-	}, [k]), ce = u(async () => {
-		let t = o(F, G);
+		N === "review" && P("accounts");
+	}, [N]), ge = u(async () => {
+		let t = o(z, X);
 		if (t === null) {
-			R(n.modalAmountInvalidError);
+			V(n.modalAmountInvalidError);
 			return;
 		}
-		if (!U && !W) {
+		if (!J && !Y) {
 			e.error(n.modalUnsupportedPairError);
 			return;
 		}
 		let r;
-		r = U && W ? "INTERNAL_TO_INTERNAL" : U && !W ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
+		r = J && Y ? "INTERNAL_TO_INTERNAL" : J && !Y ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
 		try {
-			r === "INTERNAL_TO_INTERNAL" ? await x.mutateAsync({ body: {
-				fromBankAccountId: j,
-				toBankAccountId: N,
+			r === "INTERNAL_TO_INTERNAL" ? await T.mutateAsync({ body: {
+				fromBankAccountId: F,
+				toBankAccountId: L,
 				amount: t,
-				currencyCode: G
-			} }) : await S.mutateAsync({ body: {
-				fromBankAccountId: j,
-				toBankAccountId: N,
+				currencyCode: X
+			} }) : await E.mutateAsync({ body: {
+				fromBankAccountId: F,
+				toBankAccountId: L,
 				amount: t,
-				currencyCode: G,
+				currencyCode: X,
 				type: r,
-				secCode: p.defaultSecCode
-			} }), B(!0), A("result"), b(s.TransferSubmitted, { transferType: r });
+				secCode: h.defaultSecCode
+			} }), H(!0), P("result"), S(s.TransferSubmitted, { transferType: r });
 		} catch {
 			e.error(n.modalSubmitFailedError);
 		}
 	}, [
+		z,
+		E,
+		T,
+		J,
 		F,
-		S,
-		x,
-		U,
-		j,
 		n.modalSubmitFailedError,
 		n.modalUnsupportedPairError,
 		n.modalAmountInvalidError,
-		W,
-		N,
-		b,
-		G,
-		p.defaultSecCode
+		Y,
+		L,
+		S,
+		X,
+		h.defaultSecCode
 	]);
 	return {
 		modalProps: {
-			open: D,
-			onOpenChange: (e) => {
-				O(e), e || V();
-			},
-			step: k,
-			fromOptions: q,
-			toOptions: J,
-			fromValue: j,
-			toValue: N,
-			onFromValueChange: Q,
-			onToValueChange: $,
-			amountValue: F,
-			onAmountValueChange: ee,
-			amountError: L,
-			amountInputPrefix: K,
-			reviewFromAccount: re,
-			reviewToAccount: ie,
-			reviewAmountLabel: ne,
-			isSubmitting: x.isPending || S.isPending,
-			isSuccess: z,
-			canContinueFromAccounts: Y,
-			canContinueFromAmount: X,
-			onContinueFromAccounts: ae,
-			onContinueFromAmount: oe,
-			onBack: se,
-			onSubmit: () => void ce(),
-			onClearSelections: te
+			open: j,
+			onOpenChange: K,
+			step: N,
+			fromOptions: ie,
+			toOptions: ae,
+			fromValue: F,
+			toValue: L,
+			onFromValueChange: se,
+			onToValueChange: ce,
+			amountValue: z,
+			onAmountValueChange: $,
+			amountError: te,
+			amountInputPrefix: re,
+			reviewFromAccount: de,
+			reviewToAccount: fe,
+			reviewAmountLabel: ue,
+			isSubmitting: T.isPending || E.isPending,
+			isSuccess: ne,
+			canContinueFromAccounts: Z,
+			canContinueFromAmount: oe,
+			onContinueFromAccounts: pe,
+			onContinueFromAmount: me,
+			onBack: he,
+			onSubmit: () => void ge(),
+			onClearSelections: le
 		},
-		openModal: H
+		openModal: q
 	};
 }
-function b(e, t, r, i) {
+function S(e, t, r, i) {
 	let o = t.get(e.fromAccount.id) ?? e.fromAccount.nickname ?? r.accountFallbackName, s = t.get(e.toAccount.id) ?? e.toAccount.nickname ?? r.accountFallbackName, c = new Date(e.date), l = Number.isNaN(c.getTime()) ? i.unavailableLabel : new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(c), u = e.amount?.value, d = u == null || !Number.isFinite(Number(u)) ? i.unavailableLabel : a(n(e.amount), {
 		currencyCode: e.amount.currencyCode,
 		includeSpaceAfterCurrencySymbol: !1
@@ -306,4 +316,4 @@ function b(e, t, r, i) {
 	};
 }
 //#endregion
-export { b as mapTransferToRowView, y as useTransferMoneyModalController };
+export { S as mapTransferToRowView, x as useTransferMoneyModalController };

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

@@ -16,83 +16,86 @@ import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/in
 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 p } from "../../ui/dist/lib/TransfersWidget/labels.js";
-import { TransfersWidget as ee } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.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 m, useEffect as h, useMemo as g } from "react";
-import { jsx as _ } from "react/jsx-runtime";
+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 v = [e.TransferWriteOrg, e.BankAccountReadOrg], y = [r, n];
-function b(e) {
+var _ = [e.TransferWriteOrg, e.BankAccountReadOrg], v = [r, n];
+function y(e) {
 	return e.slice(-4);
 }
-function x({ labels: n, featureLabels: r }) {
-	let x = {
+function b({ labels: n, featureLabels: r, isTransferMoneyOpen: b, defaultIsTransferMoneyOpen: x, onTransferMoneyOpenChange: S }) {
+	let C = {
 		...a,
 		...r
-	}, S = {
-		...p,
+	}, w = {
+		...ee,
 		...n,
 		...r?.routeSeparator === void 0 ? {} : { listAccountsSeparator: r.routeSeparator }
-	}, C = t(), { initResponse: w } = i();
-	h(() => {
-		C(o.Mounted);
-	}, [C]);
-	let T = w?.scopes ?? [], E = T.includes(e.ExternalBankAccountReadOrg), D = T.includes(e.PaymentRailAch), O = E && D, k = v.every((e) => T.includes(e)), { mergedTransfers: A, isLoading: j, isError: M, refetch: N } = u(), P = c(), { data: F, isError: I, refetch: L } = P, R = l({ enabled: E }), { data: z, isError: B, refetch: V } = R, H = F?.data ?? [], U = g(() => O ? (z?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [O, z?.data]), W = g(() => {
+	}, 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 H) {
-			let n = b(t.accountNumber), r = t.nickname?.trim() || S.accountFallbackName;
+		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 U) {
-			let n = b(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
+		for (let t of G) {
+			let n = y(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
 			e.set(t.id, `${r} ···${n}`);
 		}
 		return e;
 	}, [
-		H,
-		S.accountFallbackName,
-		U
-	]), G = g(() => A.map((e) => d(e, W, S, x)), [
 		W,
-		x,
-		S,
-		A
-	]), K = m(() => {
-		N(), L(), E && V();
+		w.accountFallbackName,
+		G
+	]), q = h(() => M.map((e) => d(e, K, w, C)), [
+		K,
+		C,
+		w,
+		M
+	]), J = p(() => {
+		F(), z(), O && U();
 	}, [
-		E,
-		L,
-		V,
-		N
+		O,
+		z,
+		U,
+		F
 	]);
-	h(() => {
+	m(() => {
 		let e = () => {
-			K();
+			J();
 		};
-		for (let t of y) window.addEventListener(t, e);
+		for (let t of v) window.addEventListener(t, e);
 		return () => {
-			for (let t of y) window.removeEventListener(t, e);
+			for (let t of v) window.removeEventListener(t, e);
 		};
-	}, [K]);
-	let { modalProps: q, openModal: J } = f({
-		labels: S,
-		featureLabels: x,
-		embeddedBankAccounts: H,
-		verifiedExternalBankAccounts: U,
-		track: C
-	}), Y = s(P), X = E && s(R), Z = j || Y || X, Q = M || I || E && B, te = H.length + U.length, $ = !(H.length > 0) || te <= 1;
-	return /* @__PURE__ */ _(ee, {
-		transferRows: G,
-		isLoading: Z,
+	}, [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 K() : void 0,
-		showTransferMoneyCta: k,
+		onRetry: Q ? () => void J() : void 0,
+		showTransferMoneyCta: j,
 		isTransferMoneyCtaDisabled: $,
-		onTransferMoneyClick: k && !$ ? () => J() : void 0,
-		transferMoneyModal: q,
+		onTransferMoneyClick: j && !$ ? () => X() : void 0,
+		transferMoneyModal: Y,
 		labels: n
 	});
 }
 //#endregion
-export { x as TransfersWidgetInner };
+export { b as TransfersWidgetInner };

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

@@ -11,13 +11,16 @@ 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";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js
-function o({ labels: o, featureLabels: s, ...c }) {
+function o({ labels: o, featureLabels: s, isTransferMoneyOpen: c, defaultIsTransferMoneyOpen: l, onTransferMoneyOpenChange: u, ...d }) {
 	return /* @__PURE__ */ a(t, {
-		...c,
+		...d,
 		widgetName: n,
 		children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i(r, {
 			labels: o,
-			featureLabels: s
+			featureLabels: s,
+			isTransferMoneyOpen: c,
+			defaultIsTransferMoneyOpen: l,
+			onTransferMoneyOpenChange: u
 		})]
 	});
 }

package/package.json

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