@tesouro/embedded-components-react 0.2.31 → 0.2.33

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

@@ -1,11 +1,246 @@
-const a = {
-  accountFallback: "Bank account",
-  accountNumberLabel: "Account",
-  routingNumberLabel: "Routing",
-  referenceLabel: "Reference",
-  unavailableLabel: "Unavailable",
-  defaultNickname: "Operating account"
-};
+"use client";
+import { useControllableState as Ce } from "@radix-ui/react-use-controllable-state";
+import { useMemo as u, useCallback as Z, useState as c, useEffect as Ee } from "react";
+import { toast as ee } from "sonner";
+import "@tanstack/react-query";
+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 "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { useAllBankAccountsQuery as Te } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllOrganizationRolesQuery as Le } from "../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
+import { useCreateBankAccountMutation as ye } from "../../data-access/dist/index3.js";
+import { useGrantBankAccountAccessMutation as Se } from "../../data-access/dist/index4.js";
+import { useAllOrganizationUsersQuery as $e } from "../../data-access/dist/index5.js";
+import "react/jsx-runtime";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { DEFAULT_LABELS as he } from "../../ui/dist/index3.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import "react-error-boundary";
+import { useAnalyticsTrack as Be } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { emitWidgetDomEvent as Re, TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as ve } from "../../../shared/util/dist/index12.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useWidgetConfig as We, useWidgetLoading as De, useWidgetError as we } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { filterRolesForOrganization as ze } from "../../../../shared/util-validation/dist/index6.js";
+import { BankAccountsWidgetAnalyticsEvent as w } from "./index4.js";
+import { formatTotalAvailableBalanceLabel as Fe, copyTextToClipboard as Ie, maskAccountNumber as Oe, formatAmountLabel as Pe } from "./index5.js";
+import { DEFAULT_FEATURE_LABELS as Ue } from "./index6.js";
+import { getBankAccountsPermissions as _e } from "./index7.js";
+import { resolveDepositAgreementUrl as Me } from "./index8.js";
+import { resolveBankLogoSrc as xe } from "./index9.js";
+import { toTeamMembers as Ve, toOrganizationRoleOptions as Qe, toAccessRows as Ge } from "./index10.js";
+const z = { nickname: "" };
+function $a({
+  labels: o,
+  featureLabels: E,
+  isBankingTaglineVisible: T = !0,
+  bankLogoSrc: F,
+  bankLogoAlt: ae,
+  selectedAccountId: te,
+  defaultSelectedAccountId: oe,
+  onSelectedAccountIdChange: ie,
+  "data-testid": re
+}) {
+  const I = { ...he, ...o }, i = {
+    ...Ue,
+    ...E
+  }, l = Be(), { organizationId: g, widgetToken: ne, initResponse: a } = We(), se = De(), O = !!we(), d = !!(g && ne), r = u(
+    () => _e(a?.scopes),
+    [a?.scopes]
+  ), ce = d && r.canRead && !!a, [P, U] = Ce({
+    prop: te,
+    defaultProp: oe ?? null,
+    onChange: ie,
+    caller: "BankAccountsWidget"
+  }), A = ce && !P, L = Z(
+    (e) => {
+      U(e);
+    },
+    [U]
+  ), [_, M] = c(!1), [f, y] = c(z), [x, S] = c([]), [me, N] = c(!1), [V, $] = c(), [Q, ue] = c(
+    {}
+  ), [h, G] = c({});
+  Ee(() => {
+    l(w.Mounted);
+  }, [l]);
+  const n = Te({
+    enabled: A
+  }), k = ye(), C = Se(), K = _, s = $e({
+    enabled: K
+  }), B = Le({
+    enabled: K
+  }), R = u(() => {
+    const e = B.data?.data ?? [], t = g ? ze(e, {
+      organizationId: g,
+      organizationTypes: a?.organizationTypes ?? []
+    }) : e;
+    return Ve(
+      s.data?.data ?? [],
+      Qe(t)
+    );
+  }, [
+    B.data?.data,
+    s.data?.data,
+    g,
+    a?.organizationTypes
+  ]), Y = s.isLoading || s.isFetchingNextPage || !!s.hasNextPage || B.isResolving, j = !Y && !s.isError, b = A ? n.data?.data ?? [] : [], v = [
+    .../* @__PURE__ */ new Set([
+      ...R.filter((e) => e.locked).map((e) => e.id),
+      ...x
+    ])
+  ], q = a?.bankName?.trim() ?? "", le = u(
+    () => F ?? xe(a?.bankName),
+    [F, a?.bankName]
+  ), de = a?.vspName?.trim() ?? "", be = u(
+    () => Me(a?.bankName),
+    [a?.bankName]
+  ), W = !n.hasNextPage && !n.isFetchingNextPage, pe = u(
+    () => W ? Fe(b) : void 0,
+    [b, W]
+  ), ge = b.length > 1 && r.canRead && W, D = Z(
+    async (e, t, m) => {
+      await Ie(m) && (ee.success(
+        t === "account" ? i.copyAccountNumberToast : i.copyRoutingNumberToast
+      ), G((p) => ({ ...p, [e]: t })), window.setTimeout(() => {
+        G((p) => ({ ...p, [e]: void 0 }));
+      }, 2e3));
+    },
+    [
+      i.copyAccountNumberToast,
+      i.copyRoutingNumberToast
+    ]
+  ), Ae = u(
+    () => b.map(
+      (e) => Ke(e, i, {
+        isAccountNumberVisible: Q[e.id] ?? !1,
+        isAccountNumberCopied: h[e.id] === "account",
+        isRoutingNumberCopied: h[e.id] === "routing",
+        onToggleAccountNumberVisibility: () => ue((t) => ({
+          ...t,
+          [e.id]: !t[e.id]
+        })),
+        onCopyAccountNumber: () => {
+          D(e.id, "account", e.accountNumber);
+        },
+        onCopyRoutingNumber: () => {
+          D(e.id, "routing", e.routingNumber);
+        },
+        onSelect: () => {
+          L(e.id), l(w.AccountSelected, {
+            accountId: e.id
+          });
+        }
+      })
+    ),
+    [
+      b,
+      Q,
+      h,
+      i,
+      D,
+      L,
+      l
+    ]
+  ), H = (e) => {
+    C.mutate(
+      { path: { id: e }, body: { userIds: v } },
+      {
+        onSuccess: () => {
+          Re(
+            ve
+          ), ee.success(i.createSuccessToast), y(z), S([]), $(void 0), N(!1), M(!1);
+        }
+      }
+    );
+  }, fe = () => {
+    if (!(!d || !r.canWrite) && j) {
+      if (f.nickname.trim() === "") {
+        N(!0);
+        return;
+      }
+      if (v.length === 0) {
+        console.warn("No team members selected on submit");
+        return;
+      }
+      if (V) {
+        H(V);
+        return;
+      }
+      k.mutate(
+        { body: { nickname: f.nickname.trim() } },
+        {
+          onSuccess: (e) => {
+            l(w.AccountCreated, {
+              accountId: e?.id
+            }), e?.id && ($(e.id), H(e.id));
+          }
+        }
+      );
+    }
+  }, Ne = (e, t) => {
+    R.find((m) => m.id === e)?.locked || S(
+      (m) => t ? [.../* @__PURE__ */ new Set([...m, e])] : m.filter((p) => p !== e)
+    );
+  }, J = (e) => {
+    e && (!d || !r.canWrite) || (e && (y(z), S([]), $(void 0), N(!1), k.reset(), C.reset()), M(e));
+  }, X = k.isPending || C.isPending, ke = Ge(R, {
+    selectedUserIds: x,
+    disabled: X || !r.canWrite,
+    fallbackTooltip: I.teamMemberAccessTooltip,
+    onUserToggle: Ne
+  });
+  return {
+    "data-testid": re,
+    selectedAccountId: P,
+    title: I.title,
+    bankDisplayName: q,
+    bankLogoSrc: le,
+    bankLogoAlt: ae,
+    availableBalanceLabel: pe,
+    shouldDisplayAvailableBalance: ge,
+    isBankingTaglineVisible: T,
+    accountCards: Ae,
+    shouldDisplayAddAccountCard: r.canWrite,
+    isLoading: !O && (!d || se && !a || A && (n.isLoading || n.isFetchingNextPage || n.hasNextPage)),
+    isError: O || A && n.isError,
+    isCreateOpen: _,
+    createForm: f,
+    legalCopy: {
+      bankName: q,
+      vspName: de,
+      agreementUrl: be
+    },
+    accessRows: ke,
+    isTeamMembersLoading: Y,
+    isTeamMembersError: s.isError,
+    isCreateSubmitDisabled: !j || f.nickname.trim() === "" || v.length === 0,
+    isCreateError: k.isError || C.isError,
+    hasNicknameError: me,
+    isSubmitting: X,
+    isCreateDisabled: !d || !r.canWrite,
+    onCreateOpenChange: J,
+    onCreateFormChange: (e) => {
+      N(!1), y(e);
+    },
+    onCreateSubmit: fe,
+    onAddAccountClick: () => J(!0),
+    onSelectAccount: L
+  };
+}
+function Ke(o, E, T) {
+  return {
+    id: o.id,
+    name: o.nickname?.trim() || E.accountFallback,
+    balanceLabel: Pe(o.balance),
+    accountNumberLabel: o.accountNumber,
+    maskedAccountNumberLabel: Oe(o.accountNumber),
+    routingNumberLabel: o.routingNumber,
+    ...T
+  };
+}
 export {
-  a as DEFAULT_FEATURE_LABELS
+  $a as useBankAccountsWidget
 };

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

@@ -0,0 +1,44 @@
+function o(e, t = "—") {
+  if (!e)
+    return t;
+  const r = Number(e.value);
+  return Number.isFinite(r) ? new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: e.currencyCode
+  }).format(r / 100) : t;
+}
+function c(e) {
+  if (e.length <= 1)
+    return;
+  const t = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    const { currencyCode: n, value: a } = r.balance;
+    n && t.set(
+      n,
+      (t.get(n) ?? 0) + Number(a)
+    );
+  }
+  if (t.size !== 0)
+    return [...t.entries()].sort(([r], [n]) => r.localeCompare(n)).map(
+      ([r, n]) => o({ currencyCode: r, value: n })
+    ).join(" + ");
+}
+function u(e) {
+  const t = e.trim();
+  return t ? `••••••••${t.slice(-4)}` : "";
+}
+async function i(e) {
+  if (!e.trim())
+    return !1;
+  try {
+    return await navigator.clipboard.writeText(e), !0;
+  } catch {
+    return !1;
+  }
+}
+export {
+  i as copyTextToClipboard,
+  o as formatAmountLabel,
+  c as formatTotalAvailableBalanceLabel,
+  u as maskAccountNumber
+};

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

@@ -0,0 +1,10 @@
+const c = {
+  accountFallback: "Account",
+  createSuccessToast: "Account created successfully",
+  editSuccessToast: "Account updated successfully",
+  copyAccountNumberToast: "Account number copied to clipboard",
+  copyRoutingNumberToast: "Routing number copied to clipboard"
+};
+export {
+  c as DEFAULT_FEATURE_LABELS
+};

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

@@ -0,0 +1,19 @@
+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 { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as r } from "../../../shared/data-access/dist/lib/scopes.js";
+import "react";
+const c = [r.BankAccountReadOrg], e = [r.BankAccountWriteOrg];
+function g(n) {
+  const o = new Set(n ?? []);
+  return {
+    canRead: t(o, c),
+    canWrite: t(o, e)
+  };
+}
+export {
+  g as getBankAccountsPermissions
+};

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

@@ -0,0 +1,13 @@
+import "../../../../embedded-banking/shared/util/dist/index3.js";
+import { resolveBankNameForBranding as r, getBankAsset as i } from "../../../../embedded-banking/shared/util/dist/index8.js";
+function m(o, n) {
+  const t = typeof window < "u" ? window.location.host : "", e = r(
+    o?.trim() ?? "",
+    t
+  ).trim();
+  if (e)
+    return i(e, "termsOfUse") ?? void 0;
+}
+export {
+  m as resolveDepositAgreementUrl
+};

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

@@ -0,0 +1,13 @@
+import "../../../../embedded-banking/shared/util/dist/index3.js";
+import { resolveBankNameForBranding as i, getBankAsset as n } from "../../../../embedded-banking/shared/util/dist/index8.js";
+function m(t, a) {
+  const r = typeof window < "u" ? window.location.host : "", o = i(
+    t?.trim() ?? "",
+    r
+  ).trim();
+  if (o)
+    return n(o, "alternativeLogo") ?? void 0;
+}
+export {
+  m as resolveBankLogoSrc
+};

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

@@ -1,163 +1,98 @@
 "use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Button as d, Skeleton as u, Table as B, TableHeader as D, TableRow as p, TableHead as s, TableBody as T, TableCell as c, Badge as S, Dialog as F, DialogContent as E, DialogHeader as A, DialogTitle as j, DialogDescription as H, Label as x, Input as f, DialogFooter as O } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { PlusIcon as I } from "lucide-react";
-import { DEFAULT_LABELS as R } from "./index3.js";
-function P({
-  labels: N,
-  rows: o,
-  totalBalanceLabel: b,
-  isLoading: r = !1,
-  isError: m = !1,
-  isCreateError: v = !1,
-  isCreateOpen: C,
-  isCreateDisabled: n = !1,
-  isSubmitting: k = !1,
-  createForm: i,
-  onCreateOpenChange: w,
-  onCreateFormChange: g,
-  onCreateSubmit: y,
-  onRowSelect: L
+import { jsxs as l, jsx as a, Fragment as M } from "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as O } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { AccountCard as j, AddAccountCard as R } from "./index4.js";
+import { BankingHeader as U, AccountCardSkeleton as o } from "./index5.js";
+import { CreateAccountDialog as V } from "./index6.js";
+import { DEFAULT_LABELS as H } from "./index3.js";
+function Y({
+  labels: n,
+  "data-testid": m,
+  title: c,
+  bankDisplayName: d,
+  bankLogoSrc: b,
+  bankLogoAlt: p,
+  availableBalanceLabel: u,
+  shouldDisplayAvailableBalance: g,
+  isBankingTaglineVisible: C,
+  accountCards: r,
+  shouldDisplayAddAccountCard: t,
+  isLoading: i,
+  isError: A,
+  isCreateOpen: h,
+  createForm: k,
+  legalCopy: L,
+  accessRows: f,
+  isTeamMembersLoading: w,
+  isTeamMembersError: D,
+  isCreateSubmitDisabled: E,
+  isCreateError: S,
+  hasNicknameError: B,
+  isSubmitting: N,
+  isCreateDisabled: T,
+  onCreateOpenChange: y,
+  onCreateFormChange: x,
+  onCreateSubmit: v,
+  onAddAccountClick: F
 }) {
-  const e = { ...R, ...N };
-  return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-5", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:sm:flex-row ttw:sm:items-start ttw:sm:justify-between", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
-        /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: e.title }),
-        /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.description })
-      ] }),
-      /* @__PURE__ */ a(
-        d,
-        {
-          disabled: n,
-          onClick: () => w(!0),
-          children: [
-            /* @__PURE__ */ t(I, {}),
-            e.createButton
-          ]
-        }
-      )
-    ] }),
-    b && /* @__PURE__ */ a("div", { className: "ttw:rounded-md ttw:border ttw:border-border ttw:p-4", children: [
-      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.totalBalanceLabel }),
-      /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-2xl ttw:font-semibold ttw:text-foreground", children: b })
-    ] }),
-    r && /* @__PURE__ */ a(
-      "div",
+  const e = { ...H, ...n };
+  return /* @__PURE__ */ l("section", { className: "ttw:w-full", "data-testid": m, children: [
+    /* @__PURE__ */ a(
+      V,
+      {
+        labels: e,
+        open: h,
+        form: k,
+        legalCopy: L,
+        accessRows: f,
+        isTeamMembersLoading: w,
+        isTeamMembersError: D,
+        isSubmitDisabled: E,
+        isSubmitting: N,
+        isError: S,
+        hasNicknameError: B,
+        onOpenChange: y,
+        onFormChange: x,
+        onSubmit: v
+      }
+    ),
+    /* @__PURE__ */ a(
+      U,
       {
-        "aria-label": e.loadingLabel,
-        className: "ttw:space-y-3 ttw:rounded-md ttw:border ttw:border-border ttw:p-4",
-        children: [
-          /* @__PURE__ */ t(u, { height: 22, width: "45%" }),
-          /* @__PURE__ */ t(u, { height: 44, width: "100%" }),
-          /* @__PURE__ */ t(u, { height: 44, width: "100%" })
-        ]
+        labels: e,
+        title: c,
+        bankDisplayName: d,
+        bankLogoSrc: b,
+        bankLogoAlt: p,
+        availableBalanceLabel: u,
+        shouldDisplayAvailableBalance: g,
+        isBankingTaglineVisible: C
       }
     ),
-    !r && m && /* @__PURE__ */ t("div", { className: "ttw:rounded-md ttw:border ttw:border-destructive/30 ttw:p-4 ttw:text-sm ttw:text-destructive", children: e.errorTitle }),
-    !r && !m && o.length === 0 && /* @__PURE__ */ a("div", { className: "ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:p-8 ttw:text-center", children: [
-      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.emptyTitle }),
-      /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription })
-    ] }),
-    !r && !m && o.length > 0 && /* @__PURE__ */ a(B, { children: [
-      /* @__PURE__ */ t(D, { children: /* @__PURE__ */ a(p, { children: [
-        /* @__PURE__ */ t(s, { children: e.accountColumn }),
-        /* @__PURE__ */ t(s, { children: e.balanceColumn }),
-        /* @__PURE__ */ t(s, { children: e.statusColumn }),
-        /* @__PURE__ */ t(s, { className: "ttw:text-right", children: e.detailsButton })
-      ] }) }),
-      /* @__PURE__ */ t(T, { children: o.map((l) => /* @__PURE__ */ a(p, { children: [
-        /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t("div", { className: "ttw:font-medium ttw:text-foreground", children: l.title }),
-          /* @__PURE__ */ t("div", { className: "ttw:text-xs ttw:text-muted-foreground", children: l.subtitle }),
-          /* @__PURE__ */ t("dl", { className: "ttw:mt-2 ttw:flex ttw:flex-wrap ttw:gap-x-4 ttw:gap-y-1", children: l.detailLines.map((h) => /* @__PURE__ */ a("div", { className: "ttw:text-xs", children: [
-            /* @__PURE__ */ t("dt", { className: "ttw:inline ttw:text-muted-foreground", children: h.label }),
-            /* @__PURE__ */ t("dd", { className: "ttw:ml-1 ttw:inline ttw:text-foreground", children: h.value })
-          ] }, h.label)) })
-        ] }),
-        /* @__PURE__ */ t(c, { className: "ttw:font-medium", children: l.balanceLabel }),
-        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(S, { variant: "outline", children: l.statusLabel }) }),
-        /* @__PURE__ */ t(c, { className: "ttw:text-right", children: /* @__PURE__ */ t(
-          d,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => L(l.id),
-            children: e.detailsButton
-          }
-        ) })
-      ] }, l.id)) })
-    ] }),
-    /* @__PURE__ */ t(F, { open: C, onOpenChange: w, children: /* @__PURE__ */ a(E, { children: [
-      /* @__PURE__ */ a(A, { children: [
-        /* @__PURE__ */ t(j, { children: e.createTitle }),
-        /* @__PURE__ */ t(H, { children: e.createDescription })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "ttw:space-y-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-          /* @__PURE__ */ t(x, { htmlFor: "bank-account-nickname", children: e.nicknameLabel }),
-          /* @__PURE__ */ t(
-            f,
-            {
-              id: "bank-account-nickname",
-              disabled: n,
-              value: i.nickname,
-              onChange: (l) => g({
-                ...i,
-                nickname: l.target.value
-              })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-          /* @__PURE__ */ t(x, { htmlFor: "bank-account-reference", children: e.referenceLabel }),
-          /* @__PURE__ */ t(
-            f,
-            {
-              id: "bank-account-reference",
-              disabled: n,
-              value: i.reference,
-              onChange: (l) => g({
-                ...i,
-                reference: l.target.value
-              })
-            }
-          )
-        ] })
-      ] }),
-      v && /* @__PURE__ */ t(
-        "div",
+    A ? /* @__PURE__ */ a(O, { className: "ttw:mb-4", children: e.errorTitle }) : null,
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-wrap ttw:gap-6", children: [
+      i ? /* @__PURE__ */ l(M, { children: [
+        /* @__PURE__ */ a(o, {}),
+        /* @__PURE__ */ a(o, {})
+      ] }) : null,
+      !i && r.length === 0 && !t ? /* @__PURE__ */ a("p", { className: "ttw:font-medium", children: e.emptyAccountsLabel }) : null,
+      i ? null : r.map((s) => /* @__PURE__ */ a(j, { labels: e, card: s }, s.id)),
+      !i && t ? /* @__PURE__ */ a(
+        R,
         {
-          role: "alert",
-          className: "ttw:rounded-md ttw:border ttw:border-destructive/30 ttw:p-3 ttw:text-sm ttw:text-destructive",
-          children: e.createErrorTitle
+          labels: e,
+          disabled: T,
+          onClick: F
         }
-      ),
-      /* @__PURE__ */ a(O, { children: [
-        /* @__PURE__ */ t(
-          d,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: () => w(!1),
-            children: e.cancelButton
-          }
-        ),
-        /* @__PURE__ */ t(
-          d,
-          {
-            type: "button",
-            loading: k,
-            disabled: n,
-            onClick: y,
-            children: e.submitButton
-          }
-        )
-      ] })
-    ] }) })
+      ) : null
+    ] })
   ] });
 }
 export {
-  P as BankAccountsWidgetUi
+  Y as BankAccountsWidgetUi
 };

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

@@ -1,24 +1,38 @@
-const e = {
-  title: "Bank accounts",
-  description: "View account balances and open a new account.",
-  totalBalanceLabel: "Total balance",
-  createButton: "Create account",
-  createTitle: "Create account",
-  createDescription: "Add a nickname for the account.",
-  nicknameLabel: "Nickname",
-  referenceLabel: "Reference",
-  cancelButton: "Cancel",
-  submitButton: "Create",
+const t = {
+  title: "Accounts",
+  bankingTaglinePrefix: "Business Banking provided by",
+  availableBalanceLabel: "Available balance",
+  availableBalanceTooltip: "Available balance is the amount of money you can currently spend, withdraw, or transfer. It reflects your most up-to-date balance, and is used to determine if you have sufficient funds for new transactions.",
+  accountNumberLabel: "Account number",
+  routingNumberLabel: "Routing number",
+  addAccountButton: "Add account",
+  emptyAccountsLabel: "No accounts found.",
+  createDialogTitle: "Create an account",
+  createDialogSubtitle: "This will create a new account with its own account number",
+  createNicknameLabel: "Account nickname",
+  createNicknameRequiredError: "Nickname cannot be empty.",
+  createLegalTemplate: "The bank services are provided by {bankName}. By opening a {vspName} deposit account, you agree to {bankName}'s {agreementLink}.",
+  createLegalAgreementLink: "Deposit Agreement",
+  createTeamAccessHeading: "Team member access",
+  createDialogCloseAriaLabel: "Close",
+  createCancelButton: "Cancel",
+  createSubmitButton: "Create account",
+  teamMembersLoadingLabel: "Loading team members",
+  teamMembersErrorTitle: "Unable to load team members.",
+  teamMembersEmptyLabel: "No team members found.",
+  teamMemberAccessTooltip: "Role information",
+  toggleAccountNumberVisibility: "Toggle account number visibility",
+  copyAccountNumber: "Copy account number",
+  copyRoutingNumber: "Copy routing number",
+  copiedLabel: "Copied",
+  openAccountAriaLabel: "Open account details",
   loadingLabel: "Loading accounts",
-  errorTitle: "Unable to load accounts",
-  createErrorTitle: "Unable to create account",
-  emptyTitle: "No accounts yet",
-  emptyDescription: "Create an account to start moving money.",
-  accountColumn: "Account",
-  balanceColumn: "Balance",
-  statusColumn: "Status",
-  detailsButton: "Details"
+  errorTitle: "Unable to load accounts."
 };
+function n(e, a = t) {
+  return `${a.openAccountAriaLabel}: ${e}`;
+}
 export {
-  e as DEFAULT_LABELS
+  t as DEFAULT_LABELS,
+  n as formatOpenAccountAriaLabel
 };