@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

@@ -1,250 +1,190 @@
 "use client";
-import { jsxs as a, Fragment as u, jsx as t } from "react/jsx-runtime";
-import { Skeleton as w, Typography as s, TooltipProvider as ct, Tooltip as dt, TooltipTrigger as mt, TooltipContent as pt, Tabs as bt, TabsList as ut, TabsTrigger as r, TabsContent as l, Button as wt } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import { HelpCircleIcon as gt, ChevronLeftIcon as ht } from "lucide-react";
-import "react";
-import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as Nt } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { AccountDetailsPanel as xt } from "./index4.js";
-import { EditAccountDialog as Et, AccountActionsMenu as Ct } from "./index5.js";
-import { ExportTransactionsDialog as Dt } from "./index6.js";
-import { StatementsPanel as Tt } from "./index7.js";
-import { TransactionsTable as yt } from "./index8.js";
-import { DEFAULT_LABELS as ft } from "./index3.js";
-function zt({
-  labels: g,
-  title: h,
-  bankDisplayName: n,
-  bankLogoSrc: c,
-  bankLogoAlt: N,
-  balanceLabel: x,
-  isBankingTaglineVisible: E,
-  activeTab: C,
-  transactionRows: D,
-  showExport: T,
-  isExportOpen: y,
-  exportStartDate: f,
-  exportEndDate: A,
-  isExportDownloading: L,
-  isExportDownloadDisabled: v,
-  disabledExportStartDates: k,
-  disabledExportEndDates: B,
-  accountNumberLabel: S,
-  maskedAccountNumberLabel: W,
-  routingNumberLabel: O,
-  bankAddressLabel: R,
-  wireAccountNumberLabel: F,
-  domesticWireIntroLabel: M,
-  domesticWireNoteLabel: V,
-  thingsToKnowBodyLabel: j,
-  supportTeamHref: I,
-  isAccountNumberVisible: d,
-  isAccountNumberCopied: P,
-  isRoutingNumberCopied: z,
-  isDomesticWireExpanded: H,
-  isLoading: o,
-  isError: i,
-  isEditOpen: K,
-  isEditDisabled: At,
-  isEditError: U,
-  isSubmitting: _,
-  editForm: $,
-  canEdit: q,
-  onBack: G,
-  onTabChange: J,
-  onToggleAccountNumberVisibility: Q,
-  onCopyAccountNumber: m,
-  onCopyRoutingNumber: p,
-  onCopyBankName: X,
-  onCopyBankAddress: Y,
-  onDomesticWireExpandedChange: Z,
-  onEditOpenChange: tt,
-  onEditFormChange: et,
-  onEditSubmit: at,
-  onEditNicknameClick: nt,
-  onExportOpenChange: b,
-  onExportStartDateChange: ot,
-  onExportEndDateChange: it,
-  onExportDownload: st
-}) {
-  const e = { ...ft, ...g }, rt = /* @__PURE__ */ a(
-    wt,
-    {
-      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: G,
-      children: [
-        /* @__PURE__ */ t(ht, { className: "ttw:size-4" }),
-        e.backToAccounts
-      ]
-    }
-  );
-  return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-4", children: [
-    !o && !i ? /* @__PURE__ */ a(u, { children: [
-      /* @__PURE__ */ t(
-        Et,
-        {
-          labels: e,
-          open: K,
-          form: $,
-          isSubmitting: _,
-          isError: U,
-          onOpenChange: tt,
-          onFormChange: et,
-          onSubmit: at
-        }
-      ),
-      /* @__PURE__ */ t(
-        Dt,
-        {
-          labels: e,
-          open: y,
-          startDate: f,
-          endDate: A,
-          isDownloading: L,
-          isDownloadDisabled: v,
-          disabledStartDates: k,
-          disabledEndDates: B,
-          onOpenChange: b,
-          onStartDateChange: ot,
-          onEndDateChange: it,
-          onDownload: st
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4", children: [
-      rt,
-      !o && !i ? /* @__PURE__ */ t(
-        Ct,
-        {
-          labels: e,
-          canEdit: q,
-          onEditNickname: nt
-        }
-      ) : null
-    ] }),
-    o ? /* @__PURE__ */ a("div", { className: "ttw:space-y-4", "aria-label": e.loadingLabel, children: [
-      /* @__PURE__ */ t(w, { className: "ttw:h-10 ttw:w-64" }),
-      /* @__PURE__ */ t(w, { className: "ttw:h-64 ttw:w-full ttw:rounded-xl" })
-    ] }) : i ? /* @__PURE__ */ t(Nt, { children: e.errorTitle }) : /* @__PURE__ */ a(u, { children: [
-      /* @__PURE__ */ a("div", { className: "ttw:space-y-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:space-y-0.5", children: [
-          /* @__PURE__ */ t(
-            s,
-            {
-              variant: "h2",
-              component: "h1",
-              className: "ttw:leading-9 ttw:tracking-[-0.75px]",
-              children: h
-            }
-          ),
-          E && 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: N ?? 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-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(ct, { children: /* @__PURE__ */ a(dt, { children: [
-              /* @__PURE__ */ t(
-                mt,
-                {
-                  type: "button",
-                  className: "ttw:inline-flex ttw:cursor-help",
-                  "aria-label": e.availableBalanceTooltip,
-                  children: /* @__PURE__ */ t(gt, { className: "ttw:size-4" })
-                }
-              ),
-              /* @__PURE__ */ t(pt, { children: e.availableBalanceTooltip })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-4xl ttw:font-bold ttw:text-primary", children: x })
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        bt,
-        {
-          value: C,
-          onValueChange: (lt) => J(lt),
-          className: "ttw:gap-4",
-          children: [
-            /* @__PURE__ */ a(ut, { children: [
-              /* @__PURE__ */ t(r, { value: "transactions", children: e.transactionsTab }),
-              /* @__PURE__ */ t(r, { value: "statements", children: e.statementsTab }),
-              /* @__PURE__ */ t(r, { value: "details", children: e.detailsTab })
-            ] }),
-            /* @__PURE__ */ t(l, { value: "transactions", children: /* @__PURE__ */ t(
-              yt,
-              {
-                labels: e,
-                rows: D,
-                showExport: T,
-                onExportClick: () => b(!0)
-              }
-            ) }),
-            /* @__PURE__ */ t(l, { value: "statements", children: /* @__PURE__ */ t(Tt, { labels: e }) }),
-            /* @__PURE__ */ t(l, { value: "details", children: /* @__PURE__ */ t(
-              xt,
-              {
-                labels: e,
-                routingNumberLabel: O,
-                accountNumberDisplayLabel: d ? S : W,
-                wireAccountNumberLabel: F,
-                bankNameLabel: n,
-                bankAddressLabel: R,
-                domesticWireIntroLabel: M,
-                domesticWireNoteLabel: V,
-                thingsToKnowBodyLabel: j,
-                supportTeamHref: I,
-                isAccountNumberVisible: d,
-                isAccountNumberCopied: P,
-                isRoutingNumberCopied: z,
-                isDomesticWireExpanded: H,
-                onDomesticWireExpandedChange: Z,
-                onToggleAccountNumberVisibility: Q,
-                onCopyAccountNumber: m,
-                onCopyRoutingNumber: p,
-                onCopyWireAccountNumber: m,
-                onCopyWireRoutingNumber: p,
-                onCopyBankName: X,
-                onCopyBankAddress: Y
-              }
-            ) })
-          ]
-        }
-      )
-    ] })
-  ] });
+"use client";
+"use client";
+"use client";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Button as i, Separator as a } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CheckCircle2Icon as c, CopyIcon as l, EyeIcon as u, EyeOffIcon as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index2.js
+function f({ label: e, value: t, isCopied: n, copyAriaLabel: r, onCopy: a, trailingActions: u }) {
+	return /* @__PURE__ */ s("div", {
+		className: "ttw:space-y-1",
+		children: [/* @__PURE__ */ o("p", {
+			className: "ttw:text-sm ttw:text-muted-foreground",
+			children: e
+		}), /* @__PURE__ */ s("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [
+				/* @__PURE__ */ o("span", {
+					className: "ttw:font-medium",
+					children: t
+				}),
+				u,
+				/* @__PURE__ */ o(i, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					className: "ttw:size-7 ttw:text-primary",
+					"aria-label": r,
+					onClick: a,
+					children: o(n ? c : l, { className: "ttw:size-4" })
+				})
+			]
+		})]
+	});
+}
+function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wireAccountNumberLabel: g, bankNameLabel: _, bankAddressLabel: v, domesticWireIntroLabel: y, domesticWireNoteLabel: b, thingsToKnowBodyLabel: x, supportTeamHref: S, isAccountNumberVisible: C, isAccountNumberCopied: w, isRoutingNumberCopied: T, isDomesticWireExpanded: E, onDomesticWireExpandedChange: D, onToggleAccountNumberVisibility: O, onCopyAccountNumber: k, onCopyRoutingNumber: A, onCopyWireAccountNumber: j, onCopyWireRoutingNumber: M, onCopyBankName: N, onCopyBankAddress: P }) {
+	return /* @__PURE__ */ s("div", {
+		className: "ttw:space-y-6",
+		children: [/* @__PURE__ */ s("section", {
+			className: "ttw:space-y-4",
+			children: [
+				/* @__PURE__ */ o("h3", {
+					className: "ttw:text-lg ttw:font-bold ttw:text-primary",
+					children: p.detailsSectionTitle
+				}),
+				/* @__PURE__ */ o(a, { className: "ttw:bg-border" }),
+				/* @__PURE__ */ s("div", {
+					className: "ttw:space-y-4",
+					children: [/* @__PURE__ */ o(f, {
+						label: p.routingNumberLabel,
+						value: m,
+						isCopied: T,
+						copyAriaLabel: p.copyLabel,
+						onCopy: A
+					}), /* @__PURE__ */ s("div", {
+						className: "ttw:space-y-1",
+						children: [/* @__PURE__ */ o("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: p.accountNumberLabel
+						}), /* @__PURE__ */ s("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [
+								/* @__PURE__ */ o("span", {
+									className: "ttw:font-medium ttw:tracking-widest",
+									children: h
+								}),
+								/* @__PURE__ */ o(i, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "ttw:size-7 ttw:text-primary",
+									"aria-label": p.toggleAccountNumberVisibility,
+									onClick: O,
+									children: o(C ? d : u, { className: "ttw:size-4" })
+								}),
+								/* @__PURE__ */ o(i, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "ttw:size-7 ttw:text-primary",
+									"aria-label": p.copyLabel,
+									onClick: k,
+									children: o(w ? c : l, { className: "ttw:size-4" })
+								})
+							]
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ s("section", {
+			className: "ttw:space-y-3",
+			children: [/* @__PURE__ */ o("h3", {
+				className: "ttw:text-lg ttw:font-bold ttw:text-primary",
+				children: p.receiveMoneySectionTitle
+			}), /* @__PURE__ */ o(e, {
+				type: "single",
+				collapsible: !0,
+				value: E ? "domestic-wire" : "",
+				onValueChange: (e) => D(e === "domestic-wire"),
+				className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border",
+				children: /* @__PURE__ */ s(n, {
+					value: "domestic-wire",
+					className: "ttw:border-0",
+					children: [/* @__PURE__ */ o(r, {
+						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: p.domesticWireTitle
+					}), /* @__PURE__ */ s(t, {
+						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__ */ o("p", {
+								className: "ttw:text-sm ttw:text-foreground",
+								children: y
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "ttw:text-sm ttw:text-foreground",
+								children: b
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "ttw:space-y-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+								children: [
+									/* @__PURE__ */ o("p", {
+										className: "ttw:font-medium",
+										children: p.wireDetailsSectionTitle
+									}),
+									/* @__PURE__ */ o(f, {
+										label: p.accountNumberLabel,
+										value: g,
+										copyAriaLabel: p.copyLabel,
+										onCopy: j
+									}),
+									/* @__PURE__ */ o(f, {
+										label: p.routingNumberLabel,
+										value: m,
+										copyAriaLabel: p.copyLabel,
+										onCopy: M
+									}),
+									/* @__PURE__ */ o(f, {
+										label: p.bankNameLabel,
+										value: _,
+										copyAriaLabel: p.copyLabel,
+										onCopy: N
+									}),
+									v ? /* @__PURE__ */ o(f, {
+										label: p.bankAddressLabel,
+										value: v,
+										copyAriaLabel: p.copyLabel,
+										onCopy: P
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ s("p", {
+								className: "ttw:text-sm ttw:text-foreground",
+								children: [
+									/* @__PURE__ */ o("span", {
+										className: "ttw:font-semibold",
+										children: p.thingsToKnowHeading
+									}),
+									" ",
+									x
+								]
+							}),
+							S ? /* @__PURE__ */ s("p", {
+								className: "ttw:text-sm ttw:text-foreground",
+								children: [
+									p.supportQuestionsPrefix,
+									" ",
+									/* @__PURE__ */ o(i, {
+										variant: "link",
+										asChild: !0,
+										className: "ttw:h-auto ttw:p-0 ttw:text-sm ttw:font-normal",
+										children: /* @__PURE__ */ o("a", {
+											href: S,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											children: p.supportTeamLink
+										})
+									}),
+									"."
+								]
+							}) : null
+						]
+					})]
+				})
+			})]
+		})]
+	});
 }
-export {
-  zt as AccountDetailsWidgetUi
-};
+//#endregion
+export { p as AccountDetailsPanel };

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

@@ -1,54 +1,94 @@
-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",
-  statementsTab: "Statements",
-  detailsTab: "Details",
-  noTransactionsLabel: "No transactions found",
-  transactionDateColumn: "Date",
-  transactionDescriptionColumn: "Description",
-  transactionAmountColumn: "Amount",
-  transactionBalanceColumn: "Balance",
-  exportButton: "Export",
-  exportDialogTitle: "Export",
-  exportDialogDescription: "Includes date, description and amount - ready to import into QuickBooks or other ERP software.",
-  exportDialogCloseAriaLabel: "Close",
-  exportStartDateLabel: "Start date",
-  exportEndDateLabel: "End date",
-  exportStartDatePlaceholder: "Pick a date",
-  exportEndDatePlaceholder: "Pick a date",
-  exportCancelButton: "Cancel",
-  exportDownloadButton: "Download file",
-  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 {
-  e as DEFAULT_LABELS
-};
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, Dialog as t, DialogContent as n, DialogFooter as r, DialogHeader as i, DialogTitle as a, DropdownMenu as o, DropdownMenuContent as s, DropdownMenuItem as c, DropdownMenuTrigger as l, Input as u, Label as d } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as f } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { MoreVerticalIcon as h, XIcon as g } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index3.js
+function _({ labels: o, open: s, form: c, isSubmitting: l, isError: h, onOpenChange: _, onFormChange: v, onSubmit: y }) {
+	return /* @__PURE__ */ p(t, {
+		open: s,
+		onOpenChange: _,
+		children: /* @__PURE__ */ m(n, {
+			className: "ttw:max-w-[400px] ttw:gap-0 ttw:p-0",
+			children: [
+				/* @__PURE__ */ m(i, {
+					className: "ttw:border-b ttw:border-border ttw:p-6 ttw:pb-4 ttw:pr-12",
+					children: [/* @__PURE__ */ p(a, {
+						className: "ttw:text-left",
+						children: o.editDialogTitle
+					}), /* @__PURE__ */ p(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						className: "ttw:absolute ttw:top-4 ttw:right-4",
+						"aria-label": o.editDialogCloseAriaLabel,
+						disabled: l,
+						onClick: () => _(!1),
+						children: /* @__PURE__ */ p(g, { className: "ttw:size-4" })
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "ttw:p-6",
+					children: [/* @__PURE__ */ m("div", {
+						className: "ttw:space-y-2",
+						children: [/* @__PURE__ */ m(d, {
+							htmlFor: "edit-account-nickname",
+							children: [o.editNicknameLabel, /* @__PURE__ */ p("span", {
+								className: "ttw:text-destructive",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ p(u, {
+							id: "edit-account-nickname",
+							value: c.nickname,
+							disabled: l,
+							onChange: (e) => v({ nickname: e.target.value })
+						})]
+					}), h ? /* @__PURE__ */ p(f, {
+						className: "ttw:mt-4",
+						children: o.editErrorTitle
+					}) : null]
+				}),
+				/* @__PURE__ */ m(r, {
+					className: "ttw:border-t ttw:border-border ttw:p-6 ttw:pt-4",
+					children: [/* @__PURE__ */ p(e, {
+						type: "button",
+						variant: "outline",
+						disabled: l,
+						onClick: () => _(!1),
+						children: o.editCancelButton
+					}), /* @__PURE__ */ p(e, {
+						type: "button",
+						disabled: l,
+						onClick: y,
+						children: o.editSaveButton
+					})]
+				})
+			]
+		})
+	});
+}
+function v({ labels: t, canEdit: n, onEditNickname: r }) {
+	return n ? /* @__PURE__ */ m(o, { children: [/* @__PURE__ */ p(l, {
+		asChild: !0,
+		children: /* @__PURE__ */ p(e, {
+			type: "button",
+			variant: "outline",
+			size: "icon",
+			className: "ttw:size-10 ttw:rounded-xl ttw:border-border ttw:text-muted-foreground",
+			"aria-label": t.editAccountMenuItem,
+			children: /* @__PURE__ */ p(h, { className: "ttw:size-4" })
+		})
+	}), /* @__PURE__ */ p(s, {
+		align: "end",
+		children: /* @__PURE__ */ p(c, {
+			onSelect: r,
+			children: t.editAccountMenuItem
+		})
+	})] }) : null;
+}
+//#endregion
+export { v as AccountActionsMenu, _ as EditAccountDialog };