@tesouro/embedded-components-react 0.2.76 → 0.2.81

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

@@ -1,102 +1,134 @@
 "use client";
-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 { 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 it, ChevronLeftIcon as ot } from "lucide-react";
+import { HelpCircleIcon as gt, ChevronLeftIcon as ht } 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,
+import { InlineErrorAlert as Nt } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.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: 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,
-  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
+  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: P,
+  bankAddressLabel: O,
+  wireAccountNumberLabel: V,
+  domesticWireIntroLabel: R,
+  domesticWireNoteLabel: j,
+  thingsToKnowBodyLabel: F,
+  supportTeamHref: I,
+  isAccountNumberVisible: d,
+  isAccountNumberCopied: z,
+  isRoutingNumberCopied: H,
+  isDomesticWireExpanded: M,
+  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 = { ...bt, ...p }, G = /* @__PURE__ */ a(
-    nt,
+  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: j,
+      onClick: G,
       children: [
-        /* @__PURE__ */ t(ot, { className: "ttw:size-4" }),
+        /* @__PURE__ */ t(ht, { className: "ttw:size-4" }),
         e.backToAccounts
       ]
     }
   );
   return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-4", children: [
-    !i && !o ? /* @__PURE__ */ t(
-      rt,
-      {
-        labels: e,
-        open: S,
-        form: F,
-        isSubmitting: V,
-        isError: R,
-        onOpenChange: U,
-        onFormChange: _,
-        onSubmit: $
-      }
-    ) : null,
+    !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: [
-      G,
-      !i && !o ? /* @__PURE__ */ t(
-        ct,
+      rt,
+      !o && !i ? /* @__PURE__ */ t(
+        Ct,
         {
           labels: e,
-          canEdit: I,
-          onEditNickname: q
+          canEdit: q,
+          onEditNickname: nt
         }
       ) : null
     ] }),
-    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: [
+    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(
@@ -105,10 +137,10 @@ function vt({
               variant: "h2",
               component: "h1",
               className: "ttw:leading-9 ttw:tracking-[-0.75px]",
-              children: w
+              children: h
             }
           ),
-          N && n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1", children: [
+          E && n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1", children: [
             /* @__PURE__ */ t(
               s,
               {
@@ -123,7 +155,7 @@ function vt({
               "img",
               {
                 src: c,
-                alt: g ?? n,
+                alt: N ?? n,
                 className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
               }
             ) : /* @__PURE__ */ t(
@@ -141,61 +173,69 @@ function vt({
         /* @__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(ct, { children: /* @__PURE__ */ a(dt, { children: [
               /* @__PURE__ */ t(
-                Z,
+                mt,
                 {
                   type: "button",
                   className: "ttw:inline-flex ttw:cursor-help",
                   "aria-label": e.availableBalanceTooltip,
-                  children: /* @__PURE__ */ t(it, { className: "ttw:size-4" })
+                  children: /* @__PURE__ */ t(gt, { className: "ttw:size-4" })
                 }
               ),
-              /* @__PURE__ */ t(tt, { children: e.availableBalanceTooltip })
+              /* @__PURE__ */ t(pt, { children: e.availableBalanceTooltip })
             ] }) })
           ] }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-4xl ttw:font-bold ttw:text-primary", children: h })
+          /* @__PURE__ */ t("p", { className: "ttw:text-4xl ttw:font-bold ttw:text-primary", children: x })
         ] })
       ] }),
       /* @__PURE__ */ a(
-        et,
+        bt,
         {
-          value: y,
-          onValueChange: (J) => O(J),
+          value: C,
+          onValueChange: (lt) => J(lt),
           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__ */ 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(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,
+            /* @__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: C,
-                accountNumberDisplayLabel: m ? f : x,
-                wireAccountNumberLabel: L,
+                routingNumberLabel: P,
+                accountNumberDisplayLabel: d ? S : W,
+                wireAccountNumberLabel: V,
                 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
+                bankAddressLabel: O,
+                domesticWireIntroLabel: R,
+                domesticWireNoteLabel: j,
+                thingsToKnowBodyLabel: F,
+                supportTeamHref: I,
+                isAccountNumberVisible: d,
+                isAccountNumberCopied: z,
+                isRoutingNumberCopied: H,
+                isDomesticWireExpanded: M,
+                onDomesticWireExpandedChange: Z,
+                onToggleAccountNumberVisibility: Q,
+                onCopyAccountNumber: m,
+                onCopyRoutingNumber: p,
+                onCopyWireAccountNumber: m,
+                onCopyWireRoutingNumber: p,
+                onCopyBankName: X,
+                onCopyBankAddress: Y
               }
             ) })
           ]
@@ -205,5 +245,5 @@ function vt({
   ] });
 }
 export {
-  vt as AccountDetailsWidgetUi
+  zt as AccountDetailsWidgetUi
 };

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

@@ -11,6 +11,16 @@ const e = {
   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",

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

@@ -1,8 +1,97 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-function d({ labels: e }) {
-  return /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: e.noStatementsLabel }) });
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Dialog as x, DialogContent as g, DialogHeader as u, DialogTitle as N, DialogDescription as f, Button as s, Label as r, DatePicker as i, DialogFooter as C } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DownloadIcon as v, XIcon as y } from "lucide-react";
+function z({
+  labels: e,
+  open: n,
+  startDate: d,
+  endDate: c,
+  isDownloading: l,
+  isDownloadDisabled: p,
+  disabledStartDates: w,
+  disabledEndDates: h,
+  onOpenChange: o,
+  onStartDateChange: D,
+  onEndDateChange: b,
+  onDownload: m
+}) {
+  return /* @__PURE__ */ t(x, { open: n, onOpenChange: o, children: /* @__PURE__ */ a(g, { className: "ttw:max-w-[400px] ttw:gap-0 ttw:p-0", children: [
+    /* @__PURE__ */ a(u, { className: "ttw:p-6 ttw:pb-4 ttw:pr-12", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-3", children: [
+        /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/40", children: /* @__PURE__ */ t(v, { className: "ttw:size-5 ttw:text-primary" }) }),
+        /* @__PURE__ */ a("div", { className: "ttw:min-w-0 ttw:space-y-1", children: [
+          /* @__PURE__ */ t(N, { className: "ttw:text-left", children: e.exportDialogTitle }),
+          /* @__PURE__ */ t(f, { className: "ttw:text-left ttw:text-muted-foreground", children: e.exportDialogDescription })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        s,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "ttw:absolute ttw:top-4 ttw:right-4",
+          "aria-label": e.exportDialogCloseAriaLabel,
+          disabled: l,
+          onClick: () => o(!1),
+          children: /* @__PURE__ */ t(y, { className: "ttw:size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:space-y-4 ttw:px-6 ttw:pb-6", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+        /* @__PURE__ */ t(r, { htmlFor: "export-start-date", children: e.exportStartDateLabel }),
+        /* @__PURE__ */ t(
+          i,
+          {
+            id: "export-start-date",
+            value: d,
+            onChange: D,
+            placeholder: e.exportStartDatePlaceholder,
+            disabled: l,
+            disabledDates: w
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+        /* @__PURE__ */ t(r, { htmlFor: "export-end-date", children: e.exportEndDateLabel }),
+        /* @__PURE__ */ t(
+          i,
+          {
+            id: "export-end-date",
+            value: c,
+            onChange: b,
+            placeholder: e.exportEndDatePlaceholder,
+            disabled: l,
+            disabledDates: h
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a(C, { className: "ttw:border-t ttw:border-border ttw:p-6 ttw:pt-4", children: [
+      /* @__PURE__ */ t(
+        s,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: l,
+          onClick: () => o(!1),
+          children: e.exportCancelButton
+        }
+      ),
+      /* @__PURE__ */ t(
+        s,
+        {
+          type: "button",
+          disabled: p || l,
+          onClick: m,
+          children: e.exportDownloadButton
+        }
+      )
+    ] })
+  ] }) });
 }
 export {
-  d as StatementsPanel
+  z as ExportTransactionsDialog
 };

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

@@ -1,28 +1,8 @@
 "use client";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Table as s, TableHeader as i, TableRow as o, TableHead as r, TableBody as d, TableCell as w } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-function p({ labels: a, rows: n }) {
-  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: a.noTransactionsLabel }) }) : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border", children: /* @__PURE__ */ l(s, { children: [
-    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ l(o, { className: "ttw:border-border ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
-      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[15%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: a.transactionDateColumn }),
-      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[60%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: a.transactionDescriptionColumn }),
-      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[12%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: a.transactionAmountColumn }),
-      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[13%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: a.transactionBalanceColumn })
-    ] }) }),
-    /* @__PURE__ */ t(d, { className: "ttw:bg-card", children: n.map((e) => /* @__PURE__ */ l(o, { className: "ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top", children: e.dateLabel }),
-      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top ttw:font-medium", children: e.descriptionLabel }),
-      /* @__PURE__ */ t(
-        w,
-        {
-          className: `ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap ${e.amountVariant === "positive" ? "ttw:text-green-700" : "ttw:text-foreground"}`,
-          children: e.amountLabel
-        }
-      ),
-      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap", children: e.balanceLabel })
-    ] }, e.key)) })
-  ] }) });
+import { jsx as t } from "react/jsx-runtime";
+function d({ labels: e }) {
+  return /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: e.noStatementsLabel }) });
 }
 export {
-  p as TransactionsTable
+  d as StatementsPanel
 };

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

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { Table as i, TableHeader as d, TableRow as l, TableHead as o, Button as p, TableBody as b, TableCell as w } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DownloadIcon as m } from "lucide-react";
+function g({
+  labels: e,
+  rows: n,
+  showExport: s = !1,
+  onExportClick: c
+}) {
+  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: e.noTransactionsLabel }) }) : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ r(
+      d,
+      {
+        className: s ? "ttw:[&_tr:first-child]:border-b-0" : void 0,
+        children: [
+          s ? /* @__PURE__ */ t(l, { className: "ttw:border-b-0 ttw:bg-card ttw:hover:bg-card", children: /* @__PURE__ */ t(
+            o,
+            {
+              colSpan: 4,
+              className: "ttw:h-auto ttw:px-4 ttw:py-3 ttw:text-right",
+              children: /* @__PURE__ */ r(
+                p,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: c,
+                  children: [
+                    /* @__PURE__ */ t(m, { className: "ttw:size-4" }),
+                    e.exportButton
+                  ]
+                }
+              )
+            }
+          ) }) : null,
+          /* @__PURE__ */ r(l, { className: "ttw:border-border ttw:bg-card ttw:hover:bg-card", children: [
+            /* @__PURE__ */ t(o, { className: "ttw:h-auto ttw:w-[15%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: e.transactionDateColumn }),
+            /* @__PURE__ */ t(o, { className: "ttw:h-auto ttw:w-[60%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: e.transactionDescriptionColumn }),
+            /* @__PURE__ */ t(o, { className: "ttw:h-auto ttw:w-[12%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: e.transactionAmountColumn }),
+            /* @__PURE__ */ t(o, { className: "ttw:h-auto ttw:w-[13%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: e.transactionBalanceColumn })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(b, { className: "ttw:bg-card", children: n.map((a) => /* @__PURE__ */ r(
+      l,
+      {
+        className: "ttw:bg-card ttw:hover:bg-transparent",
+        children: [
+          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top", children: a.dateLabel }),
+          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top ttw:font-medium", children: a.descriptionLabel }),
+          /* @__PURE__ */ t(
+            w,
+            {
+              className: `ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap ${a.amountVariant === "positive" ? "ttw:text-green-700" : "ttw:text-foreground"}`,
+              children: a.amountLabel
+            }
+          ),
+          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap", children: a.balanceLabel })
+        ]
+      },
+      a.key
+    )) })
+  ] }) });
+}
+export {
+  g as TransactionsTable
+};