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

package/dist/components/meeting-scheduler/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAS9C,MAAM,WAAW,4BAA4B;IAC3C,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,mBAAmB,qCAAqC,CAAC;AAoEtE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAe,EACf,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,EACf,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,+BAoV9B;AAED,OAAO,EACL,yBAAyB,EACzB,oCAAoC,EACpC,KAAK,8BAA8B,GACpC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AA4B9C,MAAM,WAAW,4BAA4B;IAC3C,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,mBAAmB,qCAAqC,CAAC;AAoEtE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAe,EACf,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,EACf,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,+BAmV9B;AAED,OAAO,EACL,yBAAyB,EACzB,oCAAoC,EACpC,KAAK,8BAA8B,GACpC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC"}

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

@@ -7,6 +7,8 @@ import {
   EmptyState
 } from "../../chunk-QQ5ZVCD4.js";
 import {
+  Alert,
+  AlertDescription,
   Autocomplete,
   BackButton,
   DatePickerCalendar,
@@ -20,7 +22,7 @@ import {
   SelectTrigger,
   SelectValue,
   Textarea
-} from "../../chunk-66LZDE7U.js";
+} from "../../chunk-PBS4F534.js";
 import "../../chunk-L2SLFCXP.js";
 import "../../chunk-BJXDHKUX.js";
 import {
@@ -77,102 +79,17 @@ import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMem
 // src/hooks/use-meeting-booking.ts
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
-var KNOWN_CODES = [
+
+// src/schemas/meeting-booking-schema.ts
+import { z } from "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 = useQueryClient();
-  const seededOffset = initialAvailability?.meetingId === meetingId ? initialAvailability.monthOffset : void 0;
-  const [monthOffset, setMonthOffsetState] = useState(seededOffset ?? 0);
-  const setMonthOffset = useCallback((offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(MAX_MONTH_OFFSET, offset)));
-  }, []);
-  const prevMeetingIdRef = useRef(meetingId);
-  useLayoutEffect(() => {
-    if (prevMeetingIdRef.current === meetingId) return;
-    prevMeetingIdRef.current = meetingId;
-    setMonthOffsetState(0);
-  }, [meetingId]);
-  const seed = initialAvailability?.meetingId === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
-  const availabilityQuery = useQuery({
-    queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
-    queryFn: async ({ signal }) => {
-      const params = new URLSearchParams({ meeting: meetingId, monthOffset: String(monthOffset) });
-      const res = await contentFetch(`${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 = useCallback(async () => {
-    await queryClient.invalidateQueries({ queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) }).catch(() => void 0);
-  }, [queryClient, apiBaseUrl, meetingId, monthOffset]);
-  const bookMutation = useMutation({
-    mutationFn: async (payload) => {
-      try {
-        const res = await contentFetch(`${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 {
-        return { ok: false, code: "TEMPORARILY_UNAVAILABLE" };
-      }
-    },
-    // A booking is not a read — never retried, at any layer.
-    retry: false
-  });
-  const submittingRef = useRef(null);
-  const { mutateAsync } = bookMutation;
-  const book = useCallback(
-    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: 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
-import { z } from "zod";
 var SUPPORTED_FORM_FIELD_TYPES = ["text", "textarea", "select", "radio", "checkbox"];
 function isSupportedFormField(field) {
   return SUPPORTED_FORM_FIELD_TYPES.includes(field.type);
@@ -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 = useQueryClient();
+  const seededOffset = initialAvailability?.meetingId === meetingId ? initialAvailability.monthOffset : void 0;
+  const [monthOffset, setMonthOffsetState] = useState(seededOffset ?? 0);
+  const setMonthOffset = useCallback((offset) => {
+    setMonthOffsetState(Math.max(0, Math.min(MAX_MONTH_OFFSET, offset)));
+  }, []);
+  const prevMeetingIdRef = useRef(meetingId);
+  useLayoutEffect(() => {
+    if (prevMeetingIdRef.current === meetingId) return;
+    prevMeetingIdRef.current = meetingId;
+    setMonthOffsetState(0);
+  }, [meetingId]);
+  const seed = initialAvailability?.meetingId === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
+  const availabilityQuery = useQuery({
+    queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
+    queryFn: async ({ signal }) => {
+      const params = new URLSearchParams({ meeting: meetingId, monthOffset: String(monthOffset) });
+      const res = await contentFetch(`${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 = useCallback(async () => {
+    await queryClient.invalidateQueries({ queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset) }).catch(() => void 0);
+  }, [queryClient, apiBaseUrl, meetingId, monthOffset]);
+  const bookMutation = useMutation({
+    mutationFn: async (payload) => {
+      try {
+        const res = await contentFetch(`${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 {
+        return { ok: false, code: "TEMPORARILY_UNAVAILABLE" };
+      }
+    },
+    // A booking is not a read — never retried, at any layer.
+    retry: false
+  });
+  const submittingRef = useRef(null);
+  const { mutateAsync } = bookMutation;
+  const book = useCallback(
+    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: 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
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMemo } from "react";
@@ -1001,6 +1006,13 @@ function MeetingSchedulerDirectory({
 
 // src/components/meeting-scheduler/index.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+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 ",
         formatDurationCompact(durationMs / 1e3)
       ] }),
-      bookingError && bookingError !== "SLOT_TAKEN" && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-start gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx6("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__ */ jsxs6(Alert, { variant: "error", className: "flex flex-col items-start gap-[var(--spacing-system-xs)]", children: [
+        /* @__PURE__ */ jsx6(AlertDescription, { children: BOOKING_ERROR_COPY[bookingError] ?? BOOKING_ERROR_COPY.VALIDATION }),
         escapeHatch
       ] }),
       /* @__PURE__ */ jsx6(
@@ -1208,7 +1220,14 @@ function HubSpotMeetingScheduler({
         }
       )
     ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-[var(--spacing-system-m)] md:min-h-0 md:flex-1", children: [
-      bookingError === "SLOT_TAKEN" && /* @__PURE__ */ jsx6("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__ */ jsx6(
+        Alert,
+        {
+          variant: "warning",
+          className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto lg:m-0 lg:w-full",
+          children: /* @__PURE__ */ jsx6(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