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

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;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AA0CA,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,+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"}

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

@@ -26,7 +26,8 @@ import {
 import "../../chunk-L2SLFCXP.js";
 import "../../chunk-BJXDHKUX.js";
 import {
-  useHumanitySignals
+  useHumanitySignals,
+  useToast
 } from "../../chunk-HM2R5MDR.js";
 import "../../chunk-ZRIVCLPR.js";
 import "../../chunk-T5DAFFK7.js";
@@ -79,102 +80,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);
@@ -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 = 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";
@@ -1076,6 +1080,7 @@ function HubSpotMeetingScheduler({
   const [confirmation, setConfirmation] = useState3(null);
   const [bookingError, setBookingError] = useState3(null);
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
+  const { toast } = useToast();
   const autoAdvanceCount = useRef2(0);
   const [machineFor, setMachineFor] = useState3(meetingId);
   if (machineFor !== meetingId) {
@@ -1137,9 +1142,15 @@ function HubSpotMeetingScheduler({
         setStep("slot");
         resetSignals();
         void refetchAvailability();
+      } else {
+        toast({
+          variant: "error",
+          title: "Booking failed",
+          description: BOOKING_ERROR_COPY[code] ?? BOOKING_ERROR_COPY.VALIDATION
+        });
       }
     },
-    [book, onBooked, refetchAvailability, resetSignals]
+    [book, onBooked, refetchAvailability, resetSignals, toast]
   );
   const escapeHatch = fallbackUrl ? /* @__PURE__ */ jsx6(Button, { variant: "outline", size: "small-legacy", href: fallbackUrl, openInNewTab: true, children: "Open in HubSpot" }) : null;
   if (isLoadingAvailability && !availability) {
@@ -1198,10 +1209,6 @@ function HubSpotMeetingScheduler({
         "\xB7 ",
         formatDurationCompact(durationMs / 1e3)
       ] }),
-      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(
         BookingForm,
         {