@wealthx/shadcn 1.4.0 → 1.5.0

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

@@ -248,11 +248,11 @@ function formatDateShort(iso) {
   }
 }
 function formatDateLong(date) {
+  const d = typeof date === "string" ? safeParse(date) : date;
   try {
-    const d = typeof date === "string" ? safeParse(date) : date;
     return (0, import_date_fns.format)(d, "EEEE, d MMMM");
   } catch (e) {
-    return String(date);
+    return d.toLocaleDateString();
   }
 }
 
@@ -515,7 +515,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [
@@ -1260,53 +1260,9 @@ function Textarea(_a) {
   );
 }
 
-// src/components/ui/avatar.tsx
-var import_avatar = require("@base-ui/react/avatar");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function Avatar(_a) {
-  var _b = _a, {
-    className,
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_avatar.Avatar.Root,
-    __spreadValues({
-      className: cn(
-        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
-        className
-      ),
-      "data-size": size,
-      "data-slot": "avatar"
-    }, props)
-  );
-}
-function AvatarFallback(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_avatar.Avatar.Fallback,
-    __spreadValues({
-      className: cn(
-        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
-        className
-      ),
-      "data-slot": "avatar-fallback"
-    }, props)
-  );
-}
-
-// src/components/ui/appointment-book-dialog.tsx
-var import_lucide_react7 = require("lucide-react");
-
 // src/components/ui/badge.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+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",
   {
@@ -1339,7 +1295,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     Comp,
     __spreadValues({
       className: cn(badgeVariants({ variant }), className),
@@ -1349,6 +1305,50 @@ function Badge(_a) {
   );
 }
 
+// src/components/ui/avatar.tsx
+var import_avatar = require("@base-ui/react/avatar");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Avatar(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_avatar.Avatar.Root,
+    __spreadValues({
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "avatar"
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_avatar.Avatar.Fallback,
+    __spreadValues({
+      className: cn(
+        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
+        className
+      ),
+      "data-slot": "avatar-fallback"
+    }, props)
+  );
+}
+
+// src/components/ui/appointment-book-dialog.tsx
+var import_lucide_react7 = require("lucide-react");
+
 // src/components/ui/appointment-time-slot-picker.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function AppointmentSlotSection({
@@ -1437,15 +1437,24 @@ var FORMAT_OPTIONS = [
     label: "Google Meet",
     icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" })
   },
+  {
+    value: "microsoft-teams",
+    label: "MS Teams",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Users, { className: "h-4 w-4" })
+  },
   {
     value: "offline",
     label: "Offline",
     icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MapPin, { className: "h-4 w-4" })
   }
 ];
+var FORMAT_CALL = FORMAT_OPTIONS[0];
+var FORMAT_OFFLINE = FORMAT_OPTIONS[3];
+var ONLINE_MEETING_ICON = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" });
 function MeetingFormatSection({
   format: format2,
   onFormatChange,
+  options = FORMAT_OPTIONS,
   offlineLocation,
   onOfflineLocationChange,
   customAddress,
@@ -1455,7 +1464,7 @@ function MeetingFormatSection({
   isClientMode
 }) {
   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: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       Toggle,
       {
         variant: "outline",
@@ -1516,6 +1525,48 @@ function MeetingFormatSection({
     ] })
   ] });
 }
+function SummaryRow({
+  label,
+  value,
+  border = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: `flex items-center justify-between px-4 py-3 ${border ? "border-b border-border" : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: label }),
+        typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs font-medium", children: value }) : value
+      ]
+    }
+  );
+}
+function BookingConfirmationScreen({
+  booking,
+  onDone
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center gap-6 py-4 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex h-16 w-16 items-center justify-center bg-success/10", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.CalendarCheck, { className: "h-8 w-8 text-success" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-lg font-semibold", children: "Booking request sent!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: "Your advisor will review and confirm the appointment. You'll receive a notification once it's confirmed." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "w-full border border-border bg-muted/30 text-left", children: [
+      booking.advisorName && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SummaryRow, { label: "Advisor", value: booking.advisorName }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SummaryRow, { label: "Date", value: formatDateLong(booking.date) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SummaryRow, { label: "Time", value: booking.slotLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        SummaryRow,
+        {
+          label: "Status",
+          value: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "warning", children: "Pending confirmation" }),
+          border: false
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { className: "w-full", onClick: onDone, children: "Done" })
+  ] });
+}
 var DAY_MAP = {
   Sun: 0,
   Mon: 1,
@@ -1538,24 +1589,35 @@ function AppointmentBookDialog({
   clientHomeAddress,
   advisorInfo,
   initialClientId,
+  defaultMeetingFormat,
   guestInfo,
   onBook
 }) {
   var _a, _b, _c;
   const isClientMode = clients.length === 0;
   const showGuestForm = isClientMode && !((guestInfo == null ? void 0 : guestInfo.name) && (guestInfo == null ? void 0 : guestInfo.email));
+  const visibleFormatOptions = isClientMode && defaultMeetingFormat ? [
+    FORMAT_CALL,
+    {
+      value: defaultMeetingFormat,
+      label: "Online Meeting",
+      icon: ONLINE_MEETING_ICON
+    },
+    FORMAT_OFFLINE
+  ] : FORMAT_OPTIONS;
   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 today = import_react3.default.useMemo(() => /* @__PURE__ */ new Date(), []);
   const [clientId, setClientId] = import_react3.default.useState(void 0);
   const [meetingType, setMeetingType] = import_react3.default.useState("");
-  const [meetingFormat, setMeetingFormat] = import_react3.default.useState("call");
+  const [meetingFormat, setMeetingFormat] = import_react3.default.useState(defaultMeetingFormat != null ? defaultMeetingFormat : "call");
   const [offlineLocation, setOfflineLocation] = import_react3.default.useState(
     advisorOfficeAddress ? "office" : "custom"
   );
   const [customAddress, setCustomAddress] = import_react3.default.useState("");
-  const [date, setDate] = import_react3.default.useState(/* @__PURE__ */ new Date());
+  const [date, setDate] = import_react3.default.useState(() => /* @__PURE__ */ new Date());
   const [selectedSlot, setSelectedSlot] = import_react3.default.useState(void 0);
   const [notes, setNotes] = import_react3.default.useState("");
   const [selectedPhone, setSelectedPhone] = import_react3.default.useState(
@@ -1564,6 +1626,7 @@ function AppointmentBookDialog({
   const [guestName, setGuestName] = import_react3.default.useState((_a = guestInfo == null ? void 0 : guestInfo.name) != null ? _a : "");
   const [guestEmail, setGuestEmail] = import_react3.default.useState((_b = guestInfo == null ? void 0 : guestInfo.email) != null ? _b : "");
   const [guestPhone, setGuestPhone] = import_react3.default.useState((_c = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c : "");
+  const [submittedBooking, setSubmittedBooking] = import_react3.default.useState(null);
   const selectedClient = import_react3.default.useMemo(
     () => clients.find((c) => c.id === clientId),
     [clients, clientId]
@@ -1591,7 +1654,7 @@ function AppointmentBookDialog({
     if (!next) {
       setClientId(void 0);
       setMeetingType("");
-      setMeetingFormat("call");
+      setMeetingFormat(defaultMeetingFormat != null ? defaultMeetingFormat : "call");
       setOfflineLocation(advisorOfficeAddress ? "office" : "custom");
       setCustomAddress("");
       setDate(/* @__PURE__ */ new Date());
@@ -1601,10 +1664,17 @@ function AppointmentBookDialog({
       setGuestName((_a2 = guestInfo == null ? void 0 : guestInfo.name) != null ? _a2 : "");
       setGuestEmail((_b2 = guestInfo == null ? void 0 : guestInfo.email) != null ? _b2 : "");
       setGuestPhone((_c2 = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c2 : "");
+      setSubmittedBooking(null);
     }
     onOpenChange(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogContent, { size: "2xl", align: "top", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogContent, { size: "2xl", children: submittedBooking ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    BookingConfirmationScreen,
+    {
+      booking: submittedBooking,
+      onDone: () => handleOpenChange(false)
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogHeader, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { children: isClientMode ? "Book an Appointment" : "New appointment" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogDescription, { children: isClientMode ? "Request a meeting with your advisor. They will confirm once the appointment is reviewed." : "Book a meeting with a client. They will receive a confirmation email once the appointment is created." }),
@@ -1690,6 +1760,7 @@ function AppointmentBookDialog({
           {
             format: meetingFormat,
             onFormatChange: setMeetingFormat,
+            options: visibleFormatOptions,
             offlineLocation,
             onOfflineLocationChange: setOfflineLocation,
             customAddress,
@@ -1746,8 +1817,8 @@ function AppointmentBookDialog({
                 if (d) onDateChange == null ? void 0 : onDateChange(d);
               },
               captionLayout: "label",
-              fromDate: /* @__PURE__ */ new Date(),
-              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: /* @__PURE__ */ new Date() }, { dayOfWeek: disabledDayOfWeek }] : { before: /* @__PURE__ */ new Date() },
+              fromDate: today,
+              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: today }, { dayOfWeek: disabledDayOfWeek }] : { before: today },
               className: "border border-border"
             }
           )
@@ -1818,14 +1889,22 @@ function AppointmentBookDialog({
                 guestEmail: isClientMode ? guestEmail.trim() || void 0 : void 0,
                 guestPhone: isClientMode ? guestPhone.trim() || void 0 : void 0
               });
-              handleOpenChange(false);
+              if (isClientMode) {
+                setSubmittedBooking({
+                  advisorName: advisorInfo == null ? void 0 : advisorInfo.name,
+                  date,
+                  slotLabel: selectedSlot.label
+                });
+              } else {
+                handleOpenChange(false);
+              }
             }
           },
           children: isClientMode ? "Book Appointment" : "Create appointment"
         }
       )
     ] })
-  ] }) });
+  ] }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,26 +1,26 @@
 import {
   AppointmentBookDialog
-} from "../../chunk-FL6DZFJK.mjs";
-import "../../chunk-57ZXILTS.mjs";
-import "../../chunk-ISUA7DSB.mjs";
+} from "../../chunk-46Q4335I.mjs";
 import "../../chunk-JTK6VJXY.mjs";
-import "../../chunk-OWFQSXVD.mjs";
-import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-5VOTTIXF.mjs";
-import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-MXP2RX2V.mjs";
+import "../../chunk-ISUA7DSB.mjs";
+import "../../chunk-FRT3S72S.mjs";
+import "../../chunk-TAX3KL66.mjs";
+import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-6HIOM2HL.mjs";
-import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-Q35PNFJ7.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
 import "../../chunk-P7CEBZM6.mjs";
-import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-ZEDMKQK2.mjs";
+import "../../chunk-OWFQSXVD.mjs";
+import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LBTHZSBT.mjs";
-import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {

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

@@ -700,7 +700,7 @@ function MonthView({
 }) {
   const todayDate = /* @__PURE__ */ new Date(today + "T00:00:00");
   const grid = generateMonthGrid(todayDate.getFullYear(), todayDate.getMonth());
-  const toIso = (d) => d.toISOString().slice(0, 10);
+  const toIso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-cols-7 border-b border-border", children: MONTH_DAY_HEADERS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",

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

@@ -1,11 +1,11 @@
 import {
   AppointmentCalendarView
-} from "../../chunk-XYPW2XA5.mjs";
-import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-WL6WVV47.mjs";
+} from "../../chunk-EW72FINW.mjs";
 import "../../chunk-WE4YKBDE.mjs";
-import "../../chunk-M4VYX2PV.mjs";
 import "../../chunk-2GIYVERS.mjs";
+import "../../chunk-H6NQTIF4.mjs";
+import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";

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

@@ -867,7 +867,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [
@@ -1322,6 +1322,23 @@ var STATUS_CONFIG = {
     icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.RefreshCw, { size: 12 })
   }
 };
+var ICON_CLASS = "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground";
+var MEETING_FORMAT_META = {
+  call: { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Phone, { className: ICON_CLASS }), label: "Phone Call" },
+  "google-meet": {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Video, { className: ICON_CLASS }),
+    label: "Google Meet"
+  },
+  "microsoft-teams": {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Users, { className: ICON_CLASS }),
+    label: "Microsoft Teams"
+  },
+  offline: { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.MapPin, { className: ICON_CLASS }), label: "In Person" }
+};
+var ONLINE_FORMATS = /* @__PURE__ */ new Set([
+  "google-meet",
+  "microsoft-teams"
+]);
 function AppointmentDetailSheet({
   appointment,
   open,
@@ -1340,6 +1357,8 @@ function AppointmentDetailSheet({
   const { variant, label, icon } = STATUS_CONFIG[appointment.status];
   const isCancelled = appointment.status === "cancelled";
   const isConfirmed = appointment.status === "confirmed";
+  const fmt = appointment.meetingFormat;
+  const meetingMeta = fmt ? MEETING_FORMAT_META[fmt] : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       SheetContent,
@@ -1421,17 +1440,25 @@ function AppointmentDetailSheet({
                 appointment.timeEnd
               ] })
             ] }),
-            appointment.meetingFormat && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-3 text-sm", children: [
-              appointment.meetingFormat === "call" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Phone, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              appointment.meetingFormat === "google-meet" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Video, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              appointment.meetingFormat === "offline" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.MapPin, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+            fmt && meetingMeta && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-3 text-sm", children: [
+              meetingMeta.icon,
               /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "font-medium", children: [
-                  appointment.meetingFormat === "call" && "Phone Call",
-                  appointment.meetingFormat === "google-meet" && "Google Meet",
-                  appointment.meetingFormat === "offline" && "In Person"
-                ] }),
-                appointment.meetingFormat === "offline" && appointment.meetingLocation && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground", children: appointment.meetingLocation })
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-medium", children: meetingMeta.label }),
+                fmt === "call" && appointment.callPhone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground", children: appointment.callPhone }),
+                ONLINE_FORMATS.has(fmt) && appointment.meetingLink && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                  "a",
+                  {
+                    href: appointment.meetingLink,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "flex items-center gap-1 text-primary hover:underline",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ExternalLink, { className: "h-3 w-3" }),
+                      "Join Meeting"
+                    ]
+                  }
+                ),
+                fmt === "offline" && appointment.meetingLocation && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground", children: appointment.meetingLocation })
               ] })
             ] })
           ] }),

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

@@ -1,23 +1,23 @@
 import {
   AppointmentDetailSheet
-} from "../../chunk-N6Q5IPKT.mjs";
-import "../../chunk-4MM7LHM5.mjs";
-import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-SIVYAI3M.mjs";
-import "../../chunk-5VOTTIXF.mjs";
-import "../../chunk-6QAFGZC2.mjs";
+} from "../../chunk-HO6S3ECM.mjs";
+import "../../chunk-2LLFNGJZ.mjs";
+import "../../chunk-FRT3S72S.mjs";
+import "../../chunk-J5NW5NCT.mjs";
+import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-TLAWKTSA.mjs";
-import "../../chunk-6HIOM2HL.mjs";
-import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-BD3DWDT4.mjs";
+import "../../chunk-Q35PNFJ7.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
 import "../../chunk-P7CEBZM6.mjs";
-import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {

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

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

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

@@ -1,9 +1,9 @@
 import {
   AppointmentSlotSection,
   AppointmentTimeSlotPicker
-} from "../../chunk-5VOTTIXF.mjs";
-import "../../chunk-6QAFGZC2.mjs";
+} from "../../chunk-FRT3S72S.mjs";
 import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";

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

@@ -596,7 +596,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [

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

@@ -1,20 +1,20 @@
 import {
   AppointmentUpcomingCard
-} from "../../chunk-RCAOCHWA.mjs";
-import "../../chunk-H6NQTIF4.mjs";
-import "../../chunk-5VOTTIXF.mjs";
-import "../../chunk-6QAFGZC2.mjs";
+} from "../../chunk-DFL5CV75.mjs";
+import "../../chunk-FRT3S72S.mjs";
+import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-6HIOM2HL.mjs";
-import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-Q35PNFJ7.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
 import "../../chunk-P7CEBZM6.mjs";
-import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {