@wealthx/shadcn 1.5.13 → 1.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -75,6 +75,7 @@ import {
75
75
  MapPin,
76
76
  MessageSquare,
77
77
  MoreHorizontal,
78
+ Navigation,
78
79
  Paperclip,
79
80
  Phone,
80
81
  PhoneCall,
@@ -913,6 +914,31 @@ var MEETING_LABEL = {
913
914
  phone: "Phone Call",
914
915
  "in-person": "In Person"
915
916
  };
917
+ var MEETING_DETAIL_ICON = {
918
+ video: Link2,
919
+ phone: PhoneCall,
920
+ "in-person": Navigation
921
+ };
922
+ function MeetingDetailRow({
923
+ meetingType,
924
+ detail
925
+ }) {
926
+ const DetailIcon = MEETING_DETAIL_ICON[meetingType];
927
+ const isLink = detail.startsWith("http");
928
+ return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
929
+ /* @__PURE__ */ jsx(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
930
+ isLink ? /* @__PURE__ */ jsx(
931
+ "a",
932
+ {
933
+ href: detail,
934
+ target: "_blank",
935
+ rel: "noopener noreferrer",
936
+ className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
937
+ children: detail
938
+ }
939
+ ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground break-all", children: detail })
940
+ ] });
941
+ }
916
942
  function AppointmentSection({
917
943
  appointment,
918
944
  contactId,
@@ -932,6 +958,13 @@ function AppointmentSection({
932
958
  /* @__PURE__ */ jsx(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
933
959
  /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
934
960
  ] }),
961
+ appointment.meetingDetail && /* @__PURE__ */ jsx(
962
+ MeetingDetailRow,
963
+ {
964
+ meetingType: appointment.meetingType,
965
+ detail: appointment.meetingDetail
966
+ }
967
+ ),
935
968
  /* @__PURE__ */ jsx(
936
969
  "span",
937
970
  {
@@ -367,7 +367,7 @@ function AppointmentBookDialog({
367
367
  ] })
368
368
  ] }),
369
369
  /* @__PURE__ */ jsx(Separator, {}),
370
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
370
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
371
371
  !isClientMode && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
372
372
  /* @__PURE__ */ jsx(Label, { children: "Client" }),
373
373
  /* @__PURE__ */ jsx(
@@ -80,8 +80,8 @@ function BankStatementPDFViewer({
80
80
  ),
81
81
  "data-slot": "bank-statement-pdf-viewer",
82
82
  children: [
83
- /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
84
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
83
+ /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
84
+ /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
85
85
  /* @__PURE__ */ jsx(
86
86
  Button,
87
87
  {
@@ -93,7 +93,7 @@ function BankStatementPDFViewer({
93
93
  children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
94
94
  }
95
95
  ),
96
- /* @__PURE__ */ jsxs("span", { className: "text-body-medium tabular-nums", children: [
96
+ /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-body-medium tabular-nums", children: [
97
97
  "Account ",
98
98
  currentAccountIndex + 1,
99
99
  " of ",
@@ -110,7 +110,7 @@ function BankStatementPDFViewer({
110
110
  children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
111
111
  }
112
112
  ),
113
- /* @__PURE__ */ jsx("span", { className: "ml-2 text-body-medium text-muted-foreground", children: accountLabel })
113
+ /* @__PURE__ */ jsx("span", { className: "ml-2 min-w-0 truncate text-body-medium text-muted-foreground", children: accountLabel })
114
114
  ] }),
115
115
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
116
116
  /* @__PURE__ */ jsx(
@@ -1733,6 +1733,31 @@ var MEETING_LABEL = {
1733
1733
  phone: "Phone Call",
1734
1734
  "in-person": "In Person"
1735
1735
  };
1736
+ var MEETING_DETAIL_ICON = {
1737
+ video: import_lucide_react4.Link2,
1738
+ phone: import_lucide_react4.PhoneCall,
1739
+ "in-person": import_lucide_react4.Navigation
1740
+ };
1741
+ function MeetingDetailRow({
1742
+ meetingType,
1743
+ detail
1744
+ }) {
1745
+ const DetailIcon = MEETING_DETAIL_ICON[meetingType];
1746
+ const isLink = detail.startsWith("http");
1747
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
1748
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
1749
+ isLink ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1750
+ "a",
1751
+ {
1752
+ href: detail,
1753
+ target: "_blank",
1754
+ rel: "noopener noreferrer",
1755
+ className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
1756
+ children: detail
1757
+ }
1758
+ ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
1759
+ ] });
1760
+ }
1736
1761
  function AppointmentSection({
1737
1762
  appointment,
1738
1763
  contactId,
@@ -1752,6 +1777,13 @@ function AppointmentSection({
1752
1777
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
1753
1778
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
1754
1779
  ] }),
1780
+ appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1781
+ MeetingDetailRow,
1782
+ {
1783
+ meetingType: appointment.meetingType,
1784
+ detail: appointment.meetingDetail
1785
+ }
1786
+ ),
1755
1787
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1756
1788
  "span",
1757
1789
  {
@@ -9,7 +9,7 @@ import {
9
9
  ConversationStatusChip,
10
10
  ConversationsPage,
11
11
  LeadInfoPanel
12
- } from "../../chunk-EB626HVW.mjs";
12
+ } from "../../chunk-LRQSY3TP.mjs";
13
13
  import "../../chunk-3S6KVFF5.mjs";
14
14
  import "../../chunk-WE4YKBDE.mjs";
15
15
  import "../../chunk-H5DTKPJ2.mjs";
@@ -1688,7 +1688,7 @@ function AppointmentBookDialog({
1688
1688
  ] })
1689
1689
  ] }),
1690
1690
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Separator, {}),
1691
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-4", children: [
1691
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
1692
1692
  !isClientMode && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
1693
1693
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Label, { children: "Client" }),
1694
1694
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  AppointmentBookDialog
3
- } from "../../chunk-J7KQON2N.mjs";
3
+ } from "../../chunk-RKHKBEE6.mjs";
4
4
  import "../../chunk-JTK6VJXY.mjs";
5
5
  import "../../chunk-MXP2RX2V.mjs";
6
6
  import "../../chunk-ISUA7DSB.mjs";
@@ -388,7 +388,7 @@ function BankStatementDocumentTable({
388
388
  }
389
389
  )
390
390
  ] }),
391
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Table, { children: [
391
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Table, { className: "table-fixed", children: [
392
392
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(TableRow, { children: [
393
393
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { className: "w-10", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
394
394
  Checkbox,
@@ -401,8 +401,8 @@ function BankStatementDocumentTable({
401
401
  }
402
402
  ) }),
403
403
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { children: "Name" }),
404
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { children: "Type" }),
405
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { children: "Date" }),
404
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { className: "w-36", children: "Type" }),
405
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { className: "w-32", children: "Date" }),
406
406
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableHead, { className: "w-20", children: "Action" })
407
407
  ] }) }),
408
408
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableBody, { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-body-medium text-muted-foreground", children: "Loading documents\u2026" }) }) }) : documents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-body-medium text-muted-foreground", children: "No documents found" }) }) }) : documents.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(TableRow, { children: [
@@ -418,7 +418,7 @@ function BankStatementDocumentTable({
418
418
  "p",
419
419
  {
420
420
  className: cn(
421
- "text-body-medium max-w-[360px] overflow-hidden text-ellipsis whitespace-nowrap font-semibold align-bottom inline-block",
421
+ "truncate text-body-medium font-semibold",
422
422
  doc.hasDownload && doc.statementReady ? "cursor-pointer text-primary hover:underline" : "cursor-default"
423
423
  ),
424
424
  onClick: () => {
@@ -429,8 +429,8 @@ function BankStatementDocumentTable({
429
429
  children: doc.name
430
430
  }
431
431
  ) }),
432
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { children: doc.type }),
433
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { children: doc.updatedDate }),
432
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-body-medium", children: doc.type }) }),
433
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-body-medium", children: doc.updatedDate }) }),
434
434
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex gap-1", children: doc.hasDownload && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
435
435
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
436
436
  Button,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  BankStatementDocumentTable
3
- } from "../../chunk-TC43SMIN.mjs";
3
+ } from "../../chunk-7N6O3VPJ.mjs";
4
4
  import "../../chunk-GT3RU6GA.mjs";
5
5
  import "../../chunk-IKXYTCSB.mjs";
6
6
  import "../../chunk-NOOEKOWY.mjs";
@@ -1547,20 +1547,20 @@ function BankStatementGenerateDialog({
1547
1547
  "aria-label": `Select ${account.name}`
1548
1548
  }
1549
1549
  ) }),
1550
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
1550
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
1551
1551
  account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1552
1552
  "img",
1553
1553
  {
1554
1554
  src: account.institutionLogo,
1555
1555
  alt: (_a = account.institutionName) != null ? _a : "",
1556
- className: "size-8 object-cover"
1556
+ className: "size-8 shrink-0 object-cover"
1557
1557
  }
1558
1558
  ),
1559
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
1559
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
1560
1560
  ] }) }),
1561
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
1562
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
1563
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
1561
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
1562
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-body-medium", children: periodLabel }) }),
1563
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
1564
1564
  (0, import_date_fns3.parseISO)(account.lastUpdated),
1565
1565
  "dd MMM yyyy"
1566
1566
  ) : "\u2014" }) })
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  BankStatementGenerateDialog
3
- } from "../../chunk-BF5FKUF6.mjs";
3
+ } from "../../chunk-GMF7INNS.mjs";
4
4
  import "../../chunk-MUV4EGDW.mjs";
5
5
  import "../../chunk-SSUK6C2K.mjs";
6
6
  import "../../chunk-GT3RU6GA.mjs";
@@ -437,8 +437,8 @@ function BankStatementPDFViewer({
437
437
  ),
438
438
  "data-slot": "bank-statement-pdf-viewer",
439
439
  children: [
440
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
441
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
440
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
441
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
442
442
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
443
443
  Button,
444
444
  {
@@ -450,7 +450,7 @@ function BankStatementPDFViewer({
450
450
  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ChevronLeft, { className: "size-4" })
451
451
  }
452
452
  ),
453
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-body-medium tabular-nums", children: [
453
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "shrink-0 text-body-medium tabular-nums", children: [
454
454
  "Account ",
455
455
  currentAccountIndex + 1,
456
456
  " of ",
@@ -467,7 +467,7 @@ function BankStatementPDFViewer({
467
467
  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ChevronRight, { className: "size-4" })
468
468
  }
469
469
  ),
470
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ml-2 text-body-medium text-muted-foreground", children: accountLabel })
470
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ml-2 min-w-0 truncate text-body-medium text-muted-foreground", children: accountLabel })
471
471
  ] }),
472
472
  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1", children: [
473
473
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  BankStatementPDFViewer
3
- } from "../../chunk-BXL74CM2.mjs";
3
+ } from "../../chunk-UXWNUMQA.mjs";
4
4
  import "../../chunk-JVMXMFBB.mjs";
5
5
  import "../../chunk-LI2CTS5O.mjs";
6
6
  import "../../chunk-XYSRRDBH.mjs";
package/dist/index.js CHANGED
@@ -3105,6 +3105,31 @@ var MEETING_LABEL = {
3105
3105
  phone: "Phone Call",
3106
3106
  "in-person": "In Person"
3107
3107
  };
3108
+ var MEETING_DETAIL_ICON = {
3109
+ video: import_lucide_react6.Link2,
3110
+ phone: import_lucide_react6.PhoneCall,
3111
+ "in-person": import_lucide_react6.Navigation
3112
+ };
3113
+ function MeetingDetailRow({
3114
+ meetingType,
3115
+ detail
3116
+ }) {
3117
+ const DetailIcon = MEETING_DETAIL_ICON[meetingType];
3118
+ const isLink = detail.startsWith("http");
3119
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
3120
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
3121
+ isLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3122
+ "a",
3123
+ {
3124
+ href: detail,
3125
+ target: "_blank",
3126
+ rel: "noopener noreferrer",
3127
+ className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
3128
+ children: detail
3129
+ }
3130
+ ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
3131
+ ] });
3132
+ }
3108
3133
  function AppointmentSection({
3109
3134
  appointment,
3110
3135
  contactId,
@@ -3124,6 +3149,13 @@ function AppointmentSection({
3124
3149
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
3125
3150
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
3126
3151
  ] }),
3152
+ appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3153
+ MeetingDetailRow,
3154
+ {
3155
+ meetingType: appointment.meetingType,
3156
+ detail: appointment.meetingDetail
3157
+ }
3158
+ ),
3127
3159
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3128
3160
  "span",
3129
3161
  {
@@ -9233,7 +9265,7 @@ function AppointmentBookDialog({
9233
9265
  ] })
9234
9266
  ] }),
9235
9267
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Separator, {}),
9236
- /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-4", children: [
9268
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
9237
9269
  !isClientMode && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
9238
9270
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { children: "Client" }),
9239
9271
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -11982,7 +12014,7 @@ function BankStatementDocumentTable({
11982
12014
  }
11983
12015
  )
11984
12016
  ] }),
11985
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Table, { children: [
12017
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Table, { className: "table-fixed", children: [
11986
12018
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(TableRow, { children: [
11987
12019
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { className: "w-10", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
11988
12020
  Checkbox,
@@ -11995,8 +12027,8 @@ function BankStatementDocumentTable({
11995
12027
  }
11996
12028
  ) }),
11997
12029
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { children: "Name" }),
11998
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { children: "Type" }),
11999
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { children: "Date" }),
12030
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { className: "w-36", children: "Type" }),
12031
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { className: "w-32", children: "Date" }),
12000
12032
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableHead, { className: "w-20", children: "Action" })
12001
12033
  ] }) }),
12002
12034
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableBody, { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-body-medium text-muted-foreground", children: "Loading documents\u2026" }) }) }) : documents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-body-medium text-muted-foreground", children: "No documents found" }) }) }) : documents.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(TableRow, { children: [
@@ -12012,7 +12044,7 @@ function BankStatementDocumentTable({
12012
12044
  "p",
12013
12045
  {
12014
12046
  className: cn(
12015
- "text-body-medium max-w-[360px] overflow-hidden text-ellipsis whitespace-nowrap font-semibold align-bottom inline-block",
12047
+ "truncate text-body-medium font-semibold",
12016
12048
  doc.hasDownload && doc.statementReady ? "cursor-pointer text-primary hover:underline" : "cursor-default"
12017
12049
  ),
12018
12050
  onClick: () => {
@@ -12023,8 +12055,8 @@ function BankStatementDocumentTable({
12023
12055
  children: doc.name
12024
12056
  }
12025
12057
  ) }),
12026
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { children: doc.type }),
12027
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { children: doc.updatedDate }),
12058
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "truncate text-body-medium", children: doc.type }) }),
12059
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "truncate text-body-medium", children: doc.updatedDate }) }),
12028
12060
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex gap-1", children: doc.hasDownload && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
12029
12061
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
12030
12062
  Button,
@@ -12268,20 +12300,20 @@ function BankStatementGenerateDialog({
12268
12300
  "aria-label": `Select ${account.name}`
12269
12301
  }
12270
12302
  ) }),
12271
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
12303
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
12272
12304
  account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
12273
12305
  "img",
12274
12306
  {
12275
12307
  src: account.institutionLogo,
12276
12308
  alt: (_a = account.institutionName) != null ? _a : "",
12277
- className: "size-8 object-cover"
12309
+ className: "size-8 shrink-0 object-cover"
12278
12310
  }
12279
12311
  ),
12280
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
12312
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
12281
12313
  ] }) }),
12282
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
12283
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
12284
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
12314
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
12315
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate text-body-medium", children: periodLabel }) }),
12316
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
12285
12317
  (0, import_date_fns3.parseISO)(account.lastUpdated),
12286
12318
  "dd MMM yyyy"
12287
12319
  ) : "\u2014" }) })
@@ -12403,8 +12435,8 @@ function BankStatementPDFViewer({
12403
12435
  ),
12404
12436
  "data-slot": "bank-statement-pdf-viewer",
12405
12437
  children: [
12406
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
12407
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
12438
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
12439
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
12408
12440
  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
12409
12441
  Button,
12410
12442
  {
@@ -12416,7 +12448,7 @@ function BankStatementPDFViewer({
12416
12448
  children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react35.ChevronLeft, { className: "size-4" })
12417
12449
  }
12418
12450
  ),
12419
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "text-body-medium tabular-nums", children: [
12451
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "shrink-0 text-body-medium tabular-nums", children: [
12420
12452
  "Account ",
12421
12453
  currentAccountIndex + 1,
12422
12454
  " of ",
@@ -12433,7 +12465,7 @@ function BankStatementPDFViewer({
12433
12465
  children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react35.ChevronRight, { className: "size-4" })
12434
12466
  }
12435
12467
  ),
12436
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ml-2 text-body-medium text-muted-foreground", children: accountLabel })
12468
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ml-2 min-w-0 truncate text-body-medium text-muted-foreground", children: accountLabel })
12437
12469
  ] }),
12438
12470
  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-1", children: [
12439
12471
  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
package/dist/index.mjs CHANGED
@@ -313,10 +313,10 @@ import {
313
313
  } from "./chunk-I4KVSZCH.mjs";
314
314
  import {
315
315
  BankStatementDocumentTable
316
- } from "./chunk-TC43SMIN.mjs";
316
+ } from "./chunk-7N6O3VPJ.mjs";
317
317
  import {
318
318
  BankStatementGenerateDialog
319
- } from "./chunk-BF5FKUF6.mjs";
319
+ } from "./chunk-GMF7INNS.mjs";
320
320
  import {
321
321
  Field,
322
322
  FieldContent,
@@ -331,7 +331,7 @@ import {
331
331
  } from "./chunk-MUV4EGDW.mjs";
332
332
  import {
333
333
  BankStatementPDFViewer
334
- } from "./chunk-BXL74CM2.mjs";
334
+ } from "./chunk-UXWNUMQA.mjs";
335
335
  import {
336
336
  AuthLogo
337
337
  } from "./chunk-Y2MTAVAK.mjs";
@@ -364,7 +364,7 @@ import {
364
364
  } from "./chunk-R2ON6CAN.mjs";
365
365
  import {
366
366
  AppointmentBookDialog
367
- } from "./chunk-J7KQON2N.mjs";
367
+ } from "./chunk-RKHKBEE6.mjs";
368
368
  import {
369
369
  RadioGroup,
370
370
  RadioGroupCard,
@@ -516,7 +516,7 @@ import {
516
516
  ConversationStatusChip,
517
517
  ConversationsPage,
518
518
  LeadInfoPanel
519
- } from "./chunk-EB626HVW.mjs";
519
+ } from "./chunk-LRQSY3TP.mjs";
520
520
  import {
521
521
  Tooltip,
522
522
  TooltipContent,