@tesouro/embedded-components-react 0.2.237 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index3.js

@@ -1,7 +1,75 @@
-const e = {
-  Mounted: "balances_widget.mounted"
-}, t = "balances_widget";
-export {
-  e as BalancesWidgetAnalyticsEvent,
-  t as WIDGET_NAME
+"use client";
+"use client";
+"use client";
+"use client";
+import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
+import { useAllBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { formatMoneyExact as n } from "../../../shared/util/dist/index4.js";
+import { normalizeAmountOutputCurrencyCode as r } from "../../../shared/util/dist/index7.js";
+import { parseAmountOutputMajorUnits as i } from "../../../shared/util/dist/index8.js";
+import { sumAmountOutputsMajorUnits as a } from "../../../shared/util/dist/index10.js";
+import { useWidgetConfig as o } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { createContext as s, useCallback as c, useContext as l, useMemo as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index3.js
+var f = s({
+	accountRows: [],
+	isLoading: !1,
+	isError: !1,
+	refetch: () => {},
+	totalBalance: "",
+	shouldTotalBalanceDisplay: !1,
+	shouldShowViewAllAccounts: !1,
+	isRowClickable: !1,
+	onViewAllAccountsClicked: () => {}
+}), p = () => l(f), m = ({ children: s, maxAccounts: l, onBalanceRowClick: p, onViewAllAccountsClick: m }) => {
+	let { data: h, isLoading: g, isError: _, refetch: v, hasNextPage: y, isFetchingNextPage: b } = t(), { initResponse: x } = o(), S = h?.data ?? [], C = u(() => S.map((e) => {
+		let t = e.accountNumber.slice(-4), r = i(e.balance);
+		return {
+			accountId: e.id,
+			view: {
+				title: e.nickname ?? "",
+				suffixLabel: `- ${t}`,
+				amountLabel: n(r, {
+					currencyCode: e.balance?.currencyCode ?? "USD",
+					includeSpaceAfterCurrencySymbol: !1
+				})
+			}
+		};
+	}), [S]), w = u(() => {
+		let e = r(S[0]?.balance?.currencyCode), t = a(S.map((e) => e.balance), e);
+		return n(t, {
+			currencyCode: e,
+			includeSpaceAfterCurrencySymbol: !1
+		});
+	}, [S]), T = u(() => S.length > 1 && (x?.scopes?.includes(e.BankAccountReadOrg) ?? !1) && !y && !b, [
+		S.length,
+		x?.scopes,
+		y,
+		b
+	]), E = u(() => S.length > l && !!m, [
+		S.length,
+		l,
+		m
+	]), D = c(() => {
+		m?.();
+	}, [m]), O = u(() => !!p, [p]);
+	return /* @__PURE__ */ d(f.Provider, {
+		value: {
+			accountRows: C,
+			isLoading: g,
+			isError: _,
+			refetch: v,
+			totalBalance: w,
+			shouldTotalBalanceDisplay: T,
+			shouldShowViewAllAccounts: E,
+			isRowClickable: O,
+			onViewAllAccountsClicked: D
+		},
+		children: s
+	});
 };
+//#endregion
+export { m as BalancesWidgetContextProvider, p as useBalancesWidgetContext };

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

@@ -1,110 +1,13 @@
-"use client";
-import { jsx as B } from "react/jsx-runtime";
-import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as S } from "../../../shared/data-access/dist/lib/scopes.js";
-import { createContext as R, useMemo as t, useCallback as L, useContext as V } from "react";
-import { useAllBankAccountsQuery as $ } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import { formatMoneyExact as m } from "../../../shared/util/dist/index4.js";
-import { normalizeAmountOutputCurrencyCode as v } from "../../../shared/util/dist/index7.js";
-import { parseAmountOutputMajorUnits as E } from "../../../shared/util/dist/index8.js";
-import { sumAmountOutputsMajorUnits as M } from "../../../shared/util/dist/index10.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as O } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-const p = R({
-  accountRows: [],
-  isLoading: !1,
-  isError: !1,
-  refetch: () => {
-  },
-  totalBalance: "",
-  shouldTotalBalanceDisplay: !1,
-  shouldShowViewAllAccounts: !1,
-  isRowClickable: !1,
-  onViewAllAccountsClicked: () => {
-  }
-}), re = () => V(p), ae = ({
-  children: d,
-  maxAccounts: n,
-  onBalanceRowClick: i,
-  onViewAllAccountsClick: r
-}) => {
-  const {
-    data: f,
-    isLoading: C,
-    isError: A,
-    refetch: h,
-    hasNextPage: l,
-    isFetchingNextPage: s
-  } = $(), { initResponse: u } = O(), e = f?.data ?? [], g = t(
-    () => e.map((o) => {
-      const a = o.accountNumber.slice(-4), c = E(o.balance);
-      return {
-        accountId: o.id,
-        view: {
-          title: o.nickname ?? "",
-          suffixLabel: `- ${a}`,
-          amountLabel: m(c, {
-            currencyCode: o.balance?.currencyCode ?? "USD",
-            includeSpaceAfterCurrencySymbol: !1
-          })
-        }
-      };
-    }),
-    [e]
-  ), w = t(() => {
-    const o = v(
-      e[0]?.balance?.currencyCode
-    ), a = M(
-      e.map((c) => c.balance),
-      o
-    );
-    return m(a, {
-      currencyCode: o,
-      includeSpaceAfterCurrencySymbol: !1
-    });
-  }, [e]), y = t(
-    () => e.length > 1 && (u?.scopes?.includes(S.BankAccountReadOrg) ?? !1) && !l && !s,
-    [e.length, u?.scopes, l, s]
-  ), b = t(
-    () => e.length > n && !!r,
-    [e.length, n, r]
-  ), x = L(() => {
-    r?.();
-  }, [r]), k = t(
-    () => !!i,
-    [i]
-  );
-  return /* @__PURE__ */ B(
-    p.Provider,
-    {
-      value: {
-        accountRows: g,
-        isLoading: C,
-        isError: A,
-        refetch: h,
-        totalBalance: w,
-        shouldTotalBalanceDisplay: y,
-        shouldShowViewAllAccounts: b,
-        isRowClickable: k,
-        onViewAllAccountsClicked: x
-      },
-      children: d
-    }
-  );
-};
-export {
-  ae as BalancesWidgetContextProvider,
-  re as useBalancesWidgetContext
-};
+import { SingleBalance as e } from "../../ui/dist/index4.js";
+import "../../ui/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index4.js
+var n = ({ accountId: n, row: r, isRowClickable: i, onBalanceRowClick: a }) => /* @__PURE__ */ t(e, {
+	row: r,
+	isRowClickable: i,
+	onRowClick: a ? () => {
+		a(n);
+	} : void 0
+});
+//#endregion
+export { n as SingleBalance };

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

@@ -1,26 +1,67 @@
-import { jsx as a } from "react/jsx-runtime";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "lucide-react";
-import "@radix-ui/react-use-controllable-state";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { SingleBalance as l } from "../../ui/dist/index3.js";
-const C = ({
-  accountId: i,
-  row: r,
-  isRowClickable: t,
-  onBalanceRowClick: o
-}) => /* @__PURE__ */ a(
-  l,
-  {
-    row: r,
-    isRowClickable: t,
-    onRowClick: o ? () => {
-      o(i);
-    } : void 0
-  }
-);
-export {
-  C as SingleBalance
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { BalancesWidgetAnalyticsEvent as n, WIDGET_NAME as r } from "./index2.js";
+import { BalancesWidgetContextProvider as i, useBalancesWidgetContext as a } from "./index3.js";
+import { BalancesWidget as o } from "../../ui/dist/index3.js";
+import "../../ui/dist/index.js";
+import { SingleBalance as s } from "./index4.js";
+import { useEffect as c, useMemo as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index5.js
+var d = 5;
+function f({ maxAccounts: t, labels: r, onBalanceRowClick: i }) {
+	let d = e();
+	c(() => {
+		d(n.Mounted);
+	}, [d]);
+	let { accountRows: f, isLoading: p, isError: m, refetch: h, totalBalance: g, shouldTotalBalanceDisplay: _, shouldShowViewAllAccounts: v, isRowClickable: y, onViewAllAccountsClicked: b } = a(), x = l(() => f.slice(0, t), [f, t]), S = l(() => f.map((e) => e.view), [f]);
+	return /* @__PURE__ */ u(o, {
+		accountRows: S,
+		isLoading: p,
+		isError: m,
+		onRetry: m ? () => void h() : void 0,
+		totalBalance: g,
+		shouldTotalBalanceDisplay: _,
+		shouldShowViewAllAccounts: v,
+		onViewAllAccountsClicked: b,
+		labels: r,
+		children: x.map((e) => /* @__PURE__ */ u(s, {
+			accountId: e.accountId,
+			row: e.view,
+			onBalanceRowClick: i,
+			isRowClickable: y
+		}, e.accountId))
+	});
+}
+var p = ({ maxAccounts: e = d, labels: t, onBalanceRowClick: n, onViewAllAccountsClick: r }) => {
+	let a = Math.max(0, e);
+	return /* @__PURE__ */ u(i, {
+		maxAccounts: a,
+		onBalanceRowClick: n,
+		onViewAllAccountsClick: r,
+		children: /* @__PURE__ */ u(f, {
+			maxAccounts: a,
+			labels: t,
+			onBalanceRowClick: n
+		})
+	});
 };
+function m({ maxAccounts: e, labels: n, onBalanceRowClick: i, onViewAllAccountsClick: a, ...o }) {
+	return /* @__PURE__ */ u(t, {
+		...o,
+		widgetName: r,
+		children: /* @__PURE__ */ u(p, {
+			maxAccounts: e,
+			labels: n,
+			onBalanceRowClick: i,
+			onViewAllAccountsClick: a
+		})
+	});
+}
+//#endregion
+export { m as BalancesWidget, f as BalancesWidgetInternal, p as BalancesWidgetWithContext };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/index.js

@@ -0,0 +1,4 @@
+import { BALANCES_WIDGET_LABELS_EN as e } from "./index2.js";
+import { BalancesWidget as t } from "./index3.js";
+import { SingleBalance as n } from "./index4.js";
+export { e as BALANCES_WIDGET_LABELS_EN, t as BalancesWidget, n as SingleBalance };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/index2.js

@@ -1,129 +1,14 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { Skeleton as f, Typography as l, Button as i, TooltipProvider as u, Tooltip as g, TooltipTrigger as b, TooltipContent as x } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { CircleHelp as v, ArrowRight as N } from "lucide-react";
-import "@radix-ui/react-use-controllable-state";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { WidgetContainer as A } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { BALANCES_WIDGET_LABELS_EN as y } from "./index4.js";
-const D = ({
-  accountRows: r,
-  children: n,
-  isLoading: s,
-  isError: c,
-  onRetry: o,
-  totalBalance: d,
-  shouldTotalBalanceDisplay: w,
-  shouldShowViewAllAccounts: m,
-  onViewAllAccountsClicked: h,
-  labels: p
-}) => {
-  const e = { ...y, ...p };
-  return /* @__PURE__ */ t(A, { title: e.widgetTitle, showHeaderDivider: !1, children: s ? /* @__PURE__ */ t(
-    f,
-    {
-      "data-testid": "balances-widget-skeleton",
-      height: 80,
-      width: "100%",
-      className: "ttw:rounded-md"
-    }
-  ) : c ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: "ttw:flex ttw:flex-col ttw:gap-3",
-      "data-testid": "balances-widget-error",
-      children: [
-        /* @__PURE__ */ t(
-          l,
-          {
-            component: "p",
-            variant: "body1",
-            className: "ttw:font-semibold",
-            children: e.loadErrorTitle
-          }
-        ),
-        /* @__PURE__ */ t(l, { component: "p", variant: "body2", color: "muted", children: e.loadErrorDescription }),
-        o ? /* @__PURE__ */ t(
-          i,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            className: "ttw:self-start ttw:cursor-pointer",
-            onClick: o,
-            "data-testid": "balances-widget-retry",
-            children: e.loadErrorRetry
-          }
-        ) : null
-      ]
-    }
-  ) : r.length > 0 ? /* @__PURE__ */ a("div", { className: "ttw:-mt-5 ttw:flex ttw:flex-col ttw:gap-4", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-col", children: [
-      w && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:pb-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1", children: [
-          /* @__PURE__ */ t(
-            l,
-            {
-              variant: "h6",
-              component: "span",
-              className: "ttw:min-w-0 ttw:text-3xl ttw:font-medium ttw:leading-tight",
-              children: d
-            }
-          ),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ a(g, { children: [
-            /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t(
-              i,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon-sm",
-                "aria-label": e.totalAvailableBalanceInfoAriaLabel,
-                "data-testid": "balances-widget-total-balance-info",
-                className: "ttw:size-8 ttw:shrink-0 ttw:text-muted-foreground",
-                children: /* @__PURE__ */ t(v, { className: "ttw:size-[18px]", "aria-hidden": !0 })
-              }
-            ) }),
-            /* @__PURE__ */ t(
-              x,
-              {
-                sideOffset: 4,
-                className: "ttw:max-w-sm ttw:text-left",
-                children: e.totalAvailableBalanceTooltip
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ t(
-          l,
-          {
-            variant: "body2",
-            color: "muted",
-            component: "span",
-            "data-testid": "balances-widget-total-available-label",
-            className: "ttw:block ttw:text-sm ttw:leading-tight",
-            children: e.totalAvailableBalance
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-col", children: n })
-    ] }),
-    m && /* @__PURE__ */ a(
-      i,
-      {
-        type: "button",
-        variant: "link",
-        onClick: h,
-        className: "ttw:h-auto ttw:min-w-0 ttw:justify-start ttw:self-start ttw:border-none ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:font-inherit ttw:normal-case ttw:text-primary ttw:shadow-none ttw:hover:bg-transparent ttw:hover:text-primary/90 ttw:hover:underline",
-        children: [
-          e.viewAllAccounts,
-          /* @__PURE__ */ t(N, { className: "ttw:size-4 ttw:shrink-0", "aria-hidden": !0 })
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ t(l, { color: "muted", children: e.noBalancesFound }) });
-};
-export {
-  y as BALANCES_WIDGET_LABELS_EN,
-  D as BalancesWidget
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index2.js
+var e = {
+	widgetTitle: "Accounts",
+	totalAvailableBalance: "Total available balance",
+	totalAvailableBalanceTooltip: "Total available balance reflects the combined funds you can currently spend, withdraw, or transfer — after accounting for any pending transactions or holds — and is used to determine if you have sufficient funds for new transactions.",
+	totalAvailableBalanceInfoAriaLabel: "About total available balance",
+	viewAllAccounts: "View all accounts",
+	noBalancesFound: "No balances found",
+	loadErrorTitle: "Could not load accounts",
+	loadErrorDescription: "Something went wrong while loading balances. Please try again.",
+	loadErrorRetry: "Retry"
 };
+//#endregion
+export { e as BALANCES_WIDGET_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/index3.js

@@ -1,90 +1,108 @@
-import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { Typography as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Landmark as l, ChevronRight as d } from "lucide-react";
-const w = (e) => [
-  "ttw:flex ttw:flex-row ttw:items-center ttw:w-full ttw:min-w-0 ttw:overflow-hidden",
-  "ttw:gap-3 ttw:m-0 ttw:bg-transparent",
-  // permanent bottom divider; hidden on the last row and when the next row is hovered
-  "ttw:border ttw:border-t-transparent ttw:border-x-transparent ttw:border-b-[#EAECF0]",
-  "ttw:last:border-b-transparent ttw:[&:has(+_button:hover)]:border-b-transparent",
-  "ttw:rounded-none ttw:px-3 ttw:py-3",
-  "ttw:text-left ttw:font-inherit ttw:text-inherit",
-  e ? [
-    "ttw:transition-colors",
-    "ttw:hover:border-[#EAECF0] ttw:hover:bg-[#F9FAFB] ttw:hover:rounded-lg",
-    "ttw:cursor-pointer!",
-    "ttw:focus-visible:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-primary ttw:focus-visible:ring-offset-0"
-  ].join(" ") : "ttw:cursor-default"
-].join(" "), b = ({
-  row: e,
-  isRowClickable: n,
-  onRowClick: a
-}) => {
-  const i = /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ t(
-      "span",
-      {
-        className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:bg-primary/10",
-        "aria-hidden": !0,
-        children: /* @__PURE__ */ t(l, { className: "ttw:size-5 ttw:text-primary" })
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-2 ttw:overflow-hidden", children: [
-      /* @__PURE__ */ t(
-        r,
-        {
-          component: "span",
-          variant: "body1",
-          className: "ttw:min-w-0 ttw:truncate ttw:font-medium ttw:text-foreground",
-          children: e.title
-        }
-      ),
-      /* @__PURE__ */ t(
-        r,
-        {
-          component: "span",
-          variant: "body1",
-          "data-testid": "balances-widget-account-number",
-          className: "ttw:shrink-0 ttw:font-normal ttw:text-[#667085]",
-          children: e.suffixLabel
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      r,
-      {
-        component: "span",
-        variant: "body1",
-        className: "ttw:min-w-0 ttw:shrink-0 ttw:truncate ttw:text-base ttw:font-medium ttw:leading-tight ttw:text-foreground",
-        children: e.amountLabel
-      }
-    ),
-    n ? /* @__PURE__ */ t(
-      d,
-      {
-        className: "ttw:size-[22px] ttw:shrink-0 ttw:text-[#98A2B3]",
-        "aria-hidden": !0
-      }
-    ) : null
-  ] });
-  return n && a ? /* @__PURE__ */ t(
-    "button",
-    {
-      type: "button",
-      "data-testid": "balances-widget-account-row",
-      className: w(!0),
-      onClick: () => a(),
-      children: i
-    }
-  ) : /* @__PURE__ */ t(
-    "div",
-    {
-      "data-testid": "balances-widget-account-row",
-      className: w(!1),
-      children: i
-    }
-  );
-};
-export {
-  b as SingleBalance
+import { Button as e, Skeleton as t, Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WidgetContainer as s } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
+import "../../../shared/ui/dist/index.js";
+import { BALANCES_WIDGET_LABELS_EN as c } from "./index2.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ArrowRight as d, CircleHelp as f } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index3.js
+var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, totalBalance: v, shouldTotalBalanceDisplay: y, shouldShowViewAllAccounts: b, onViewAllAccountsClicked: x, labels: S }) => {
+	let C = {
+		...c,
+		...S
+	};
+	return /* @__PURE__ */ l(s, {
+		title: C.widgetTitle,
+		showHeaderDivider: !1,
+		children: h ? /* @__PURE__ */ l(t, {
+			"data-testid": "balances-widget-skeleton",
+			height: 80,
+			width: "100%",
+			className: "ttw:rounded-md"
+		}) : g ? /* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3",
+			"data-testid": "balances-widget-error",
+			children: [
+				/* @__PURE__ */ l(o, {
+					component: "p",
+					variant: "body1",
+					className: "ttw:font-semibold",
+					children: C.loadErrorTitle
+				}),
+				/* @__PURE__ */ l(o, {
+					component: "p",
+					variant: "body2",
+					color: "muted",
+					children: C.loadErrorDescription
+				}),
+				_ ? /* @__PURE__ */ l(e, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					className: "ttw:self-start ttw:cursor-pointer",
+					onClick: _,
+					"data-testid": "balances-widget-retry",
+					children: C.loadErrorRetry
+				}) : null
+			]
+		}) : p.length > 0 ? /* @__PURE__ */ u("div", {
+			className: "ttw:-mt-5 ttw:flex ttw:flex-col ttw:gap-4",
+			children: [/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:min-w-0 ttw:flex-col",
+				children: [y && /* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:pb-4",
+					children: [/* @__PURE__ */ u("div", {
+						className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1",
+						children: [/* @__PURE__ */ l(o, {
+							variant: "h6",
+							component: "span",
+							className: "ttw:min-w-0 ttw:text-3xl ttw:font-medium ttw:leading-tight",
+							children: v
+						}), /* @__PURE__ */ l(i, { children: /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+							asChild: !0,
+							children: /* @__PURE__ */ l(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-sm",
+								"aria-label": C.totalAvailableBalanceInfoAriaLabel,
+								"data-testid": "balances-widget-total-balance-info",
+								className: "ttw:size-8 ttw:shrink-0 ttw:text-muted-foreground",
+								children: /* @__PURE__ */ l(f, {
+									className: "ttw:size-[18px]",
+									"aria-hidden": !0
+								})
+							})
+						}), /* @__PURE__ */ l(r, {
+							sideOffset: 4,
+							className: "ttw:max-w-sm ttw:text-left",
+							children: C.totalAvailableBalanceTooltip
+						})] }) })]
+					}), /* @__PURE__ */ l(o, {
+						variant: "body2",
+						color: "muted",
+						component: "span",
+						"data-testid": "balances-widget-total-available-label",
+						className: "ttw:block ttw:text-sm ttw:leading-tight",
+						children: C.totalAvailableBalance
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col",
+					children: m
+				})]
+			}), b && /* @__PURE__ */ u(e, {
+				type: "button",
+				variant: "link",
+				onClick: x,
+				className: "ttw:h-auto ttw:min-w-0 ttw:justify-start ttw:self-start ttw:border-none ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:font-inherit ttw:normal-case ttw:text-primary ttw:shadow-none ttw:hover:bg-transparent ttw:hover:text-primary/90 ttw:hover:underline",
+				children: [C.viewAllAccounts, /* @__PURE__ */ l(d, {
+					className: "ttw:size-4 ttw:shrink-0",
+					"aria-hidden": !0
+				})]
+			})]
+		}) : /* @__PURE__ */ l(o, {
+			color: "muted",
+			children: C.noBalancesFound
+		})
+	});
 };
+//#endregion
+export { c as BALANCES_WIDGET_LABELS_EN, p as BalancesWidget };