@wealthx/shadcn 1.5.11 → 1.5.12

package/dist/index.js

@@ -2615,15 +2615,19 @@ function ChatComposer({
   mode,
   channel: channelProp = "chat",
   onChannelChange,
+  isEmailIntegrated = false,
   contactEmail = "",
   inputValue = "",
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   className
 }) {
-  const [channel, setChannel] = import_react5.default.useState(channelProp);
+  const [channel, setChannel] = import_react5.default.useState(
+    isEmailIntegrated ? channelProp : "chat"
+  );
   const [emailTo, setEmailTo] = import_react5.default.useState(contactEmail);
   const [emailCc, setEmailCc] = import_react5.default.useState("");
   const [showCc, setShowCc] = import_react5.default.useState(false);
@@ -2673,7 +2677,7 @@ function ChatComposer({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Tabs,
           {
             value: channel,
@@ -2808,7 +2812,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_runtime18.jsx)(import_lucide_react6.Send, { className: "mr-1.5 size-3.5" }),
@@ -2863,9 +2872,11 @@ function ChatThread({
   isAiTyping = false,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -2873,12 +2884,53 @@ function ChatThread({
   onUnmarkUrgent,
   onArchive,
   onAssignToAdvisor,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   onBack,
   onShowLeadInfo,
   className
 }) {
   const aiIsHandling = mode === "ai";
   const isClosed = status === "closed";
+  const scrollRef = import_react5.default.useRef(null);
+  const preLoadScrollHeightRef = import_react5.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_react5.default.useRef(void 0);
+  const prevContactIdRef = import_react5.default.useRef(contact.id);
+  import_react5.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_react5.default.useLayoutEffect(() => {
+    if (!isAiTyping) return;
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [isAiTyping]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
@@ -2968,9 +3020,12 @@ function ChatThread({
     /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
           messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.MessageSquare, { className: "size-8 opacity-30" }),
             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm", children: "No messages yet" })
@@ -3008,10 +3063,12 @@ function ChatThread({
         mode,
         channel,
         onChannelChange,
+        isEmailIntegrated,
         contactEmail: contact.email,
         inputValue,
         onInputChange,
         onSend,
+        onSendEmail,
         onTakeOver,
         onLetAiHandle
       }
@@ -3362,11 +3419,15 @@ function ConversationsPage({
   onChannelFilterChange,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   internalNotes,
   showLeadPanel = true,
   hasMore,
   isLoadingMore,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   isAiTyping,
   notesSaveStatus,
   onSelectConversation,
@@ -3375,6 +3436,7 @@ function ConversationsPage({
   onFilterChange,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -3443,9 +3505,11 @@ function ConversationsPage({
             isAiTyping,
             channel,
             onChannelChange,
+            isEmailIntegrated,
             inputValue,
             onInputChange,
             onSend,
+            onSendEmail,
             onTakeOver,
             onLetAiHandle,
             onReopen,
@@ -3453,6 +3517,9 @@ function ConversationsPage({
             onUnmarkUrgent,
             onArchive,
             onAssignToAdvisor,
+            hasMoreMessages,
+            isLoadingMoreMessages,
+            onLoadMoreMessages,
             onBack: () => setMobilePanel("list"),
             onShowLeadInfo: () => setMobilePanel("lead"),
             className: cn(
@@ -11991,6 +12058,10 @@ function BankStatementDocumentTable({
 var import_react21 = require("react");
 var import_date_fns3 = require("date-fns");
 var import_jsx_runtime61 = require("react/jsx-runtime");
+var APPLICANT_TYPE_LABELS = {
+  primary: "Main applicant",
+  secondary: "Co-applicant"
+};
 function toIsoDate(date) {
   return date.toISOString().slice(0, 10);
 }
@@ -12014,8 +12085,10 @@ function BankStatementGenerateDialog({
 }) {
   const [statementName, setStatementName] = (0, import_react21.useState)("Bank Statement 1");
   const [rangePreset, setRangePreset] = (0, import_react21.useState)(90);
-  const [fromDate, setFromDate] = (0, import_react21.useState)("");
-  const [toDate, setToDate] = (0, import_react21.useState)("");
+  const [fromDate, setFromDate] = (0, import_react21.useState)(
+    () => presetToDateRange(90).from
+  );
+  const [toDate, setToDate] = (0, import_react21.useState)(() => presetToDateRange(90).to);
   const [applicantType, setApplicantType] = (0, import_react21.useState)("");
   const [selectedAccountIds, setSelectedAccountIds] = (0, import_react21.useState)([]);
   (0, import_react21.useEffect)(() => {
@@ -12044,6 +12117,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) => {
@@ -12079,7 +12157,8 @@ function BankStatementGenerateDialog({
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     DialogContent,
     {
-      className: cn("max-w-[700px]", className),
+      size: "3xl",
+      className,
       "data-slot": "bank-statement-generate-dialog",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogTitle, { children: "Generate Bank Statement" }) }),
@@ -12103,15 +12182,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_runtime61.jsx)(ToggleGroupItem, { value: "90", className: "flex-1", children: "3 Months" }),
@@ -12147,11 +12218,12 @@ function BankStatementGenerateDialog({
             {
               value: applicantType,
               onValueChange: (v) => handleApplicantTypeChange(v),
+              items: APPLICANT_TYPE_LABELS,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectValue, { placeholder: "Applicant Type" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectItem, { value: "primary", children: "Main applicant" }),
-                  hasCoApplicant && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectItem, { value: "secondary", children: "Co-applicant" })
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectItem, { value: "primary", children: APPLICANT_TYPE_LABELS.primary }),
+                  hasCoApplicant && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectItem, { value: "secondary", children: APPLICANT_TYPE_LABELS.secondary })
                 ] })
               ]
             }
@@ -12177,33 +12249,43 @@ function BankStatementGenerateDialog({
               ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableBody, { children: bankAccounts.map((account) => {
                 var _a, _b;
-                return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(TableRow, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-                    Checkbox,
-                    {
-                      checked: selectedAccountIds.includes(account.id),
-                      onCheckedChange: () => handleToggleAccount(account.id),
-                      "aria-label": `Select ${account.name}`
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
-                    account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-                      "img",
-                      {
-                        src: account.institutionLogo,
-                        alt: (_a = account.institutionName) != null ? _a : "",
-                        className: "size-8 rounded object-cover"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
-                  ] }) }),
-                  /* @__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" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
-                  /* @__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)(
-                    (0, import_date_fns3.parseISO)(account.lastUpdated),
-                    "dd MMM yyyy"
-                  ) : "\u2014" }) })
-                ] }, account.id);
+                const isSelected = selectedAccountIds.includes(
+                  account.id
+                );
+                return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                  TableRow,
+                  {
+                    "data-state": isSelected ? "selected" : void 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          onCheckedChange: () => handleToggleAccount(account.id),
+                          "aria-label": `Select ${account.name}`
+                        }
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        account.institutionLogo && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                          "img",
+                          {
+                            src: account.institutionLogo,
+                            alt: (_a = account.institutionName) != null ? _a : "",
+                            className: "size-8 object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium font-semibold", children: account.name || account.institutionName || "\u2014" })
+                      ] }) }),
+                      /* @__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" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-body-medium", children: periodLabel }) }),
+                      /* @__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)(
+                        (0, import_date_fns3.parseISO)(account.lastUpdated),
+                        "dd MMM yyyy"
+                      ) : "\u2014" }) })
+                    ]
+                  },
+                  account.id
+                );
               }) })
             ] })
           ] })

package/dist/index.mjs

@@ -315,7 +315,7 @@ import {
 } from "./chunk-TC43SMIN.mjs";
 import {
   BankStatementGenerateDialog
-} from "./chunk-O5CP6VP6.mjs";
+} from "./chunk-CPM6P63C.mjs";
 import {
   Field,
   FieldContent,
@@ -515,7 +515,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "./chunk-ZMTCMP2G.mjs";
+} from "./chunk-EB626HVW.mjs";
 import {
   Tooltip,
   TooltipContent,