@tesouro/embedded-components-react 0.10.0 → 0.10.5

package/dist/experimental/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo, CSSProperties } from 'react';
-import { PartialDeep } from 'type-fest';
 import { FallbackProps } from 'react-error-boundary';
 
 type AuthToken = string | undefined;
@@ -327,27 +326,11 @@ type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean
 type ClientOptions = {
     baseUrl: 'https://api.stage.tesouro.com' | 'https://api.sandbox.stage.tesouro.com' | 'https://api.stage.business-banking.app' | 'https://api.tesouro.com' | 'https://api.sandbox.tesouro.com' | 'https://api.business-banking.app' | (string & {});
 };
-type ApprovalRequestStatus = 'waiting' | 'approved' | 'rejected' | 'canceled';
 
 type EmbeddedClient = Client;
 type ExtractLiterals<T> = T extends string ? string extends T ? never : T : never;
 type BaseUrl = ExtractLiterals<ClientOptions['baseUrl']>;
 
-interface FilterMenuButtonLabels {
-    /** Button text, followed by "(N)" when `activeCount` is set. */
-    filters: string;
-}
-
-interface FilterTagLabels {
-    /**
-     * Accessible name for the editable tag body. `{label}` is substituted with
-     * the tag's own text; keep the placeholder when overriding.
-     */
-    edit: string;
-    /** Accessible name for the × dismiss button. `{label}` is substituted. */
-    remove: string;
-}
-
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };
@@ -613,95 +596,6 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
     providerLabels?: Partial<WidgetProviderLabels>;
 }
 
-interface ApprovalRequestsFilterBarLabels {
-    fields: {
-        status: string;
-        addedBy: string;
-        requestedOn: string;
-    };
-    fieldMenuLabel: string;
-    onlyMine: string;
-    userSearchLabel: string;
-    userSearchPlaceholder: string;
-    userEmpty: string;
-    userLoading: string;
-    userError: string;
-    clearAll: string;
-    filterMenuButton: FilterMenuButtonLabels;
-    filterTag: FilterTagLabels;
-}
-interface ApprovalRequestsScreenLabels {
-    columnInvoiceNumber: string;
-    columnVendor: string;
-    columnIssueDate: string;
-    columnDueDate: string;
-    columnStatus: string;
-    columnAmount: string;
-    columnAddedBy: string;
-    columnActions: string;
-    rowActions: string;
-    approve: string;
-    reject: string;
-    /** Read by screen readers in a cell whose name is still loading. */
-    loadingValue: string;
-    errorTitle: string;
-    errorDescription: string;
-    errorRetry: string;
-    filterBar: ApprovalRequestsFilterBarLabels;
-    accessRestrictedTitle: string;
-    accessRestrictedDescription: string;
-}
-interface RejectApprovalRequestDialogLabels {
-    title: string;
-    description: string;
-    reason: string;
-    optionalNote: string;
-    confirm: string;
-    cancel: string;
-    close: string;
-}
-
-interface ApprovalRequestsFilterLabels {
-    statusChip: (value: string) => string;
-    addedByChip: (name: string) => string;
-    requestedOnChip: (range: string) => string;
-    moreSelected: (first: string, count: number) => string;
-    dateRange: (from: string, to: string) => string;
-}
-interface ApprovalRequestsListLabels {
-    emptyTitle: string;
-    emptyDescription: string;
-    filterEmptyTitle: string;
-    filterEmptyDescription: string;
-    /** Shown in a cell whose value the request's payable does not carry. */
-    missingValue: string;
-    /** Shown for a vendor or creator this session may not read, or whose lookup failed. */
-    unavailableValue: string;
-    status: Record<ApprovalRequestStatus, string>;
-    filters: ApprovalRequestsFilterLabels;
-}
-/** Toast copy for approve and reject; the error copy is the fallback when the API gives no reason. */
-interface ApprovalRequestsMessageLabels {
-    approved: string;
-    rejected: string;
-    approveError: string;
-    rejectError: string;
-}
-
-interface ApprovalRequestsWidgetOwnProps {
-    screenLabels?: PartialDeep<ApprovalRequestsScreenLabels>;
-    listLabels?: PartialDeep<ApprovalRequestsListLabels>;
-    rejectDialogLabels?: PartialDeep<RejectApprovalRequestDialogLabels>;
-    messageLabels?: PartialDeep<ApprovalRequestsMessageLabels>;
-}
-/** Public props for {@link ApprovalRequestsWidget}. */
-type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetOwnProps;
-/**
- * Self-contained approval requests widget, a native port of Monite's approval
- * requests (FOPS-97). Exported only from the package's `/experimental` entry.
- */
-declare function ApprovalRequestsWidget({ screenLabels, listLabels, rejectDialogLabels, messageLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
-
 interface AccountsQuickViewTileLabels {
     /** Tile heading above the total. */
     title: string;
@@ -959,5 +853,5 @@ interface RemoteCheckCaptureWidgetProps extends WidgetProviderProps {
 }
 declare function RemoteCheckCaptureWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, providerLabels, labels, onDepositComplete, }: RemoteCheckCaptureWidgetProps): React.JSX.Element;
 
-export { ApprovalRequestsWidget, QUICK_VIEW_CLICK_HANDLERS, QUICK_VIEW_WIDGET_LABELS_EN, QuickViewType, QuickViewWidget, RemoteCheckCaptureWidget };
-export type { AccountsQuickViewWidgetLabels, ApprovalRequestsWidgetProps, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps, RemoteCheckCaptureWidgetProps };
+export { QUICK_VIEW_CLICK_HANDLERS, QUICK_VIEW_WIDGET_LABELS_EN, QuickViewType, QuickViewWidget, RemoteCheckCaptureWidget };
+export type { AccountsQuickViewWidgetLabels, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps, RemoteCheckCaptureWidgetProps };

package/dist/experimental/index.js

@@ -1,5 +1,4 @@
-import { ApprovalRequestsWidget as e } from "../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/ApprovalRequestsWidget.js";
-import { QUICK_VIEW_CLICK_HANDLERS as t, QuickViewType as n, QuickViewWidget as r } from "../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/QuickViewWidget.js";
-import { QUICK_VIEW_WIDGET_LABELS_EN as i } from "../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/labels.js";
-import { RemoteCheckCaptureWidget as a } from "../libs/tesouro-embedded-components-react/remote-check-capture/feature/dist/lib/RemoteCheckCaptureWidget/RemoteCheckCaptureWidget.js";
-export { e as ApprovalRequestsWidget, t as QUICK_VIEW_CLICK_HANDLERS, i as QUICK_VIEW_WIDGET_LABELS_EN, n as QuickViewType, r as QuickViewWidget, a as RemoteCheckCaptureWidget };
+import { QUICK_VIEW_CLICK_HANDLERS as e, QuickViewType as t, QuickViewWidget as n } from "../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/QuickViewWidget.js";
+import { QUICK_VIEW_WIDGET_LABELS_EN as r } from "../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/labels.js";
+import { RemoteCheckCaptureWidget as i } from "../libs/tesouro-embedded-components-react/remote-check-capture/feature/dist/lib/RemoteCheckCaptureWidget/RemoteCheckCaptureWidget.js";
+export { e as QUICK_VIEW_CLICK_HANDLERS, r as QUICK_VIEW_WIDGET_LABELS_EN, t as QuickViewType, n as QuickViewWidget, i as RemoteCheckCaptureWidget };

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",