@tesouro/embedded-components-react 0.2.32 → 0.2.33

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

@@ -1,186 +1,209 @@
 "use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Button as s, Badge as x, Skeleton as h, Tabs as O, TabsList as j, TabsTrigger as u, TabsContent as w, Table as T, TableHeader as C, TableRow as c, TableHead as n, TableBody as N, TableCell as l, Dialog as H, DialogContent as R, DialogHeader as U, DialogTitle as V, DialogDescription as _, Label as y, Input as L, DialogFooter as $ } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ArrowLeftIcon as z, PencilIcon as G } from "lucide-react";
-import { DEFAULT_LABELS as J } from "./index3.js";
-function K({
-  labels: D,
-  title: k,
-  subtitle: E,
-  statusLabel: b,
-  summaryItems: B,
-  transactionRows: p,
-  transferRows: f,
-  isLoading: o = !1,
-  isError: g = !1,
+import { jsxs as a, jsx as t, Fragment as Q } from "react/jsx-runtime";
+import { Skeleton as u, Typography as s, TooltipProvider as X, Tooltip as Y, TooltipTrigger as Z, TooltipContent as tt, Tabs as et, TabsList as at, TabsTrigger as l, TabsContent as r, Button as nt } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { HelpCircleIcon as it, ChevronLeftIcon as ot } from "lucide-react";
+import "react";
+import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as st } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { AccountDetailsPanel as lt } from "./index4.js";
+import { EditAccountDialog as rt, AccountActionsMenu as ct } from "./index5.js";
+import { StatementsPanel as mt } from "./index6.js";
+import { TransactionsTable as dt } from "./index7.js";
+import { DEFAULT_LABELS as bt } from "./index3.js";
+function vt({
+  labels: p,
+  title: w,
+  bankDisplayName: n,
+  bankLogoSrc: c,
+  bankLogoAlt: g,
+  balanceLabel: h,
+  isBankingTaglineVisible: N,
+  activeTab: y,
+  transactionRows: T,
+  accountNumberLabel: f,
+  maskedAccountNumberLabel: x,
+  routingNumberLabel: C,
+  bankAddressLabel: A,
+  wireAccountNumberLabel: L,
+  domesticWireIntroLabel: v,
+  domesticWireNoteLabel: k,
+  thingsToKnowBodyLabel: E,
+  supportTeamHref: B,
+  isAccountNumberVisible: m,
+  isAccountNumberCopied: D,
+  isRoutingNumberCopied: W,
+  isDomesticWireExpanded: P,
+  isLoading: i,
+  isError: o,
   isEditOpen: S,
-  isEditError: F = !1,
-  isEditDisabled: i = !1,
-  isSubmitting: P = !1,
-  editForm: d,
-  onBack: A,
-  onEditOpenChange: m,
-  onEditFormChange: v,
-  onEditSubmit: I
+  isEditDisabled: ut,
+  isEditError: R,
+  isSubmitting: V,
+  editForm: F,
+  canEdit: I,
+  onBack: j,
+  onTabChange: O,
+  onToggleAccountNumberVisibility: H,
+  onCopyAccountNumber: d,
+  onCopyRoutingNumber: b,
+  onCopyBankName: M,
+  onCopyBankAddress: z,
+  onDomesticWireExpandedChange: K,
+  onEditOpenChange: U,
+  onEditFormChange: _,
+  onEditSubmit: $,
+  onEditNicknameClick: q
 }) {
-  const e = { ...J, ...D };
-  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:flex ttw:min-w-0 ttw:gap-3", children: [
-        /* @__PURE__ */ a(s, { type: "button", variant: "ghost", size: "icon", onClick: A, children: [
-          /* @__PURE__ */ t(z, {}),
-          /* @__PURE__ */ t("span", { className: "ttw:sr-only", children: e.backButton })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2", children: [
-            /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: k }),
-            b && /* @__PURE__ */ t(x, { variant: "outline", children: b })
-          ] }),
-          /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: E })
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        s,
-        {
-          type: "button",
-          variant: "outline",
-          disabled: i,
-          onClick: () => m(!0),
-          children: [
-            /* @__PURE__ */ t(G, {}),
-            e.editButton
-          ]
-        }
-      )
-    ] }),
-    o && /* @__PURE__ */ a(
-      "div",
+  const e = { ...bt, ...p }, G = /* @__PURE__ */ a(
+    nt,
+    {
+      type: "button",
+      variant: "ghost",
+      className: "ttw:h-auto ttw:justify-start ttw:gap-1 ttw:px-0 ttw:py-1 ttw:has-[>svg]:px-0 ttw:text-sm ttw:font-medium ttw:leading-5 ttw:text-primary ttw:hover:bg-transparent",
+      onClick: j,
+      children: [
+        /* @__PURE__ */ t(ot, { className: "ttw:size-4" }),
+        e.backToAccounts
+      ]
+    }
+  );
+  return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-4", children: [
+    !i && !o ? /* @__PURE__ */ t(
+      rt,
       {
-        "aria-label": e.loadingLabel,
-        className: "ttw:space-y-3 ttw:rounded-md ttw:border ttw:border-border ttw:p-4",
-        children: [
-          /* @__PURE__ */ t(h, { height: 22, width: "45%" }),
-          /* @__PURE__ */ t(h, { height: 44, width: "100%" }),
-          /* @__PURE__ */ t(h, { height: 44, width: "100%" })
-        ]
+        labels: e,
+        open: S,
+        form: F,
+        isSubmitting: V,
+        isError: R,
+        onOpenChange: U,
+        onFormChange: _,
+        onSubmit: $
       }
-    ),
-    !o && g && /* @__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 }),
-    !o && !g && /* @__PURE__ */ a(O, { defaultValue: "summary", children: [
-      /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ t(u, { value: "summary", children: e.summaryTab }),
-        /* @__PURE__ */ t(u, { value: "transactions", children: e.transactionsTab }),
-        /* @__PURE__ */ t(u, { value: "transfers", children: e.transfersTab })
-      ] }),
-      /* @__PURE__ */ t(w, { value: "summary", children: /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:gap-3 ttw:sm:grid-cols-2", children: B.map((r) => /* @__PURE__ */ a(
-        "div",
+    ) : null,
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4", children: [
+      G,
+      !i && !o ? /* @__PURE__ */ t(
+        ct,
         {
-          className: "ttw:rounded-md ttw:border ttw:border-border ttw:p-4",
-          children: [
-            /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:text-muted-foreground", children: r.label }),
-            /* @__PURE__ */ t("dd", { className: "ttw:mt-1 ttw:text-sm ttw:font-medium ttw:text-foreground", children: r.value })
-          ]
-        },
-        r.label
-      )) }) }),
-      /* @__PURE__ */ t(w, { value: "transactions", children: p.length === 0 ? /* @__PURE__ */ t("div", { className: "ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:p-6 ttw:text-sm ttw:text-muted-foreground", children: e.emptyTransactions }) : /* @__PURE__ */ a(T, { children: [
-        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t(n, { children: e.descriptionColumn }),
-          /* @__PURE__ */ t(n, { children: e.dateColumn }),
-          /* @__PURE__ */ t(n, { children: e.amountColumn }),
-          /* @__PURE__ */ t(n, { children: e.balanceColumn })
-        ] }) }),
-        /* @__PURE__ */ t(N, { children: p.map((r) => /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t(l, { children: r.description }),
-          /* @__PURE__ */ t(l, { children: r.dateLabel }),
-          /* @__PURE__ */ t(l, { children: r.amountLabel }),
-          /* @__PURE__ */ t(l, { children: r.balanceLabel })
-        ] }, r.id)) })
-      ] }) }),
-      /* @__PURE__ */ t(w, { value: "transfers", children: f.length === 0 ? /* @__PURE__ */ t("div", { className: "ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:p-6 ttw:text-sm ttw:text-muted-foreground", children: e.emptyTransfers }) : /* @__PURE__ */ a(T, { children: [
-        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t(n, { children: e.routeColumn }),
-          /* @__PURE__ */ t(n, { children: e.dateColumn }),
-          /* @__PURE__ */ t(n, { children: e.amountColumn }),
-          /* @__PURE__ */ t(n, { children: e.statusColumn })
-        ] }) }),
-        /* @__PURE__ */ t(N, { children: f.map((r) => /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t(l, { children: r.routeLabel }),
-          /* @__PURE__ */ t(l, { children: r.dateLabel }),
-          /* @__PURE__ */ t(l, { children: r.amountLabel }),
-          /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(x, { variant: "outline", children: r.statusLabel }) })
-        ] }, r.id)) })
-      ] }) })
+          labels: e,
+          canEdit: I,
+          onEditNickname: q
+        }
+      ) : null
     ] }),
-    /* @__PURE__ */ t(H, { open: S, onOpenChange: m, children: /* @__PURE__ */ a(R, { children: [
-      /* @__PURE__ */ a(U, { children: [
-        /* @__PURE__ */ t(V, { children: e.editTitle }),
-        /* @__PURE__ */ t(_, { children: e.editDescription })
-      ] }),
+    i ? /* @__PURE__ */ a("div", { className: "ttw:space-y-4", "aria-label": e.loadingLabel, children: [
+      /* @__PURE__ */ t(u, { className: "ttw:h-10 ttw:w-64" }),
+      /* @__PURE__ */ t(u, { className: "ttw:h-64 ttw:w-full ttw:rounded-xl" })
+    ] }) : o ? /* @__PURE__ */ t(st, { children: e.errorTitle }) : /* @__PURE__ */ a(Q, { children: [
       /* @__PURE__ */ a("div", { className: "ttw:space-y-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-          /* @__PURE__ */ t(y, { htmlFor: "account-details-nickname", children: e.nicknameLabel }),
+        /* @__PURE__ */ a("div", { className: "ttw:space-y-0.5", children: [
           /* @__PURE__ */ t(
-            L,
+            s,
             {
-              id: "account-details-nickname",
-              disabled: i,
-              value: d.nickname,
-              onChange: (r) => v({
-                ...d,
-                nickname: r.target.value
-              })
+              variant: "h2",
+              component: "h1",
+              className: "ttw:leading-9 ttw:tracking-[-0.75px]",
+              children: w
             }
-          )
+          ),
+          N && n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1", children: [
+            /* @__PURE__ */ t(
+              s,
+              {
+                component: "span",
+                variant: "body2",
+                color: "muted",
+                className: "ttw:text-sm ttw:font-normal ttw:leading-5",
+                children: e.bankingTaglinePrefix
+              }
+            ),
+            c ? /* @__PURE__ */ t(
+              "img",
+              {
+                src: c,
+                alt: g ?? n,
+                className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
+              }
+            ) : /* @__PURE__ */ t(
+              s,
+              {
+                component: "span",
+                variant: "body2",
+                color: "muted",
+                className: "ttw:text-sm ttw:font-normal ttw:leading-5",
+                children: n
+              }
+            )
+          ] }) : null
         ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-          /* @__PURE__ */ t(y, { htmlFor: "account-details-reference", children: e.referenceLabel }),
-          /* @__PURE__ */ t(
-            L,
-            {
-              id: "account-details-reference",
-              disabled: i,
-              value: d.reference,
-              onChange: (r) => v({
-                ...d,
-                reference: r.target.value
-              })
-            }
-          )
+        /* @__PURE__ */ a("div", { className: "ttw:space-y-1.5", children: [
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-muted-foreground", children: [
+            /* @__PURE__ */ t("span", { children: e.availableBalanceLabel }),
+            /* @__PURE__ */ t(X, { children: /* @__PURE__ */ a(Y, { children: [
+              /* @__PURE__ */ t(
+                Z,
+                {
+                  type: "button",
+                  className: "ttw:inline-flex ttw:cursor-help",
+                  "aria-label": e.availableBalanceTooltip,
+                  children: /* @__PURE__ */ t(it, { className: "ttw:size-4" })
+                }
+              ),
+              /* @__PURE__ */ t(tt, { children: e.availableBalanceTooltip })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-4xl ttw:font-bold ttw:text-primary", children: h })
         ] })
       ] }),
-      F && /* @__PURE__ */ t(
-        "div",
+      /* @__PURE__ */ a(
+        et,
         {
-          role: "alert",
-          className: "ttw:rounded-md ttw:border ttw:border-destructive/30 ttw:p-3 ttw:text-sm ttw:text-destructive",
-          children: e.editErrorTitle
+          value: y,
+          onValueChange: (J) => O(J),
+          className: "ttw:gap-4",
+          children: [
+            /* @__PURE__ */ a(at, { children: [
+              /* @__PURE__ */ t(l, { value: "transactions", children: e.transactionsTab }),
+              /* @__PURE__ */ t(l, { value: "statements", children: e.statementsTab }),
+              /* @__PURE__ */ t(l, { value: "details", children: e.detailsTab })
+            ] }),
+            /* @__PURE__ */ t(r, { value: "transactions", children: /* @__PURE__ */ t(dt, { labels: e, rows: T }) }),
+            /* @__PURE__ */ t(r, { value: "statements", children: /* @__PURE__ */ t(mt, { labels: e }) }),
+            /* @__PURE__ */ t(r, { value: "details", children: /* @__PURE__ */ t(
+              lt,
+              {
+                labels: e,
+                routingNumberLabel: C,
+                accountNumberDisplayLabel: m ? f : x,
+                wireAccountNumberLabel: L,
+                bankNameLabel: n,
+                bankAddressLabel: A,
+                domesticWireIntroLabel: v,
+                domesticWireNoteLabel: k,
+                thingsToKnowBodyLabel: E,
+                supportTeamHref: B,
+                isAccountNumberVisible: m,
+                isAccountNumberCopied: D,
+                isRoutingNumberCopied: W,
+                isDomesticWireExpanded: P,
+                onDomesticWireExpandedChange: K,
+                onToggleAccountNumberVisibility: H,
+                onCopyAccountNumber: d,
+                onCopyRoutingNumber: b,
+                onCopyWireAccountNumber: d,
+                onCopyWireRoutingNumber: b,
+                onCopyBankName: M,
+                onCopyBankAddress: z
+              }
+            ) })
+          ]
         }
-      ),
-      /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ t(
-          s,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: () => m(!1),
-            children: e.cancelButton
-          }
-        ),
-        /* @__PURE__ */ t(
-          s,
-          {
-            type: "button",
-            loading: P,
-            disabled: i,
-            onClick: I,
-            children: e.saveButton
-          }
-        )
-      ] })
-    ] }) })
+      )
+    ] })
   ] });
 }
 export {
-  K as AccountDetailsWidgetUi
+  vt as AccountDetailsWidgetUi
 };

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

@@ -1,27 +1,44 @@
-const t = {
-  backButton: "Back",
-  editButton: "Edit",
-  editTitle: "Edit account",
-  editDescription: "Update the display values for this account.",
-  nicknameLabel: "Nickname",
-  referenceLabel: "Reference",
-  cancelButton: "Cancel",
-  saveButton: "Save",
-  loadingLabel: "Loading account",
-  errorTitle: "Unable to load account",
-  editErrorTitle: "Unable to save account",
-  summaryTab: "Summary",
+const e = {
+  backToAccounts: "Back to Accounts",
+  bankingTaglinePrefix: "Business banking provided by",
+  availableBalanceLabel: "Available balance",
+  availableBalanceTooltip: "Available balance is the amount of money you can currently spend, withdraw, or transfer.",
   transactionsTab: "Transactions",
-  transfersTab: "Transfers",
-  emptyTransactions: "No transactions to show.",
-  emptyTransfers: "No transfers to show.",
-  descriptionColumn: "Description",
-  dateColumn: "Date",
-  amountColumn: "Amount",
-  balanceColumn: "Balance",
-  routeColumn: "Route",
-  statusColumn: "Status"
+  statementsTab: "Statements",
+  detailsTab: "Details",
+  noTransactionsLabel: "No transactions found",
+  transactionDateColumn: "Date",
+  transactionDescriptionColumn: "Description",
+  transactionAmountColumn: "Amount",
+  transactionBalanceColumn: "Balance",
+  noStatementsLabel: "No statements available",
+  editAccountMenuItem: "Edit account nickname",
+  editDialogTitle: "Edit account settings",
+  editNicknameLabel: "Account nickname",
+  editDialogCloseAriaLabel: "Close",
+  editCancelButton: "Cancel",
+  editSaveButton: "Save account",
+  editErrorTitle: "Unable to update account.",
+  detailsSectionTitle: "Account Details",
+  receiveMoneySectionTitle: "Receive Money",
+  domesticWireTitle: "Domestic Wire",
+  domesticWireIntro: "To receive an incoming domestic wire transfer to your {bankName} account, please provide the following information to the individual or business that is sending the wire:",
+  domesticWireNote: "Note: To ensure the payment arrives successfully, it is very important the payments are made to either the business name, beneficial owner(s), or any doing business as (DBA) as it appears in {bankName}.",
+  wireDetailsSectionTitle: "Account details",
+  bankNameLabel: "Bank name (if required)",
+  bankAddressLabel: "Bank address (if required)",
+  thingsToKnowHeading: "Things to know:",
+  thingsToKnowBody: "You will not be charged to receive wires with {bankName}.",
+  supportQuestionsPrefix: "Questions? Get in touch with our",
+  supportTeamLink: "Support Team",
+  routingNumberLabel: "Routing number",
+  accountNumberLabel: "Account number",
+  copyLabel: "Copy",
+  copiedLabel: "Copied",
+  toggleAccountNumberVisibility: "Toggle account number visibility",
+  loadingLabel: "Loading account details",
+  errorTitle: "Unable to load account details."
 };
 export {
-  t as DEFAULT_LABELS
+  e as DEFAULT_LABELS
 };

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

@@ -0,0 +1,201 @@
+"use client";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Separator as R, Button as r, Accordion as W, AccordionItem as I, AccordionTrigger as D, AccordionContent as V } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EyeOffIcon as B, EyeIcon as E, CheckCircle2Icon as m, CopyIcon as w } from "lucide-react";
+function o({
+  label: e,
+  value: i,
+  isCopied: l,
+  copyAriaLabel: s,
+  onCopy: n,
+  trailingActions: c
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:space-y-1", children: [
+    /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: i }),
+      c,
+      /* @__PURE__ */ t(
+        r,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "ttw:size-7 ttw:text-primary",
+          "aria-label": s,
+          onClick: n,
+          children: l ? /* @__PURE__ */ t(m, { className: "ttw:size-4" }) : /* @__PURE__ */ t(w, { className: "ttw:size-4" })
+        }
+      )
+    ] })
+  ] });
+}
+function P({
+  labels: e,
+  routingNumberLabel: i,
+  accountNumberDisplayLabel: l,
+  wireAccountNumberLabel: s,
+  bankNameLabel: n,
+  bankAddressLabel: c,
+  domesticWireIntroLabel: p,
+  domesticWireNoteLabel: b,
+  thingsToKnowBodyLabel: u,
+  supportTeamHref: d,
+  isAccountNumberVisible: N,
+  isAccountNumberCopied: y,
+  isRoutingNumberCopied: h,
+  isDomesticWireExpanded: g,
+  onDomesticWireExpandedChange: x,
+  onToggleAccountNumberVisibility: f,
+  onCopyAccountNumber: L,
+  onCopyRoutingNumber: C,
+  onCopyWireAccountNumber: A,
+  onCopyWireRoutingNumber: v,
+  onCopyBankName: k,
+  onCopyBankAddress: z
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:space-y-6", children: [
+    /* @__PURE__ */ a("section", { className: "ttw:space-y-4", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-lg ttw:font-bold ttw:text-primary", children: e.detailsSectionTitle }),
+      /* @__PURE__ */ t(R, { className: "ttw:bg-border" }),
+      /* @__PURE__ */ a("div", { className: "ttw:space-y-4", children: [
+        /* @__PURE__ */ t(
+          o,
+          {
+            label: e.routingNumberLabel,
+            value: i,
+            isCopied: h,
+            copyAriaLabel: e.copyLabel,
+            onCopy: C
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "ttw:space-y-1", children: [
+          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.accountNumberLabel }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { className: "ttw:font-medium ttw:tracking-widest", children: l }),
+            /* @__PURE__ */ t(
+              r,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "ttw:size-7 ttw:text-primary",
+                "aria-label": e.toggleAccountNumberVisibility,
+                onClick: f,
+                children: N ? /* @__PURE__ */ t(B, { className: "ttw:size-4" }) : /* @__PURE__ */ t(E, { className: "ttw:size-4" })
+              }
+            ),
+            /* @__PURE__ */ t(
+              r,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "ttw:size-7 ttw:text-primary",
+                "aria-label": e.copyLabel,
+                onClick: L,
+                children: y ? /* @__PURE__ */ t(m, { className: "ttw:size-4" }) : /* @__PURE__ */ t(w, { className: "ttw:size-4" })
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("section", { className: "ttw:space-y-3", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-lg ttw:font-bold ttw:text-primary", children: e.receiveMoneySectionTitle }),
+      /* @__PURE__ */ t(
+        W,
+        {
+          type: "single",
+          collapsible: !0,
+          value: g ? "domestic-wire" : "",
+          onValueChange: (T) => x(T === "domestic-wire"),
+          className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border",
+          children: /* @__PURE__ */ a(I, { value: "domestic-wire", className: "ttw:border-0", children: [
+            /* @__PURE__ */ t(
+              D,
+              {
+                iconPosition: "left",
+                className: "ttw:cursor-pointer ttw:bg-white ttw:px-4 ttw:py-3 ttw:font-medium ttw:hover:no-underline data-[state=closed]:rounded-xl data-[state=open]:rounded-t-xl data-[state=open]:rounded-b-none",
+                children: e.domesticWireTitle
+              }
+            ),
+            /* @__PURE__ */ a(V, { className: "ttw:space-y-4 ttw:rounded-t-xl ttw:rounded-b-xl ttw:bg-[#F8F9FA] ttw:px-4 ttw:pt-4 ttw:pb-4", children: [
+              /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-foreground", children: p }),
+              /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-foreground", children: b }),
+              /* @__PURE__ */ a("div", { className: "ttw:space-y-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4", children: [
+                /* @__PURE__ */ t("p", { className: "ttw:font-medium", children: e.wireDetailsSectionTitle }),
+                /* @__PURE__ */ t(
+                  o,
+                  {
+                    label: e.accountNumberLabel,
+                    value: s,
+                    copyAriaLabel: e.copyLabel,
+                    onCopy: A
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  o,
+                  {
+                    label: e.routingNumberLabel,
+                    value: i,
+                    copyAriaLabel: e.copyLabel,
+                    onCopy: v
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  o,
+                  {
+                    label: e.bankNameLabel,
+                    value: n,
+                    copyAriaLabel: e.copyLabel,
+                    onCopy: k
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  o,
+                  {
+                    label: e.bankAddressLabel,
+                    value: c,
+                    copyAriaLabel: e.copyLabel,
+                    onCopy: z
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("p", { className: "ttw:text-sm ttw:text-foreground", children: [
+                /* @__PURE__ */ t("span", { className: "ttw:font-semibold", children: e.thingsToKnowHeading }),
+                " ",
+                u
+              ] }),
+              d ? /* @__PURE__ */ a("p", { className: "ttw:text-sm ttw:text-foreground", children: [
+                e.supportQuestionsPrefix,
+                " ",
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    variant: "link",
+                    asChild: !0,
+                    className: "ttw:h-auto ttw:p-0 ttw:text-sm ttw:font-normal",
+                    children: /* @__PURE__ */ t(
+                      "a",
+                      {
+                        href: d,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: e.supportTeamLink
+                      }
+                    )
+                  }
+                ),
+                "."
+              ] }) : null
+            ] })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  P as AccountDetailsPanel
+};