@flamingo-stack/openframe-frontend-core 0.0.574 → 0.0.575-snapshot.20260827225211

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

@@ -27,6 +27,7 @@ require('../../chunk-GQWM3ECA.cjs');
 require('../../chunk-TON3YCCW.cjs');
 
 
+
 var _chunk2BFZHTSDcjs = require('../../chunk-2BFZHTSD.cjs');
 require('../../chunk-D55IENZJ.cjs');
 require('../../chunk-7Z64COGD.cjs');
@@ -79,102 +80,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(_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', _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);
@@ -185,14 +101,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;
   }
 }
@@ -228,7 +144,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({
@@ -261,6 +177,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');
 
@@ -1076,6 +1080,7 @@ function HubSpotMeetingScheduler({
   const [confirmation, setConfirmation] = _react.useState.call(void 0, null);
   const [bookingError, setBookingError] = _react.useState.call(void 0, null);
   const { honeypotInputProps, getSignals, resetSignals } = _chunk2BFZHTSDcjs.useHumanitySignals.call(void 0, );
+  const { toast } = _chunk2BFZHTSDcjs.useToast.call(void 0, );
   const autoAdvanceCount = _react.useRef.call(void 0, 0);
   const [machineFor, setMachineFor] = _react.useState.call(void 0, meetingId);
   if (machineFor !== meetingId) {
@@ -1137,9 +1142,15 @@ function HubSpotMeetingScheduler({
         setStep("slot");
         resetSignals();
         void refetchAvailability();
+      } else {
+        toast({
+          variant: "error",
+          title: "Booking failed",
+          description: _nullishCoalesce(BOOKING_ERROR_COPY[code], () => ( BOOKING_ERROR_COPY.VALIDATION))
+        });
       }
     },
-    [book, onBooked, refetchAvailability, resetSignals]
+    [book, onBooked, refetchAvailability, resetSignals, toast]
   );
   const escapeHatch = fallbackUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6LZN66Dcjs.Button, { variant: "outline", size: "small-legacy", href: fallbackUrl, openInNewTab: true, children: "Open in HubSpot" }) : null;
   if (isLoadingAvailability && !availability) {
@@ -1198,8 +1209,8 @@ function HubSpotMeetingScheduler({
         "\xB7 ",
         _chunkSPAAKHQAcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
-      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)) }),
+      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", role: "alert", children: _nullishCoalesce(BOOKING_ERROR_COPY[bookingError], () => ( BOOKING_ERROR_COPY.VALIDATION)) }),
         escapeHatch
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,