@wealthx/shadcn 1.5.5 → 1.5.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wealthx/shadcn
 
+## 1.5.7
+
+### Patch Changes
+
+- 42c9830: Updates to loan-crm, signup flow, ai conversation
+
+## 1.5.6
+
+### Patch Changes
+
+- 11fe18f: Update sidebar logo display
+
 ## 1.5.5
 
 ### Patch Changes

package/dist/{chunk-2LLFNGJZ.mjs → chunk-3OOUI5TO.mjs}

@@ -28,7 +28,7 @@ import {
 } from "./chunk-BD3DWDT4.mjs";
 import {
   Calendar
-} from "./chunk-Q35PNFJ7.mjs";
+} from "./chunk-FBNEIYSE.mjs";
 import {
   Label
 } from "./chunk-P7CEBZM6.mjs";

package/dist/{chunk-AUEUTZIC.mjs → chunk-3QAQQBCM.mjs}

@@ -6,14 +6,14 @@ import {
   EditIncomeModal,
   EditLoanScenarioModal,
   PROPERTY_ASSET_TYPES
-} from "./chunk-Q5SGEIJV.mjs";
+} from "./chunk-IXKE6LHN.mjs";
 import {
   AboutCard,
   DebtCard,
   ExpensesCard,
   IncomeCard,
   PropertyCard
-} from "./chunk-HROG643K.mjs";
+} from "./chunk-W5QJ57PU.mjs";
 import {
   FinancialDetailField,
   FinancialLineItem,

package/dist/chunk-3Z75IKFO.mjs

@@ -0,0 +1,34 @@
+import {
+  RadioGroupItem
+} from "./chunk-JTK6VJXY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/selectable-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SelectableCard({
+  value,
+  selected = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex cursor-pointer flex-col items-center justify-center gap-3 border border-border p-6 text-center transition-colors hover:border-primary/50",
+        selected && "border-primary bg-primary/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(RadioGroupItem, { value, className: "sr-only" }),
+        children
+      ]
+    }
+  );
+}
+
+export {
+  SelectableCard
+};

package/dist/{chunk-RAKBWNQH.mjs → chunk-5WCIGJ3E.mjs}

@@ -11,12 +11,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from "./chunk-HNDTLT5X.mjs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-6SR4K5T5.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -26,7 +20,7 @@ import {
 import {
   formatDateDayMonth,
   formatDateShort
-} from "./chunk-PV3Y7QGK.mjs";
+} from "./chunk-LHWJQNLG.mjs";
 import {
   Accordion,
   AccordionContent,
@@ -56,7 +50,6 @@ import {
   MoreVertical,
   Clock,
   ArrowRight,
-  Bot,
   ChevronDown,
   ChevronRight
 } from "lucide-react";
@@ -107,7 +100,6 @@ function TaskViewCard({
   onDragStart,
   className
 }) {
-  var _a;
   const resolvedPriority = resolvePriority(
     daysSinceColumnChanged,
     warningDays,
@@ -119,8 +111,6 @@ function TaskViewCard({
   const totalCount = tasks.length;
   const hasTasks = totalCount > 0;
   const allDone = hasTasks && completedCount === totalCount;
-  const nextPendingTask = tasks.find((t) => !t.completed);
-  const agentName = (_a = nextPendingTask == null ? void 0 : nextPendingTask.aiAgentName) != null ? _a : null;
   const [subtasksExpanded, setSubtasksExpanded] = useState(false);
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
   const stopProp = (e) => {
@@ -146,19 +136,7 @@ function TaskViewCard({
       }
     );
   } else if (nextTask) {
-    taskHeader = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        agentName && /* @__PURE__ */ jsx(
-          Bot,
-          {
-            className: "size-3.5 shrink-0 text-primary",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-snug", children: nextTask })
-      ] }),
-      agentName && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: agentName })
-    ] });
+    taskHeader = /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-snug", children: nextTask });
   } else {
     taskHeader = /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No tasks defined for this stage" });
   }
@@ -238,7 +216,6 @@ function TaskViewCard({
                 {
                   title: task.title,
                   completed: task.completed,
-                  aiAgentName: task.aiAgentName,
                   onToggle: () => onTaskToggle == null ? void 0 : onTaskToggle(task.id),
                   size: "xs"
                 },
@@ -331,7 +308,6 @@ function OpportunityCard({
   onTaskToggle,
   onMarkAsDone,
   onMoveToNextStage,
-  onLaunchAssistant,
   onChangePriority,
   onDelete,
   onPutOnHold,
@@ -429,45 +405,28 @@ function OpportunityCard({
             (loanPurposeLabel || loanType) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
             /* @__PURE__ */ jsx("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
-            onLaunchAssistant && /* @__PURE__ */ jsx(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon",
-                  className: "size-7 shrink-0",
-                  onClick: onLaunchAssistant,
-                  "aria-label": "Launch AI",
-                  children: /* @__PURE__ */ jsx(Bot, { className: "size-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(TooltipContent, { children: "Launch AI" })
-            ] }) }),
-            hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(
-                DropdownMenuTrigger,
-                {
-                  className: cn(
-                    buttonVariants({ variant: "ghost", size: "icon" }),
-                    "size-7 shrink-0"
-                  ),
-                  "aria-label": "Opportunity actions",
-                  children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
-                }
-              ),
-              /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-                onViewDetails && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
-                onChangePriority && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
-                onPutOnHold && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
-                onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
-                ] })
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(
+              DropdownMenuTrigger,
+              {
+                className: cn(
+                  buttonVariants({ variant: "ghost", size: "icon" }),
+                  "size-7 shrink-0"
+                ),
+                "aria-label": "Opportunity actions",
+                children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+              onViewDetails && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
+              onChangePriority && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
+              onPutOnHold && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
+              onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
               ] })
             ] })
-          ] })
+          ] }) })
         ] }),
         /* @__PURE__ */ jsx(Separator, {}),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
@@ -565,7 +524,6 @@ function OpportunityCard({
               {
                 title: task.title,
                 completed: task.completed,
-                aiAgentName: task.aiAgentName,
                 onToggle: onTaskToggle ? () => onTaskToggle(task.id) : void 0,
                 disabled: isSubmitting
               },
@@ -689,7 +647,10 @@ function LeadCard({
             /* @__PURE__ */ jsx(
               "a",
               {
-                href: `https://${loanApplicationUrl.replace(/^https?:\/\//, "")}`,
+                href: `https://${loanApplicationUrl.replace(
+                  /^https?:\/\//,
+                  ""
+                )}`,
                 target: "_blank",
                 rel: "noreferrer",
                 className: "text-primary underline-offset-2 hover:underline",

package/dist/chunk-65PZNG4Y.mjs

@@ -0,0 +1,129 @@
+import {
+  Step,
+  StepIndicator,
+  StepItem,
+  StepLabel,
+  Stepper
+} from "./chunk-TCE5L44O.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/onboarding-layout.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function OnboardingPanelLayout({
+  title,
+  subtitle,
+  steps,
+  currentStepIndex,
+  canProceed = true,
+  onBack,
+  onNext,
+  onSkip,
+  className,
+  children
+}) {
+  const isFirstStep = currentStepIndex === 0;
+  const isLastStep = currentStepIndex === steps.length - 1;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-screen bg-background font-sans", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-72 shrink-0 flex-col border-r border-border bg-muted/20 p-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 mb-8", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-h1", children: title }),
+        subtitle && /* @__PURE__ */ jsx("span", { className: "text-body-medium text-muted-foreground", children: subtitle })
+      ] }),
+      steps.length > 1 && /* @__PURE__ */ jsx(
+        Stepper,
+        {
+          activeStep: currentStepIndex,
+          orientation: "vertical",
+          className: "flex-1",
+          children: steps.map((step) => /* @__PURE__ */ jsxs(Step, { className: "flex-1", children: [
+            /* @__PURE__ */ jsx(StepIndicator, {}),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsx(
+              StepLabel,
+              {
+                description: step.isLocked ? "Upgrade to unlock" : step.description,
+                children: step.title
+              }
+            ) })
+          ] }, step.id))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-10 py-8", children: /* @__PURE__ */ jsx("div", { className: "max-w-2xl", children }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border px-10 py-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline-primary",
+            size: "sm",
+            onClick: onNext,
+            disabled: !canProceed,
+            children: isLastStep ? "Finish Setup" : "Next"
+          }
+        ),
+        !isFirstStep && /* @__PURE__ */ jsx(Button, { variant: "outline-secondary", size: "sm", onClick: onBack, children: "Back" }),
+        onSkip && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onSkip, children: "Skip for now" })
+      ] })
+    ] })
+  ] });
+}
+function OnboardingLayout({
+  steps,
+  currentStepIndex,
+  nextLabel,
+  canProceed = true,
+  onBack,
+  onNext,
+  onSkip,
+  onUpgrade,
+  className,
+  children
+}) {
+  var _a;
+  const isFirstStep = currentStepIndex === 0;
+  const isLastStep = currentStepIndex === steps.length - 1;
+  const currentStep = steps[currentStepIndex];
+  const isLocked = (_a = currentStep == null ? void 0 : currentStep.isLocked) != null ? _a : false;
+  const primaryLabel = isLocked ? "Upgrade Plan" : isLastStep ? "Finish Setup" : nextLabel != null ? nextLabel : "Next";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex h-full flex-col bg-background font-sans", className),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "px-8 pt-5 pb-3", children: /* @__PURE__ */ jsx(Stepper, { activeStep: currentStepIndex, children: steps.map((step) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(
+          StepItem,
+          {
+            label: step.title,
+            description: step.isLocked ? "Upgrade to unlock" : step.isOptional ? "Optional" : void 0
+          }
+        ) }, step.id)) }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 pt-4 pb-6", children }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border px-8 py-4", children: [
+          /* @__PURE__ */ jsx("div", { children: onSkip && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onSkip, children: "Skip for now" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            !isFirstStep && /* @__PURE__ */ jsx(Button, { variant: "outline-secondary", size: "sm", onClick: onBack, children: "Back" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                onClick: isLocked ? onUpgrade : onNext,
+                disabled: !isLocked && !canProceed,
+                children: primaryLabel
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  OnboardingPanelLayout,
+  OnboardingLayout
+};

package/dist/{chunk-D447W45Z.mjs → chunk-7OLKVKJF.mjs}

@@ -1,3 +1,9 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
 import {
   useThemeVars
 } from "./chunk-WDTXHLYM.mjs";
@@ -28,8 +34,6 @@ function PipelineChart({
 }) {
   const themeVars = useThemeVars();
   const [activeId, setActiveId] = React.useState(null);
-  const [tooltipX, setTooltipX] = React.useState(0);
-  const barRef = React.useRef(null);
   const nonEmpty = stages.filter((s) => s.value > 0);
   const total = nonEmpty.reduce((sum, s) => sum + s.value, 0);
   if (total === 0 || stages.length === 0) {
@@ -46,7 +50,6 @@ function PipelineChart({
       }
     );
   }
-  const activeStage = activeId ? stages.find((s) => s.id === activeId) : null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -54,58 +57,47 @@ function PipelineChart({
       "data-slot": "pipeline-chart",
       style: themeVars,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(
           "div",
           {
-            ref: barRef,
             className: "relative flex w-full overflow-hidden",
             style: { height: barHeight },
-            children: [
-              nonEmpty.map((stage, i) => {
-                var _a;
-                const pct = stage.value / total * 100;
-                const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
-                const isActive = activeId === stage.id;
-                return /* @__PURE__ */ jsx(
-                  "div",
+            children: nonEmpty.map((stage, i) => {
+              var _a;
+              const pct = stage.value / total * 100;
+              const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
+              const isActive = activeId === stage.id;
+              return /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(
+                  TooltipTrigger,
                   {
-                    role: "img",
-                    className: "relative h-full cursor-pointer transition-opacity",
-                    style: {
-                      width: `${pct}%`,
-                      backgroundColor: color,
-                      opacity: activeId && !isActive ? 0.5 : 1,
-                      minWidth: 2
-                    },
-                    onMouseEnter: (e) => {
-                      setActiveId(stage.id);
-                      const bar = barRef.current;
-                      if (!bar) return;
-                      const rect = e.currentTarget.getBoundingClientRect();
-                      const barRect = bar.getBoundingClientRect();
-                      setTooltipX(rect.left + rect.width / 2 - barRect.left);
-                    },
-                    onMouseLeave: () => setActiveId(null),
-                    "aria-label": `${stage.name}: ${formatValue(stage.value)}`
-                  },
-                  stage.id
-                );
-              }),
-              activeStage && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "pointer-events-none absolute -top-8 z-10 whitespace-nowrap border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-sm",
-                  style: { left: tooltipX, transform: "translateX(-50%)" },
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: activeStage.name }),
-                    " \u2014 ",
-                    formatValue(activeStage.value)
-                  ]
-                }
-              )
-            ]
+                    render: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "img",
+                        className: "relative h-full cursor-pointer transition-opacity",
+                        style: {
+                          width: `${pct}%`,
+                          backgroundColor: color,
+                          opacity: activeId && !isActive ? 0.5 : 1,
+                          minWidth: 2
+                        },
+                        onMouseEnter: () => setActiveId(stage.id),
+                        onMouseLeave: () => setActiveId(null),
+                        "aria-label": `${stage.name}: ${formatValue(stage.value)}`
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs(TooltipContent, { side: "top", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: stage.name }),
+                  " \u2014 ",
+                  formatValue(stage.value)
+                ] })
+              ] }, stage.id);
+            })
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: nonEmpty.map((stage, i) => {
           var _a;
           const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];

package/dist/{chunk-UEREFDAE.mjs → chunk-AZGLSIHF.mjs}

@@ -2,7 +2,7 @@ import {
   Step,
   StepItem,
   Stepper
-} from "./chunk-6TX73WG7.mjs";
+} from "./chunk-TCE5L44O.mjs";
 
 // src/components/ui/signup-shell.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-QRVEI6J3.mjs → chunk-BQBSYM2I.mjs}

@@ -1,6 +1,6 @@
 import {
   KanbanColumn
-} from "./chunk-ODO6BUOF.mjs";
+} from "./chunk-HRHXZIX5.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem
@@ -98,7 +98,6 @@ function PipelineBoard({
   onMoveToNextStage,
   onViewDetails,
   onChangePriority,
-  onLaunchAssistant,
   onPutOnHold,
   onDeleteOpportunity,
   submittingOpportunityId,
@@ -147,7 +146,6 @@ function PipelineBoard({
               onSendLoanApplication: col.onSendLoanApplication,
               onViewDetails,
               onChangePriority,
-              onLaunchAssistant,
               onPutOnHold,
               onDeleteOpportunity,
               submittingOpportunityId

package/dist/{chunk-BFB3UH7V.mjs → chunk-C2QMHKLT.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-C6SWS7OW.mjs";
 import {
   Calendar
-} from "./chunk-Q35PNFJ7.mjs";
+} from "./chunk-FBNEIYSE.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/chunk-CEEVYRQA.mjs

@@ -0,0 +1,61 @@
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/integration-card.tsx
+import { Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function IntegrationCard({
+  name,
+  description,
+  logoSrc,
+  logoFallback,
+  connected = false,
+  onConnect,
+  onDisconnect,
+  children,
+  className
+}) {
+  const hasLogo = Boolean(logoSrc || logoFallback);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-3 border border-border p-4",
+        connected && "bg-muted/20",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          hasLogo && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: logoSrc ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logoSrc,
+              alt: `${name} logo`,
+              className: "h-8 w-16 object-contain object-left"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center", children: logoFallback }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-label-medium", children: name }),
+          connected && /* @__PURE__ */ jsxs(Badge, { variant: "success", className: "gap-1", children: [
+            /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+            "Connected"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: description }),
+        children,
+        !connected && onConnect && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onConnect, children: "Connect" }) }),
+        connected && onDisconnect && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onDisconnect, children: "Disconnect" }) })
+      ]
+    }
+  );
+}
+
+export {
+  IntegrationCard
+};

package/dist/{chunk-VJ3GC7W3.mjs → chunk-CXGZSIQN.mjs}

@@ -27,10 +27,10 @@ import {
 } from "./chunk-NCUH54IZ.mjs";
 import {
   DatePicker
-} from "./chunk-BFB3UH7V.mjs";
+} from "./chunk-C2QMHKLT.mjs";
 import {
   formatDateWithWeekday
-} from "./chunk-PV3Y7QGK.mjs";
+} from "./chunk-LHWJQNLG.mjs";
 import {
   Label
 } from "./chunk-P7CEBZM6.mjs";
@@ -79,32 +79,6 @@ var MEETING_PLATFORM_OPTIONS = [
   { value: "microsoft-teams", label: "Microsoft Teams" },
   { value: "any", label: "Let client choose" }
 ];
-var MEETING_DURATION_OPTIONS = [
-  { value: "15", label: "15 minutes" },
-  { value: "30", label: "30 minutes" },
-  { value: "45", label: "45 minutes" },
-  { value: "60", label: "60 minutes" },
-  { value: "90", label: "90 minutes" }
-];
-var SCHEDULING_BUFFER_OPTIONS = [
-  { value: "0", label: "No buffer" },
-  { value: "5", label: "5 minutes" },
-  { value: "10", label: "10 minutes" },
-  { value: "15", label: "15 minutes" },
-  { value: "30", label: "30 minutes" }
-];
-var MAX_SLOTS_OPTIONS = [
-  { value: "2", label: "2 per day" },
-  { value: "4", label: "4 per day" },
-  { value: "6", label: "6 per day" },
-  { value: "8", label: "8 per day" },
-  { value: "10", label: "10 per day" },
-  { value: "unlimited", label: "Unlimited" }
-];
-var selectLabel = (opts, v) => {
-  var _a, _b;
-  return (_b = (_a = opts.find((o) => o.value === String(v))) == null ? void 0 : _a.label) != null ? _b : String(v != null ? v : "");
-};
 var TIME_OPTIONS = (() => {
   const opts = [];
   for (let h = 6; h <= 21; h++) {
@@ -490,7 +464,7 @@ function AppointmentAvailabilitySettings({
                 value: timezone,
                 onValueChange: (v) => setTimezone(v),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(TIMEZONE_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: TIMEZONE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
@@ -510,7 +484,7 @@ function AppointmentAvailabilitySettings({
                   v
                 ),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(MEETING_PLATFORM_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: MEETING_PLATFORM_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }