@wealthx/shadcn 1.2.2 → 1.3.0

package/dist/chunk-LV35NGVG.mjs

@@ -0,0 +1,272 @@
+import {
+  Sheet,
+  SheetContent
+} from "./chunk-462HMNO4.mjs";
+import {
+  AppointmentConfirmDialog,
+  AppointmentRescheduleDialog
+} from "./chunk-6AW4KJHE.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-24FUO7TD.mjs";
+import {
+  Badge
+} from "./chunk-BKNFWEH2.mjs";
+import {
+  Separator
+} from "./chunk-FH6QVUVZ.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
+
+// src/components/ui/appointment-detail-sheet.tsx
+import React from "react";
+import {
+  AlertCircle,
+  Calendar,
+  CalendarClock,
+  Check,
+  CircleUser,
+  Clock,
+  FileText,
+  Mail,
+  MapPin,
+  Phone,
+  RefreshCw,
+  Users,
+  Video,
+  X
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var STATUS_CONFIG = {
+  pending: {
+    variant: "warning",
+    label: "Pending",
+    icon: /* @__PURE__ */ jsx(CalendarClock, { size: 12 })
+  },
+  confirmed: {
+    variant: "success",
+    label: "Confirmed",
+    icon: /* @__PURE__ */ jsx(Check, { size: 12 })
+  },
+  cancelled: {
+    variant: "destructive",
+    label: "Cancelled",
+    icon: /* @__PURE__ */ jsx(X, { size: 12 })
+  },
+  rescheduled: {
+    variant: "info",
+    label: "Rescheduled",
+    icon: /* @__PURE__ */ jsx(RefreshCw, { size: 12 })
+  }
+};
+function AppointmentDetailSheet({
+  appointment,
+  open,
+  onOpenChange,
+  clientProfile,
+  amSlots,
+  pmSlots,
+  onAccept,
+  onDecline,
+  onReschedule,
+  onBookNew
+}) {
+  const [confirmAction, setConfirmAction] = React.useState(null);
+  const [rescheduleOpen, setRescheduleOpen] = React.useState(false);
+  if (!appointment) return null;
+  const { variant, label, icon } = STATUS_CONFIG[appointment.status];
+  const isCancelled = appointment.status === "cancelled";
+  const isConfirmed = appointment.status === "confirmed";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: "right",
+        className: "flex w-[440px] flex-col gap-0 overflow-y-auto p-0",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-6 py-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ jsx(Avatar, { className: "h-12 w-12 shrink-0", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-base", children: appointment.clientAvatarInitials }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold leading-tight", children: appointment.clientName }),
+                /* @__PURE__ */ jsxs(Badge, { variant, className: "w-fit", children: [
+                  icon,
+                  label
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-2", children: isCancelled ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                className: "w-full",
+                onClick: () => onBookNew == null ? void 0 : onBookNew(appointment.clientId),
+                children: "Book a New Appointment"
+              }
+            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  size: "sm",
+                  disabled: isConfirmed,
+                  onClick: () => setConfirmAction("accept"),
+                  className: "flex-1 gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+                    "Accept"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => setConfirmAction("decline"),
+                  className: "flex-1 gap-1.5 text-destructive hover:text-destructive",
+                  children: [
+                    /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }),
+                    "Decline"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setRescheduleOpen(true),
+                  className: "flex-1 gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
+                    "Reschedule"
+                  ]
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 px-6 py-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: appointment.date })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                appointment.timeStart,
+                " \u2013 ",
+                appointment.timeEnd
+              ] })
+            ] }),
+            appointment.meetingFormat && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 text-sm", children: [
+              appointment.meetingFormat === "call" && /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              appointment.meetingFormat === "google-meet" && /* @__PURE__ */ jsx(Video, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              appointment.meetingFormat === "offline" && /* @__PURE__ */ jsx(MapPin, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                  appointment.meetingFormat === "call" && "Phone Call",
+                  appointment.meetingFormat === "google-meet" && "Google Meet",
+                  appointment.meetingFormat === "offline" && "In Person"
+                ] }),
+                appointment.meetingFormat === "offline" && appointment.meetingLocation && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: appointment.meetingLocation })
+              ] })
+            ] })
+          ] }),
+          clientProfile && (clientProfile.phone !== void 0 || clientProfile.email !== void 0 || clientProfile.accountType !== void 0 || clientProfile.loanApplicationStatus !== void 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-6 py-5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Client Profile" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                clientProfile.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
+                  /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: clientProfile.phone })
+                ] }),
+                clientProfile.email && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
+                  /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: clientProfile.email })
+                ] }),
+                clientProfile.accountType !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Account type" }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                    clientProfile.accountType === "Joint" ? /* @__PURE__ */ jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(CircleUser, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: clientProfile.accountType })
+                  ] })
+                ] }),
+                clientProfile.loanApplicationStatus !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Loan application" }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                    clientProfile.loanApplicationStatus === "finished" && /* @__PURE__ */ jsx(Badge, { variant: "success", className: "text-[10px]", children: "Finished" }),
+                    clientProfile.loanApplicationStatus === "in-progress" && /* @__PURE__ */ jsx(Badge, { variant: "warning", className: "text-[10px]", children: "In Progress" }),
+                    clientProfile.loanApplicationStatus === "sent-request" && /* @__PURE__ */ jsx(Badge, { variant: "info", className: "text-[10px]", children: "Sent Request" }),
+                    clientProfile.loanApplicationStatus === "not-start" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Not Started" })
+                  ] })
+                ] })
+              ] })
+            ] })
+          ] }),
+          appointment.notes && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-6 py-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Notes" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: appointment.notes })
+            ] })
+          ] }),
+          appointment.cancelReason && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-6 py-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Cancellation Reason" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: appointment.cancelReason })
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      AppointmentConfirmDialog,
+      {
+        open: confirmAction !== null,
+        onOpenChange: (v) => !v && setConfirmAction(null),
+        action: confirmAction != null ? confirmAction : "accept",
+        clientName: appointment.clientName,
+        onConfirm: () => {
+          if (confirmAction === "accept") {
+            onAccept == null ? void 0 : onAccept(appointment.id);
+          } else {
+            onDecline == null ? void 0 : onDecline(appointment.id);
+          }
+          setConfirmAction(null);
+          onOpenChange(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AppointmentRescheduleDialog,
+      {
+        open: rescheduleOpen,
+        onOpenChange: setRescheduleOpen,
+        amSlots,
+        pmSlots,
+        currentDate: appointment.date,
+        currentTimeStart: appointment.timeStart,
+        currentTimeEnd: appointment.timeEnd,
+        onReschedule: (date, slot, note) => {
+          onReschedule == null ? void 0 : onReschedule(appointment.id, date, slot, note);
+          setRescheduleOpen(false);
+        }
+      }
+    )
+  ] });
+}
+
+export {
+  AppointmentDetailSheet
+};

package/dist/{chunk-FZIXGLMV.mjs → chunk-M3FV7LOK.mjs}

@@ -1,6 +1,9 @@
+import {
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   Button
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 
 // src/components/ui/chart-shared.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -35,15 +38,6 @@ var SEVERITY_COLORS = {
   low: "#4CAF50"
   // default --success        oklch(0.673 0.162 144.2)
 };
-function formatAbbrev(value) {
-  const abs = Math.abs(value);
-  const sign = value < 0 ? "-" : "";
-  if (abs >= 1e9)
-    return `${sign}$${(abs / 1e9).toFixed(1)}B`;
-  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(1)}M`;
-  if (abs >= 1e3) return `${sign}$${(abs / 1e3).toFixed(0)}K`;
-  return `${sign}$${abs.toFixed(0)}`;
-}
 function formatTooltipDate(iso, granularity) {
   const d = new Date(iso);
   return d.toLocaleDateString(
@@ -126,7 +120,7 @@ function DoughnutLegendRow({
       /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none truncate", children: label })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium leading-none", children: formatAbbrev(value) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium leading-none", children: formatCurrencyAbbrev(value) }),
       /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none w-10 text-right", children: percent })
     ] })
   ] });
@@ -163,7 +157,6 @@ export {
   FALLBACK_TICK,
   FALLBACK_NEUTRAL,
   SEVERITY_COLORS,
-  formatAbbrev,
   formatTooltipDate,
   formatMonthLabel,
   formatCount,

package/dist/{chunk-FMAXJ2SI.mjs → chunk-MBON7YRJ.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WAZD7NFU.mjs";
+} from "./chunk-BKNFWEH2.mjs";
 import {
   Checkbox
 } from "./chunk-RGVKLTLH.mjs";