@wealthx/shadcn 1.4.0 → 1.5.0

package/dist/chunk-IXR4BQSQ.mjs

@@ -0,0 +1,290 @@
+import {
+  Field,
+  FieldLabel
+} from "./chunk-MUV4EGDW.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-GT3RU6GA.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  DatePicker
+} from "./chunk-BFB3UH7V.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-OWFQSXVD.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+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";
+function toIsoDate(date) {
+  return date.toISOString().slice(0, 10);
+}
+function presetToDateRange(preset) {
+  const today = /* @__PURE__ */ new Date();
+  return {
+    from: toIsoDate(subDays(today, preset - 1)),
+    to: toIsoDate(today)
+  };
+}
+function BankStatementGenerateDialog({
+  open,
+  onClose,
+  onSubmit,
+  onApplicantTypeChange,
+  bankAccounts,
+  hasCoApplicant = false,
+  isLoadingAccounts = false,
+  isLoading = false,
+  className
+}) {
+  const [statementName, setStatementName] = useState("Bank Statement 1");
+  const [rangePreset, setRangePreset] = useState(90);
+  const [fromDate, setFromDate] = useState("");
+  const [toDate, setToDate] = useState("");
+  const [applicantType, setApplicantType] = useState("");
+  const [selectedAccountIds, setSelectedAccountIds] = useState([]);
+  useEffect(() => {
+    if (!open) return;
+    const timer = setTimeout(() => {
+      setStatementName("Bank Statement 1");
+      setApplicantType("");
+      setSelectedAccountIds([]);
+      const { from, to } = presetToDateRange(90);
+      setRangePreset(90);
+      setFromDate(from);
+      setToDate(to);
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [open]);
+  const handleApplicantTypeChange = (type) => {
+    setApplicantType(type);
+    setSelectedAccountIds([]);
+    onApplicantTypeChange == null ? void 0 : onApplicantTypeChange(type);
+  };
+  const applyPreset = (preset) => {
+    setRangePreset(preset);
+    if (preset !== "custom") {
+      const { from, to } = presetToDateRange(preset);
+      setFromDate(from);
+      setToDate(to);
+    }
+  };
+  const areAllSelected = bankAccounts.length > 0 && selectedAccountIds.length === bankAccounts.length;
+  const isSomeSelected = selectedAccountIds.length > 0 && !areAllSelected;
+  const handleToggleAccount = (id) => {
+    setSelectedAccountIds(
+      (prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]
+    );
+  };
+  const handleToggleAll = () => {
+    if (areAllSelected) {
+      setSelectedAccountIds([]);
+    } else {
+      setSelectedAccountIds(bankAccounts.map((a) => a.id));
+    }
+  };
+  const periodLabel = useMemo(() => {
+    if (fromDate && toDate) {
+      return `${format(parseISO(fromDate), "dd MMM yyyy")} \u2013 ${format(parseISO(toDate), "dd MMM yyyy")}`;
+    }
+    return "\u2014";
+  }, [fromDate, toDate]);
+  const isSubmitDisabled = !statementName.trim() || !applicantType || rangePreset === "custom" && (!fromDate || !toDate) || selectedAccountIds.length === 0;
+  const handleSubmit = () => {
+    if (isSubmitDisabled || !applicantType) return;
+    onSubmit({
+      statementName,
+      rangePreset,
+      fromDate,
+      toDate,
+      applicantType,
+      selectedAccountIds
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: cn("max-w-[700px]", className),
+      "data-slot": "bank-statement-generate-dialog",
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Generate Bank Statement" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: statementName,
+                onChange: (e) => setStatementName(e.target.value),
+                placeholder: "Bank Statement 1"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground", children: "Statement period" }),
+            /* @__PURE__ */ jsxs(
+              ToggleGroup,
+              {
+                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));
+                  }
+                },
+                className: "w-full",
+                children: [
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "90", className: "flex-1", children: "3 Months" }),
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "180", className: "flex-1", children: "6 Months" }),
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "365", className: "flex-1", children: "12 Months" }),
+                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "custom", className: "flex-1", children: "Custom" })
+                ]
+              }
+            )
+          ] }),
+          rangePreset === "custom" && /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                value: fromDate ? parseISO(fromDate) : void 0,
+                onChange: (date) => setFromDate(date ? toIsoDate(date) : ""),
+                placeholder: "From Date",
+                className: "flex-1"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                value: toDate ? parseISO(toDate) : void 0,
+                onChange: (date) => setToDate(date ? toIsoDate(date) : ""),
+                placeholder: "To Date",
+                className: "flex-1"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: applicantType,
+              onValueChange: (v) => handleApplicantTypeChange(v),
+              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" })
+                ] })
+              ]
+            }
+          ),
+          applicantType && /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+            isLoadingAccounts && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ jsx(Spinner, { size: "lg" }) }),
+            !isLoadingAccounts && bankAccounts.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-body-medium text-muted-foreground", children: "No bank accounts found for the selected applicant" }),
+            !isLoadingAccounts && bankAccounts.length > 0 && /* @__PURE__ */ jsxs(Table, { children: [
+              /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: areAllSelected,
+                    indeterminate: isSomeSelected,
+                    onCheckedChange: handleToggleAll,
+                    "aria-label": "Select all accounts"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Account Name" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Account Number" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Period" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Last Updated" })
+              ] }) }),
+              /* @__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);
+              }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleSubmit,
+              disabled: isSubmitDisabled,
+              loading: isLoading,
+              children: "Generate"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+
+export {
+  BankStatementGenerateDialog
+};

package/dist/{chunk-4MM7LHM5.mjs → chunk-J5NW5NCT.mjs}

@@ -1,6 +1,6 @@
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-OLKMCXAR.mjs → chunk-JTG5R5YV.mjs}

@@ -1,30 +1,16 @@
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-UALR6JGV.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-RSUIPKGX.mjs";
-import {
-  ToggleGroup,
-  ToggleGroupItem
-} from "./chunk-OWFQSXVD.mjs";
-import {
-  Avatar,
-  AvatarFallback
-} from "./chunk-H6NQTIF4.mjs";
-import {
-  Textarea
-} from "./chunk-BS75ICOO.mjs";
+} from "./chunk-HNDTLT5X.mjs";
 import {
-  Badge
-} from "./chunk-WL6WVV47.mjs";
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
 import {
   Tabs,
   TabsList,
@@ -34,8 +20,8 @@ import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
 import {
-  Input
-} from "./chunk-LBTHZSBT.mjs";
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
 import {
   Dialog,
   DialogContent,
@@ -43,7 +29,21 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-OWFQSXVD.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button,
   buttonVariants
@@ -1141,7 +1141,7 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { align: "top", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: "Assign to advisor" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Choose an advisor to handle this conversation." })

package/dist/chunk-JUBUN65Q.mjs

@@ -0,0 +1,106 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./chunk-HNDTLT5X.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/scenario-item.tsx
+import { GripVertical, MoreVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScenarioItem({
+  name,
+  description,
+  isSelected = false,
+  isDraggable = false,
+  isDragOver = false,
+  onSelect,
+  onEdit,
+  onDelete,
+  onDragStart,
+  onDragOver,
+  onDragLeave,
+  onDrop,
+  onDragEnd,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      draggable: isDraggable,
+      onClick: onSelect,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") onSelect == null ? void 0 : onSelect();
+      },
+      onDragStart,
+      onDragOver,
+      onDragLeave,
+      onDrop,
+      onDragEnd,
+      className: cn(
+        "flex cursor-pointer items-center gap-2 border border-border bg-background px-3 py-3 transition-colors hover:bg-muted/50",
+        isSelected && "border-r-2 border-r-primary bg-primary/5",
+        isDragOver && "bg-primary/10",
+        className
+      ),
+      children: [
+        isDraggable && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "shrink-0 cursor-grab text-muted-foreground active:cursor-grabbing",
+            children: /* @__PURE__ */ jsx(GripVertical, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-base font-semibold text-foreground", children: name }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-sm text-muted-foreground", children: description })
+        ] }),
+        (onEdit || onDelete) && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Scenario options",
+              onClick: (e) => e.stopPropagation(),
+              className: "shrink-0 p-1 text-muted-foreground transition-colors hover:text-foreground",
+              children: /* @__PURE__ */ jsx(MoreVertical, { size: 16 })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+            onEdit && /* @__PURE__ */ jsx(
+              DropdownMenuItem,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onEdit();
+                },
+                children: "Update Scenario"
+              }
+            ),
+            onDelete && /* @__PURE__ */ jsx(
+              DropdownMenuItem,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onDelete();
+                },
+                className: "text-destructive focus:text-destructive",
+                children: "Delete Scenario"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  ScenarioItem
+};