@wealthx/shadcn 1.5.22 → 1.5.24

package/dist/{chunk-K4GJTP6N.mjs → chunk-RYGZRDP6.mjs}

@@ -520,6 +520,7 @@ function ChatComposer({
   mode,
   channel: channelProp = "chat",
   onChannelChange,
+  channelType = "chat",
   isEmailIntegrated = false,
   contactEmail = "",
   inputValue = "",
@@ -530,8 +531,10 @@ function ChatComposer({
   onLetAiHandle,
   className
 }) {
+  const showIntegrateEmailPrompt = channelType === "email" && !isEmailIntegrated;
+  const initialChannel = channelType === "email" && isEmailIntegrated ? "email" : channelProp;
   const [channel, setChannel] = React.useState(
-    isEmailIntegrated ? channelProp : "chat"
+    isEmailIntegrated ? initialChannel : "chat"
   );
   const [emailTo, setEmailTo] = React.useState(contactEmail);
   const [emailCc, setEmailCc] = React.useState("");
@@ -556,6 +559,22 @@ function ChatComposer({
     setChannel(c);
     onChannelChange == null ? void 0 : onChannelChange(c);
   };
+  if (showIntegrateEmailPrompt) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center gap-2 border-t border-border bg-muted/30 px-6 py-8 text-center",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Mail, { className: "h-8 w-8 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Email integration required" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Please integrate your email to reply to this conversation." })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -755,6 +774,7 @@ function ChatThread({
   isAiTyping = false,
   channel,
   onChannelChange,
+  channelType,
   isEmailIntegrated,
   inputValue,
   onInputChange,
@@ -946,6 +966,7 @@ function ChatThread({
         mode,
         channel,
         onChannelChange,
+        channelType,
         isEmailIntegrated,
         contactEmail: contact.email,
         inputValue,
@@ -1334,6 +1355,7 @@ function ConversationsPage({
   onChannelFilterChange,
   channel,
   onChannelChange,
+  channelType,
   isEmailIntegrated,
   inputValue,
   internalNotes,
@@ -1420,6 +1442,7 @@ function ConversationsPage({
             isAiTyping,
             channel,
             onChannelChange,
+            channelType,
             isEmailIntegrated,
             inputValue,
             onInputChange,

package/dist/{chunk-SET6GFGL.mjs → chunk-ZSMQZ3VN.mjs}

@@ -98,6 +98,15 @@ function AppointmentConfirmDialog({
     ] })
   ] }) });
 }
+var DAY_MAP = {
+  Sun: 0,
+  Mon: 1,
+  Tue: 2,
+  Wed: 3,
+  Thu: 4,
+  Fri: 5,
+  Sat: 6
+};
 function AppointmentRescheduleDialog({
   open,
   onOpenChange,
@@ -106,11 +115,19 @@ function AppointmentRescheduleDialog({
   currentDate,
   currentTimeStart,
   currentTimeEnd,
+  onDateChange,
+  schedule,
+  isLoadingSlots,
   onReschedule
 }) {
   const [date, setDate] = React.useState(/* @__PURE__ */ new Date());
   const [slot, setSlot] = React.useState();
   const [note, setNote] = React.useState("");
+  const today = React.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const disabledDayOfWeek = React.useMemo(
+    () => schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0),
+    [schedule]
+  );
   const handleOpenChange = (next) => {
     if (!next) {
       setDate(/* @__PURE__ */ new Date());
@@ -128,87 +145,93 @@ function AppointmentRescheduleDialog({
       /* @__PURE__ */ jsx(DialogDescription, { children: "Select a new date and time slot. The client will be notified by email." })
     ] }),
     /* @__PURE__ */ jsx(Separator, {}),
-    (currentDate || currentTimeStart) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Current booking" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 border border-border bg-muted/30 px-3 py-2.5 text-sm text-muted-foreground", children: [
-        currentDate && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-          currentDate
-        ] }),
-        currentTimeStart && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 shrink-0" }),
-          currentTimeStart,
-          currentTimeEnd ? ` \u2013 ${currentTimeEnd}` : ""
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
+      (currentDate || currentTimeStart) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Current booking" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 border border-border bg-muted/30 px-3 py-2.5 text-sm text-muted-foreground", children: [
+          currentDate && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+            currentDate
+          ] }),
+          currentTimeStart && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 shrink-0" }),
+            currentTimeStart,
+            currentTimeEnd ? ` \u2013 ${currentTimeEnd}` : ""
+          ] })
         ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-start gap-5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx(Label, { children: "New date" }),
-        /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "single",
-            selected: date,
-            onSelect: (d) => {
-              setDate(d);
-              setSlot(void 0);
-            },
-            captionLayout: "label",
-            fromDate: /* @__PURE__ */ new Date(),
-            disabled: { before: /* @__PURE__ */ new Date() },
-            className: "border border-border"
-          }
-        )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-5", children: date ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-start gap-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { children: "New date" }),
+          /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: date,
+              onSelect: (d) => {
+                setDate(d);
+                setSlot(void 0);
+                if (d) onDateChange == null ? void 0 : onDateChange(d);
+              },
+              captionLayout: "label",
+              fromDate: today,
+              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: today }, { dayOfWeek: disabledDayOfWeek }] : { before: today },
+              className: "border border-border"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-5", children: date ? isLoadingSlots ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Loading slots\u2026" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Fetching available times for the selected date." })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              totalAvailable,
+              " available"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            AppointmentSlotSection,
+            {
+              label: "Morning",
+              slots: amSlots,
+              selectedSlotId: slot == null ? void 0 : slot.id,
+              onSelect: setSlot
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AppointmentSlotSection,
+            {
+              label: "Afternoon",
+              slots: pmSlots,
+              selectedSlotId: slot == null ? void 0 : slot.id,
+              onSelect: setSlot
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-            totalAvailable,
-            " available"
-          ] })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pick a date on the left to see available slots." })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: "reschedule-note", children: [
+          "Note",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
         ] }),
         /* @__PURE__ */ jsx(
-          AppointmentSlotSection,
+          Textarea,
           {
-            label: "Morning",
-            slots: amSlots,
-            selectedSlotId: slot == null ? void 0 : slot.id,
-            onSelect: setSlot
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          AppointmentSlotSection,
-          {
-            label: "Afternoon",
-            slots: pmSlots,
-            selectedSlotId: slot == null ? void 0 : slot.id,
-            onSelect: setSlot
+            id: "reschedule-note",
+            placeholder: "e.g. Rescheduling due to an internal conflict \u2014 apologies for the inconvenience\u2026",
+            value: note,
+            onChange: (e) => setNote(e.target.value),
+            className: "w-full resize-none",
+            rows: 2
           }
         )
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pick a date on the left to see available slots." })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsxs(Label, { htmlFor: "reschedule-note", children: [
-        "Note",
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          id: "reschedule-note",
-          placeholder: "e.g. Rescheduling due to an internal conflict \u2014 apologies for the inconvenience\u2026",
-          value: note,
-          onChange: (e) => setNote(e.target.value),
-          className: "w-full resize-none",
-          rows: 2
-        }
-      )
+      ] })
     ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Cancel" }),

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

@@ -1381,6 +1381,7 @@ function ChatComposer({
   mode,
   channel: channelProp = "chat",
   onChannelChange,
+  channelType = "chat",
   isEmailIntegrated = false,
   contactEmail = "",
   inputValue = "",
@@ -1391,8 +1392,10 @@ function ChatComposer({
   onLetAiHandle,
   className
 }) {
+  const showIntegrateEmailPrompt = channelType === "email" && !isEmailIntegrated;
+  const initialChannel = channelType === "email" && isEmailIntegrated ? "email" : channelProp;
   const [channel, setChannel] = import_react3.default.useState(
-    isEmailIntegrated ? channelProp : "chat"
+    isEmailIntegrated ? initialChannel : "chat"
   );
   const [emailTo, setEmailTo] = import_react3.default.useState(contactEmail);
   const [emailCc, setEmailCc] = import_react3.default.useState("");
@@ -1417,6 +1420,22 @@ function ChatComposer({
     setChannel(c);
     onChannelChange == null ? void 0 : onChannelChange(c);
   };
+  if (showIntegrateEmailPrompt) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center gap-2 border-t border-border bg-muted/30 px-6 py-8 text-center",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Mail, { className: "h-8 w-8 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Email integration required" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-xs text-muted-foreground", children: "Please integrate your email to reply to this conversation." })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
@@ -1616,6 +1635,7 @@ function ChatThread({
   isAiTyping = false,
   channel,
   onChannelChange,
+  channelType,
   isEmailIntegrated,
   inputValue,
   onInputChange,
@@ -1807,6 +1827,7 @@ function ChatThread({
         mode,
         channel,
         onChannelChange,
+        channelType,
         isEmailIntegrated,
         contactEmail: contact.email,
         inputValue,
@@ -2195,6 +2216,7 @@ function ConversationsPage({
   onChannelFilterChange,
   channel,
   onChannelChange,
+  channelType,
   isEmailIntegrated,
   inputValue,
   internalNotes,
@@ -2281,6 +2303,7 @@ function ConversationsPage({
             isAiTyping,
             channel,
             onChannelChange,
+            channelType,
             isEmailIntegrated,
             inputValue,
             onInputChange,

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

@@ -9,7 +9,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../chunk-K4GJTP6N.mjs";
+} from "../../chunk-RYGZRDP6.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-H5DTKPJ2.mjs";

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

@@ -1054,6 +1054,15 @@ function AppointmentConfirmDialog({
     ] })
   ] }) });
 }
+var DAY_MAP = {
+  Sun: 0,
+  Mon: 1,
+  Tue: 2,
+  Wed: 3,
+  Thu: 4,
+  Fri: 5,
+  Sat: 6
+};
 function AppointmentRescheduleDialog({
   open,
   onOpenChange,
@@ -1062,11 +1071,19 @@ function AppointmentRescheduleDialog({
   currentDate,
   currentTimeStart,
   currentTimeEnd,
+  onDateChange,
+  schedule,
+  isLoadingSlots,
   onReschedule
 }) {
   const [date, setDate] = import_react3.default.useState(/* @__PURE__ */ new Date());
   const [slot, setSlot] = import_react3.default.useState();
   const [note, setNote] = import_react3.default.useState("");
+  const today = import_react3.default.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const disabledDayOfWeek = import_react3.default.useMemo(
+    () => schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0),
+    [schedule]
+  );
   const handleOpenChange = (next) => {
     if (!next) {
       setDate(/* @__PURE__ */ new Date());
@@ -1084,87 +1101,93 @@ function AppointmentRescheduleDialog({
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogDescription, { children: "Select a new date and time slot. The client will be notified by email." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
-    (currentDate || currentTimeStart) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Current booking" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-4 border border-border bg-muted/30 px-3 py-2.5 text-sm text-muted-foreground", children: [
-        currentDate && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Calendar, { className: "h-3.5 w-3.5 shrink-0" }),
-          currentDate
-        ] }),
-        currentTimeStart && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Clock, { className: "h-3.5 w-3.5 shrink-0" }),
-          currentTimeStart,
-          currentTimeEnd ? ` \u2013 ${currentTimeEnd}` : ""
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
+      (currentDate || currentTimeStart) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Current booking" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-4 border border-border bg-muted/30 px-3 py-2.5 text-sm text-muted-foreground", children: [
+          currentDate && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Calendar, { className: "h-3.5 w-3.5 shrink-0" }),
+            currentDate
+          ] }),
+          currentTimeStart && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Clock, { className: "h-3.5 w-3.5 shrink-0" }),
+            currentTimeStart,
+            currentTimeEnd ? ` \u2013 ${currentTimeEnd}` : ""
+          ] })
         ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-[auto_1fr] items-start gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label, { children: "New date" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          Calendar,
-          {
-            mode: "single",
-            selected: date,
-            onSelect: (d) => {
-              setDate(d);
-              setSlot(void 0);
-            },
-            captionLayout: "label",
-            fromDate: /* @__PURE__ */ new Date(),
-            disabled: { before: /* @__PURE__ */ new Date() },
-            className: "border border-border"
-          }
-        )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-5", children: date ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-[auto_1fr] items-start gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label, { children: "New date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Calendar,
+            {
+              mode: "single",
+              selected: date,
+              onSelect: (d) => {
+                setDate(d);
+                setSlot(void 0);
+                if (d) onDateChange == null ? void 0 : onDateChange(d);
+              },
+              captionLayout: "label",
+              fromDate: today,
+              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: today }, { dayOfWeek: disabledDayOfWeek }] : { before: today },
+              className: "border border-border"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-5", children: date ? isLoadingSlots ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold", children: "Loading slots\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: "Fetching available times for the selected date." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+              totalAvailable,
+              " available"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            AppointmentSlotSection,
+            {
+              label: "Morning",
+              slots: amSlots,
+              selectedSlotId: slot == null ? void 0 : slot.id,
+              onSelect: setSlot
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            AppointmentSlotSection,
+            {
+              label: "Afternoon",
+              slots: pmSlots,
+              selectedSlotId: slot == null ? void 0 : slot.id,
+              onSelect: setSlot
+            }
+          )
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
-            totalAvailable,
-            " available"
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: "Pick a date on the left to see available slots." })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { htmlFor: "reschedule-note", children: [
+          "Note",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          AppointmentSlotSection,
-          {
-            label: "Morning",
-            slots: amSlots,
-            selectedSlotId: slot == null ? void 0 : slot.id,
-            onSelect: setSlot
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          AppointmentSlotSection,
+          Textarea,
           {
-            label: "Afternoon",
-            slots: pmSlots,
-            selectedSlotId: slot == null ? void 0 : slot.id,
-            onSelect: setSlot
+            id: "reschedule-note",
+            placeholder: "e.g. Rescheduling due to an internal conflict \u2014 apologies for the inconvenience\u2026",
+            value: note,
+            onChange: (e) => setNote(e.target.value),
+            className: "w-full resize-none",
+            rows: 2
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-8 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: "Pick a date on the left to see available slots." })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { htmlFor: "reschedule-note", children: [
-        "Note",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        Textarea,
-        {
-          id: "reschedule-note",
-          placeholder: "e.g. Rescheduling due to an internal conflict \u2014 apologies for the inconvenience\u2026",
-          value: note,
-          onChange: (e) => setNote(e.target.value),
-          className: "w-full resize-none",
-          rows: 2
-        }
-      )
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DialogFooter, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogClose, { render: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { variant: "outline" }), children: "Cancel" }),

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

@@ -1,7 +1,7 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-SET6GFGL.mjs";
+} from "../../chunk-ZSMQZ3VN.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";