@wealthx/shadcn 1.5.10 → 1.5.12

package/dist/components/ui/ai-conversations.js

@@ -211,7 +211,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {
@@ -1244,15 +1244,19 @@ function ChatComposer({
   mode,
   channel: channelProp = "chat",
   onChannelChange,
+  isEmailIntegrated = false,
   contactEmail = "",
   inputValue = "",
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   className
 }) {
-  const [channel, setChannel] = import_react3.default.useState(channelProp);
+  const [channel, setChannel] = import_react3.default.useState(
+    isEmailIntegrated ? channelProp : "chat"
+  );
   const [emailTo, setEmailTo] = import_react3.default.useState(contactEmail);
   const [emailCc, setEmailCc] = import_react3.default.useState("");
   const [showCc, setShowCc] = import_react3.default.useState(false);
@@ -1302,7 +1306,7 @@ function ChatComposer({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Tabs,
           {
             value: channel,
@@ -1437,7 +1441,12 @@ function ChatComposer({
                       Button,
                       {
                         size: "sm",
-                        onClick: () => onSend == null ? void 0 : onSend(inputValue),
+                        onClick: () => onSendEmail == null ? void 0 : onSendEmail({
+                          content: inputValue,
+                          to: emailTo,
+                          cc: emailCc,
+                          subject: emailSubject
+                        }),
                         disabled: !inputValue.trim() || !emailTo.trim(),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
@@ -1492,9 +1501,11 @@ function ChatThread({
   isAiTyping = false,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -1502,12 +1513,53 @@ function ChatThread({
   onUnmarkUrgent,
   onArchive,
   onAssignToAdvisor,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   onBack,
   onShowLeadInfo,
   className
 }) {
   const aiIsHandling = mode === "ai";
   const isClosed = status === "closed";
+  const scrollRef = import_react3.default.useRef(null);
+  const preLoadScrollHeightRef = import_react3.default.useRef(null);
+  const handleScroll = (e) => {
+    if (!hasMoreMessages || isLoadingMoreMessages || !onLoadMoreMessages) {
+      return;
+    }
+    if (e.currentTarget.scrollTop <= 80) {
+      preLoadScrollHeightRef.current = e.currentTarget.scrollHeight;
+      onLoadMoreMessages();
+    }
+  };
+  const prevLastMessageIdRef = import_react3.default.useRef(void 0);
+  const prevContactIdRef = import_react3.default.useRef(contact.id);
+  import_react3.default.useLayoutEffect(() => {
+    var _a, _b;
+    const el = scrollRef.current;
+    if (!el) return;
+    if (preLoadScrollHeightRef.current !== null) {
+      el.scrollTop = el.scrollHeight - preLoadScrollHeightRef.current;
+      preLoadScrollHeightRef.current = null;
+      prevLastMessageIdRef.current = (_a = messages[messages.length - 1]) == null ? void 0 : _a.id;
+      prevContactIdRef.current = contact.id;
+      return;
+    }
+    const currentLastId = (_b = messages[messages.length - 1]) == null ? void 0 : _b.id;
+    const contactChanged = prevContactIdRef.current !== contact.id;
+    const tailChanged = prevLastMessageIdRef.current !== currentLastId;
+    if (contactChanged || tailChanged) {
+      el.scrollTop = el.scrollHeight;
+    }
+    prevLastMessageIdRef.current = currentLastId;
+    prevContactIdRef.current = contact.id;
+  }, [contact.id, messages]);
+  import_react3.default.useLayoutEffect(() => {
+    if (!isAiTyping) return;
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [isAiTyping]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
@@ -1597,9 +1649,12 @@ function ChatThread({
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
+        ref: scrollRef,
+        onScroll: handleScroll,
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
+          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
           messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm", children: "No messages yet" })
@@ -1637,10 +1692,12 @@ function ChatThread({
         mode,
         channel,
         onChannelChange,
+        isEmailIntegrated,
         contactEmail: contact.email,
         inputValue,
         onInputChange,
         onSend,
+        onSendEmail,
         onTakeOver,
         onLetAiHandle
       }
@@ -1991,11 +2048,15 @@ function ConversationsPage({
   onChannelFilterChange,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   internalNotes,
   showLeadPanel = true,
   hasMore,
   isLoadingMore,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   isAiTyping,
   notesSaveStatus,
   onSelectConversation,
@@ -2004,6 +2065,7 @@ function ConversationsPage({
   onFilterChange,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -2072,9 +2134,11 @@ function ConversationsPage({
             isAiTyping,
             channel,
             onChannelChange,
+            isEmailIntegrated,
             inputValue,
             onInputChange,
             onSend,
+            onSendEmail,
             onTakeOver,
             onLetAiHandle,
             onReopen,
@@ -2082,6 +2146,9 @@ function ConversationsPage({
             onUnmarkUrgent,
             onArchive,
             onAssignToAdvisor,
+            hasMoreMessages,
+            isLoadingMoreMessages,
+            onLoadMoreMessages,
             onBack: () => setMobilePanel("list"),
             onShowLeadInfo: () => setMobilePanel("lead"),
             className: cn(

package/dist/components/ui/ai-conversations.mjs

@@ -9,15 +9,15 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../chunk-54TRNCID.mjs";
-import "../../chunk-H5DTKPJ2.mjs";
+} from "../../chunk-EB626HVW.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-WE4YKBDE.mjs";
+import "../../chunk-H5DTKPJ2.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LBTHZSBT.mjs";

package/dist/components/ui/appointment-action-dialogs.js

@@ -864,7 +864,7 @@ var import_lucide_react4 = require("lucide-react");
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-action-dialogs.mjs

@@ -1,12 +1,12 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-AANINK2B.mjs";
-import "../../chunk-FRT3S72S.mjs";
+} from "../../chunk-2KNQZG5S.mjs";
+import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-CEYEK3TI.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/appointment-book-dialog.js

@@ -1264,7 +1264,7 @@ function Textarea(_a) {
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {
@@ -1448,6 +1448,19 @@ var FORMAT_OPTIONS = [
     icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MapPin, { className: "h-4 w-4" })
   }
 ];
+var CLIENT_FORMAT_OPTIONS = [
+  { value: "call", label: "Call", icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Phone, { className: "h-4 w-4" }) },
+  {
+    value: "online",
+    label: "Online Meeting",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" })
+  },
+  {
+    value: "offline",
+    label: "Offline Meeting",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MapPin, { className: "h-4 w-4" })
+  }
+];
 function MeetingFormatSection({
   format: format2,
   onFormatChange,
@@ -1457,10 +1470,11 @@ function MeetingFormatSection({
   onCustomAddressChange,
   advisorOfficeAddress,
   clientHomeAddress,
-  isClientMode
+  isClientMode,
+  formatOptions
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex gap-2", children: FORMAT_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex gap-2", children: formatOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       Toggle,
       {
         variant: "outline",
@@ -1753,7 +1767,8 @@ function AppointmentBookDialog({
             onCustomAddressChange: setCustomAddress,
             advisorOfficeAddress,
             clientHomeAddress,
-            isClientMode
+            isClientMode,
+            formatOptions: isClientMode ? CLIENT_FORMAT_OPTIONS : FORMAT_OPTIONS
           }
         )
       ] }),

package/dist/components/ui/appointment-book-dialog.mjs

@@ -1,16 +1,16 @@
 import {
   AppointmentBookDialog
-} from "../../chunk-GS47ZSSA.mjs";
+} from "../../chunk-J7KQON2N.mjs";
 import "../../chunk-JTK6VJXY.mjs";
 import "../../chunk-MXP2RX2V.mjs";
 import "../../chunk-ISUA7DSB.mjs";
-import "../../chunk-FRT3S72S.mjs";
+import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-USOVLDGS.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-P7CEBZM6.mjs";

package/dist/components/ui/appointment-calendar-view.js

@@ -198,7 +198,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-calendar-view.mjs

@@ -1,10 +1,10 @@
 import {
   AppointmentCalendarView
-} from "../../chunk-Z2BW5T7P.mjs";
+} from "../../chunk-IODGRCQG.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";

package/dist/components/ui/appointment-detail-sheet.js

@@ -199,7 +199,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-detail-sheet.mjs

@@ -1,14 +1,14 @@
 import {
   AppointmentDetailSheet
-} from "../../chunk-XUCDPAVI.mjs";
-import "../../chunk-AANINK2B.mjs";
-import "../../chunk-FRT3S72S.mjs";
+} from "../../chunk-R6U246E4.mjs";
+import "../../chunk-2KNQZG5S.mjs";
+import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-NCMV3LTP.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-CEYEK3TI.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/appointment-gmail-connect.js

@@ -155,7 +155,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-gmail-connect.mjs

@@ -1,8 +1,8 @@
 import {
   AppointmentGmailConnect
-} from "../../chunk-ZXEUBBHJ.mjs";
+} from "../../chunk-7TMPOZDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";

package/dist/components/ui/appointment-time-slot-picker.js

@@ -153,7 +153,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-time-slot-picker.mjs

@@ -1,8 +1,8 @@
 import {
   AppointmentSlotSection,
   AppointmentTimeSlotPicker
-} from "../../chunk-FRT3S72S.mjs";
-import "../../chunk-WL6WVV47.mjs";
+} from "../../chunk-CQ7HKBEX.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";

package/dist/components/ui/appointment-upcoming-card.js

@@ -200,7 +200,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/appointment-upcoming-card.mjs

@@ -1,12 +1,12 @@
 import {
   AppointmentUpcomingCard
-} from "../../chunk-4BHDDLWK.mjs";
-import "../../chunk-FRT3S72S.mjs";
+} from "../../chunk-XAS6KBIG.mjs";
+import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-P7CEBZM6.mjs";

package/dist/components/ui/badge.js

@@ -151,7 +151,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/ui/badge.mjs

@@ -1,7 +1,7 @@
 import {
   Badge,
   badgeVariants
-} from "../../chunk-WL6WVV47.mjs";
+} from "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";

package/dist/components/ui/bank-statement-generate-dialog.js

@@ -65,6 +65,11 @@ module.exports = __toCommonJS(bank_statement_generate_dialog_exports);
 var import_react5 = require("react");
 var import_date_fns3 = require("date-fns");
 
+// src/components/ui/button.tsx
+var import_react = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
@@ -104,11 +109,6 @@ function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/ui/button.tsx
-var import_react = require("react");
-var import_class_variance_authority = require("class-variance-authority");
-var import_lucide_react = require("lucide-react");
-
 // src/lib/slot.tsx
 var React = __toESM(require("react"));
 function mergeRefs(...refs) {
@@ -1278,6 +1278,10 @@ function ToggleGroupItem(_a) {
 
 // src/components/ui/bank-statement-generate-dialog.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
+var APPLICANT_TYPE_LABELS = {
+  primary: "Main applicant",
+  secondary: "Co-applicant"
+};
 function toIsoDate(date) {
   return date.toISOString().slice(0, 10);
 }
@@ -1301,8 +1305,10 @@ function BankStatementGenerateDialog({
 }) {
   const [statementName, setStatementName] = (0, import_react5.useState)("Bank Statement 1");
   const [rangePreset, setRangePreset] = (0, import_react5.useState)(90);
-  const [fromDate, setFromDate] = (0, import_react5.useState)("");
-  const [toDate, setToDate] = (0, import_react5.useState)("");
+  const [fromDate, setFromDate] = (0, import_react5.useState)(
+    () => presetToDateRange(90).from
+  );
+  const [toDate, setToDate] = (0, import_react5.useState)(() => presetToDateRange(90).to);
   const [applicantType, setApplicantType] = (0, import_react5.useState)("");
   const [selectedAccountIds, setSelectedAccountIds] = (0, import_react5.useState)([]);
   (0, import_react5.useEffect)(() => {
@@ -1331,6 +1337,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) => {
@@ -1366,7 +1377,8 @@ function BankStatementGenerateDialog({
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     DialogContent,
     {
-      className: cn("max-w-[700px]", className),
+      size: "3xl",
+      className,
       "data-slot": "bank-statement-generate-dialog",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle, { children: "Generate Bank Statement" }) }),
@@ -1390,15 +1402,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__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "90", className: "flex-1", children: "3 Months" }),
@@ -1434,11 +1438,12 @@ function BankStatementGenerateDialog({
             {
               value: applicantType,
               onValueChange: (v) => handleApplicantTypeChange(v),
+              items: APPLICANT_TYPE_LABELS,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: "Applicant Type" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "primary", children: "Main applicant" }),
-                  hasCoApplicant && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "secondary", children: "Co-applicant" })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "primary", children: APPLICANT_TYPE_LABELS.primary }),
+                  hasCoApplicant && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "secondary", children: APPLICANT_TYPE_LABELS.secondary })
                 ] })
               ]
             }
@@ -1464,33 +1469,43 @@ function BankStatementGenerateDialog({
               ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableBody, { children: bankAccounts.map((account) => {
                 var _a, _b;
-                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TableRow, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                    Checkbox,
-                    {
-                      checked: selectedAccountIds.includes(account.id),
-                      onCheckedChange: () => handleToggleAccount(account.id),
-                      "aria-label": `Select ${account.name}`
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-                    account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      "img",
-                      {
-                        src: account.institutionLogo,
-                        alt: (_a = account.institutionName) != null ? _a : "",
-                        className: "size-8 rounded object-cover"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
-                  ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
-                    (0, import_date_fns3.parseISO)(account.lastUpdated),
-                    "dd MMM yyyy"
-                  ) : "\u2014" }) })
-                ] }, account.id);
+                const isSelected = selectedAccountIds.includes(
+                  account.id
+                );
+                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  TableRow,
+                  {
+                    "data-state": isSelected ? "selected" : void 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          onCheckedChange: () => handleToggleAccount(account.id),
+                          "aria-label": `Select ${account.name}`
+                        }
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          "img",
+                          {
+                            src: account.institutionLogo,
+                            alt: (_a = account.institutionName) != null ? _a : "",
+                            className: "size-8 object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
+                      ] }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: (_b = account.accountNo) != null ? _b : "\u2014" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-body-medium", children: account.lastUpdated ? (0, import_date_fns3.format)(
+                        (0, import_date_fns3.parseISO)(account.lastUpdated),
+                        "dd MMM yyyy"
+                      ) : "\u2014" }) })
+                    ]
+                  },
+                  account.id
+                );
               }) })
             ] })
           ] })