@flamingo-stack/openframe-frontend-core 0.0.573 → 0.0.574-snapshot.20260827223923

package/dist/components/index.js

@@ -15,7 +15,7 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "../chunk-EC44ZXBH.js";
+} from "../chunk-5QDGP3RI.js";
 import {
   AppHeader,
   AppLayout,
@@ -34,7 +34,7 @@ import {
   SlidingSidebar,
   TicketAlertsButton,
   TopNavigation
-} from "../chunk-SY7M6VAJ.js";
+} from "../chunk-WAWMZSCP.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -48,7 +48,7 @@ import {
   RoadmapView,
   useLegalDocs,
   useRoadmapVoting
-} from "../chunk-R3I2XI33.js";
+} from "../chunk-BGE7CKXC.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -81,12 +81,12 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-IBZBGRO2.js";
+} from "../chunk-KG7D35RU.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-DSU7LQMU.js";
+} from "../chunk-ISULYCGY.js";
 import {
   PersistentPagination,
   PersistentPaginationWrapper,
@@ -96,13 +96,13 @@ import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-NGXP4EAQ.js";
+} from "../chunk-OE7NV7H3.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "../chunk-3ENV3IEP.js";
+} from "../chunk-KSKCQ3ZN.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -110,16 +110,16 @@ import {
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-JTDYVW2B.js";
+} from "../chunk-WVKRSC65.js";
 import {
   EmptyState,
   UnifiedPagination
 } from "../chunk-QQ5ZVCD4.js";
-import "../chunk-SB67TZQU.js";
+import "../chunk-IWISKP3F.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-TIX2SHZX.js";
+} from "../chunk-2EPUD2VR.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -127,7 +127,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-4WCTY326.js";
+} from "../chunk-BTZF3JRS.js";
 import {
   useSelfFetch
 } from "../chunk-UC5RXT3O.js";
@@ -576,7 +576,7 @@ import {
   useTimeTracker,
   useTrackerClock,
   useWalkthroughVideo
-} from "../chunk-66LZDE7U.js";
+} from "../chunk-PBS4F534.js";
 import "../chunk-L2SLFCXP.js";
 import "../chunk-BJXDHKUX.js";
 import {

package/dist/components/meeting-scheduler/index.cjs

@@ -20,7 +20,9 @@ var _chunkVIAZWBZ2cjs = require('../../chunk-VIAZWBZ2.cjs');
 
 
 
-var _chunkYK7M7RBFcjs = require('../../chunk-YK7M7RBF.cjs');
+
+
+var _chunkQDOBY3TPcjs = require('../../chunk-QDOBY3TP.cjs');
 require('../../chunk-GQWM3ECA.cjs');
 require('../../chunk-TON3YCCW.cjs');
 
@@ -77,102 +79,17 @@ var _react = require('react');
 // src/hooks/use-meeting-booking.ts
 var _reactquery = require('@tanstack/react-query');
 
-var KNOWN_CODES = [
+
+// src/schemas/meeting-booking-schema.ts
+var _zod = require('zod');
+var MEETING_BOOKING_ERROR_CODES = [
   "SLOT_TAKEN",
   "VALIDATION",
+  "INVALID_EMAIL",
   "LINK_GONE",
   "TEMPORARILY_UNAVAILABLE",
   "MEETING_UNAVAILABLE"
 ];
-var AVAILABILITY_STALE_MS = 0;
-function meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) {
-  return ["meeting-availability", apiBaseUrl, meetingId, monthOffset];
-}
-function useMeetingBooking(options) {
-  const { meetingId, apiBaseUrl = "", initialAvailability } = options;
-  const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _2 => _2.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
-  const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
-  const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(_chunkYK7M7RBFcjs.MAX_MONTH_OFFSET, offset)));
-  }, []);
-  const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
-  _react.useLayoutEffect.call(void 0, () => {
-    if (prevMeetingIdRef.current === meetingId) return;
-    prevMeetingIdRef.current = meetingId;
-    setMonthOffsetState(0);
-  }, [meetingId]);
-  const seed = _optionalChain([initialAvailability, 'optionalAccess', _3 => _3.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
-  const availabilityQuery = _reactquery.useQuery.call(void 0, {
-    queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
-    queryFn: async ({ signal }) => {
-      const params = new URLSearchParams({ meeting: meetingId, monthOffset: String(monthOffset) });
-      const res = await _chunkTRC37VRCcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/availability?${params}`, { signal });
-      if (!res.ok) throw new Error(`availability ${res.status}`);
-      return await res.json();
-    },
-    staleTime: AVAILABILITY_STALE_MS,
-    initialData: seed,
-    // Stamped as infinitely old on purpose: the seed is first-paint
-    // scaffolding for a 60-second-volatile resource, not truth, so it paints
-    // immediately AND is refetched immediately.
-    initialDataUpdatedAt: seed ? 0 : void 0
-  });
-  const refetchAvailability = _react.useCallback.call(void 0, async () => {
-    await queryClient.invalidateQueries({ queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) }).catch(() => void 0);
-  }, [queryClient, apiBaseUrl, meetingId, monthOffset]);
-  const bookMutation = _reactquery.useMutation.call(void 0, {
-    mutationFn: async (payload) => {
-      try {
-        const res = await _chunkTRC37VRCcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/book`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        });
-        const data = await res.json().catch(() => ({}));
-        if (res.ok) return { ok: true, confirmation: data };
-        const rawCode = typeof data.code === "string" ? data.code : "";
-        const code = KNOWN_CODES.includes(rawCode) ? rawCode : "TEMPORARILY_UNAVAILABLE";
-        return { ok: false, code, message: typeof data.error === "string" ? data.error : void 0 };
-      } catch (e) {
-        return { ok: false, code: "TEMPORARILY_UNAVAILABLE" };
-      }
-    },
-    // A booking is not a read — never retried, at any layer.
-    retry: false
-  });
-  const submittingRef = _react.useRef.call(void 0, null);
-  const { mutateAsync } = bookMutation;
-  const book = _react.useCallback.call(void 0, 
-    async (payload) => {
-      if (submittingRef.current !== null) return { ok: false, code: "VALIDATION", message: "Already submitting" };
-      const submitToken = {};
-      submittingRef.current = submitToken;
-      try {
-        return await mutateAsync(payload);
-      } finally {
-        if (submittingRef.current === submitToken) submittingRef.current = null;
-      }
-    },
-    [mutateAsync]
-  );
-  return {
-    availability: _nullishCoalesce(availabilityQuery.data, () => ( null)),
-    /** No availability for this month yet — the times column has nothing to show. */
-    isLoadingAvailability: availabilityQuery.isPending,
-    /** ANY request in flight, including a silent revalidation of cached data. */
-    isFetchingAvailability: availabilityQuery.isFetching,
-    availabilityError: availabilityQuery.error ? availabilityQuery.error.message : null,
-    monthOffset,
-    setMonthOffset,
-    refetchAvailability,
-    book,
-    isSubmitting: bookMutation.isPending
-  };
-}
-
-// src/schemas/meeting-booking-schema.ts
-var _zod = require('zod');
 var SUPPORTED_FORM_FIELD_TYPES = ["text", "textarea", "select", "radio", "checkbox"];
 function isSupportedFormField(field) {
   return SUPPORTED_FORM_FIELD_TYPES.includes(field.type);
@@ -183,14 +100,14 @@ function isValidIanaTimezone(tz) {
   try {
     new Intl.DateTimeFormat("en-US", { timeZone: tz });
     return true;
-  } catch (e2) {
+  } catch (e) {
     return false;
   }
 }
 function isValidBcp47Locale(locale) {
   try {
     return Intl.getCanonicalLocales(locale).length > 0;
-  } catch (e3) {
+  } catch (e2) {
     return false;
   }
 }
@@ -226,7 +143,7 @@ function makeBookingSchema(formFields, legalConsent) {
     }
     answers[field.name] = validator;
   }
-  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _4 => _4.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
+  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _2 => _2.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
   const hasRequiredAnswers = formFields.some((f) => isSupportedFormField(f) && f.required);
   const answersObject = _zod.z.object(answers);
   return _zod.z.object({
@@ -259,6 +176,94 @@ function makeBookingSchema(formFields, legalConsent) {
   });
 }
 
+// src/hooks/use-meeting-booking.ts
+var AVAILABILITY_STALE_MS = 0;
+function meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) {
+  return ["meeting-availability", apiBaseUrl, meetingId, monthOffset];
+}
+function useMeetingBooking(options) {
+  const { meetingId, apiBaseUrl = "", initialAvailability } = options;
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _3 => _3.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
+  const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
+  const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
+    setMonthOffsetState(Math.max(0, Math.min(_chunkQDOBY3TPcjs.MAX_MONTH_OFFSET, offset)));
+  }, []);
+  const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
+  _react.useLayoutEffect.call(void 0, () => {
+    if (prevMeetingIdRef.current === meetingId) return;
+    prevMeetingIdRef.current = meetingId;
+    setMonthOffsetState(0);
+  }, [meetingId]);
+  const seed = _optionalChain([initialAvailability, 'optionalAccess', _4 => _4.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
+  const availabilityQuery = _reactquery.useQuery.call(void 0, {
+    queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
+    queryFn: async ({ signal }) => {
+      const params = new URLSearchParams({ meeting: meetingId, monthOffset: String(monthOffset) });
+      const res = await _chunkTRC37VRCcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/availability?${params}`, { signal });
+      if (!res.ok) throw new Error(`availability ${res.status}`);
+      return await res.json();
+    },
+    staleTime: AVAILABILITY_STALE_MS,
+    initialData: seed,
+    // Stamped as infinitely old on purpose: the seed is first-paint
+    // scaffolding for a 60-second-volatile resource, not truth, so it paints
+    // immediately AND is refetched immediately.
+    initialDataUpdatedAt: seed ? 0 : void 0
+  });
+  const refetchAvailability = _react.useCallback.call(void 0, async () => {
+    await queryClient.invalidateQueries({ queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) }).catch(() => void 0);
+  }, [queryClient, apiBaseUrl, meetingId, monthOffset]);
+  const bookMutation = _reactquery.useMutation.call(void 0, {
+    mutationFn: async (payload) => {
+      try {
+        const res = await _chunkTRC37VRCcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/book`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload)
+        });
+        const data = await res.json().catch(() => ({}));
+        if (res.ok) return { ok: true, confirmation: data };
+        const rawCode = typeof data.code === "string" ? data.code : "";
+        const code = MEETING_BOOKING_ERROR_CODES.includes(rawCode) ? rawCode : "TEMPORARILY_UNAVAILABLE";
+        return { ok: false, code, message: typeof data.error === "string" ? data.error : void 0 };
+      } catch (e3) {
+        return { ok: false, code: "TEMPORARILY_UNAVAILABLE" };
+      }
+    },
+    // A booking is not a read — never retried, at any layer.
+    retry: false
+  });
+  const submittingRef = _react.useRef.call(void 0, null);
+  const { mutateAsync } = bookMutation;
+  const book = _react.useCallback.call(void 0, 
+    async (payload) => {
+      if (submittingRef.current !== null) return { ok: false, code: "VALIDATION", message: "Already submitting" };
+      const submitToken = {};
+      submittingRef.current = submitToken;
+      try {
+        return await mutateAsync(payload);
+      } finally {
+        if (submittingRef.current === submitToken) submittingRef.current = null;
+      }
+    },
+    [mutateAsync]
+  );
+  return {
+    availability: _nullishCoalesce(availabilityQuery.data, () => ( null)),
+    /** No availability for this month yet — the times column has nothing to show. */
+    isLoadingAvailability: availabilityQuery.isPending,
+    /** ANY request in flight, including a silent revalidation of cached data. */
+    isFetchingAvailability: availabilityQuery.isFetching,
+    availabilityError: availabilityQuery.error ? availabilityQuery.error.message : null,
+    monthOffset,
+    setMonthOffset,
+    refetchAvailability,
+    book,
+    isSubmitting: bookMutation.isPending
+  };
+}
+
 // src/components/meeting-scheduler/booking-form.tsx
 var _zod3 = require('@hookform/resolvers/zod');
 
@@ -311,7 +316,7 @@ function BookingForm({
   const inputClass = "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-11 md:h-12";
   const FORM_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: submit, className: FORM_STACK, noValidate: true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.HoneypotField, { ...honeypotInputProps }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.HoneypotField, { ...honeypotInputProps }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQYQXAXVRcjs.FieldWrapper, { label: "Email", htmlFor: "ms-email", error: _optionalChain([errors, 'access', _9 => _9.email, 'optionalAccess', _10 => _10.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkQYQXAXVRcjs.Input,
       {
@@ -359,7 +364,7 @@ function BookingForm({
         error: fieldError(field.name),
         children: [
           field.type === "textarea" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYK7M7RBFcjs.Textarea,
+            _chunkQDOBY3TPcjs.Textarea,
             {
               id: `ms-q-${field.name}`,
               className: "border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary",
@@ -379,11 +384,11 @@ function BookingForm({
             {
               control,
               name: `formFields.${field.name}`,
-              render: ({ field: rhf }) => field.type === "select" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYK7M7RBFcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.SelectTrigger, { id: `ms-q-${field.name}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.SelectValue, { placeholder: "Select\u2026" }) }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.SelectItem, { value: opt, children: opt }, opt)) })
-              ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.RadioGroupItem, { id: `ms-q-${field.name}-${opt}`, value: opt }),
+              render: ({ field: rhf }) => field.type === "select" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkQDOBY3TPcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.SelectTrigger, { id: `ms-q-${field.name}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.SelectValue, { placeholder: "Select\u2026" }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.SelectItem, { value: opt, children: opt }, opt)) })
+              ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.RadioGroupItem, { id: `ms-q-${field.name}-${opt}`, value: opt }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QDJLLD2cjs.Label, { htmlFor: `ms-q-${field.name}-${opt}`, children: opt })
               ] }, opt)) })
             }
@@ -504,7 +509,7 @@ function ContextPanelSkeleton({
   backLabel = "Back"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: STRIP_MAIN, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: IDENTITY_ROW, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] lg:flex-none", children: [
@@ -551,7 +556,7 @@ function SchedulerContextPanel({
     return zones.map((tz) => ({ value: tz, label: zoneLabel(tz) }));
   }, [timezone]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYK7M7RBFcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_MAIN, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: IDENTITY_ROW, children: [
@@ -612,7 +617,7 @@ function SchedulerContextPanel({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, STRIP_ASIDE, locked && "max-lg:hidden"), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
         timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYK7M7RBFcjs.Autocomplete,
+          _chunkQDOBY3TPcjs.Autocomplete,
           {
             value: timezone,
             onChange: (tz) => {
@@ -698,18 +703,18 @@ var NOOP = () => void 0;
 function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDay, slotsByDay }) {
   const now = /* @__PURE__ */ new Date();
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkYK7M7RBFcjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkQDOBY3TPcjs.MAX_MONTH_OFFSET + 1, 0);
   const visibleMonth = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
   const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _22 => _22.has, 'call', _23 => _23(calendarDayKey(day))]), [slotsByDay]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", "aria-busy": slotsByDay === null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYK7M7RBFcjs.DatePickerCalendar,
+    _chunkQDOBY3TPcjs.DatePickerCalendar,
     {
       mode: "single",
       bare: true,
       month: visibleMonth,
       onMonthChange: (month) => {
         const offset = (month.getFullYear() - now.getFullYear()) * 12 + (month.getMonth() - now.getMonth());
-        onMonthOffsetChange(Math.max(0, Math.min(_chunkYK7M7RBFcjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunkQDOBY3TPcjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -823,7 +828,7 @@ function SlotPicker({
           monthLabelFor(monthOffset),
           "."
         ] }),
-        monthOffset < _chunkYK7M7RBFcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        monthOffset < _chunkQDOBY3TPcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           _chunkS6LZN66Dcjs.Button,
           {
             variant: "outline",
@@ -1001,6 +1006,13 @@ function MeetingSchedulerDirectory({
 
 // src/components/meeting-scheduler/index.tsx
 
+var BOOKING_ERROR_COPY = {
+  INVALID_EMAIL: "That email address was rejected by our scheduling system \u2014 please use a real, reachable address (work email works best).",
+  VALIDATION: "Please double-check your details \u2014 especially that the email address is real and reachable \u2014 and try again.",
+  TEMPORARILY_UNAVAILABLE: "Scheduling is briefly unavailable \u2014 please try again in a minute.",
+  MEETING_UNAVAILABLE: "This meeting type has reached its booking limit for today \u2014 try another time or contact us.",
+  LINK_GONE: "This meeting type is no longer available."
+};
 var CONTEXT_PANEL_CLASS = "p-[var(--spacing-system-l)] shrink-0 lg:w-[280px] border-b lg:border-b-0 lg:border-r border-ods-border lg:min-h-0 lg:overflow-y-auto";
 var ACTION_PANEL_CLASS = "flex-1 min-w-0 flex flex-col md:min-h-0 lg:p-[var(--spacing-system-l)]";
 var PANEL_STEP_CLASS = "p-[var(--spacing-system-l)] md:min-h-0 md:overflow-y-auto lg:p-0";
@@ -1189,8 +1201,8 @@ function HubSpotMeetingScheduler({
         "\xB7 ",
         _chunkSPAAKHQAcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
-      bookingError && bookingError !== "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-start gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-error text-h6", children: bookingError === "TEMPORARILY_UNAVAILABLE" ? "Scheduling is briefly unavailable \u2014 please try again in a minute." : bookingError === "MEETING_UNAVAILABLE" ? "This meeting type has reached its booking limit for today \u2014 try another time or contact us." : bookingError === "LINK_GONE" ? "This meeting type is no longer available." : "Please double-check your details and try again." }),
+      bookingError && bookingError !== "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkQDOBY3TPcjs.Alert, { variant: "error", className: "flex flex-col items-start gap-[var(--spacing-system-xs)]", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.AlertDescription, { children: _nullishCoalesce(BOOKING_ERROR_COPY[bookingError], () => ( BOOKING_ERROR_COPY.VALIDATION)) }),
         escapeHatch
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1208,7 +1220,14 @@ function HubSpotMeetingScheduler({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)] md:min-h-0 md:flex-1", children: [
-      bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "px-[var(--spacing-system-l)] pt-[var(--spacing-system-l)] text-ods-error text-h6 lg:p-0", children: "That time is no longer available \u2014 if you just submitted, check your email for a confirmation before rebooking." }),
+      bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkQDOBY3TPcjs.Alert,
+        {
+          variant: "warning",
+          className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto lg:m-0 lg:w-full",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQDOBY3TPcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
+        }
+      ),
       timezone && durationMs != null ? (
         // The picker owns BOTH the loading and the empty month now —
         // it keeps the calendar up either way, so there is no branch