@tesouro/embedded-components-react 0.5.191 → 0.5.193

package/dist/index.css

@@ -6526,6 +6526,9 @@
   .ttw\:\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
     rotate: 180deg;
   }
+  .dark .ttw\:\[\.dark_\&\]\:bg-background {
+    background-color: var(--ttw-background);
+  }
   @media (resolution>192dpi) {
     .ttw\:\[\@media\(resolution\>192dpi\)\]\:min-h-\[1828px\] {
       min-height: 1828px;

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

@@ -1,3 +1,3 @@
-import { AccountDetailsWidget as e } from "./index8.js";
-import "./index10.js";
+import { AccountDetailsWidget as e } from "./index9.js";
+import "./index11.js";
 export { e as AccountDetailsWidget };

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

@@ -0,0 +1 @@
+import "./index9.js";

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

@@ -1,6 +1,8 @@
+import { formatDateParam as e, startOfLocalDay as t } from "./index3.js";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index7.js
-function e(e, t) {
-	return Object.entries(t).reduce((e, [t, n]) => e.replaceAll(`{${t}}`, n), e);
+function n(n = /* @__PURE__ */ new Date()) {
+	let r = t(n);
+	return r.setFullYear(r.getFullYear() - 7), e(r);
 }
 //#endregion
-export { e as interpolateLabel };
+export { n as getStatementsStartDate };

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

@@ -1,284 +1,6 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-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 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";
-import { interpolateLabel as l } from "./index7.js";
-import { useBankAccountDetailsQuery as de } from "../../data-access/dist/index2.js";
-import { useBankAccountStatementsQuery as fe } from "../../data-access/dist/index3.js";
-import { useBankAccountTransactionsQuery as pe } from "../../data-access/dist/index4.js";
-import { useDownloadBankAccountTransactionsMutation as me } from "../../data-access/dist/index5.js";
-import { useRetrieveBankAccountStatementMutation as he } from "../../data-access/dist/index6.js";
-import { useUpdateBankAccountMutation as ge } from "../../data-access/dist/index7.js";
-import "../../data-access/dist/index.js";
-import { DEFAULT_LABELS as _e } from "../../ui/dist/index7.js";
-import { AccountDetailsWidgetUi as ve } from "../../ui/dist/index8.js";
-import "../../ui/dist/index.js";
-import { useCallback as u, useEffect as ye, useMemo as d, useState as f } from "react";
-import { jsx as be } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index8.js
-var xe = 3e3, Se = 5e3, Ce = [
-	10,
-	25,
-	50
-], we = 10, Te = 6e5, Ee = { nickname: "" };
-function p({ accountId: p, onBack: De, labels: Oe, featureLabels: ke, isBankingTaglineVisible: Ae = !0, bankLogoSrc: je, bankLogoAlt: Me, bankAddress: Ne, supportTeamUrl: Pe }) {
-	let m = {
-		..._e,
-		...Oe
-	}, 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 = 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
-	}));
-	N.accountId !== p && P({
-		accountId: p,
-		token: void 0
-	});
-	let Ze = N.accountId === p ? N.token : void 0, F = u((e) => {
-		P((t) => ({
-			...t,
-			token: e
-		}));
-	}, []), [I, L] = f(() => /* @__PURE__ */ new Set());
-	ye(() => {
-		g(i.Mounted);
-	}, [g]);
-	let R = de({
-		id: p,
-		enabled: S
-	}), z = pe({
-		id: p,
-		enabled: S && w === "transactions",
-		limit: 25,
-		sortBy: "DATE",
-		sortOrder: "DESC"
-	}), B = fe({
-		id: p,
-		enabled: S && w === "statements",
-		limit: M,
-		pagination_token: Ze,
-		category: "STATEMENTS"
-	}), 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)
-	})), [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, L((e) => new Set(e).add(t)), W({
-			id: p,
-			statementId: t
-		}).then((e) => {
-			let t = URL.createObjectURL(e);
-			n.location.href = t, window.setTimeout(() => URL.revokeObjectURL(t), Te);
-		}).catch(() => {
-			n.close(), e.error(h.viewStatementErrorToast);
-		}).finally(() => {
-			L((e) => {
-				if (!e.has(t)) return e;
-				let n = new Set(e);
-				return n.delete(t), n;
-			});
-		});
-	}, [
-		p,
-		h.viewStatementErrorToast,
-		y,
-		b.canRead,
-		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: I.has(e.statementId),
-			onView: () => X(e.statementId)
-		};
-	}), [
-		B.data?.data,
-		m.viewStatementButtonAriaLabel,
-		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 A && e.push({ after: o(A) }), e;
-	}, [A]), bt = d(() => {
-		let e = [{ after: s() }];
-		return O && e.push({ before: o(O) }), e;
-	}, [O]), xt = u((e) => {
-		if (e) {
-			let { startDate: e, endDate: t } = ne();
-			k(e), j(t);
-		}
-		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 U({
-				id: p,
-				startDate: te(O),
-				endDate: te(A)
-			});
-			re(n.csv, n.filename), e.success(h.exportSuccessToast, {
-				id: t,
-				duration: xe
-			});
-		} catch {
-			e.error(h.exportErrorToast, {
-				id: t,
-				duration: Se
-			});
-		}
-	}, [
-		p,
-		U,
-		A,
-		O,
-		h.exportErrorToast,
-		h.exportLoadingToast,
-		h.exportSuccessToast,
-		y,
-		b.canRead
-	]), $ = u(async (t, n) => {
-		if (!await ie(t)) return;
-		let r = {
-			account: h.copyAccountNumberToast,
-			routing: h.copyRoutingNumberToast,
-			bankName: h.copyBankNameToast,
-			bankAddress: h.copyBankAddressToast
-		};
-		if (e.success(r[n]), n === "account") {
-			Ue(!0), window.setTimeout(() => Ue(!1), 2e3);
-			return;
-		}
-		n === "routing" && (Ge(!0), window.setTimeout(() => Ge(!1), 2e3));
-	}, [
-		h.copyAccountNumberToast,
-		h.copyBankAddressToast,
-		h.copyBankNameToast,
-		h.copyRoutingNumberToast
-	]), Ct = (e) => {
-		e && (D({ nickname: G?.nickname?.trim() ?? "" }), H()), T(e);
-	};
-	return /* @__PURE__ */ be(ve, {
-		labels: m,
-		title: st,
-		bankDisplayName: K,
-		bankLogoSrc: je,
-		bankLogoAlt: Me,
-		balanceLabel: ct,
-		balanceTestId: "bank-accounts-widget-detail-balance",
-		isBankingTaglineVisible: Ae,
-		activeTab: w,
-		transactionRows: Y,
-		statementRows: ut,
-		isStatementsLoading: ft,
-		isStatementsError: pt,
-		onStatementsRetry: mt,
-		isStatementsPaginationVisible: dt,
-		statementsPageSize: M,
-		statementsPageSizeOptions: Ce,
-		isStatementsPreviousPageDisabled: !Q,
-		isStatementsNextPageDisabled: !Z,
-		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: G?.accountNumber ?? "",
-		routingNumberLabel: G?.routingNumber ?? "",
-		bankAddressLabel: q,
-		domesticWireIntroLabel: it,
-		domesticWireNoteLabel: at,
-		thingsToKnowBodyLabel: ot,
-		supportTeamHref: Pe,
-		isAccountNumberVisible: Be,
-		isAccountNumberCopied: He,
-		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: V,
-		isSubmitting: nt,
-		isEditSaveDisabled: C,
-		editForm: E,
-		canEdit: b.canWrite,
-		onBack: De,
-		onTabChange: Re,
-		onToggleAccountNumberVisibility: () => Ve((e) => !e),
-		onCopyAccountNumber: () => void $(G?.accountNumber ?? "", "account"),
-		onCopyRoutingNumber: () => void $(G?.routingNumber ?? "", "routing"),
-		onCopyBankName: () => void $(K, "bankName"),
-		onCopyBankAddress: () => void $(q ?? "", "bankAddress"),
-		onDomesticWireExpandedChange: qe,
-		onEditOpenChange: Ct,
-		onEditFormChange: (e) => {
-			V && H(), D(e);
-		},
-		onEditSubmit: () => {
-			if (!y || !b.canWrite) return;
-			let t = E.nickname.trim();
-			t && tt({
-				path: { id: p },
-				body: { nickname: t }
-			}, {
-				onSuccess: () => {
-					g(i.AccountUpdated, { accountId: p }), e.success(h.editSuccessToast), T(!1);
-				},
-				onError: () => {
-					e.error(h.editErrorToast);
-				}
-			});
-		},
-		onEditNicknameClick: () => Ct(!0),
-		onExportOpenChange: xt,
-		onExportStartDateChange: k,
-		onExportEndDateChange: j,
-		onExportDownload: () => {
-			St();
-		}
-	});
+function e(e, t) {
+	return Object.entries(t).reduce((e, [t, n]) => e.replaceAll(`{${t}}`, n), e);
 }
 //#endregion
-export { p as AccountDetailsWidget };
+export { e as interpolateLabel };

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

@@ -0,0 +1,286 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+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 { 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";
+import { getStatementsStartDate as de } from "./index7.js";
+import { interpolateLabel as l } from "./index8.js";
+import { useBankAccountDetailsQuery as fe } from "../../data-access/dist/index2.js";
+import { useBankAccountStatementsQuery as pe } from "../../data-access/dist/index3.js";
+import { useBankAccountTransactionsQuery as me } from "../../data-access/dist/index4.js";
+import { useDownloadBankAccountTransactionsMutation as he } from "../../data-access/dist/index5.js";
+import { useRetrieveBankAccountStatementMutation as ge } from "../../data-access/dist/index6.js";
+import { useUpdateBankAccountMutation as _e } from "../../data-access/dist/index7.js";
+import "../../data-access/dist/index.js";
+import { DEFAULT_LABELS as ve } from "../../ui/dist/index7.js";
+import { AccountDetailsWidgetUi as ye } from "../../ui/dist/index8.js";
+import "../../ui/dist/index.js";
+import { useCallback as u, useEffect as be, useMemo as d, useState as f } from "react";
+import { jsx as xe } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index9.js
+var Se = 3e3, Ce = 5e3, we = [
+	10,
+	25,
+	50
+], Te = 10, Ee = 6e5, De = { nickname: "" };
+function p({ accountId: p, onBack: Oe, labels: ke, featureLabels: Ae, isBankingTaglineVisible: je = !0, bankLogoSrc: Me, bankLogoAlt: Ne, bankAddress: Pe, supportTeamUrl: Fe }) {
+	let m = {
+		...ve,
+		...ke
+	}, h = {
+		...le,
+		...Ae
+	}, g = t(), { organizationId: Ie, widgetToken: Le, initResponse: _ } = n(), Re = ee(), v = !!r(), y = !!(Ie && Le), b = d(() => ue(_?.scopes), [_?.scopes]), x = b.canRead && !!_, S = y && x, C = x && !y, [w, ze] = f("transactions"), [Be, T] = f(!1), [E, D] = f(De), [Ve, He] = f(!1), [Ue, O] = f(!1), [We, k] = f(!1), [Ge, Ke] = f(!1), [qe, A] = f(!1), [j, M] = f(), [N, P] = f(), [F, Je] = f(Te), [I, L] = f(() => ({
+		accountId: p,
+		token: void 0
+	}));
+	I.accountId !== p && L({
+		accountId: p,
+		token: void 0
+	});
+	let Ye = I.accountId === p ? I.token : void 0, R = u((e) => {
+		L((t) => ({
+			...t,
+			token: e
+		}));
+	}, []), [z, B] = f(() => /* @__PURE__ */ new Set());
+	be(() => {
+		g(te.Mounted);
+	}, [g]);
+	let V = fe({
+		id: p,
+		enabled: S
+	}), H = me({
+		id: p,
+		enabled: S && w === "transactions",
+		limit: 25,
+		sortBy: "DATE",
+		sortOrder: "DESC"
+	}), [Xe] = f(de), U = pe({
+		id: p,
+		startDate: Xe,
+		enabled: S && w === "statements",
+		limit: F,
+		pagination_token: Ye,
+		category: "STATEMENTS"
+	}), Ze = _e(), Qe = he(), $e = ge(), { mutate: et, isPending: tt, isError: W, reset: G } = Ze, { mutateAsync: K, isPending: nt } = Qe, { mutateAsync: q } = $e, J = x ? V.data : void 0, Y = _?.bankName?.trim() ?? "", rt = Pe?.trim() || void 0, X = { bankName: Y }, it = d(() => l(m.domesticWireIntro, X), [m.domesticWireIntro, Y]), at = d(() => l(m.domesticWireNote, X), [m.domesticWireNote, Y]), ot = d(() => l(m.thingsToKnowBody, X), [m.thingsToKnowBody, Y]), st = J?.nickname?.trim() || h.accountFallback, ct = c(J?.balance), lt = d(() => (H.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)
+	})), [H.data?.data]), ut = b.canRead && lt.length > 0, dt = u((t) => {
+		if (!y || !b.canRead) return;
+		let n = window.open("", "_blank");
+		if (!n) {
+			e.error(h.viewStatementErrorToast);
+			return;
+		}
+		n.opener = null, B((e) => new Set(e).add(t)), q({
+			id: p,
+			statementId: t
+		}).then((e) => {
+			let t = URL.createObjectURL(e);
+			n.location.href = t, window.setTimeout(() => URL.revokeObjectURL(t), Ee);
+		}).catch(() => {
+			n.close(), e.error(h.viewStatementErrorToast);
+		}).finally(() => {
+			B((e) => {
+				if (!e.has(t)) return e;
+				let n = new Set(e);
+				return n.delete(t), n;
+			});
+		});
+	}, [
+		p,
+		h.viewStatementErrorToast,
+		y,
+		b.canRead,
+		q
+	]), ft = d(() => (U.data?.data ?? []).map((e) => {
+		let t = oe(e.statementDate);
+		return {
+			key: e.statementId,
+			label: t,
+			viewButtonAriaLabel: l(m.viewStatementButtonAriaLabel, { date: t }),
+			isViewDisabled: z.has(e.statementId),
+			onView: () => dt(e.statementId)
+		};
+	}), [
+		U.data?.data,
+		m.viewStatementButtonAriaLabel,
+		z,
+		dt
+	]), Z = U.data?.nextPaginationToken ?? void 0, Q = U.data?.prevPaginationToken ?? void 0, pt = S && w === "statements" && !!U.data && !U.isError, mt = S && w === "statements" && U.isLoading, ht = S && w === "statements" && U.isError, gt = u(() => {
+		U.refetch();
+	}, [U.refetch]), _t = u((e) => {
+		Je(e), R(void 0);
+	}, []), vt = u(() => {
+		R(Q);
+	}, [Q]), yt = u(() => {
+		R(Z);
+	}, [Z]), bt = C || !a(j, N), xt = d(() => {
+		let e = [{ after: s() }];
+		return N && e.push({ after: o(N) }), e;
+	}, [N]), St = d(() => {
+		let e = [{ after: s() }];
+		return j && e.push({ before: o(j) }), e;
+	}, [j]), Ct = u((e) => {
+		if (e) {
+			let { startDate: e, endDate: t } = ne();
+			M(e), P(t);
+		}
+		A(e);
+	}, []), wt = u(async () => {
+		if (!y || !b.canRead || !j || !N || !a(j, N)) return;
+		A(!1);
+		let t = e.loading(h.exportLoadingToast);
+		try {
+			let n = await K({
+				id: p,
+				startDate: i(j),
+				endDate: i(N)
+			});
+			re(n.csv, n.filename), e.success(h.exportSuccessToast, {
+				id: t,
+				duration: Se
+			});
+		} catch {
+			e.error(h.exportErrorToast, {
+				id: t,
+				duration: Ce
+			});
+		}
+	}, [
+		p,
+		K,
+		N,
+		j,
+		h.exportErrorToast,
+		h.exportLoadingToast,
+		h.exportSuccessToast,
+		y,
+		b.canRead
+	]), $ = u(async (t, n) => {
+		if (!await ie(t)) return;
+		let r = {
+			account: h.copyAccountNumberToast,
+			routing: h.copyRoutingNumberToast,
+			bankName: h.copyBankNameToast,
+			bankAddress: h.copyBankAddressToast
+		};
+		if (e.success(r[n]), n === "account") {
+			O(!0), window.setTimeout(() => O(!1), 2e3);
+			return;
+		}
+		n === "routing" && (k(!0), window.setTimeout(() => k(!1), 2e3));
+	}, [
+		h.copyAccountNumberToast,
+		h.copyBankAddressToast,
+		h.copyBankNameToast,
+		h.copyRoutingNumberToast
+	]), Tt = (e) => {
+		e && (D({ nickname: J?.nickname?.trim() ?? "" }), G()), T(e);
+	};
+	return /* @__PURE__ */ xe(ye, {
+		labels: m,
+		title: st,
+		bankDisplayName: Y,
+		bankLogoSrc: Me,
+		bankLogoAlt: Ne,
+		balanceLabel: ct,
+		balanceTestId: "bank-accounts-widget-detail-balance",
+		isBankingTaglineVisible: je,
+		activeTab: w,
+		transactionRows: lt,
+		statementRows: ft,
+		isStatementsLoading: mt,
+		isStatementsError: ht,
+		onStatementsRetry: gt,
+		isStatementsPaginationVisible: pt,
+		statementsPageSize: F,
+		statementsPageSizeOptions: we,
+		isStatementsPreviousPageDisabled: !Q,
+		isStatementsNextPageDisabled: !Z,
+		onStatementsPageSizeChange: _t,
+		onStatementsPreviousPageClick: vt,
+		onStatementsNextPageClick: yt,
+		showExport: ut,
+		isExportOpen: qe,
+		exportStartDate: j,
+		exportEndDate: N,
+		isExportDownloading: nt,
+		isExportDownloadDisabled: bt,
+		disabledExportStartDates: xt,
+		disabledExportEndDates: St,
+		accountNumberLabel: J?.accountNumber ?? "",
+		maskedAccountNumberLabel: ce(J?.accountNumber ?? ""),
+		accountNumberTestId: "bank-accounts-widget-detail-account-number",
+		wireAccountNumberLabel: J?.accountNumber ?? "",
+		routingNumberLabel: J?.routingNumber ?? "",
+		bankAddressLabel: rt,
+		domesticWireIntroLabel: it,
+		domesticWireNoteLabel: at,
+		thingsToKnowBodyLabel: ot,
+		supportTeamHref: Fe,
+		isAccountNumberVisible: Ve,
+		isAccountNumberCopied: Ue,
+		isRoutingNumberCopied: We,
+		isDomesticWireExpanded: Ge,
+		isLoading: !v && (!y && !J || Re && !_ || S && (V.isLoading || w === "transactions" && H.isLoading)),
+		isError: v || S && (V.isError || w === "transactions" && H.isError),
+		isEditOpen: Be,
+		isEditDisabled: !b.canWrite,
+		isEditError: W,
+		isSubmitting: tt,
+		isEditSaveDisabled: C,
+		editForm: E,
+		canEdit: b.canWrite,
+		onBack: Oe,
+		onTabChange: ze,
+		onToggleAccountNumberVisibility: () => He((e) => !e),
+		onCopyAccountNumber: () => void $(J?.accountNumber ?? "", "account"),
+		onCopyRoutingNumber: () => void $(J?.routingNumber ?? "", "routing"),
+		onCopyBankName: () => void $(Y, "bankName"),
+		onCopyBankAddress: () => void $(rt ?? "", "bankAddress"),
+		onDomesticWireExpandedChange: Ke,
+		onEditOpenChange: Tt,
+		onEditFormChange: (e) => {
+			W && G(), D(e);
+		},
+		onEditSubmit: () => {
+			if (!y || !b.canWrite) return;
+			let t = E.nickname.trim();
+			t && et({
+				path: { id: p },
+				body: { nickname: t }
+			}, {
+				onSuccess: () => {
+					g(te.AccountUpdated, { accountId: p }), e.success(h.editSuccessToast), T(!1);
+				},
+				onError: () => {
+					e.error(h.editErrorToast);
+				}
+			});
+		},
+		onEditNicknameClick: () => Tt(!0),
+		onExportOpenChange: Ct,
+		onExportStartDateChange: M,
+		onExportEndDateChange: P,
+		onExportDownload: () => {
+			wt();
+		}
+	});
+}
+//#endregion
+export { p as AccountDetailsWidget };

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

@@ -10,7 +10,7 @@ import "../../ui/dist/index.js";
 import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/index.js";
 import { useBankAccountsWidget as i } from "./index7.js";
-import { AccountDetailsWidget as a } from "../../account-details/feature/dist/index8.js";
+import { AccountDetailsWidget as a } from "../../account-details/feature/dist/index9.js";
 import "../../account-details/feature/dist/index.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js

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.5.191", n = "27d8e432f21009e0016c93854d73658efc2fa56d", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.193", n = "47ce46520d4f871634768b2f95e0d77fc9b32ab3", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js

@@ -13,35 +13,32 @@ import "../../../../../monite-sdk/dist/index.js";
 import { useEffect as s, useLayoutEffect as c, useMemo as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js
-var f = 0, p = "tesouro-embedded-light", m = {
-	color: "var(--ttw-foreground)",
-	background: "var(--ttw-background)"
-}, h = "position: relative; z-index: calc(var(--tesouro-embedded-overlay-z-index, 2147483000) - 1); color: var(--ttw-foreground);", g = typeof document > "u" ? s : c;
-function _() {
+var f = 0, p = "tesouro-embedded-light", m = `${p} ttw:[.dark_&]:bg-background`, h = { color: "var(--ttw-foreground)" }, g = "position: relative; z-index: calc(var(--tesouro-embedded-overlay-z-index, 2147483000) - 1); color: var(--ttw-foreground);", _ = typeof document > "u" ? s : c;
+function v() {
 	let [e] = u(() => {
 		if (typeof document > "u") return;
 		let e = document.createElement("div");
-		return e.className = `tesouro-embedded ${p}`, e.setAttribute("style", h), e;
+		return e.className = `tesouro-embedded ${p}`, e.setAttribute("style", g), e;
 	});
-	return g(() => {
+	return _(() => {
 		if (e) return document.body.appendChild(e), () => e.remove();
 	}, [e]), e;
 }
-function v(e) {
+function y(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function y({ finopsThemeColors: s, children: c }) {
-	let h = _(), { baseUrl: g, organizationId: y, initResponse: b, widgetToken: x } = n(), { client: S } = e(), C = t(), w = C !== null, T = C?.state, E = C?.refresh, D = C?.getState, O = w && T?.status === "ready" ? T.widgetToken : x ?? null, k = w && T?.status === "ready" ? T.exp : void 0, A = i(), [j, M] = u(() => ({
-		organizationId: y,
+function b({ finopsThemeColors: s, children: c }) {
+	let p = v(), { baseUrl: g, organizationId: _, initResponse: b, widgetToken: x } = n(), { client: S } = e(), C = t(), w = C !== null, T = C?.state, E = C?.refresh, D = C?.getState, O = w && T?.status === "ready" ? T.widgetToken : x ?? null, k = w && T?.status === "ready" ? T.exp : void 0, A = i(), [j, M] = u(() => ({
+		organizationId: _,
 		widgetToken: O,
 		widgetTokenExp: k
 	}));
-	!A && (j.organizationId !== y || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
-		organizationId: y,
+	!A && (j.organizationId !== _ || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
+		organizationId: _,
 		widgetToken: O,
 		widgetTokenExp: k
 	});
-	let N = A ? j.organizationId : y, P = A ? j.widgetToken : O, F = A ? j.widgetTokenExp : k, I = r();
+	let N = A ? j.organizationId : _, P = A ? j.widgetToken : O, F = A ? j.widgetTokenExp : k, I = r();
 	if (I) throw I;
 	if (T?.status === "error") throw T.error instanceof Error ? T.error : Error(String(T.error));
 	let L = b?.userId ?? null, R = w ? T?.status === "ready" : !!x, z = l(() => {
@@ -84,14 +81,14 @@ function y({ finopsThemeColors: s, children: c }) {
 			if (!E || !D) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
 			let e = !1, t = () => {
 				let e = D();
-				if (e.status === "error") throw v(e.error);
+				if (e.status === "error") throw y(e.error);
 				return e;
 			}, n = (e) => {
 				if (e.status !== "ready") throw Error("MoniteWrapper.fetchToken: widget token is not ready after refresh()");
 				return e;
 			}, r = D();
-			if (r.status === "error") throw v(r.error);
-			if (r.status !== "ready" && (await E(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await E(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw v(r.lastError);
+			if (r.status === "error") throw y(r.error);
+			if (r.status !== "ready" && (await E(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await E(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw y(r.lastError);
 			let i = Date.now() / 1e3, a = r.exp === void 0 ? f : Math.max(0, r.exp - i);
 			return {
 				access_token: r.widgetToken,
@@ -116,8 +113,8 @@ function y({ finopsThemeColors: s, children: c }) {
 		return s.primary && (e.primary = s.primary), s.primaryForeground && (e.primaryForeground = s.primaryForeground), Object.keys(e).length > 0 ? { colors: e } : void 0;
 	}, [s]);
 	return !R || !B || !b || !g || !N ? null : /* @__PURE__ */ d(a, {
-		elements: h ? {
-			root: h,
+		elements: p ? {
+			root: p,
 			styles: void 0
 		} : void 0,
 		children: /* @__PURE__ */ d(o, {
@@ -133,12 +130,12 @@ function y({ finopsThemeColors: s, children: c }) {
 				financing: { enableFinanceWidgetButton: !1 }
 			},
 			children: /* @__PURE__ */ d("div", {
-				className: p,
-				style: m,
+				className: m,
+				style: h,
 				children: c
 			})
 		}, L ?? "no-user")
 	});
 }
 //#endregion
-export { y as MoniteWrapper };
+export { b as MoniteWrapper };

package/package.json

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

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

@@ -1 +0,0 @@
-import "./index8.js";