@wealthx/shadcn 1.3.2 → 1.3.3

package/dist/chunk-D2NSIIXG.mjs

@@ -0,0 +1,394 @@
+import {
+  Card,
+  CardContent
+} from "./chunk-3VDET466.mjs";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-P2N2PEFY.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+import {
+  __async
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/ai-builder.tsx
+import { useState } from "react";
+import {
+  Check,
+  CheckCircle2,
+  Clock,
+  Copy,
+  Mail,
+  MoreHorizontal,
+  Settings,
+  Shield,
+  User
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AGENT_FEATURES = [
+  {
+    title: "Lead Capture",
+    description: "Automatically collect and qualify leads from website visitors."
+  },
+  {
+    title: "Initial Engagement",
+    description: "Instantly respond to inquiries with personalised mortgage guidance."
+  },
+  {
+    title: "Smart Follow-Up",
+    description: "Re-engage cold leads with timely, context-aware follow-up messages."
+  },
+  {
+    title: "Appointment Scheduling",
+    description: "Book qualified leads directly into advisor calendars without manual coordination."
+  },
+  {
+    title: "Performance Tracking",
+    description: "Monitor agent activity, response rates, and conversion metrics."
+  }
+];
+function AgentCard({
+  agent,
+  onToggle,
+  onMenuClick,
+  className
+}) {
+  const { id, title, description, tags, isEnabled, infoBadge, isComingSoon } = agent;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "flex flex-col gap-3 p-4 transition-opacity",
+        isComingSoon && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "mt-0.5 size-2 shrink-0 rounded-full",
+                  isEnabled && !isComingSoon ? "bg-success" : "bg-muted-foreground/40"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold leading-tight", children: title }),
+            isComingSoon && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0 text-xs", children: "Coming Soon" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: isEnabled,
+                disabled: isComingSoon,
+                onCheckedChange: (checked) => onToggle(id, checked),
+                "aria-label": `Toggle ${title}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => onMenuClick(id),
+                "aria-label": `View details for ${title}`,
+                children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs leading-relaxed flex-1", children: description }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          infoBadge && /* @__PURE__ */ jsx("p", { className: "bg-info/10 text-info px-2 py-1 text-xs", children: infoBadge }),
+          tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
+        ] })
+      ]
+    }
+  );
+}
+function AgentMenuModal({
+  open,
+  onOpenChange,
+  agentTitle,
+  description = "AI-powered lead management that works around the clock to grow your mortgage business.",
+  features = AGENT_FEATURES
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", align: "top", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: agentTitle }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 py-2", children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "default",
+          className: "h-6 w-6 shrink-0 p-0 text-xs font-bold",
+          children: index + 1
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: feature.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs leading-relaxed", children: feature.description })
+      ] })
+    ] }, feature.title)) })
+  ] }) });
+}
+function IntegrationServiceCard({
+  title,
+  imageUrl,
+  iconNode,
+  description,
+  isConnected,
+  onCardClick,
+  onSettingsClick,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "flex flex-col gap-3 p-4",
+        !isConnected && "cursor-pointer transition-colors hover:bg-accent/50",
+        className
+      ),
+      onClick: !isConnected ? onCardClick : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10 shrink-0", children: [
+            imageUrl && /* @__PURE__ */ jsx(AvatarImage, { src: imageUrl, alt: title }),
+            /* @__PURE__ */ jsx(AvatarFallback, { className: iconNode ? "bg-transparent p-0.5" : "", children: iconNode != null ? iconNode : /* @__PURE__ */ jsx(User, { className: "h-5 w-5" }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-base font-semibold", children: title }),
+            isConnected && /* @__PURE__ */ jsxs(Badge, { variant: "success", className: "gap-1 text-xs", children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3" }),
+              "Connected"
+            ] })
+          ] }) }),
+          isConnected && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7 shrink-0",
+              onClick: (e) => {
+                e.stopPropagation();
+                onSettingsClick();
+              },
+              "aria-label": `Settings for ${title}`,
+              children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function IntegrationInstructionCard({
+  title,
+  codeBlock,
+  onCopy,
+  className
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => __async(null, null, function* () {
+    try {
+      yield navigator.clipboard.writeText(codeBlock);
+      setCopied(true);
+      onCopy == null ? void 0 : onCopy();
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (e) {
+    }
+  });
+  return /* @__PURE__ */ jsxs(Card, { className: cn("flex flex-col gap-3 p-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 gap-1.5 text-xs",
+          onClick: handleCopy,
+          children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+            "Copied"
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" }),
+            "Copy"
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: "bg-muted overflow-x-auto p-3 text-xs leading-relaxed", children: /* @__PURE__ */ jsx("code", { children: codeBlock }) })
+  ] });
+}
+function ServiceConfigurationModal({
+  open,
+  onOpenChange,
+  serviceTitle,
+  isConnected,
+  serviceData,
+  iconNode,
+  connectPermissions,
+  connectDescription = "Link your account to enable automated workflows with WealthX.",
+  onConnect,
+  onDisconnect,
+  onReconnect
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-md", align: "top", children: isConnected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: serviceTitle }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Manage your integration settings." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs font-medium bg-success/10 text-success", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 shrink-0" }),
+        "Active \u2014 integration is running"
+      ] }),
+      serviceData && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Account Information" }),
+          /* @__PURE__ */ jsx(Card, { className: "py-0", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-3 p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(User, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                serviceData.accountIdentifierLabel,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: serviceData.accountIdentifier })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Connected on:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: serviceData.connectedOn })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Last synced:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: serviceData.lastSynced })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Granted Permissions" }),
+          /* @__PURE__ */ jsx(Card, { className: "py-0", children: /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col gap-2 p-3", children: serviceData.permissions.map((permission) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center gap-2 text-xs",
+              children: [
+                /* @__PURE__ */ jsx(Shield, { className: "text-success h-3.5 w-3.5 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { children: permission })
+              ]
+            },
+            permission
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Sync Settings" }),
+          /* @__PURE__ */ jsx(Card, { className: "py-0", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-between gap-3 p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: serviceData.syncLabel }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: serviceData.syncDescription })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: serviceData.syncEnabled,
+                onCheckedChange: serviceData.onSyncToggle,
+                "aria-label": serviceData.syncLabel
+              }
+            )
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          size: "sm",
+          onClick: onDisconnect,
+          className: "mr-auto",
+          children: "Disconnect"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline-secondary",
+          size: "sm",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onReconnect, children: "Reconnect" })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-muted", children: iconNode != null ? iconNode : /* @__PURE__ */ jsx(Mail, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm font-semibold", children: [
+            "Connect ",
+            serviceTitle
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: connectDescription })
+        ] })
+      ] }),
+      connectPermissions && connectPermissions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Permissions requested" }),
+        connectPermissions.map((perm) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: perm })
+        ] }, perm))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline-secondary",
+          size: "sm",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onConnect, children: "Connect" })
+    ] })
+  ] }) }) });
+}
+
+export {
+  AgentCard,
+  AgentMenuModal,
+  IntegrationServiceCard,
+  IntegrationInstructionCard,
+  ServiceConfigurationModal
+};

package/dist/{chunk-3GF7OVTP.mjs → chunk-DGNHGNYH.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";

package/dist/{chunk-VLARHE5V.mjs → chunk-DMXYRCHM.mjs}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-D6ID6M4V.mjs";
+} from "./chunk-GTAVSBDO.mjs";
 import {
   ChartPeriodButton,
   FALLBACK_BG,
@@ -10,31 +10,31 @@ import {
   FALLBACK_TICK,
   formatMonthLabel,
   formatTooltipDate
-} from "./chunk-M3FV7LOK.mjs";
+} from "./chunk-YEWNFK5S.mjs";
 import {
   formatCurrencyAbbrev
 } from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
-} from "./chunk-NQPOYKAQ.mjs";
+} from "./chunk-R2ON6CAN.mjs";
 import {
   Card,
   CardAction,
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-C7CQJNMR.mjs";
+} from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
 } from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/property-mobile-estimate-line-chart.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-OGOYQ7BG.mjs → chunk-DQB4EPIS.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/financial-primitives.tsx
 import { jsx, jsxs } from "react/jsx-runtime";