@tesouro/embedded-components-react 0.10.2 → 0.10.6

package/dist/index.d.ts

@@ -2415,6 +2415,9 @@ interface Labels$3 {
     statementsTab: string;
     detailsTab: string;
     noTransactionsLabel: string;
+    transactionsErrorTitle: string;
+    transactionsErrorRetry: string;
+    transactionsLoadingLabel: string;
     transactionDateColumn: string;
     transactionDescriptionColumn: string;
     transactionAmountColumn: string;

package/dist/lib/BankAccountsWidget.d.ts

@@ -643,6 +643,9 @@ interface Labels {
     statementsTab: string;
     detailsTab: string;
     noTransactionsLabel: string;
+    transactionsErrorTitle: string;
+    transactionsErrorRetry: string;
+    transactionsLoadingLabel: string;
     transactionDateColumn: string;
     transactionDescriptionColumn: string;
     transactionAmountColumn: string;

package/dist/lib/WidgetSuite.d.ts

@@ -1439,6 +1439,9 @@ interface Labels$3 {
     statementsTab: string;
     detailsTab: string;
     noTransactionsLabel: string;
+    transactionsErrorTitle: string;
+    transactionsErrorRetry: string;
+    transactionsLoadingLabel: string;
     transactionDateColumn: string;
     transactionDescriptionColumn: string;
     transactionAmountColumn: string;

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/lib/BalancesWidget/BalancesWidgetContext.js

@@ -12,12 +12,12 @@ import { useEmbedApi as a } from "../../../../../shared/data-access/dist/lib/Emb
 import { Scope as o } from "../../../../../shared/data-access/dist/lib/scopes.js";
 import { useAllBankAccountsQuery as s } from "../../../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
 import "../../../../../shared/data-access/dist/index.js";
-import { useRefetchWidget as c, useWidgetConfig as l, useWidgetError as u, useWidgetLoading as d } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useRefetchWidget as c, useWidgetConfig as l, useWidgetError as u, useWidgetInitStaleForToken as d, useWidgetLoading as f } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
-import { createContext as f, useCallback as p, useContext as m, useMemo as h } from "react";
-import { jsx as g } from "react/jsx-runtime";
+import { createContext as p, useCallback as m, useContext as h, useMemo as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/lib/BalancesWidget/BalancesWidgetContext.js
-var _ = f({
+var v = p({
 	accountRows: [],
 	isLoading: !1,
 	isError: !1,
@@ -26,15 +26,17 @@ var _ = f({
 	shouldTotalBalanceDisplay: !1,
 	shouldShowViewAllAccounts: !1,
 	isRowClickable: !1,
+	isVisible: !1,
 	onViewAllAccountsClicked: () => {}
-}), v = () => m(_), y = ({ children: f, maxAccounts: m, onBalanceRowClick: v, onViewAllAccountsClick: y }) => {
-	let { data: b, isLoading: x, isError: S, refetch: C, hasNextPage: w, isFetchingNextPage: T } = s(), { initResponse: E } = l(), D = d(), O = i(a().organizationStatus), k = u(), A = c(), j = D && !E || O && !b || x, M = !!k || S, N = p(() => {
-		A(), k || C();
+}), y = () => h(v), b = ({ children: p, maxAccounts: h, onBalanceRowClick: y, onViewAllAccountsClick: b }) => {
+	let { initResponse: x } = l(), S = d(), C = !S && (x?.scopes?.includes(o.BankAccountReadOrg) ?? !1), { data: w, isLoading: T, isError: E, refetch: D, hasNextPage: O, isFetchingNextPage: k } = s({ enabled: C }), A = f(), j = i(a().organizationStatus), M = u(), N = c(), P = A && !x || j && !w || T, F = !!M || E, I = m(() => {
+		N(), !M && C && D();
 	}, [
-		A,
 		C,
-		k
-	]), P = b?.data ?? [], F = h(() => P.map((t) => {
+		N,
+		D,
+		M
+	]), L = w?.data ?? [], R = g(() => L.map((t) => {
 		let r = t.accountNumber.slice(-4), i = n(t.balance);
 		return {
 			accountId: t.id,
@@ -47,37 +49,38 @@ var _ = f({
 				})
 			}
 		};
-	}), [P]), I = h(() => {
-		let n = t(P[0]?.balance?.currencyCode), i = r(P.map((e) => e.balance), n);
+	}), [L]), z = g(() => {
+		let n = t(L[0]?.balance?.currencyCode), i = r(L.map((e) => e.balance), n);
 		return e(i, {
 			currencyCode: n,
 			includeSpaceAfterCurrencySymbol: !1
 		});
-	}, [P]), L = h(() => P.length > 1 && (E?.scopes?.includes(o.BankAccountReadOrg) ?? !1) && !w && !T, [
-		P.length,
-		E?.scopes,
-		w,
-		T
-	]), R = h(() => P.length > m && !!y, [
-		P.length,
-		m,
-		y
-	]), z = p(() => {
-		y?.();
-	}, [y]), B = h(() => !!v, [v]);
-	return /* @__PURE__ */ g(_.Provider, {
+	}, [L]), B = g(() => L.length > 1 && (x?.scopes?.includes(o.BankAccountReadOrg) ?? !1) && !O && !k, [
+		L.length,
+		x?.scopes,
+		O,
+		k
+	]), V = g(() => L.length > h && !!b, [
+		L.length,
+		h,
+		b
+	]), H = m(() => {
+		b?.();
+	}, [b]), U = g(() => !!y, [y]);
+	return /* @__PURE__ */ _(v.Provider, {
 		value: {
-			accountRows: F,
-			isLoading: j,
-			isError: M,
-			refetch: N,
-			totalBalance: I,
-			shouldTotalBalanceDisplay: L,
-			shouldShowViewAllAccounts: R,
-			isRowClickable: B,
-			onViewAllAccountsClicked: z
+			accountRows: R,
+			isLoading: P,
+			isError: F,
+			refetch: I,
+			totalBalance: z,
+			shouldTotalBalanceDisplay: B,
+			shouldShowViewAllAccounts: V,
+			isRowClickable: U,
+			isVisible: !x || S || C || !!M,
+			onViewAllAccountsClicked: H
 		},
-		children: f
+		children: p
 	});
 };
-export { y as BalancesWidgetContextProvider, v as useBalancesWidgetContext };
+export { b as BalancesWidgetContextProvider, y as useBalancesWidgetContext };

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/lib/BalancesWidget/BalancesWidgetFeature.js

@@ -20,16 +20,16 @@ function p({ maxAccounts: t, labels: r, onBalanceRowClick: i }) {
 	l(() => {
 		f(n.Mounted);
 	}, [f]);
-	let { accountRows: p, isLoading: m, isError: h, refetch: g, totalBalance: _, shouldTotalBalanceDisplay: v, shouldShowViewAllAccounts: y, isRowClickable: b, onViewAllAccountsClicked: x } = a(), S = u(() => p.slice(0, t), [p, t]), C = u(() => p.map((e) => e.view), [p]);
-	return /* @__PURE__ */ d(s, {
-		accountRows: C,
+	let { accountRows: p, isLoading: m, isError: h, refetch: g, totalBalance: _, shouldTotalBalanceDisplay: v, shouldShowViewAllAccounts: y, isRowClickable: b, isVisible: x, onViewAllAccountsClicked: S } = a(), C = u(() => p.slice(0, t), [p, t]), w = u(() => p.map((e) => e.view), [p]);
+	return x ? /* @__PURE__ */ d(s, {
+		accountRows: w,
 		isLoading: m,
 		isError: h,
 		onRetry: h ? () => void g() : void 0,
 		totalBalance: _,
 		shouldTotalBalanceDisplay: v,
 		shouldShowViewAllAccounts: y,
-		onViewAllAccountsClicked: x,
+		onViewAllAccountsClicked: S,
 		labels: r,
 		testIds: {
 			skeleton: o.skeleton,
@@ -38,13 +38,13 @@ function p({ maxAccounts: t, labels: r, onBalanceRowClick: i }) {
 			totalBalanceInfo: o.totalBalanceInfo,
 			totalAvailableLabel: o.totalAvailableLabel
 		},
-		children: S.map((e) => /* @__PURE__ */ d(c, {
+		children: C.map((e) => /* @__PURE__ */ d(c, {
 			accountId: e.accountId,
 			row: e.view,
 			onBalanceRowClick: i,
 			isRowClickable: b
 		}, e.accountId))
-	});
+	}) : null;
 }
 var m = ({ maxAccounts: e = f, labels: t, onBalanceRowClick: n, onViewAllAccountsClick: r }) => {
 	let a = Math.max(0, e);

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

@@ -121,27 +121,33 @@ function m({ accountId: m, onBack: Ae, labels: je, featureLabels: Me, isBankingT
 		h.viewStatementButtonAriaLabel,
 		B,
 		gt
-	]), X = W.data?.nextPaginationToken ?? void 0, Z = W.data?.prevPaginationToken ?? void 0, vt = C && T === "statements" && !!W.data && !W.isError, yt = C && T === "statements" && W.isLoading, bt = C && T === "statements" && W.isError && !r(W.error), xt = d(() => {
+	]), X = W.data?.nextPaginationToken ?? void 0, Z = W.data?.prevPaginationToken ?? void 0, vt = C && T === "transactions" && U.isLoading, yt = C && T === "transactions" && U.isError, bt = d(() => {
+		C && T === "transactions" && U.refetch();
+	}, [
+		T,
+		C,
+		U.refetch
+	]), xt = C && T === "statements" && !!W.data && !W.isError, St = C && T === "statements" && W.isLoading, Ct = C && T === "statements" && W.isError && !r(W.error), wt = d(() => {
 		W.refetch();
-	}, [W.refetch]), St = d((e) => {
+	}, [W.refetch]), Tt = d((e) => {
 		Ze(e), z(void 0);
-	}, []), Ct = d(() => {
+	}, []), Et = d(() => {
 		z(Z);
-	}, [Z]), wt = d(() => {
+	}, [Z]), Dt = d(() => {
 		z(X);
-	}, [X]), Tt = w || !o(M, P), Et = f(() => {
+	}, [X]), Ot = w || !o(M, P), kt = f(() => {
 		let e = [{ after: c() }];
 		return P && e.push({ after: s(P) }), e;
-	}, [P]), Dt = f(() => {
+	}, [P]), At = f(() => {
 		let e = [{ after: c() }];
 		return M && e.push({ before: s(M) }), e;
-	}, [M]), Ot = d((e) => {
+	}, [M]), jt = d((e) => {
 		if (e) {
 			let { startDate: e, endDate: t } = ie();
 			N(e), F(t);
 		}
 		j(e);
-	}, []), kt = d(async () => {
+	}, []), Mt = d(async () => {
 		if (!b || !x.canRead || !M || !P || !o(M, P)) return;
 		j(!1);
 		let t = e.loading(g.exportLoadingToast);
@@ -199,26 +205,29 @@ function m({ accountId: m, onBack: Ae, labels: je, featureLabels: Me, isBankingT
 		isBankingTaglineVisible: Ne,
 		activeTab: T,
 		transactionRows: mt,
+		isTransactionsError: yt,
+		isTransactionsLoading: vt,
+		onTransactionsRetry: bt,
 		statementRows: _t,
-		isStatementsLoading: yt,
-		isStatementsError: bt,
-		onStatementsRetry: xt,
-		isStatementsPaginationVisible: vt,
+		isStatementsLoading: St,
+		isStatementsError: Ct,
+		onStatementsRetry: wt,
+		isStatementsPaginationVisible: xt,
 		statementsPageSize: I,
 		statementsPageSizeOptions: Ee,
 		isStatementsPreviousPageDisabled: !Z,
 		isStatementsNextPageDisabled: !X,
-		onStatementsPageSizeChange: St,
-		onStatementsPreviousPageClick: Ct,
-		onStatementsNextPageClick: wt,
+		onStatementsPageSizeChange: Tt,
+		onStatementsPreviousPageClick: Et,
+		onStatementsNextPageClick: Dt,
 		showExport: ht,
 		isExportOpen: Xe,
 		exportStartDate: M,
 		exportEndDate: P,
 		isExportDownloading: ot,
-		isExportDownloadDisabled: Tt,
-		disabledExportStartDates: Et,
-		disabledExportEndDates: Dt,
+		isExportDownloadDisabled: Ot,
+		disabledExportStartDates: kt,
+		disabledExportEndDates: At,
 		accountNumberLabel: q?.accountNumber ?? "",
 		maskedAccountNumberLabel: ue(q?.accountNumber ?? ""),
 		accountNumberTestId: "bank-accounts-widget-detail-account-number",
@@ -233,8 +242,8 @@ function m({ accountId: m, onBack: Ae, labels: je, featureLabels: Me, isBankingT
 		isAccountNumberCopied: Ke,
 		isRoutingNumberCopied: qe,
 		isDomesticWireExpanded: Je,
-		isLoading: !y && (Ve && !q || Be && !v || C && (H.isLoading || T === "transactions" && U.isLoading)),
-		isError: y || C && (H.isError || T === "transactions" && U.isError),
+		isLoading: !y && (Ve && !q || Be && !v || C && H.isLoading),
+		isError: y || C && H.isError,
 		isEditOpen: Ue,
 		isEditDisabled: !x.canWrite,
 		isEditError: G,
@@ -270,11 +279,11 @@ function m({ accountId: m, onBack: Ae, labels: je, featureLabels: Me, isBankingT
 			});
 		},
 		onEditNicknameClick: () => $(!0),
-		onExportOpenChange: Ot,
+		onExportOpenChange: jt,
 		onExportStartDateChange: N,
 		onExportEndDateChange: F,
 		onExportDownload: () => {
-			kt();
+			Mt();
 		}
 	});
 }

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

@@ -2,73 +2,86 @@
 "use client";
 "use client";
 "use client";
-import { Button as e, Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { DownloadIcon as l } from "lucide-react";
+import { Button as e, Skeleton as t, Table as n, TableBody as r, TableCell as i, TableHead as a, TableHeader as o, TableRow as s } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as c } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../../shared/ui/dist/index.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { DownloadIcon as d } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index6.js
-function u({ labels: u, rows: d, showExport: f = !1, onExportClick: p }) {
-	return d.length === 0 ? /* @__PURE__ */ s("div", {
+function f({ labels: f, rows: p, showExport: m = !1, onExportClick: h, isError: g = !1, onRetry: _, isLoading: v = !1 }) {
+	return g ? /* @__PURE__ */ l("div", {
+		className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card",
+		children: /* @__PURE__ */ l(c, {
+			title: f.transactionsErrorTitle,
+			retryLabel: _ ? f.transactionsErrorRetry : void 0,
+			onRetry: _
+		})
+	}) : v ? /* @__PURE__ */ l("div", {
+		className: "ttw:space-y-3 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6",
+		"aria-label": f.transactionsLoadingLabel,
+		children: Array.from({ length: 3 }).map((e, n) => /* @__PURE__ */ l(t, { className: "ttw:h-5 ttw:w-full" }, n))
+	}) : p.length === 0 ? /* @__PURE__ */ l("div", {
 		className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6",
-		children: /* @__PURE__ */ s("p", {
+		children: /* @__PURE__ */ l("p", {
 			className: "ttw:text-muted-foreground",
-			children: u.noTransactionsLabel
+			children: f.noTransactionsLabel
 		})
-	}) : /* @__PURE__ */ s("div", {
+	}) : /* @__PURE__ */ l("div", {
 		className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card",
-		children: /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ c(a, {
-			className: f ? "ttw:[&_tr:first-child]:border-b-0" : void 0,
-			children: [f ? /* @__PURE__ */ s(o, {
+		children: /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ u(o, {
+			className: m ? "ttw:[&_tr:first-child]:border-b-0" : void 0,
+			children: [m ? /* @__PURE__ */ l(s, {
 				className: "ttw:border-b-0 ttw:bg-card ttw:hover:bg-card",
-				children: /* @__PURE__ */ s(i, {
+				children: /* @__PURE__ */ l(a, {
 					colSpan: 4,
 					className: "ttw:h-auto ttw:px-4 ttw:py-3 ttw:text-right",
-					children: /* @__PURE__ */ c(e, {
+					children: /* @__PURE__ */ u(e, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						onClick: p,
-						children: [/* @__PURE__ */ s(l, { className: "ttw:size-4" }), u.exportButton]
+						onClick: h,
+						children: [/* @__PURE__ */ l(d, { className: "ttw:size-4" }), f.exportButton]
 					})
 				})
-			}) : null, /* @__PURE__ */ c(o, {
+			}) : null, /* @__PURE__ */ u(s, {
 				className: "ttw:border-border ttw:bg-card ttw:hover:bg-card",
 				children: [
-					/* @__PURE__ */ s(i, {
+					/* @__PURE__ */ l(a, {
 						className: "ttw:h-auto ttw:w-[15%] ttw:px-4 ttw:py-3 ttw:font-semibold",
-						children: u.transactionDateColumn
+						children: f.transactionDateColumn
 					}),
-					/* @__PURE__ */ s(i, {
+					/* @__PURE__ */ l(a, {
 						className: "ttw:h-auto ttw:w-[60%] ttw:px-4 ttw:py-3 ttw:font-semibold",
-						children: u.transactionDescriptionColumn
+						children: f.transactionDescriptionColumn
 					}),
-					/* @__PURE__ */ s(i, {
+					/* @__PURE__ */ l(a, {
 						className: "ttw:h-auto ttw:w-[12%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold",
-						children: u.transactionAmountColumn
+						children: f.transactionAmountColumn
 					}),
-					/* @__PURE__ */ s(i, {
+					/* @__PURE__ */ l(a, {
 						className: "ttw:h-auto ttw:w-[13%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold",
-						children: u.transactionBalanceColumn
+						children: f.transactionBalanceColumn
 					})
 				]
 			})]
-		}), /* @__PURE__ */ s(n, {
+		}), /* @__PURE__ */ l(r, {
 			className: "ttw:bg-card",
-			children: d.map((e) => /* @__PURE__ */ c(o, {
+			children: p.map((e) => /* @__PURE__ */ u(s, {
 				className: "ttw:bg-card ttw:hover:bg-transparent",
 				children: [
-					/* @__PURE__ */ s(r, {
+					/* @__PURE__ */ l(i, {
 						className: "ttw:px-4 ttw:py-3 ttw:align-top",
 						children: e.dateLabel
 					}),
-					/* @__PURE__ */ s(r, {
+					/* @__PURE__ */ l(i, {
 						className: "ttw:px-4 ttw:py-3 ttw:align-top ttw:font-medium",
 						children: e.descriptionLabel
 					}),
-					/* @__PURE__ */ s(r, {
+					/* @__PURE__ */ l(i, {
 						className: `ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap ${e.amountVariant === "positive" ? "ttw:text-green-700" : "ttw:text-foreground"}`,
 						children: e.amountLabel
 					}),
-					/* @__PURE__ */ s(r, {
+					/* @__PURE__ */ l(i, {
 						className: "ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap",
 						children: e.balanceLabel
 					})
@@ -77,4 +90,4 @@ function u({ labels: u, rows: d, showExport: f = !1, onExportClick: p }) {
 		})] })
 	});
 }
-export { u as TransactionsTable };
+export { f as TransactionsTable };

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

@@ -8,6 +8,9 @@ var e = {
 	statementsTab: "Statements",
 	detailsTab: "Details",
 	noTransactionsLabel: "No transactions found",
+	transactionsErrorTitle: "Unable to load transactions.",
+	transactionsErrorRetry: "Retry",
+	transactionsLoadingLabel: "Loading transactions",
 	transactionDateColumn: "Date",
 	transactionDescriptionColumn: "Description",
 	transactionAmountColumn: "Amount",

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";
 // ../../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, 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 }) {
+function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAlt: b, balanceLabel: x, balanceTestId: S, isBankingTaglineVisible: C, activeTab: w, transactionRows: T, isTransactionsError: E, isTransactionsLoading: D, onTransactionsRetry: O, statementRows: k, isStatementsLoading: A, isStatementsError: j, onStatementsRetry: M, isStatementsPaginationVisible: N, statementsPageSize: P, statementsPageSizeOptions: F, statementsRangeLabel: I = "", isStatementsPreviousPageDisabled: L, isStatementsNextPageDisabled: R, onStatementsPageSizeChange: z, onStatementsPreviousPageClick: B, onStatementsNextPageClick: V, showExport: H, isExportOpen: U, exportStartDate: W, exportEndDate: G, isExportDownloading: K, isExportDownloadDisabled: ce, disabledExportStartDates: le, disabledExportEndDates: ue, accountNumberLabel: de, maskedAccountNumberLabel: fe, accountNumberTestId: pe, routingNumberLabel: me, bankAddressLabel: he, wireAccountNumberLabel: ge, domesticWireIntroLabel: _e, domesticWireNoteLabel: ve, thingsToKnowBodyLabel: ye, supportTeamHref: be, isAccountNumberVisible: q, isAccountNumberCopied: xe, isRoutingNumberCopied: Se, isDomesticWireExpanded: Ce, isLoading: J, isError: Y, isEditOpen: we, isEditDisabled: Te, isEditError: Ee, isSubmitting: De, isEditSaveDisabled: Oe, editForm: ke, canEdit: Ae, onBack: je, onTabChange: Me, onToggleAccountNumberVisibility: Ne, onCopyAccountNumber: X, onCopyRoutingNumber: Z, onCopyBankName: Pe, onCopyBankAddress: Fe, onDomesticWireExpandedChange: Ie, onEditOpenChange: Le, onEditFormChange: Re, onEditSubmit: ze, onEditNicknameClick: Be, onExportOpenChange: Q, onExportStartDateChange: Ve, onExportEndDateChange: He, onExportDownload: Ue }) {
 	let $ = {
 		...te,
 		...g
-	}, Ve = /* @__PURE__ */ p(e, {
+	}, We = /* @__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: Oe,
+		onClick: je,
 		children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), $.backToAccounts]
 	});
 	return /* @__PURE__ */ p("section", {
@@ -30,34 +30,34 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 		children: [
 			!J && !Y ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ie, {
 				labels: $,
-				open: xe,
-				form: Ee,
-				isSubmitting: we,
-				isSaveDisabled: Te,
-				isError: Ce,
-				onOpenChange: Pe,
-				onFormChange: Fe,
-				onSubmit: Ie
+				open: we,
+				form: ke,
+				isSubmitting: De,
+				isSaveDisabled: Oe,
+				isError: Ee,
+				onOpenChange: Le,
+				onFormChange: Re,
+				onSubmit: ze
 			}), /* @__PURE__ */ f(ae, {
 				labels: $,
-				open: B,
-				startDate: V,
-				endDate: H,
-				isDownloading: U,
-				isDownloadDisabled: W,
-				disabledStartDates: G,
-				disabledEndDates: K,
+				open: U,
+				startDate: W,
+				endDate: G,
+				isDownloading: K,
+				isDownloadDisabled: ce,
+				disabledStartDates: le,
+				disabledEndDates: ue,
 				onOpenChange: Q,
-				onStartDateChange: Re,
-				onEndDateChange: ze,
-				onDownload: Be
+				onStartDateChange: Ve,
+				onEndDateChange: He,
+				onDownload: Ue
 			})] }) : null,
 			/* @__PURE__ */ p("div", {
 				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4",
-				children: [Ve, !J && !Y ? /* @__PURE__ */ f(re, {
+				children: [We, !J && !Y ? /* @__PURE__ */ f(re, {
 					labels: $,
-					canEdit: De,
-					onEditNickname: Le
+					canEdit: Ae,
+					onEditNickname: Be
 				}) : null]
 			}),
 			J ? /* @__PURE__ */ p("div", {
@@ -110,7 +110,7 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 				})]
 			}), /* @__PURE__ */ p(ee, {
 				value: w,
-				onValueChange: (e) => ke(e),
+				onValueChange: (e) => Me(e),
 				className: "ttw:gap-4",
 				children: [
 					/* @__PURE__ */ p(r, { children: [
@@ -132,55 +132,58 @@ function g({ labels: g, title: _, bankDisplayName: v, bankLogoSrc: y, bankLogoAl
 						children: /* @__PURE__ */ f(se, {
 							labels: $,
 							rows: T,
-							showExport: z,
-							onExportClick: () => Q(!0)
+							showExport: H,
+							onExportClick: () => Q(!0),
+							isError: E,
+							isLoading: D,
+							onRetry: O
 						})
 					}),
 					/* @__PURE__ */ f(n, {
 						value: "statements",
 						children: /* @__PURE__ */ f(oe, {
 							labels: $,
-							rows: E,
-							isLoading: D,
-							isError: O,
-							onRetry: k,
-							isPaginationVisible: A,
-							pageSize: j,
-							pageSizeOptions: M,
-							rangeLabel: N,
-							isPreviousPageDisabled: P,
-							isNextPageDisabled: F,
-							onPageSizeChange: I,
-							onPreviousPageClick: L,
-							onNextPageClick: R
+							rows: k,
+							isLoading: A,
+							isError: j,
+							onRetry: M,
+							isPaginationVisible: N,
+							pageSize: P,
+							pageSizeOptions: F,
+							rangeLabel: I,
+							isPreviousPageDisabled: L,
+							isNextPageDisabled: R,
+							onPageSizeChange: z,
+							onPreviousPageClick: B,
+							onNextPageClick: V
 						})
 					}),
 					/* @__PURE__ */ f(n, {
 						value: "details",
 						children: /* @__PURE__ */ f(ne, {
 							labels: $,
-							routingNumberLabel: de,
-							accountNumberDisplayLabel: q ? ce : le,
-							accountNumberTestId: ue,
-							wireAccountNumberLabel: pe,
+							routingNumberLabel: me,
+							accountNumberDisplayLabel: q ? de : fe,
+							accountNumberTestId: pe,
+							wireAccountNumberLabel: ge,
 							bankNameLabel: v,
-							bankAddressLabel: fe,
-							domesticWireIntroLabel: me,
-							domesticWireNoteLabel: he,
-							thingsToKnowBodyLabel: ge,
-							supportTeamHref: _e,
+							bankAddressLabel: he,
+							domesticWireIntroLabel: _e,
+							domesticWireNoteLabel: ve,
+							thingsToKnowBodyLabel: ye,
+							supportTeamHref: be,
 							isAccountNumberVisible: q,
-							isAccountNumberCopied: ve,
-							isRoutingNumberCopied: ye,
-							isDomesticWireExpanded: be,
-							onDomesticWireExpandedChange: Ne,
-							onToggleAccountNumberVisibility: Ae,
+							isAccountNumberCopied: xe,
+							isRoutingNumberCopied: Se,
+							isDomesticWireExpanded: Ce,
+							onDomesticWireExpandedChange: Ie,
+							onToggleAccountNumberVisibility: Ne,
 							onCopyAccountNumber: X,
 							onCopyRoutingNumber: Z,
 							onCopyWireAccountNumber: X,
 							onCopyWireRoutingNumber: Z,
-							onCopyBankName: je,
-							onCopyBankAddress: Me
+							onCopyBankName: Pe,
+							onCopyBankAddress: Fe
 						})
 					})
 				]

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/useDismissedInsightIds.js

@@ -6,58 +6,97 @@ import { useEmbedApi as e } from "../../../../../shared/data-access/dist/lib/Emb
 import { useGetUserDataQuery as t } from "../../../../../shared/data-access/dist/lib/useGetUserDataQuery.js";
 import { useUpsertUserDataMutation as n } from "../../../../../shared/data-access/dist/lib/useUpsertUserDataMutation.js";
 import "../../../../../shared/data-access/dist/index.js";
-import { getDismissedInsightsUserDataKey as r } from "./dismissedInsightsUserDataKey.js";
-import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { useWidgetConfig as r, useWidgetInitStaleForToken as i } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../../shared/feature/dist/index.js";
+import { getDismissedInsightsUserDataKey as a } from "./dismissedInsightsUserDataKey.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 // ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/useDismissedInsightIds.js
-function l(e) {
+function d(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
 }
-function u(e, t) {
+function f(e, t) {
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function d() {
-	let { organizationId: d } = e(), f = r(d), { data: p, dataUpdatedAt: m, isLoading: h, isError: g, refetch: _ } = t({
-		key: f,
-		defaultWhenNotFound: []
-	}), { mutateAsync: v } = n(), y = o(() => f ? p?.value === void 0 ? g ? [] : null : l(p.value) : null, [
-		p,
-		m,
-		g,
-		f
-	]), [b, x] = c([]), S = s([]), C = s(f);
-	C.current = f;
-	let w = s(f);
-	a(() => {
-		f ? (w.current !== f && (w.current = f, x([]), S.current = []), !(h || y === null) && (x((e) => u(e, y) ? e : y), S.current = y)) : (x((e) => e.length === 0 ? e : []), S.current = [], w.current = f);
+function p(e, t) {
+	let n = t.filter((t) => !e.includes(t));
+	return n.length === 0 ? e : [...e, ...n];
+}
+function m() {
+	let { organizationId: m } = e(), { initResponse: h } = r(), g = i(), _ = a(m), v = !!(!g && _ && h?.userId), y = l(null);
+	g || (y.current = h?.userId ?? null);
+	let b = y.current, x = _ ? `${_}:${b ?? "session"}` : "", { data: S, dataUpdatedAt: C, isLoading: w, isError: T, isPlaceholderData: E, refetch: D } = t({
+		key: _,
+		defaultWhenNotFound: [],
+		enabled: v
+	}), { mutateAsync: O } = n(), k = c(() => !v || E ? null : S?.value === void 0 ? T ? [] : null : d(S.value), [
+		v,
+		S,
+		C,
+		T,
+		E
+	]), [A, j] = u([]), [M, N] = u(""), P = l([]), F = l([]), I = l(x);
+	I.current = x;
+	let L = l({
+		key: _,
+		userId: b
+	});
+	s(() => {
+		let e = L.current;
+		if (L.current = {
+			key: _,
+			userId: b
+		}, !_ || e.key !== _) j((e) => e.length === 0 ? e : []), N(""), P.current = [], F.current = [];
+		else if (e.userId !== b && e.userId !== null) {
+			let e = F.current;
+			j((t) => f(t, e) ? t : e), N(""), P.current = [];
+		}
+		if (!v || w || k === null) return;
+		let t = F.current, n = p(k, t);
+		if (j((e) => f(e, n) ? e : n), N(x), P.current = k, t.length === 0 || (F.current = [], n === k)) return;
+		let r = x;
+		O({
+			path: { key: _ },
+			body: { value: n }
+		}).then(() => {
+			r === I.current && (P.current = n);
+		}).catch((e) => {
+			r === I.current && (j(P.current), console.error("Error persisting dismissed insight id", e));
+		});
 	}, [
-		f,
-		h,
-		y
+		v,
+		x,
+		_,
+		w,
+		O,
+		k,
+		b
 	]);
-	let T = g, E = i((e) => {
-		if (!f) return;
-		let t = b, n = t.includes(e) ? t : [...t, e], r = f;
-		x(n), v({
+	let R = v && T, z = o((e) => {
+		if (!_ || !x) return;
+		let t = A, n = t.includes(e) ? t : [...t, e], r = _, i = x;
+		j(n), v ? O({
 			path: { key: r },
 			body: { value: n }
 		}).then(() => {
-			r === C.current && (S.current = n);
+			i === I.current && (P.current = n);
 		}).catch((e) => {
-			r === C.current && (x(S.current), console.error("Error persisting dismissed insight id", e));
-		});
+			i === I.current && (j(P.current), console.error("Error persisting dismissed insight id", e));
+		}) : F.current.includes(e) || (F.current = [...F.current, e]);
 	}, [
-		b,
-		f,
-		v
-	]);
+		v,
+		A,
+		_,
+		x,
+		O
+	]), B = o(() => v ? D() : Promise.resolve(void 0), [v, D]);
 	return {
-		dismissedIds: b,
-		isLoading: f ? h : !1,
-		isError: T,
-		refetch: _,
-		dismissInsight: E
+		dismissedIds: A,
+		isLoading: v ? w || !!(E && M !== x) : !1,
+		isError: R,
+		refetch: B,
+		dismissInsight: z
 	};
 }
-export { d as useDismissedInsightIds };
+export { m as useDismissedInsightIds };

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

@@ -1,5 +1,5 @@
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.10.2", n = "b8b36be3b9c28307bf603b0c0ffa1f64496d0199", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.10.6", n = "6c22884e4442995b8f3e0a602617477d95225b30", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.10.2",
+  "version": "0.10.6",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [