@wealthx/shadcn 1.5.10 → 1.5.12

package/dist/chunk-3KLJ4XRE.mjs

@@ -0,0 +1,375 @@
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "./chunk-WE4YKBDE.mjs";
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-LI2CTS5O.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/share-details-dialog.tsx
+import * as React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  id,
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-destructive", children: "*" })
+    ] }),
+    children
+  ] });
+}
+function ShareDetailsDialog({
+  open,
+  onOpenChange,
+  contactName,
+  shareUrl,
+  onEmailLink,
+  isSendingEmail = false,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  function handleCopy() {
+    navigator.clipboard.writeText(shareUrl).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Share Contact Details" }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      "Share a secure link to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s financial summary report."
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { label: "Shareable link", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            readOnly: true,
+            value: shareUrl,
+            className: "flex-1 font-mono text-xs text-muted-foreground",
+            onClick: (e) => e.target.select()
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: handleCopy,
+            "aria-label": copied ? "Copied" : "Copy link",
+            className: "shrink-0",
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
+          }
+        )
+      ] }),
+      copied && /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: "Link copied to clipboard!" })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      onEmailLink && /* @__PURE__ */ jsx(Button, { onClick: onEmailLink, disabled: isSendingEmail, children: isSendingEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Email link" })
+    ] })
+  ] }) });
+}
+function EmailTemplateDialog({
+  open,
+  onOpenChange,
+  contactName,
+  contactEmail,
+  defaultSubject = "",
+  defaultBody = "",
+  onSend,
+  isSending = false,
+  className
+}) {
+  const [subject, setSubject] = React.useState(defaultSubject);
+  const [body, setBody] = React.useState(defaultBody);
+  React.useEffect(() => {
+    if (open) {
+      setSubject(defaultSubject);
+      setBody(defaultBody);
+    }
+  }, [open, defaultSubject, defaultBody]);
+  const canSend = subject.trim() !== "" && body.trim() !== "" && !isSending;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSending ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Send Email" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(Field, { label: "To", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border border-border bg-muted/40 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "<",
+          contactEmail,
+          ">"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-subject", label: "Subject", required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "etd-subject",
+          placeholder: "Email subject",
+          value: subject,
+          onChange: (e) => setSubject(e.target.value),
+          disabled: isSending
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-body", label: "Message", required: true, children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "etd-body",
+          rows: 8,
+          placeholder: "Write your message here\u2026",
+          value: body,
+          onChange: (e) => setBody(e.target.value),
+          disabled: isSending
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onSend({ subject, body }), disabled: !canSend, children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Send Email" })
+    ] })
+  ] }) });
+}
+function ShareContactDialog({
+  open,
+  onOpenChange,
+  contactName,
+  internalAdvisors,
+  onShareInternal,
+  onShareExternal,
+  isSending = false,
+  className
+}) {
+  const [tab, setTab] = React.useState("internal");
+  const [search, setSearch] = React.useState("");
+  const [selectedId, setSelectedId] = React.useState(null);
+  const [internalNotes, setInternalNotes] = React.useState("");
+  const [firstName, setFirstName] = React.useState("");
+  const [lastName, setLastName] = React.useState("");
+  const [email, setEmail] = React.useState("");
+  const [externalNotes, setExternalNotes] = React.useState("");
+  function reset() {
+    setTab("internal");
+    setSearch("");
+    setSelectedId(null);
+    setInternalNotes("");
+    setFirstName("");
+    setLastName("");
+    setEmail("");
+    setExternalNotes("");
+  }
+  function handleOpenChange(v) {
+    if (!v) reset();
+    onOpenChange(v);
+  }
+  const filtered = internalAdvisors.filter((a) => {
+    const q = search.toLowerCase();
+    return a.name.toLowerCase().includes(q) || a.role.toLowerCase().includes(q);
+  });
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSending ? void 0 : handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Share Contact's Information" }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      "Share",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s information with an advisor."
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: setTab, children: [
+      /* @__PURE__ */ jsxs(TabsList, { className: "w-full", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "internal", className: "flex-1", children: "Internal Advisor" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "external", className: "flex-1", children: "External / Referral" })
+      ] }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "internal", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Search Advisor", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Search by name or role\u2026",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-[200px] overflow-y-auto border border-border divide-y divide-border", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((a) => {
+          const isSelected = selectedId === a.id;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setSelectedId(a.id),
+              className: cn(
+                "flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-muted/40",
+                isSelected && "bg-primary/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex size-4 shrink-0 items-center justify-center rounded-full border-2",
+                      isSelected ? "border-primary" : "border-border bg-background"
+                    ),
+                    children: isSelected && /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-primary" })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: a.name }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                    a.role,
+                    " \xB7 ",
+                    a.practice
+                  ] })
+                ] })
+              ]
+            },
+            a.id
+          );
+        }) }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-int-notes", label: "Notes", children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "sc-int-notes",
+            placeholder: "Optional message for the advisor\u2026",
+            rows: 3,
+            value: internalNotes,
+            onChange: (e) => setInternalNotes(e.target.value),
+            disabled: isSending
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "external", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(Field, { id: "sc-first", label: "First Name", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "sc-first",
+              placeholder: "First name",
+              value: firstName,
+              onChange: (e) => setFirstName(e.target.value),
+              disabled: isSending
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { id: "sc-last", label: "Last Name", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "sc-last",
+              placeholder: "Last name",
+              value: lastName,
+              onChange: (e) => setLastName(e.target.value),
+              disabled: isSending
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-email", label: "Email", required: true, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "sc-email",
+            type: "email",
+            placeholder: "advisor@company.com.au",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: isSending
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-ext-notes", label: "Notes", children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "sc-ext-notes",
+            placeholder: "Optional message\u2026",
+            rows: 3,
+            value: externalNotes,
+            onChange: (e) => setExternalNotes(e.target.value),
+            disabled: isSending
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => handleOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      tab === "internal" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onShareInternal(selectedId, internalNotes),
+          disabled: !selectedId || isSending,
+          children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+            "Sharing\u2026"
+          ] }) : "Share Contact"
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onShareExternal({
+            firstName,
+            lastName,
+            email,
+            notes: externalNotes
+          }),
+          disabled: !email || isSending,
+          children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+            "Sending\u2026"
+          ] }) : "Send Invite"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  ShareDetailsDialog,
+  EmailTemplateDialog,
+  ShareContactDialog
+};

package/dist/{chunk-6U4NQGVM.mjs → chunk-4X4MGYHE.mjs}

@@ -13,7 +13,7 @@ import {
   ExpensesCard,
   IncomeCard,
   PropertyCard
-} from "./chunk-W5QJ57PU.mjs";
+} from "./chunk-7LN5OGC2.mjs";
 import {
   FinancialDetailField,
   FinancialLineItem,
@@ -38,7 +38,7 @@ import {
 } from "./chunk-WE4YKBDE.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatCurrency
 } from "./chunk-MN5NYQCL.mjs";

package/dist/{chunk-CEEVYRQA.mjs → chunk-67DGIPQ4.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-7UIL5UN3.mjs → chunk-7II6QRCZ.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-BS75ICOO.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-W5QJ57PU.mjs → chunk-7LN5OGC2.mjs}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-JTK6VJXY.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatDateShort
 } from "./chunk-LHWJQNLG.mjs";

package/dist/{chunk-ZXEUBBHJ.mjs → chunk-7TMPOZDE.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2GIYVERS.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-AHSCWXYJ.mjs → chunk-AJUAJC5O.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-3CGM3QXQ.mjs → chunk-AKWN5ZQG.mjs}

@@ -1,7 +1,7 @@
 import {
   LeadCard,
   OpportunityCard
-} from "./chunk-54MTIKNC.mjs";
+} from "./chunk-YV7XF32X.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -14,7 +14,7 @@ import {
 } from "./chunk-H5DTKPJ2.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   useThemeVars
 } from "./chunk-XYSRRDBH.mjs";

package/dist/{chunk-O5CP6VP6.mjs → chunk-CPM6P63C.mjs}

@@ -43,14 +43,15 @@ import {
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
-import {
-  cn
-} from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/bank-statement-generate-dialog.tsx
 import { useEffect, useMemo, useState } from "react";
 import { format, parseISO, subDays } from "date-fns";
 import { jsx, jsxs } from "react/jsx-runtime";
+var APPLICANT_TYPE_LABELS = {
+  primary: "Main applicant",
+  secondary: "Co-applicant"
+};
 function toIsoDate(date) {
   return date.toISOString().slice(0, 10);
 }
@@ -74,8 +75,10 @@ function BankStatementGenerateDialog({
 }) {
   const [statementName, setStatementName] = useState("Bank Statement 1");
   const [rangePreset, setRangePreset] = useState(90);
-  const [fromDate, setFromDate] = useState("");
-  const [toDate, setToDate] = useState("");
+  const [fromDate, setFromDate] = useState(
+    () => presetToDateRange(90).from
+  );
+  const [toDate, setToDate] = useState(() => presetToDateRange(90).to);
   const [applicantType, setApplicantType] = useState("");
   const [selectedAccountIds, setSelectedAccountIds] = useState([]);
   useEffect(() => {
@@ -104,6 +107,11 @@ function BankStatementGenerateDialog({
       setToDate(to);
     }
   };
+  const handlePresetChange = (val) => {
+    if (val.length === 0) return;
+    const raw = val[0];
+    applyPreset(raw === "custom" ? "custom" : Number(raw));
+  };
   const areAllSelected = bankAccounts.length > 0 && selectedAccountIds.length === bankAccounts.length;
   const isSomeSelected = selectedAccountIds.length > 0 && !areAllSelected;
   const handleToggleAccount = (id) => {
@@ -139,7 +147,8 @@ function BankStatementGenerateDialog({
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      className: cn("max-w-[700px]", className),
+      size: "3xl",
+      className,
       "data-slot": "bank-statement-generate-dialog",
       children: [
         /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Generate Bank Statement" }) }),
@@ -163,15 +172,7 @@ function BankStatementGenerateDialog({
                 type: "single",
                 variant: "outline",
                 value: [String(rangePreset)],
-                onValueChange: (val) => {
-                  if (val.length === 0) return;
-                  const raw = val[0];
-                  if (raw === "custom") {
-                    applyPreset("custom");
-                  } else {
-                    applyPreset(Number(raw));
-                  }
-                },
+                onValueChange: handlePresetChange,
                 className: "w-full",
                 children: [
                   /* @__PURE__ */ jsx(ToggleGroupItem, { value: "90", className: "flex-1", children: "3 Months" }),
@@ -207,11 +208,12 @@ function BankStatementGenerateDialog({
             {
               value: applicantType,
               onValueChange: (v) => handleApplicantTypeChange(v),
+              items: APPLICANT_TYPE_LABELS,
               children: [
                 /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Applicant Type" }) }),
                 /* @__PURE__ */ jsxs(SelectContent, { children: [
-                  /* @__PURE__ */ jsx(SelectItem, { value: "primary", children: "Main applicant" }),
-                  hasCoApplicant && /* @__PURE__ */ jsx(SelectItem, { value: "secondary", children: "Co-applicant" })
+                  /* @__PURE__ */ jsx(SelectItem, { value: "primary", children: APPLICANT_TYPE_LABELS.primary }),
+                  hasCoApplicant && /* @__PURE__ */ jsx(SelectItem, { value: "secondary", children: APPLICANT_TYPE_LABELS.secondary })
                 ] })
               ]
             }
@@ -237,33 +239,43 @@ function BankStatementGenerateDialog({
               ] }) }),
               /* @__PURE__ */ jsx(TableBody, { children: bankAccounts.map((account) => {
                 var _a, _b;
-                return /* @__PURE__ */ jsxs(TableRow, { children: [
-                  /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-                    Checkbox,
-                    {
-                      checked: selectedAccountIds.includes(account.id),
-                      onCheckedChange: () => handleToggleAccount(account.id),
-                      "aria-label": `Select ${account.name}`
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    account.institutionLogo && /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: account.institutionLogo,
-                        alt: (_a = account.institutionName) != null ? _a : "",
-                        className: "size-8 rounded object-cover"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
-                  ] }) }),
-                  /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
-                  /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: periodLabel }) }),
-                  /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: account.lastUpdated ? format(
-                    parseISO(account.lastUpdated),
-                    "dd MMM yyyy"
-                  ) : "\u2014" }) })
-                ] }, account.id);
+                const isSelected = selectedAccountIds.includes(
+                  account.id
+                );
+                return /* @__PURE__ */ jsxs(
+                  TableRow,
+                  {
+                    "data-state": isSelected ? "selected" : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          onCheckedChange: () => handleToggleAccount(account.id),
+                          "aria-label": `Select ${account.name}`
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        account.institutionLogo && /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: account.institutionLogo,
+                            alt: (_a = account.institutionName) != null ? _a : "",
+                            className: "size-8 object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
+                      ] }) }),
+                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
+                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: periodLabel }) }),
+                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-body-medium", children: account.lastUpdated ? format(
+                        parseISO(account.lastUpdated),
+                        "dd MMM yyyy"
+                      ) : "\u2014" }) })
+                    ]
+                  },
+                  account.id
+                );
               }) })
             ] })
           ] })

package/dist/{chunk-FRT3S72S.mjs → chunk-CQ7HKBEX.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Toggle
 } from "./chunk-6QAFGZC2.mjs";