@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

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

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

@@ -1,85 +1,65 @@
-function p(t) {
-  return t.filter((e) => {
-    const o = e.status?.toUpperCase() ?? "";
-    return !!e.key.trim() && (o === "ACTIVE" || o === "");
-  }).map((e) => ({
-    key: e.key.trim(),
-    name: e.name,
-    description: e.description?.trim() || e.name
-  }));
+"use client";
+"use client";
+"use client";
+"use client";
+import { EmbeddedToaster as e } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { WIDGET_NAME as n } from "./index2.js";
+import { BankAccountsWidgetUi as r } from "../../ui/dist/index6.js";
+import "../../ui/dist/index.js";
+import { useBankAccountsWidget as i } from "./index7.js";
+import { AccountDetailsWidget as a } from "../../account-details/feature/dist/index8.js";
+import "../../account-details/feature/dist/index.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js
+function l({ labels: t, accountDetailsLabels: n, featureLabels: l, isBankingTaglineVisible: u, bankLogoSrc: d, bankLogoAlt: f, depositAgreementUrl: p, bankAddress: m, supportTeamUrl: h, "data-testid": g, selectedAccountId: _, defaultSelectedAccountId: v, onSelectedAccountIdChange: y }) {
+	let b = i({
+		labels: t,
+		featureLabels: l,
+		isBankingTaglineVisible: u,
+		bankLogoSrc: d,
+		bankLogoAlt: f,
+		depositAgreementUrl: p,
+		"data-testid": g,
+		selectedAccountId: _,
+		defaultSelectedAccountId: v,
+		onSelectedAccountIdChange: y
+	});
+	if (b.selectedAccountId) return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(e, {}), /* @__PURE__ */ s(a, {
+		accountId: b.selectedAccountId,
+		labels: n,
+		featureLabels: l,
+		isBankingTaglineVisible: b.isBankingTaglineVisible,
+		bankLogoSrc: b.bankLogoSrc,
+		bankLogoAlt: f,
+		bankAddress: m,
+		supportTeamUrl: h,
+		onBack: () => b.onSelectAccount(null)
+	}, b.selectedAccountId)] });
+	let { selectedAccountId: x, onSelectAccount: S, ...C } = b;
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(e, {}), /* @__PURE__ */ s(r, {
+		labels: t,
+		accountCardTestId: "bank-accounts-widget-account-card",
+		...C
+	})] });
 }
-function a(t, e) {
-  const o = e?.trim() ?? "";
-  if (!o)
-    return;
-  const n = o.toLowerCase(), r = t.find(
-    (s) => s.key.toLowerCase() === n
-  );
-  if (r)
-    return r.key;
-  const i = t.find(
-    (s) => s.name.toLowerCase() === n
-  );
-  if (i)
-    return i.key;
+function u({ baseUrl: e, widgetToken: r, organizationId: i, configClient: a, linkComponent: o, implementation: c, uiFramework: u, errorFallback: d, onError: f, analytics: p, ...m }) {
+	return /* @__PURE__ */ s(t, {
+		widgetName: n,
+		baseUrl: e,
+		widgetToken: r,
+		organizationId: i,
+		configClient: a,
+		linkComponent: o,
+		implementation: c,
+		uiFramework: u,
+		errorFallback: d,
+		onError: f,
+		analytics: p,
+		children: /* @__PURE__ */ s(l, { ...m })
+	});
 }
-function c(t, e) {
-  const o = a(t, e);
-  if (o)
-    return t.find(
-      (n) => n.key.toLowerCase() === o.toLowerCase()
-    )?.name;
-}
-function d(t, e) {
-  const o = a(t, e);
-  if (o)
-    return t.find(
-      (n) => n.key.toLowerCase() === o.toLowerCase()
-    )?.description;
-}
-function l(t) {
-  const e = t?.trim().toLowerCase() ?? "", o = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
-  return o === "admin" || o === "administrator";
-}
-function m(t) {
-  return t.trim() ? t.split("_").filter(Boolean).map((e) => e.length <= 3 && e === e.toUpperCase() ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(" ") : "";
-}
-function u(t, e) {
-  return t.map((o) => {
-    const n = o.role ?? "", r = a(e, n) || n.trim(), i = c(e, n) || m(r), s = d(e, n) ?? "";
-    return {
-      id: o.id,
-      name: o.name,
-      role: i,
-      roleDescription: s,
-      locked: l(r) || l(n)
-    };
-  });
-}
-function f(t, {
-  selectedUserIds: e,
-  disabled: o,
-  fallbackTooltip: n,
-  onUserToggle: r
-}) {
-  return t.map((i) => ({
-    key: i.id,
-    name: i.name,
-    role: i.role,
-    roleTooltip: i.roleDescription || n,
-    checked: i.locked || e.includes(i.id),
-    disabled: o || i.locked,
-    onToggle: (s) => {
-      o || i.locked || r(i.id, s);
-    }
-  }));
-}
-export {
-  l as isAdminRoleKey,
-  d as resolveOrganizationRoleDescription,
-  c as resolveOrganizationRoleDisplayName,
-  a as resolveOrganizationRoleKey,
-  f as toAccessRows,
-  p as toOrganizationRoleOptions,
-  u as toTeamMembers
-};
+//#endregion
+export { u as BankAccountsWidget, u as default };

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

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

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

@@ -0,0 +1,3 @@
+import { DEFAULT_LABELS as e } from "./index2.js";
+import { BankAccountsWidgetUi as t } from "./index6.js";
+export { t as BankAccountsWidgetUi, e as DEFAULT_LABELS };

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

@@ -1,108 +1,38 @@
-"use client";
-import { jsxs as l, jsx as a, Fragment as I } 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 "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { AccountCard as j, AddAccountCard as Q } from "./index4.js";
-import { BankingHeader as R, AccountCardSkeleton as o } from "./index5.js";
-import { CreateAccountDialog as U } from "./index6.js";
-import { DEFAULT_LABELS as V } from "./index3.js";
-function Z({
-  labels: n,
-  "data-testid": m,
-  title: c,
-  bankDisplayName: d,
-  bankLogoSrc: b,
-  bankLogoAlt: p,
-  availableBalanceLabel: u,
-  shouldDisplayAvailableBalance: g,
-  isBankingTaglineVisible: C,
-  accountCards: r,
-  accountCardTestId: A,
-  shouldDisplayAddAccountCard: t,
-  isLoading: i,
-  isError: h,
-  isCreateOpen: k,
-  createForm: f,
-  legalCopy: L,
-  accessRows: w,
-  isTeamMembersLoading: D,
-  isTeamMembersError: E,
-  isCreateSubmitDisabled: S,
-  isCreateError: T,
-  hasNicknameError: B,
-  isSubmitting: N,
-  isCreateDisabled: y,
-  onCreateOpenChange: v,
-  onCreateFormChange: x,
-  onCreateSubmit: F,
-  onAddAccountClick: M
-}) {
-  const e = { ...V, ...n };
-  return /* @__PURE__ */ l("section", { className: "ttw:w-full", "data-testid": m, children: [
-    /* @__PURE__ */ a(
-      U,
-      {
-        labels: e,
-        open: k,
-        form: f,
-        legalCopy: L,
-        accessRows: w,
-        isTeamMembersLoading: D,
-        isTeamMembersError: E,
-        isSubmitDisabled: S,
-        isSubmitting: N,
-        isError: T,
-        hasNicknameError: B,
-        onOpenChange: v,
-        onFormChange: x,
-        onSubmit: F
-      }
-    ),
-    /* @__PURE__ */ a(
-      R,
-      {
-        labels: e,
-        title: c,
-        bankDisplayName: d,
-        bankLogoSrc: b,
-        bankLogoAlt: p,
-        availableBalanceLabel: u,
-        shouldDisplayAvailableBalance: g,
-        isBankingTaglineVisible: C
-      }
-    ),
-    h ? /* @__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(I, { 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,
-          testId: A
-        },
-        s.id
-      )),
-      !i && t ? /* @__PURE__ */ a(
-        Q,
-        {
-          labels: e,
-          disabled: y,
-          onClick: M
-        }
-      ) : null
-    ] })
-  ] });
-}
-export {
-  Z as BankAccountsWidgetUi
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index2.js
+var e = {
+	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}.",
+	createLegalTemplateWithoutAgreement: "The bank services are provided by {bankName}.",
+	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."
 };
+function t(t, n = e) {
+	return `${n.openAccountAriaLabel}: ${t}`;
+}
+//#endregion
+export { e as DEFAULT_LABELS, t as formatOpenAccountAriaLabel };

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

@@ -1,39 +1,102 @@
-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}.",
-  createLegalTemplateWithoutAgreement: "The bank services are provided by {bankName}.",
-  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."
-};
-function n(e, a = t) {
-  return `${a.openAccountAriaLabel}: ${e}`;
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { formatOpenAccountAriaLabel as t } from "./index2.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { CheckCircle2Icon as i, CopyIcon as a, EyeIcon as o, EyeOffIcon as s, PlusIcon as c } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index3.js
+var l = "ttw:absolute ttw:inset-0 ttw:z-0 ttw:cursor-pointer ttw:rounded-xl ttw:border-0 ttw:bg-transparent ttw:outline-none focus-visible:ttw:ring-2 focus-visible:ttw:ring-ring focus-visible:ttw:ring-offset-2", u = "ttw:pointer-events-auto ttw:relative ttw:z-10 ttw:size-7 ttw:text-primary";
+function d({ labels: c, card: d, testId: f }) {
+	return /* @__PURE__ */ r("article", {
+		"data-testid": f,
+		className: "ttw:relative ttw:flex ttw:h-[214px] ttw:w-80 ttw:cursor-pointer ttw:flex-col ttw:gap-3 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:transition-[border-color,box-shadow] ttw:duration-200 ttw:hover:border-primary ttw:hover:shadow-md",
+		children: [/* @__PURE__ */ n("button", {
+			type: "button",
+			className: l,
+			"aria-label": t(d.name, c),
+			onClick: d.onSelect
+		}), /* @__PURE__ */ r("div", {
+			className: "ttw:pointer-events-none ttw:relative ttw:z-10 ttw:flex ttw:min-h-0 ttw:flex-1 ttw:flex-col ttw:gap-3",
+			children: [
+				/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("p", {
+					className: "ttw:truncate ttw:text-base ttw:font-bold ttw:text-foreground",
+					children: d.name
+				}), /* @__PURE__ */ n("p", {
+					className: "ttw:truncate ttw:text-2xl ttw:font-bold ttw:text-primary",
+					children: d.balanceLabel
+				})] }),
+				/* @__PURE__ */ r("div", {
+					className: "ttw:space-y-1",
+					children: [/* @__PURE__ */ n("p", {
+						className: "ttw:text-xs ttw:text-muted-foreground",
+						children: c.accountNumberLabel
+					}), /* @__PURE__ */ r("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [
+							/* @__PURE__ */ n("span", {
+								className: "ttw:text-sm ttw:tracking-widest",
+								children: d.isAccountNumberVisible ? d.accountNumberLabel : d.maskedAccountNumberLabel
+							}),
+							/* @__PURE__ */ n(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: u,
+								"aria-label": c.toggleAccountNumberVisibility,
+								onClick: d.onToggleAccountNumberVisibility,
+								children: d.isAccountNumberVisible ? /* @__PURE__ */ n(s, { className: "ttw:size-4" }) : /* @__PURE__ */ n(o, { className: "ttw:size-4" })
+							}),
+							/* @__PURE__ */ n(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: u,
+								"aria-label": c.copyAccountNumber,
+								onClick: d.onCopyAccountNumber,
+								children: d.isAccountNumberCopied ? /* @__PURE__ */ n(i, { className: "ttw:size-4" }) : /* @__PURE__ */ n(a, { className: "ttw:size-4" })
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "ttw:space-y-1",
+					children: [/* @__PURE__ */ n("p", {
+						className: "ttw:text-xs ttw:text-muted-foreground",
+						children: c.routingNumberLabel
+					}), /* @__PURE__ */ r("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [/* @__PURE__ */ n("span", {
+							className: "ttw:text-sm",
+							children: d.routingNumberLabel
+						}), /* @__PURE__ */ n(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							className: u,
+							"aria-label": c.copyRoutingNumber,
+							onClick: d.onCopyRoutingNumber,
+							children: d.isRoutingNumberCopied ? /* @__PURE__ */ n(i, { className: "ttw:size-4" }) : /* @__PURE__ */ n(a, { className: "ttw:size-4" })
+						})]
+					})]
+				})
+			]
+		})]
+	});
 }
-export {
-  t as DEFAULT_LABELS,
-  n as formatOpenAccountAriaLabel
-};
+function f({ labels: t, disabled: i, onClick: a }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:h-[214px] ttw:w-80 ttw:items-center ttw:justify-center ttw:rounded-xl ttw:border ttw:border-dashed ttw:border-primary ttw:bg-card ttw:p-4",
+		children: /* @__PURE__ */ r(e, {
+			type: "button",
+			variant: "outline",
+			className: "ttw:rounded-xl ttw:border-primary ttw:text-primary",
+			disabled: i,
+			onClick: a,
+			children: [/* @__PURE__ */ n(c, { className: "ttw:size-4" }), t.addAccountButton]
+		})
+	});
+}
+//#endregion
+export { d as AccountCard, f as AddAccountCard };