@tesouro/embedded-components-react 0.5.158 → 0.5.160

package/dist/index.css

@@ -1899,6 +1899,9 @@
     margin-block-start: calc(calc(var(--ttw-spacing) * 8) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--ttw-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
   }
+  .ttw\:gap-x-1\.5 {
+    column-gap: calc(var(--ttw-spacing) * 1.5);
+  }
   .ttw\:gap-x-2 {
     column-gap: calc(var(--ttw-spacing) * 2);
   }

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index8.js

@@ -7,8 +7,8 @@ import "../../../../shared/ui/dist/index.js";
 import { useAnalyticsTrack as t } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
 import { useWidgetConfig as n, useWidgetError as r, useWidgetLoading as ee } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../shared/feature/dist/index.js";
-import { AccountDetailsWidgetAnalyticsEvent as te } from "./index2.js";
-import { formatDateParam as i, getDefaultExportDateRange as ne, isExportRangeValid as a, startOfLocalDay as o, triggerCsvDownload as re, yesterdayLocal as s } from "./index3.js";
+import { AccountDetailsWidgetAnalyticsEvent as i } from "./index2.js";
+import { formatDateParam as te, getDefaultExportDateRange as ne, isExportRangeValid as a, startOfLocalDay as o, triggerCsvDownload as re, yesterdayLocal as s } from "./index3.js";
 import { copyTextToClipboard as ie, formatAmountLabel as c, formatSignedTransactionAmountLabel as ae, formatStatementPeriodLabel as oe, formatTransactionDateLabel as se, maskAccountNumber as ce } from "./index4.js";
 import { DEFAULT_FEATURE_LABELS as le } from "./index5.js";
 import { getBankAccountsPermissions as ue } from "./index6.js";
@@ -38,53 +38,53 @@ function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingT
 	}, h = {
 		...le,
 		...ke
-	}, g = t(), { organizationId: Fe, widgetToken: Ie, initResponse: _ } = n(), Le = ee(), v = !!r(), y = !!(Fe && Ie), b = d(() => ue(_?.scopes), [_?.scopes]), x = b.canRead && !!_, S = y && x, [C, Re] = f("transactions"), [ze, w] = f(!1), [T, E] = f(Ee), [Be, Ve] = f(!1), [He, D] = f(!1), [Ue, O] = f(!1), [We, Ge] = f(!1), [Ke, k] = f(!1), [A, j] = f(), [M, N] = f(), [P, qe] = f(we), [F, I] = f(() => ({
+	}, g = t(), { organizationId: Fe, widgetToken: Ie, initResponse: _ } = n(), Le = ee(), v = !!r(), y = !!(Fe && Ie), b = d(() => ue(_?.scopes), [_?.scopes]), x = b.canRead && !!_, S = y && x, C = x && !y, [w, Re] = f("transactions"), [ze, T] = f(!1), [E, D] = f(Ee), [Be, Ve] = f(!1), [He, Ue] = f(!1), [We, Ge] = f(!1), [Ke, qe] = f(!1), [Je, Ye] = f(!1), [O, k] = f(), [A, j] = f(), [M, Xe] = f(we), [N, P] = f(() => ({
 		accountId: p,
 		token: void 0
 	}));
-	F.accountId !== p && I({
+	N.accountId !== p && P({
 		accountId: p,
 		token: void 0
 	});
-	let Je = F.accountId === p ? F.token : void 0, L = u((e) => {
-		I((t) => ({
+	let Ze = N.accountId === p ? N.token : void 0, F = u((e) => {
+		P((t) => ({
 			...t,
 			token: e
 		}));
-	}, []), [R, z] = f(() => /* @__PURE__ */ new Set());
+	}, []), [I, L] = f(() => /* @__PURE__ */ new Set());
 	ye(() => {
-		g(te.Mounted);
+		g(i.Mounted);
 	}, [g]);
-	let B = de({
+	let R = de({
 		id: p,
 		enabled: S
-	}), V = pe({
+	}), z = pe({
 		id: p,
-		enabled: S && C === "transactions",
+		enabled: S && w === "transactions",
 		limit: 25,
 		sortBy: "DATE",
 		sortOrder: "DESC"
-	}), H = fe({
+	}), B = fe({
 		id: p,
-		enabled: S && C === "statements",
-		limit: P,
-		pagination_token: Je,
+		enabled: S && w === "statements",
+		limit: M,
+		pagination_token: Ze,
 		category: "STATEMENTS"
-	}), Ye = ge(), Xe = me(), Ze = he(), { mutate: Qe, isPending: $e, isError: U, reset: W } = Ye, { mutateAsync: G, isPending: et } = Xe, { mutateAsync: K } = Ze, q = x ? B.data : void 0, J = _?.bankName?.trim() ?? "", Y = Ne?.trim() || void 0, X = { bankName: J }, tt = d(() => l(m.domesticWireIntro, X), [m.domesticWireIntro, J]), nt = d(() => l(m.domesticWireNote, X), [m.domesticWireNote, J]), rt = d(() => l(m.thingsToKnowBody, X), [m.thingsToKnowBody, J]), it = q?.nickname?.trim() || h.accountFallback, at = c(q?.balance), ot = d(() => (V.data?.data ?? []).map((e, t) => ({
+	}), Qe = ge(), $e = me(), et = he(), { mutate: tt, isPending: nt, isError: V, reset: H } = Qe, { mutateAsync: U, isPending: rt } = $e, { mutateAsync: W } = et, G = x ? R.data : void 0, K = _?.bankName?.trim() ?? "", q = Ne?.trim() || void 0, J = { bankName: K }, it = d(() => l(m.domesticWireIntro, J), [m.domesticWireIntro, K]), at = d(() => l(m.domesticWireNote, J), [m.domesticWireNote, K]), ot = d(() => l(m.thingsToKnowBody, J), [m.thingsToKnowBody, K]), st = G?.nickname?.trim() || h.accountFallback, ct = c(G?.balance), Y = d(() => (z.data?.data ?? []).map((e, t) => ({
 		key: `${e.date}-${t}`,
 		descriptionLabel: e.description,
 		dateLabel: se(e.date),
 		amountLabel: ae(e.amount, e.direction),
 		amountVariant: e.direction === "CREDIT" ? "positive" : "default",
 		balanceLabel: c(e.runningBalance)
-	})), [V.data?.data]), st = b.canRead && ot.length > 0, ct = u((t) => {
+	})), [z.data?.data]), lt = b.canRead && Y.length > 0, X = u((t) => {
 		if (!y || !b.canRead) return;
 		let n = window.open("", "_blank");
 		if (!n) {
 			e.error(h.viewStatementErrorToast);
 			return;
 		}
-		n.opener = null, z((e) => new Set(e).add(t)), K({
+		n.opener = null, L((e) => new Set(e).add(t)), W({
 			id: p,
 			statementId: t
 		}).then((e) => {
@@ -93,7 +93,7 @@ function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingT
 		}).catch(() => {
 			n.close(), e.error(h.viewStatementErrorToast);
 		}).finally(() => {
-			z((e) => {
+			L((e) => {
 				if (!e.has(t)) return e;
 				let n = new Set(e);
 				return n.delete(t), n;
@@ -104,50 +104,50 @@ function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingT
 		h.viewStatementErrorToast,
 		y,
 		b.canRead,
-		K
-	]), lt = d(() => (H.data?.data ?? []).map((e) => {
+		W
+	]), ut = d(() => (B.data?.data ?? []).map((e) => {
 		let t = oe(e.statementDate);
 		return {
 			key: e.statementId,
 			label: t,
 			viewButtonAriaLabel: l(m.viewStatementButtonAriaLabel, { date: t }),
-			isViewDisabled: R.has(e.statementId),
-			onView: () => ct(e.statementId)
+			isViewDisabled: I.has(e.statementId),
+			onView: () => X(e.statementId)
 		};
 	}), [
-		H.data?.data,
+		B.data?.data,
 		m.viewStatementButtonAriaLabel,
-		R,
-		ct
-	]), Z = H.data?.nextPaginationToken ?? void 0, Q = H.data?.prevPaginationToken ?? void 0, ut = S && C === "statements" && !!H.data && !H.isError, dt = S && C === "statements" && H.isLoading, ft = S && C === "statements" && H.isError, pt = u(() => {
-		H.refetch();
-	}, [H.refetch]), mt = u((e) => {
-		qe(e), L(void 0);
-	}, []), ht = u(() => {
-		L(Q);
-	}, [Q]), gt = u(() => {
-		L(Z);
-	}, [Z]), _t = !a(A, M), vt = d(() => {
+		I,
+		X
+	]), Z = B.data?.nextPaginationToken ?? void 0, Q = B.data?.prevPaginationToken ?? void 0, dt = S && w === "statements" && !!B.data && !B.isError, ft = S && w === "statements" && B.isLoading, pt = S && w === "statements" && B.isError, mt = u(() => {
+		B.refetch();
+	}, [B.refetch]), ht = u((e) => {
+		Xe(e), F(void 0);
+	}, []), gt = u(() => {
+		F(Q);
+	}, [Q]), _t = u(() => {
+		F(Z);
+	}, [Z]), vt = C || !a(O, A), yt = d(() => {
 		let e = [{ after: s() }];
-		return M && e.push({ after: o(M) }), e;
-	}, [M]), yt = d(() => {
+		return A && e.push({ after: o(A) }), e;
+	}, [A]), bt = d(() => {
 		let e = [{ after: s() }];
-		return A && e.push({ before: o(A) }), e;
-	}, [A]), bt = u((e) => {
+		return O && e.push({ before: o(O) }), e;
+	}, [O]), xt = u((e) => {
 		if (e) {
 			let { startDate: e, endDate: t } = ne();
-			j(e), N(t);
+			k(e), j(t);
 		}
-		k(e);
-	}, []), xt = u(async () => {
-		if (!y || !b.canRead || !A || !M || !a(A, M)) return;
-		k(!1);
+		Ye(e);
+	}, []), St = u(async () => {
+		if (!y || !b.canRead || !O || !A || !a(O, A)) return;
+		Ye(!1);
 		let t = e.loading(h.exportLoadingToast);
 		try {
-			let n = await G({
+			let n = await U({
 				id: p,
-				startDate: i(A),
-				endDate: i(M)
+				startDate: te(O),
+				endDate: te(A)
 			});
 			re(n.csv, n.filename), e.success(h.exportSuccessToast, {
 				id: t,
@@ -161,9 +161,9 @@ function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingT
 		}
 	}, [
 		p,
-		G,
-		M,
+		U,
 		A,
+		O,
 		h.exportErrorToast,
 		h.exportLoadingToast,
 		h.exportSuccessToast,
@@ -178,104 +178,105 @@ function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingT
 			bankAddress: h.copyBankAddressToast
 		};
 		if (e.success(r[n]), n === "account") {
-			D(!0), window.setTimeout(() => D(!1), 2e3);
+			Ue(!0), window.setTimeout(() => Ue(!1), 2e3);
 			return;
 		}
-		n === "routing" && (O(!0), window.setTimeout(() => O(!1), 2e3));
+		n === "routing" && (Ge(!0), window.setTimeout(() => Ge(!1), 2e3));
 	}, [
 		h.copyAccountNumberToast,
 		h.copyBankAddressToast,
 		h.copyBankNameToast,
 		h.copyRoutingNumberToast
-	]), St = (e) => {
-		e && (E({ nickname: q?.nickname?.trim() ?? "" }), W()), w(e);
+	]), Ct = (e) => {
+		e && (D({ nickname: G?.nickname?.trim() ?? "" }), H()), T(e);
 	};
 	return /* @__PURE__ */ be(ve, {
 		labels: m,
-		title: it,
-		bankDisplayName: J,
+		title: st,
+		bankDisplayName: K,
 		bankLogoSrc: je,
 		bankLogoAlt: Me,
-		balanceLabel: at,
+		balanceLabel: ct,
 		balanceTestId: "bank-accounts-widget-detail-balance",
 		isBankingTaglineVisible: Ae,
-		activeTab: C,
-		transactionRows: ot,
-		statementRows: lt,
-		isStatementsLoading: dt,
-		isStatementsError: ft,
-		onStatementsRetry: pt,
-		isStatementsPaginationVisible: ut,
-		statementsPageSize: P,
+		activeTab: w,
+		transactionRows: Y,
+		statementRows: ut,
+		isStatementsLoading: ft,
+		isStatementsError: pt,
+		onStatementsRetry: mt,
+		isStatementsPaginationVisible: dt,
+		statementsPageSize: M,
 		statementsPageSizeOptions: Ce,
 		isStatementsPreviousPageDisabled: !Q,
 		isStatementsNextPageDisabled: !Z,
-		onStatementsPageSizeChange: mt,
-		onStatementsPreviousPageClick: ht,
-		onStatementsNextPageClick: gt,
-		showExport: st,
-		isExportOpen: Ke,
-		exportStartDate: A,
-		exportEndDate: M,
-		isExportDownloading: et,
-		isExportDownloadDisabled: _t,
-		disabledExportStartDates: vt,
-		disabledExportEndDates: yt,
-		accountNumberLabel: q?.accountNumber ?? "",
-		maskedAccountNumberLabel: ce(q?.accountNumber ?? ""),
+		onStatementsPageSizeChange: ht,
+		onStatementsPreviousPageClick: gt,
+		onStatementsNextPageClick: _t,
+		showExport: lt,
+		isExportOpen: Je,
+		exportStartDate: O,
+		exportEndDate: A,
+		isExportDownloading: rt,
+		isExportDownloadDisabled: vt,
+		disabledExportStartDates: yt,
+		disabledExportEndDates: bt,
+		accountNumberLabel: G?.accountNumber ?? "",
+		maskedAccountNumberLabel: ce(G?.accountNumber ?? ""),
 		accountNumberTestId: "bank-accounts-widget-detail-account-number",
-		wireAccountNumberLabel: q?.accountNumber ?? "",
-		routingNumberLabel: q?.routingNumber ?? "",
-		bankAddressLabel: Y,
-		domesticWireIntroLabel: tt,
-		domesticWireNoteLabel: nt,
-		thingsToKnowBodyLabel: rt,
+		wireAccountNumberLabel: G?.accountNumber ?? "",
+		routingNumberLabel: G?.routingNumber ?? "",
+		bankAddressLabel: q,
+		domesticWireIntroLabel: it,
+		domesticWireNoteLabel: at,
+		thingsToKnowBodyLabel: ot,
 		supportTeamHref: Pe,
 		isAccountNumberVisible: Be,
 		isAccountNumberCopied: He,
-		isRoutingNumberCopied: Ue,
-		isDomesticWireExpanded: We,
-		isLoading: !v && (!y && !(_ && q) || Le && !_ || S && (B.isLoading || C === "transactions" && V.isLoading)),
-		isError: v || S && (B.isError || C === "transactions" && V.isError),
+		isRoutingNumberCopied: We,
+		isDomesticWireExpanded: Ke,
+		isLoading: !v && (!y && !G || Le && !_ || S && (R.isLoading || w === "transactions" && z.isLoading)),
+		isError: v || S && (R.isError || w === "transactions" && z.isError),
 		isEditOpen: ze,
 		isEditDisabled: !b.canWrite,
-		isEditError: U,
-		isSubmitting: $e,
-		editForm: T,
+		isEditError: V,
+		isSubmitting: nt,
+		isEditSaveDisabled: C,
+		editForm: E,
 		canEdit: b.canWrite,
 		onBack: De,
 		onTabChange: Re,
 		onToggleAccountNumberVisibility: () => Ve((e) => !e),
-		onCopyAccountNumber: () => void $(q?.accountNumber ?? "", "account"),
-		onCopyRoutingNumber: () => void $(q?.routingNumber ?? "", "routing"),
-		onCopyBankName: () => void $(J, "bankName"),
-		onCopyBankAddress: () => void $(Y ?? "", "bankAddress"),
-		onDomesticWireExpandedChange: Ge,
-		onEditOpenChange: St,
+		onCopyAccountNumber: () => void $(G?.accountNumber ?? "", "account"),
+		onCopyRoutingNumber: () => void $(G?.routingNumber ?? "", "routing"),
+		onCopyBankName: () => void $(K, "bankName"),
+		onCopyBankAddress: () => void $(q ?? "", "bankAddress"),
+		onDomesticWireExpandedChange: qe,
+		onEditOpenChange: Ct,
 		onEditFormChange: (e) => {
-			U && W(), E(e);
+			V && H(), D(e);
 		},
 		onEditSubmit: () => {
 			if (!y || !b.canWrite) return;
-			let t = T.nickname.trim();
-			t && Qe({
+			let t = E.nickname.trim();
+			t && tt({
 				path: { id: p },
 				body: { nickname: t }
 			}, {
 				onSuccess: () => {
-					g(te.AccountUpdated, { accountId: p }), e.success(h.editSuccessToast), w(!1);
+					g(i.AccountUpdated, { accountId: p }), e.success(h.editSuccessToast), T(!1);
 				},
 				onError: () => {
 					e.error(h.editErrorToast);
 				}
 			});
 		},
-		onEditNicknameClick: () => St(!0),
-		onExportOpenChange: bt,
-		onExportStartDateChange: j,
-		onExportEndDateChange: N,
+		onEditNicknameClick: () => Ct(!0),
+		onExportOpenChange: xt,
+		onExportStartDateChange: k,
+		onExportEndDateChange: j,
 		onExportDownload: () => {
-			xt();
+			St();
 		}
 	});
 }

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

@@ -8,10 +8,10 @@ import "../../../../shared/ui/dist/index.js";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { MoreVerticalIcon as h, XIcon as g } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index3.js
-function _({ labels: o, open: s, form: c, isSubmitting: l, isError: h, onOpenChange: _, onFormChange: v, onSubmit: y }) {
+function _({ labels: o, open: s, form: c, isSubmitting: l, isSaveDisabled: h = !1, isError: _, onOpenChange: v, onFormChange: y, onSubmit: b }) {
 	return /* @__PURE__ */ p(t, {
 		open: s,
-		onOpenChange: _,
+		onOpenChange: v,
 		children: /* @__PURE__ */ m(n, {
 			className: "ttw:max-w-[400px] ttw:gap-0 ttw:p-0",
 			children: [
@@ -27,7 +27,7 @@ function _({ labels: o, open: s, form: c, isSubmitting: l, isError: h, onOpenCha
 						className: "ttw:absolute ttw:top-4 ttw:right-4",
 						"aria-label": o.editDialogCloseAriaLabel,
 						disabled: l,
-						onClick: () => _(!1),
+						onClick: () => v(!1),
 						children: /* @__PURE__ */ p(g, { className: "ttw:size-4" })
 					})]
 				}),
@@ -45,9 +45,9 @@ function _({ labels: o, open: s, form: c, isSubmitting: l, isError: h, onOpenCha
 							id: "edit-account-nickname",
 							value: c.nickname,
 							disabled: l,
-							onChange: (e) => v({ nickname: e.target.value })
+							onChange: (e) => y({ nickname: e.target.value })
 						})]
-					}), h ? /* @__PURE__ */ p(f, {
+					}), _ ? /* @__PURE__ */ p(f, {
 						className: "ttw:mt-4",
 						children: o.editErrorTitle
 					}) : null]
@@ -58,12 +58,12 @@ function _({ labels: o, open: s, form: c, isSubmitting: l, isError: h, onOpenCha
 						type: "button",
 						variant: "outline",
 						disabled: l,
-						onClick: () => _(!1),
+						onClick: () => v(!1),
 						children: o.editCancelButton
 					}), /* @__PURE__ */ p(e, {
 						type: "button",
-						disabled: l,
-						onClick: y,
+						disabled: l || h,
+						onClick: b,
 						children: o.editSaveButton
 					})]
 				})

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index8.js

@@ -14,15 +14,15 @@ import { TransactionsTable as se } from "./index6.js";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { ChevronLeftIcon as m, HelpCircleIcon as h } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index8.js
-function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAlt: b, balanceLabel: x, balanceTestId: S, isBankingTaglineVisible: C, activeTab: w, transactionRows: T, statementRows: E, isStatementsLoading: D, isStatementsError: O, onStatementsRetry: k, isStatementsPaginationVisible: A, statementsPageSize: j, statementsPageSizeOptions: M, statementsRangeLabel: N = "", isStatementsPreviousPageDisabled: P, isStatementsNextPageDisabled: F, onStatementsPageSizeChange: I, onStatementsPreviousPageClick: L, onStatementsNextPageClick: R, showExport: z, isExportOpen: B, exportStartDate: V, exportEndDate: H, isExportDownloading: U, isExportDownloadDisabled: W, disabledExportStartDates: G, disabledExportEndDates: K, accountNumberLabel: ce, maskedAccountNumberLabel: le, accountNumberTestId: ue, routingNumberLabel: de, bankAddressLabel: fe, wireAccountNumberLabel: pe, domesticWireIntroLabel: me, domesticWireNoteLabel: he, thingsToKnowBodyLabel: ge, supportTeamHref: _e, isAccountNumberVisible: q, isAccountNumberCopied: ve, isRoutingNumberCopied: ye, isDomesticWireExpanded: be, isLoading: J, isError: Y, isEditOpen: xe, isEditDisabled: Se, isEditError: Ce, isSubmitting: we, editForm: Te, canEdit: Ee, onBack: De, onTabChange: Oe, onToggleAccountNumberVisibility: ke, onCopyAccountNumber: X, onCopyRoutingNumber: Z, onCopyBankName: Ae, onCopyBankAddress: je, onDomesticWireExpandedChange: Me, onEditOpenChange: Ne, onEditFormChange: Pe, onEditSubmit: Fe, onEditNicknameClick: Ie, onExportOpenChange: Q, onExportStartDateChange: Le, onExportEndDateChange: Re, onExportDownload: ze }) {
+function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAlt: b, balanceLabel: x, balanceTestId: S, isBankingTaglineVisible: C, activeTab: w, transactionRows: T, statementRows: E, isStatementsLoading: D, isStatementsError: O, onStatementsRetry: k, isStatementsPaginationVisible: A, statementsPageSize: j, statementsPageSizeOptions: M, statementsRangeLabel: N = "", isStatementsPreviousPageDisabled: P, isStatementsNextPageDisabled: F, onStatementsPageSizeChange: I, onStatementsPreviousPageClick: L, onStatementsNextPageClick: R, showExport: z, isExportOpen: B, exportStartDate: V, exportEndDate: H, isExportDownloading: U, isExportDownloadDisabled: W, disabledExportStartDates: G, disabledExportEndDates: K, accountNumberLabel: ce, maskedAccountNumberLabel: le, accountNumberTestId: ue, routingNumberLabel: de, bankAddressLabel: fe, wireAccountNumberLabel: pe, domesticWireIntroLabel: me, domesticWireNoteLabel: he, thingsToKnowBodyLabel: ge, supportTeamHref: _e, isAccountNumberVisible: q, isAccountNumberCopied: ve, isRoutingNumberCopied: ye, isDomesticWireExpanded: be, isLoading: J, isError: Y, isEditOpen: xe, isEditDisabled: Se, isEditError: Ce, isSubmitting: we, isEditSaveDisabled: Te, editForm: Ee, canEdit: De, onBack: Oe, onTabChange: ke, onToggleAccountNumberVisibility: Ae, onCopyAccountNumber: X, onCopyRoutingNumber: Z, onCopyBankName: je, onCopyBankAddress: Me, onDomesticWireExpandedChange: Ne, onEditOpenChange: Pe, onEditFormChange: Fe, onEditSubmit: Ie, onEditNicknameClick: Le, onExportOpenChange: Q, onExportStartDateChange: Re, onExportEndDateChange: ze, onExportDownload: Be }) {
 	let $ = {
 		...te,
 		...g
-	}, Be = /* @__PURE__ */ p(e, {
+	}, Ve = /* @__PURE__ */ p(e, {
 		type: "button",
 		variant: "ghost",
 		className: "ttw:h-auto ttw:justify-start ttw:gap-1 ttw:px-0 ttw:py-1 ttw:has-[>svg]:px-0 ttw:text-sm ttw:font-medium ttw:leading-5 ttw:text-primary ttw:hover:bg-transparent",
-		onClick: De,
+		onClick: Oe,
 		children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), $.backToAccounts]
 	});
 	return /* @__PURE__ */ p("section", {
@@ -31,12 +31,13 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 			!J && !Y ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ie, {
 				labels: $,
 				open: xe,
-				form: Te,
+				form: Ee,
 				isSubmitting: we,
+				isSaveDisabled: Te,
 				isError: Ce,
-				onOpenChange: Ne,
-				onFormChange: Pe,
-				onSubmit: Fe
+				onOpenChange: Pe,
+				onFormChange: Fe,
+				onSubmit: Ie
 			}), /* @__PURE__ */ f(ae, {
 				labels: $,
 				open: B,
@@ -47,16 +48,16 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 				disabledStartDates: G,
 				disabledEndDates: K,
 				onOpenChange: Q,
-				onStartDateChange: Le,
-				onEndDateChange: Re,
-				onDownload: ze
+				onStartDateChange: Re,
+				onEndDateChange: ze,
+				onDownload: Be
 			})] }) : null,
 			/* @__PURE__ */ p("div", {
 				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4",
-				children: [Be, !J && !Y ? /* @__PURE__ */ f(re, {
+				children: [Ve, !J && !Y ? /* @__PURE__ */ f(re, {
 					labels: $,
-					canEdit: Ee,
-					onEditNickname: Ie
+					canEdit: De,
+					onEditNickname: Le
 				}) : null]
 			}),
 			J ? /* @__PURE__ */ p("div", {
@@ -109,7 +110,7 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 				})]
 			}), /* @__PURE__ */ p(ee, {
 				value: w,
-				onValueChange: (e) => Oe(e),
+				onValueChange: (e) => ke(e),
 				className: "ttw:gap-4",
 				children: [
 					/* @__PURE__ */ p(r, { children: [
@@ -172,14 +173,14 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 							isAccountNumberCopied: ve,
 							isRoutingNumberCopied: ye,
 							isDomesticWireExpanded: be,
-							onDomesticWireExpandedChange: Me,
-							onToggleAccountNumberVisibility: ke,
+							onDomesticWireExpandedChange: Ne,
+							onToggleAccountNumberVisibility: Ae,
 							onCopyAccountNumber: X,
 							onCopyRoutingNumber: Z,
 							onCopyWireAccountNumber: X,
 							onCopyWireRoutingNumber: Z,
-							onCopyBankName: Ae,
-							onCopyBankAddress: je
+							onCopyBankName: je,
+							onCopyBankAddress: Me
 						})
 					})
 				]