@flamingo-stack/openframe-frontend-core 0.0.575 → 0.0.576

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.575",
+  "version": "0.0.576",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/meeting-scheduler/index.tsx

@@ -39,6 +39,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIsHydrated } from '../../hooks/ui/use-is-hydrated';
 import { useHumanitySignals } from '../../hooks/use-humanity-signals';
 import { useMeetingBooking } from '../../hooks/use-meeting-booking';
+import { useToast } from '../../hooks/use-toast';
 import {
   isSupportedFormField,
   type BookingConfirmation,
@@ -56,11 +57,11 @@ import { SlotPicker, SlotPickerSkeleton, dayKeyInZone } from './slot-picker';
 
 /**
  * Visitor-facing copy per booking-error code. Everything except SLOT_TAKEN
- * renders in a prominent `<Alert>` ABOVE the form the visitor just submitted
- * (an inline alert is deterministic in every embed context — a toast needs a
- * host-mounted provider this widget cannot assume). SLOT_TAKEN renders above
- * the calendar instead: its recovery flow returns the visitor there.
- * An unrecognized code (newer host than widget) falls back to the VALIDATION
+ * surfaces as an error TOAST at submit time, and ONLY as a toast (owner
+ * decision 2026-08-27 — no inline duplicate; hosts must mount the lib
+ * Toaster, as every hub platform does globally). SLOT_TAKEN renders above
+ * the calendar instead: its recovery flow returns the visitor there. An
+ * unrecognized code (newer host than widget) falls back to the VALIDATION
  * copy — fail-safe, never blank.
  */
 const BOOKING_ERROR_COPY: Record<Exclude<MeetingBookingErrorCode, 'SLOT_TAKEN'>, string> = {
@@ -304,6 +305,7 @@ export function HubSpotMeetingScheduler({
   const [bookingError, setBookingError] = useState<MeetingBookingErrorCode | null>(null);
 
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
+  const { toast } = useToast();
 
   // Reset the machine when the host switches links. Adjusted while rendering —
   // React's documented pattern for a prop-driven reset — so the swapped-in link
@@ -413,9 +415,17 @@ export function HubSpotMeetingScheduler({
         setStep('slot');
         resetSignals();
         void refetchAvailability();
+      } else {
+        // The error surface is the TOAST, full stop (host-mounted Toaster —
+        // every hub platform mounts it globally; embedders must too).
+        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 ? (
@@ -525,14 +535,6 @@ export function HubSpotMeetingScheduler({
                 }).format(new Date(selectedSlot))}{' '}
                 · {formatDurationCompact(durationMs / 1000)}
               </p>
-              {bookingError && bookingError !== 'SLOT_TAKEN' && (
-                <Alert variant="error" className="flex flex-col items-start gap-[var(--spacing-system-xs)]">
-                  <AlertDescription>
-                    {BOOKING_ERROR_COPY[bookingError] ?? BOOKING_ERROR_COPY.VALIDATION}
-                  </AlertDescription>
-                  {escapeHatch}
-                </Alert>
-              )}
               <BookingForm
                 availability={availability}
                 meetingId={meetingId}