@aglyn/plugins-bookings 1.0.0-beta.221 → 1.0.0-beta.223

package/src/lib/components/booking.js

@@ -31,9 +31,12 @@ import MenuItem from "@mui/material/MenuItem";
 import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";
-import { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { BUNDLE_ID } from "../constants/bundle-common.js";
 import { BOOKING_RECORD_PARAM, BOOKING_SERVICE_PARAM, formatBookingRecordRef, parseBookingRecordRef } from "../model/booking-record.js";
+import { bookingContactAsks, readBookingContactFields, readBookingPhone } from "../model/booking-contact-fields.js";
+import { bookingPriceDisplay, bookingPriceText } from "../model/booking-price.js";
+import { BOOKING_MAX_DAYS_AHEAD, BOOKING_SLOT_PAGE_DAYS } from "../model/bookings.js";
 import { generatePresetId } from "../utils/generate-preset-id.js";
 import { useBookingPurchaseEvent } from "../utils/use-booking-purchase-event.js";
 // Component ids are persisted in screen documents; never rename.
@@ -50,13 +53,81 @@ export const ID = 'booking';
     if (typeof window === 'undefined') return null;
     return new URLSearchParams(window.location.search).get(key);
 }
+/**
+ * Slots grouped by the VISITOR's local day, in order (AGL-3492).
+ *
+ * A page of the listing is whole days in the SERVICE's zone, so for a
+ * visitor in another zone the last day of a page can be one the page ended
+ * part way through. `nextFromMs` is where the page stopped — every open time
+ * before it is loaded — so a day that runs past it is held back until the
+ * next page completes it, rather than shown with its later times missing.
+ */ export function groupSlotsByLocalDay(slots, nextFromMs) {
+    const byDay = new Map();
+    for (const slot of slots){
+        const at = new Date(slot.startsAtMs);
+        const startMs = new Date(at.getFullYear(), at.getMonth(), at.getDate()).getTime();
+        const day = byDay.get(startMs);
+        if (day) day.push(slot);
+        else byDay.set(startMs, [
+            slot
+        ]);
+    }
+    return [
+        ...byDay.entries()
+    ].map(([startMs, daySlots])=>({
+            startMs,
+            slots: daySlots.sort((a, b)=>a.startsAtMs - b.startsAtMs)
+        })).filter((day)=>{
+        if (nextFromMs === null) return true;
+        const start = new Date(day.startMs);
+        const nextDayMs = new Date(start.getFullYear(), start.getMonth(), start.getDate() + 1).getTime();
+        return nextDayMs <= nextFromMs;
+    }).sort((a, b)=>a.startMs - b.startMs);
+}
+/** A day chip's label: `Mon, Oct 5` in the visitor's locale. */ export function bookingDayLabel(startMs) {
+    return new Date(startMs).toLocaleDateString(undefined, {
+        weekday: 'short',
+        month: 'short',
+        day: 'numeric'
+    });
+}
+/** A time chip's label: `2:30 PM` in the visitor's locale. */ export function bookingTimeLabel(startsAtMs) {
+    return new Date(startsAtMs).toLocaleTimeString([], {
+        hour: 'numeric',
+        minute: '2-digit'
+    });
+}
+/**
+ * A day's times in the parts of the day a visitor scans for (AGL-3492): a
+ * day open 8 to 5 at 15-minute steps holds 33 starts, and one unbroken run
+ * of chips that long reads as noise. Empty parts are left out.
+ */ export function partsOfDay(slots) {
+    const parts = [
+        {
+            label: 'Morning',
+            slots: []
+        },
+        {
+            label: 'Afternoon',
+            slots: []
+        },
+        {
+            label: 'Evening',
+            slots: []
+        }
+    ];
+    for (const slot of slots){
+        const hour = new Date(slot.startsAtMs).getHours();
+        parts[hour < 12 ? 0 : hour < 17 ? 1 : 2].slots.push(slot);
+    }
+    return parts.filter((part)=>part.slots.length > 0);
+}
 /**
  * Booking widget (AGL-160): service picker → open-slot picker → contact
  * form, driven by the tenant /api/bookings endpoints (server-validated,
  * double-booking safe). Inert placeholder in the besigner/preview (no
  * SiteContext host id) so editing never creates bookings.
  */ const Booking = /*#__PURE__*/ forwardRef((props, ref)=>{
-    var _slotsByDay_day;
     const { heading, successMessage } = props, rest = _object_without_properties_loose(props, [
         "heading",
         "successMessage"
@@ -74,10 +145,22 @@ export const ID = 'booking';
     useBookingPurchaseEvent(hostId, siteFetch);
     const [services, setServices] = useState(null);
     const [serviceId, setServiceId] = useState('');
+    // Every page of the listing loaded so far, in order (AGL-3492).
     const [slots, setSlots] = useState(null);
+    // Where the next page starts; `null` once the horizon is loaded.
+    const [nextFromMs, setNextFromMs] = useState(null);
+    const [horizonDays, setHorizonDays] = useState(BOOKING_MAX_DAYS_AHEAD);
+    const [loadingMore, setLoadingMore] = useState(false);
+    // The first day of the strip on screen, as an index into the loaded days.
+    const [stripStart, setStripStart] = useState(0);
+    // The service the loaded pages belong to, so a page that lands after the
+    // visitor switched service is dropped rather than mixed into the new one.
+    const slotsServiceRef = useRef('');
     const [slotMs, setSlotMs] = useState(null);
     const [name, setName] = useState('');
     const [email, setEmail] = useState('');
+    const [phone, setPhone] = useState('');
+    const [address, setAddress] = useState('');
     const [marketingConsent, setMarketingConsent] = useState(false);
     const [status, setStatus] = useState('idle');
     const [errorMessage, setErrorMessage] = useState(null);
@@ -106,42 +189,102 @@ export const ID = 'booking';
     }, [
         hostId
     ]);
+    /**
+   * One page of the listing (AGL-3492): the next strip's worth of days from
+   * `fromMs`, or from now. Appended, never replacing, so a day split across
+   * two pages for a visitor in another zone is whole once both are in.
+   */ const fetchSlotPage = useCallback(async (forService, fromMs)=>{
+        const response = await fetch(`/api/bookings/slots?hostId=${encodeURIComponent(hostId != null ? hostId : '')}` + `&serviceId=${encodeURIComponent(forService)}` + (fromMs !== null ? `&from=${encodeURIComponent(String(fromMs))}` : ''));
+        const payload = await response.json();
+        if (slotsServiceRef.current !== forService) return;
+        const page = Array.isArray(payload == null ? void 0 : payload.slots) ? payload.slots : [];
+        setSlots((loaded)=>{
+            const seen = new Set((loaded != null ? loaded : []).map((slot)=>slot.startsAtMs));
+            return [
+                ...loaded != null ? loaded : [],
+                ...page.filter((slot)=>!seen.has(slot.startsAtMs))
+            ];
+        });
+        setNextFromMs(typeof (payload == null ? void 0 : payload.nextFromMs) === 'number' ? payload.nextFromMs : null);
+        if (Number(payload == null ? void 0 : payload.horizonDays) > 0) {
+            setHorizonDays(Number(payload.horizonDays));
+        }
+    }, [
+        hostId
+    ]);
     useEffect(()=>{
-        if (!hostId || !serviceId) return setSlots(null);
-        let active = true;
+        slotsServiceRef.current = serviceId;
         setSlots(null);
+        setNextFromMs(null);
+        setStripStart(0);
         setSlotMs(null);
-        void fetch(`/api/bookings/slots?hostId=${encodeURIComponent(hostId)}` + `&serviceId=${encodeURIComponent(serviceId)}`).then((response)=>response.json()).then((payload)=>{
-            var _ref;
-            if (active) setSlots((_ref = payload == null ? void 0 : payload.slots) != null ? _ref : []);
-        }).catch(()=>{
-            if (active) setSlots([]);
+        if (!hostId || !serviceId) return;
+        fetchSlotPage(serviceId, null).catch(()=>{
+            if (slotsServiceRef.current === serviceId) setSlots([]);
         });
-        return ()=>{
-            active = false;
-        };
     }, [
         hostId,
-        serviceId
+        serviceId,
+        fetchSlotPage
     ]);
-    // Slots grouped by local day for a compact two-step pick.
-    const slotsByDay = useMemo(()=>{
-        const groups = {};
-        for (const slot of slots != null ? slots : []){
-            var _groups, _day, _;
-            const day = new Date(slot.startsAtMs).toLocaleDateString();
-            ((_ = (_groups = groups)[_day = day]) != null ? _ : _groups[_day] = []).push(slot);
-        }
-        return groups;
+    const days = useMemo(()=>groupSlotsByLocalDay(slots != null ? slots : [], nextFromMs), [
+        slots,
+        nextFromMs
+    ]);
+    const visibleDays = days.slice(stripStart, stripStart + BOOKING_SLOT_PAGE_DAYS);
+    // The strip asks for the next page itself when the days it is showing run
+    // out before the horizon does — after "Later dates", or when a page held
+    // no open day this visitor can see whole.
+    useEffect(()=>{
+        if (slots === null || nextFromMs === null || loadingMore) return;
+        if (days.length >= stripStart + BOOKING_SLOT_PAGE_DAYS) return;
+        if (stripStart === 0 && days.length > 0) return;
+        const forService = serviceId;
+        setLoadingMore(true);
+        fetchSlotPage(forService, nextFromMs).catch(()=>{
+            // Stop asking: a page that failed would otherwise be asked for
+            // again on every render.
+            if (slotsServiceRef.current === forService) setNextFromMs(null);
+        }).finally(()=>setLoadingMore(false));
     }, [
-        slots
+        slots,
+        nextFromMs,
+        loadingMore,
+        days.length,
+        stripStart,
+        serviceId,
+        fetchSlotPage
     ]);
-    const [day, setDay] = useState('');
+    const [day, setDay] = useState(null);
     useEffect(()=>{
-        setDay('');
+        setDay(null);
     }, [
         serviceId
     ]);
+    const dayTimes = useMemo(()=>{
+        var _ref;
+        var _days_find;
+        return partsOfDay((_ref = (_days_find = days.find((one)=>one.startMs === day)) == null ? void 0 : _days_find.slots) != null ? _ref : []);
+    }, [
+        days,
+        day
+    ]);
+    const hasEarlierDates = stripStart > 0;
+    const hasLaterDates = days.length > stripStart + BOOKING_SLOT_PAGE_DAYS || nextFromMs !== null;
+    const moveStrip = (toStart)=>{
+        setStripStart(Math.max(0, toStart));
+        setDay(null);
+        setSlotMs(null);
+    };
+    // What the picked service asks for beyond a name and an email, and
+    // whether what was typed answers it (AGL-3493) — the route's own reading,
+    // so the button and the server cannot disagree about a required field.
+    const asks = bookingContactAsks((services != null ? services : []).find((one)=>one.$id === serviceId));
+    const contactCheck = readBookingContactFields(asks, {
+        phone,
+        address
+    });
+    const phoneUnreadable = asks.phone !== 'off' && Boolean(phone.trim()) && !readBookingPhone(phone);
     const handleBook = useCallback(async ()=>{
         if (!hostId || !serviceId || !slotMs || status === 'booking') return;
         setStatus('booking');
@@ -163,7 +306,7 @@ export const ID = 'booking';
                     startsAtMs: slotMs,
                     name,
                     email
-                }, recordRef ? {
+                }, contactCheck.ok ? contactCheck.fields : {}, recordRef ? {
                     crmRef: formatBookingRecordRef(recordRef)
                 } : {}, marketingConsent ? {
                     marketingConsent: true
@@ -239,6 +382,7 @@ export const ID = 'booking';
         slotMs,
         name,
         email,
+        contactCheck,
         marketingConsent,
         status,
         siteFetch,
@@ -309,7 +453,7 @@ export const ID = 'booking';
                 fullWidth: true,
                 children: services.map((service)=>/*#__PURE__*/ _jsx(MenuItem, {
                         value: service.$id,
-                        children: `${service.name} · ${service.durationMinutes} min` + (service.priceUsd > 0 ? ` · $${service.priceUsd}` : '')
+                        children: `${service.name} · ${service.durationMinutes} min` + (bookingPriceDisplay(service.priceDisplay) !== 'fixed' || service.priceUsd > 0 ? ` · ${bookingPriceText(service)}` : '')
                     }, service.$id))
             }),
             (selected == null ? void 0 : selected.description) ? /*#__PURE__*/ _jsx(Typography, {
@@ -317,47 +461,86 @@ export const ID = 'booking';
                 color: "text.secondary",
                 children: selected.description
             }) : null,
-            serviceId ? slots === null ? /*#__PURE__*/ _jsx(CircularProgress, {
+            serviceId ? slots === null || days.length === 0 && nextFromMs !== null ? /*#__PURE__*/ _jsx(CircularProgress, {
                 size: 24
-            }) : slots.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+            }) : days.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
                 variant: "body2",
                 color: "text.secondary",
-                children: 'No open times in the next 60 days.'
+                children: `No open times in the next ${horizonDays} days.`
             }) : /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(Stack, {
+                    /*#__PURE__*/ _jsxs(Stack, {
                         direction: "row",
                         spacing: 1,
                         sx: {
                             flexWrap: 'wrap',
                             rowGap: 1
                         },
-                        children: Object.keys(slotsByDay).slice(0, 14).map((value)=>/*#__PURE__*/ _jsx(Chip, {
-                                label: value,
-                                color: day === value ? 'primary' : 'default',
-                                variant: day === value ? 'filled' : 'outlined',
-                                onClick: ()=>{
-                                    setDay(value);
-                                    setSlotMs(null);
+                        children: [
+                            visibleDays.map((one)=>/*#__PURE__*/ _jsx(Chip, {
+                                    label: bookingDayLabel(one.startMs),
+                                    color: day === one.startMs ? 'primary' : 'default',
+                                    variant: day === one.startMs ? 'filled' : 'outlined',
+                                    onClick: ()=>{
+                                        setDay(one.startMs);
+                                        setSlotMs(null);
+                                    }
+                                }, one.startMs)),
+                            loadingMore && visibleDays.length < BOOKING_SLOT_PAGE_DAYS ? /*#__PURE__*/ _jsx(CircularProgress, {
+                                size: 20,
+                                sx: {
+                                    alignSelf: 'center'
                                 }
-                            }, value))
+                            }) : null
+                        ]
                     }),
-                    day ? /*#__PURE__*/ _jsx(Stack, {
+                    hasEarlierDates || hasLaterDates ? /*#__PURE__*/ _jsxs(Stack, {
                         direction: "row",
                         spacing: 1,
-                        sx: {
-                            flexWrap: 'wrap',
-                            rowGap: 1
-                        },
-                        children: ((_slotsByDay_day = slotsByDay[day]) != null ? _slotsByDay_day : []).slice(0, 24).map((slot)=>/*#__PURE__*/ _jsx(Chip, {
-                                label: new Date(slot.startsAtMs).toLocaleTimeString([], {
-                                    hour: 'numeric',
-                                    minute: '2-digit'
-                                }),
-                                color: slotMs === slot.startsAtMs ? 'primary' : 'default',
-                                variant: slotMs === slot.startsAtMs ? 'filled' : 'outlined',
-                                onClick: ()=>setSlotMs(slot.startsAtMs)
-                            }, slot.startsAtMs))
+                        children: [
+                            hasEarlierDates ? /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>moveStrip(stripStart - BOOKING_SLOT_PAGE_DAYS),
+                                children: 'Earlier dates'
+                            }) : null,
+                            hasLaterDates ? /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                disabled: loadingMore && visibleDays.length < BOOKING_SLOT_PAGE_DAYS,
+                                // Never past the last day loaded: a strip that was short
+                                // moves on from where it ended, so no day is stepped over
+                                // while the next page loads.
+                                onClick: ()=>moveStrip(Math.min(stripStart + BOOKING_SLOT_PAGE_DAYS, days.length)),
+                                children: 'Later dates'
+                            }) : null
+                        ]
+                    }) : null,
+                    day !== null ? /*#__PURE__*/ _jsx(Stack, {
+                        spacing: 1.5,
+                        children: dayTimes.map((part)=>/*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 0.75,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: part.label
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        role: "group",
+                                        "aria-label": `${part.label} times`,
+                                        sx: {
+                                            display: 'grid',
+                                            gridTemplateColumns: 'repeat(auto-fill, minmax(5.5rem, 1fr))',
+                                            gap: 1
+                                        },
+                                        children: part.slots.map((slot)=>/*#__PURE__*/ _jsx(Chip, {
+                                                label: bookingTimeLabel(slot.startsAtMs),
+                                                color: slotMs === slot.startsAtMs ? 'primary' : 'default',
+                                                variant: slotMs === slot.startsAtMs ? 'filled' : 'outlined',
+                                                onClick: ()=>setSlotMs(slot.startsAtMs)
+                                            }, slot.startsAtMs))
+                                    })
+                                ]
+                            }, part.label))
                     }) : null
                 ]
             }) : null,
@@ -379,6 +562,29 @@ export const ID = 'booking';
                         size: "small",
                         fullWidth: true
                     }),
+                    asks.phone !== 'off' ? /*#__PURE__*/ _jsx(TextField, {
+                        label: "Phone",
+                        type: "tel",
+                        autoComplete: "tel",
+                        required: asks.phone === 'required',
+                        value: phone,
+                        onChange: (event)=>setPhone(event.target.value),
+                        error: phoneUnreadable,
+                        helperText: phoneUnreadable ? 'Enter a valid phone number' : undefined,
+                        size: "small",
+                        fullWidth: true
+                    }) : null,
+                    asks.address !== 'off' ? /*#__PURE__*/ _jsx(TextField, {
+                        label: "Address",
+                        autoComplete: "street-address",
+                        required: asks.address === 'required',
+                        value: address,
+                        onChange: (event)=>setAddress(event.target.value),
+                        size: "small",
+                        fullWidth: true,
+                        multiline: true,
+                        minRows: 2
+                    }) : null,
                     /*#__PURE__*/ _jsx(FormControlLabel, {
                         control: /*#__PURE__*/ _jsx(Checkbox, {
                             size: "small",
@@ -393,7 +599,7 @@ export const ID = 'booking';
                     }) : null,
                     /*#__PURE__*/ _jsx(Button, {
                         variant: "contained",
-                        disabled: !name.trim() || !email.trim() || status === 'booking',
+                        disabled: !name.trim() || !email.trim() || !contactCheck.ok || status === 'booking',
                         onClick: handleBook,
                         sx: {
                             alignSelf: 'flex-start'

package/src/lib/components/booking.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/bookings/src/lib/components/booking.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport {\n  buildBeginCheckoutParams,\n  trackEvent,\n  trackEventBeforeNavigation,\n} from '@aglyn/aglyn/app-utils/analytics-events'\nimport { utmTouchField } from '@aglyn/aglyn/app-utils/utm-touch'\nimport { mdiCalendarClock } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Chip from '@mui/material/Chip'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport MenuItem from '@mui/material/MenuItem'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  BOOKING_RECORD_PARAM,\n  BOOKING_SERVICE_PARAM,\n  formatBookingRecordRef,\n  parseBookingRecordRef,\n} from '../model/booking-record'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { useBookingPurchaseEvent } from '../utils/use-booking-purchase-event'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'booking'\n\nexport interface BookingProps {\n  /** Heading above the widget; empty hides it. */\n  heading?: string\n  successMessage?: string\n}\n\ninterface ServiceOption {\n  $id: string\n  name: string\n  durationMinutes: number\n  priceUsd: number\n  description?: string\n}\n\n/**\n * One query value off the page the widget is on, or `null` — on the server\n * and in the besigner there is no page to read.\n *\n * A booking link built from a CRM record carries two (AGL-2660): the\n * service it is about, and the record it was dropped from. Read at the\n * moment each is needed rather than held in state, so a widget mounted\n * before the URL settles still sees the values.\n */\nfunction readLinkParam(key: string): string | null {\n  if (typeof window === 'undefined') return null\n  return new URLSearchParams(window.location.search).get(key)\n}\n\ninterface SlotOption {\n  startsAtMs: number\n  endsAtMs: number\n}\n\n/**\n * Booking widget (AGL-160): service picker → open-slot picker → contact\n * form, driven by the tenant /api/bookings endpoints (server-validated,\n * double-booking safe). Inert placeholder in the besigner/preview (no\n * SiteContext host id) so editing never creates bookings.\n */\nconst Booking = forwardRef<HTMLDivElement, BookingProps>((props, ref) => {\n  const { heading, successMessage, ...rest } = props\n  // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const siteFetch = Aglyn.useSiteFetch()\n\n  // The merchant's own `purchase` for a paid booking (AGL-2481). This widget\n  // is where Stripe returns the guest, because a tenant site has no booking\n  // confirmation route. No-ops on every ordinary render: the hook returns\n  // immediately unless the URL carries `?booking=paid&session_id=…`.\n  useBookingPurchaseEvent(hostId, siteFetch)\n\n  const [services, setServices] = useState<ServiceOption[] | null>(null)\n  const [serviceId, setServiceId] = useState('')\n  const [slots, setSlots] = useState<SlotOption[] | null>(null)\n  const [slotMs, setSlotMs] = useState<number | null>(null)\n  const [name, setName] = useState('')\n  const [email, setEmail] = useState('')\n  const [marketingConsent, setMarketingConsent] = useState(false)\n  const [status, setStatus] = useState<\n    'idle' | 'loading' | 'booking' | 'booked' | 'error'\n  >('idle')\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [alerts, setAlerts] = useState<\n    Array<{ message: string; severity?: string }>\n  >([])\n\n  useEffect(() => {\n    if (!hostId) return\n    let active = true\n    void fetch(`/api/bookings/slots?hostId=${encodeURIComponent(hostId)}`)\n      .then((response) => response.json())\n      .then((payload) => {\n        if (!active) return\n        const loaded: ServiceOption[] = payload?.services ?? []\n        setServices(loaded)\n        // A booking link opens the widget on its service (AGL-2660). Only\n        // a service the site still offers: a link to one since deleted\n        // leaves the picker for the visitor rather than failing on it.\n        const wanted = readLinkParam(BOOKING_SERVICE_PARAM)\n        if (wanted && loaded.some((one) => one.$id === wanted)) {\n          setServiceId(wanted)\n        }\n      })\n      .catch(() => {\n        if (active) setServices([])\n      })\n    return () => {\n      active = false\n    }\n  }, [hostId])\n\n  useEffect(() => {\n    if (!hostId || !serviceId) return setSlots(null)\n    let active = true\n    setSlots(null)\n    setSlotMs(null)\n    void fetch(\n      `/api/bookings/slots?hostId=${encodeURIComponent(hostId)}` +\n        `&serviceId=${encodeURIComponent(serviceId)}`,\n    )\n      .then((response) => response.json())\n      .then((payload) => {\n        if (active) setSlots(payload?.slots ?? [])\n      })\n      .catch(() => {\n        if (active) setSlots([])\n      })\n    return () => {\n      active = false\n    }\n  }, [hostId, serviceId])\n\n  // Slots grouped by local day for a compact two-step pick.\n  const slotsByDay = useMemo(() => {\n    const groups: Record<string, SlotOption[]> = {}\n    for (const slot of slots ?? []) {\n      const day = new Date(slot.startsAtMs).toLocaleDateString()\n      ;(groups[day] ??= []).push(slot)\n    }\n    return groups\n  }, [slots])\n  const [day, setDay] = useState('')\n  useEffect(() => {\n    setDay('')\n  }, [serviceId])\n\n  const handleBook = useCallback(async () => {\n    if (!hostId || !serviceId || !slotMs || status === 'booking') return\n    setStatus('booking')\n    setErrorMessage(null)\n    // The record a booking link was dropped from (AGL-2660), carried onto\n    // the request so the booking lands on that record even when the visitor\n    // books with a different address. Parsed here so a value that is not a\n    // reference is never sent.\n    const recordRef = parseBookingRecordRef(readLinkParam(BOOKING_RECORD_PARAM))\n    try {\n      const response = await siteFetch('/api/bookings/book', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          hostId,\n          serviceId,\n          startsAtMs: slotMs,\n          name,\n          email,\n          ...(recordRef ? { crmRef: formatBookingRecordRef(recordRef) } : {}),\n          ...(marketingConsent ? { marketingConsent: true } : {}),\n          // The campaign this visitor came from, when they came from one.\n          // A booking is an identify moment like a form submission: the\n          // visitor was anonymous until this request named them.\n          ...utmTouchField(),\n        }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        setErrorMessage(payload?.error ?? 'Booking failed — try again')\n        setStatus('error')\n        return\n      }\n      if (payload?.checkoutUrl) {\n        // Paid service (AGL-170): finish payment on Stripe; the webhook\n        // confirms the held slot.\n        //\n        // The `begin_checkout` that `purchase` has never had a counterpart to\n        // (AGL-2481 wired the completion and left the intent). Without it a\n        // merchant selling appointments sees a purchase with no checkout step\n        // in front of it, so GA4's shopping funnel reports every paid booking\n        // as an abandoned one — the same shape the bookings plugin was\n        // reporting before it sent anything at all.\n        //\n        // After the server accepted the hold, so a double-booked slot or a\n        // closed calendar — both of which answer !ok above — never counts.\n        //\n        // `item_id` is the SERVICE id, matching the id\n        // `buildBookingPurchaseParams` puts on the completed hit, so the two\n        // steps join into one per-service funnel instead of naming the same\n        // service twice.\n        const service = (services ?? []).find((one) => one.$id === serviceId)\n        await trackEventBeforeNavigation(\n          'begin_checkout',\n          buildBeginCheckoutParams({\n            items: [\n              {\n                item_id: serviceId,\n                item_name: service?.name ?? 'Service',\n                price: service?.priceUsd,\n                quantity: 1,\n              },\n            ],\n          }),\n        )\n        window.location.assign(payload.checkoutUrl)\n        return\n      }\n      if (Array.isArray(payload?.alerts)) setAlerts(payload.alerts)\n      // A FREE booking is confirmed right here — there is no Stripe leg, so\n      // nothing downstream will ever report it, and a merchant whose services\n      // are free saw an appointment book with no event of any kind.\n      //\n      // `generate_lead` rather than a zero-value `purchase`: GA4 has no\n      // recommended booking event, `purchase` with `value: 0` would put a\n      // free appointment into the merchant's revenue reports as a sale worth\n      // nothing, and a confirmed request for someone's time IS the lead this\n      // event names. The form's own generic submissions report the same event\n      // from `form.tsx`, so the merchant reads one conversion count.\n      //\n      // `form_name` is the block, not the service and never the guest: the\n      // name and email typed above are the reason this is the only param\n      // shape that may leave here.\n      trackEvent('generate_lead', {\n        form_name: 'Booking',\n        form_location: window.location.pathname,\n      })\n      setStatus('booked')\n    } catch {\n      setErrorMessage('Booking failed — try again')\n      setStatus('error')\n    }\n  }, [\n    hostId,\n    serviceId,\n    slotMs,\n    name,\n    email,\n    marketingConsent,\n    status,\n    siteFetch,\n    // Read for the checkout event's item name and price. Without it the\n    // handler closes over the services list as it was when the handler was\n    // created, which on the first render is `null` — and every paid booking\n    // would report an unnamed, unpriced service.\n    services,\n  ])\n\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            p: 3,\n            border: '1px dashed',\n            borderColor: 'divider',\n            borderRadius: 1,\n            color: 'text.secondary',\n            fontSize: 13,\n            fontFamily: 'system-ui, sans-serif',\n          },\n          ...nodeSx,\n        ]}\n      >\n        {'Booking widget — visitors pick a service and time here'}\n      </Box>\n    )\n  }\n\n  if (status === 'booked') {\n    return (\n      <Stack ref={ref} spacing={1.5} {...rest}>\n        <Alert severity=\"success\">\n          {successMessage ||\n            'Booking confirmed — check your email for the details.'}\n        </Alert>\n        {alerts.map((alert, index) => (\n          <Alert key={index} severity={(alert.severity as any) || 'info'}>\n            {alert.message}\n          </Alert>\n        ))}\n      </Stack>\n    )\n  }\n\n  const selected = (services ?? []).find(\n    (service) => service.$id === serviceId,\n  )\n\n  return (\n    <Stack ref={ref} spacing={2} {...rest}>\n      {heading ? <Typography variant=\"h5\">{heading}</Typography> : null}\n      {services === null ? (\n        <CircularProgress size={24} />\n      ) : services.length === 0 ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'No bookable services yet.'}\n        </Typography>\n      ) : (\n        <TextField\n          select\n          label=\"Service\"\n          value={serviceId}\n          onChange={(event) => setServiceId(event.target.value)}\n          size=\"small\"\n          fullWidth\n        >\n          {services.map((service) => (\n            <MenuItem key={service.$id} value={service.$id}>\n              {`${service.name} · ${service.durationMinutes} min` +\n                (service.priceUsd > 0 ? ` · $${service.priceUsd}` : '')}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n      {selected?.description ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {selected.description}\n        </Typography>\n      ) : null}\n      {serviceId ? (\n        slots === null ? (\n          <CircularProgress size={24} />\n        ) : slots.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No open times in the next 60 days.'}\n          </Typography>\n        ) : (\n          <>\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ flexWrap: 'wrap', rowGap: 1 }}\n            >\n              {Object.keys(slotsByDay)\n                .slice(0, 14)\n                .map((value) => (\n                  <Chip\n                    key={value}\n                    label={value}\n                    color={day === value ? 'primary' : 'default'}\n                    variant={day === value ? 'filled' : 'outlined'}\n                    onClick={() => {\n                      setDay(value)\n                      setSlotMs(null)\n                    }}\n                  />\n                ))}\n            </Stack>\n            {day ? (\n              <Stack\n                direction=\"row\"\n                spacing={1}\n                sx={{ flexWrap: 'wrap', rowGap: 1 }}\n              >\n                {(slotsByDay[day] ?? []).slice(0, 24).map((slot) => (\n                  <Chip\n                    key={slot.startsAtMs}\n                    label={new Date(slot.startsAtMs).toLocaleTimeString([], {\n                      hour: 'numeric',\n                      minute: '2-digit',\n                    })}\n                    color={slotMs === slot.startsAtMs ? 'primary' : 'default'}\n                    variant={\n                      slotMs === slot.startsAtMs ? 'filled' : 'outlined'\n                    }\n                    onClick={() => setSlotMs(slot.startsAtMs)}\n                  />\n                ))}\n              </Stack>\n            ) : null}\n          </>\n        )\n      ) : null}\n      {slotMs ? (\n        <Stack spacing={1.5}>\n          <TextField\n            label=\"Your name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            size=\"small\"\n            fullWidth\n          />\n          <TextField\n            label=\"Email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            size=\"small\"\n            fullWidth\n          />\n          <FormControlLabel\n            control={\n              <Checkbox\n                size=\"small\"\n                checked={marketingConsent}\n                onChange={(event) =>\n                  setMarketingConsent(event.target.checked)\n                }\n              />\n            }\n            label=\"Email me about offers and updates\"\n          />\n          {errorMessage ? <Alert severity=\"error\">{errorMessage}</Alert> : null}\n          <Button\n            variant=\"contained\"\n            disabled={\n              !name.trim() || !email.trim() || status === 'booking'\n            }\n            onClick={handleBook}\n            sx={{ alignSelf: 'flex-start' }}\n          >\n            {status === 'booking' ? 'Booking…' : 'Confirm booking'}\n          </Button>\n        </Stack>\n      ) : null}\n    </Stack>\n  )\n})\nBooking.displayName = 'Booking'\n\nexport const schema: Aglyn.ComponentSchema<BookingProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Booking',\n  description:\n    'Service and time picker that books appointments. It is double-booking safe.',\n  category: Aglyn.ComponentCategory.INPUT,\n  icon: {\n    path: mdiCalendarClock.path,\n    sx: { color: '#0288d1' },\n  },\n  flags: {\n    selfClosing: Aglyn.FEATURE_FLAG.ENABLED,\n  },\n  attributes: [\n    {\n      name: 'heading',\n      description: 'Heading above the widget; empty hides it.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Heading',\n    },\n    {\n      name: 'successMessage',\n      description: 'Shown after a confirmed booking.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Success message',\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Booking',\n    pluginId: BUNDLE_ID,\n    description: 'Service + time picker that books appointments',\n    category: Aglyn.ComponentCategory.INPUT,\n    icon: {\n      path: mdiCalendarClock.path,\n      sx: { color: '#0288d1' },\n    },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n]\n\nexport default Booking\n"],"names":["Aglyn","buildBeginCheckoutParams","trackEvent","trackEventBeforeNavigation","utmTouchField","mdiCalendarClock","Alert","Box","Button","Checkbox","Chip","CircularProgress","FormControlLabel","MenuItem","Stack","TextField","Typography","forwardRef","useCallback","useEffect","useMemo","useState","BUNDLE_ID","BOOKING_RECORD_PARAM","BOOKING_SERVICE_PARAM","formatBookingRecordRef","parseBookingRecordRef","generatePresetId","useBookingPurchaseEvent","ID","readLinkParam","key","window","URLSearchParams","location","search","get","Booking","props","ref","slotsByDay","heading","successMessage","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","services","setServices","serviceId","setServiceId","slots","setSlots","slotMs","setSlotMs","name","setName","email","setEmail","marketingConsent","setMarketingConsent","status","setStatus","errorMessage","setErrorMessage","alerts","setAlerts","active","fetch","encodeURIComponent","then","response","json","payload","loaded","wanted","some","one","$id","catch","groups","slot","day","Date","startsAtMs","toLocaleDateString","push","setDay","handleBook","recordRef","method","headers","body","JSON","stringify","crmRef","ok","error","checkoutUrl","service","find","items","item_id","item_name","price","priceUsd","quantity","assign","form_name","form_location","pathname","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","spacing","severity","map","alert","index","message","selected","variant","size","length","select","label","value","onChange","event","target","fullWidth","durationMinutes","description","direction","flexWrap","rowGap","Object","keys","slice","onClick","toLocaleTimeString","hour","minute","type","control","checked","disabled","trim","alignSelf","displayName","schema","pluginId","category","ComponentCategory","INPUT","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","component","FieldComponentType","TEXT_FIELD","presets","NodeType","PRESET","data","componentId"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,YAAYA,WAAW,eAAc;AACrC,SACEC,wBAAwB,EACxBC,UAAU,EACVC,0BAA0B,QACrB,0CAAyC;AAChD,SAASC,aAAa,QAAQ,mCAAkC;AAChE,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,OAAOC,WAAW,sBAAqB;AACvC,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,cAAc,yBAAwB;AAC7C,OAAOC,UAAU,qBAAoB;AACrC,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,cAAc,yBAAwB;AAC7C,OAAOC,WAAW,sBAAqB;AACvC,OAAOC,eAAe,0BAAyB;AAC/C,OAAOC,gBAAgB,2BAA0B;AACjD,SAASC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC7E,SAASC,SAAS,QAAQ,gCAA4B;AACtD,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,sBAAsB,EACtBC,qBAAqB,QAChB,6BAAyB;AAChC,SAASC,gBAAgB,QAAQ,iCAA6B;AAC9D,SAASC,uBAAuB,QAAQ,yCAAqC;AAE7E,iEAAiE;AACjE,OAAO,MAAMC,KAAwB,UAAS;AAgB9C;;;;;;;;CAQC,GACD,SAASC,cAAcC,GAAW;IAChC,IAAI,OAAOC,WAAW,aAAa,OAAO;IAC1C,OAAO,IAAIC,gBAAgBD,OAAOE,QAAQ,CAACC,MAAM,EAAEC,GAAG,CAACL;AACzD;AAOA;;;;;CAKC,GACD,MAAMM,wBAAUpB,WAAyC,CAACqB,OAAOC;QAiT/CC;IAhThB,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAW,GAAGJ,OAATK,wCAASL;;;;IAC7C,yEAAyE;IACzE,MAAMM,SAASC,MAAMC,OAAO,CAACR,KAAK,CAAC,KAAK,IAAIA,KAAK,CAAC,KAAK,GAAG;QAACA,KAAK,CAAC,KAAK;KAAC;IACvE,MAAM,EAAES,MAAM,EAAE,GAAG/C,MAAMgD,OAAO;IAChC,MAAMC,YAAYjD,MAAMkD,YAAY;IAEpC,2EAA2E;IAC3E,0EAA0E;IAC1E,wEAAwE;IACxE,mEAAmE;IACnEtB,wBAAwBmB,QAAQE;IAEhC,MAAM,CAACE,UAAUC,YAAY,GAAG/B,SAAiC;IACjE,MAAM,CAACgC,WAAWC,aAAa,GAAGjC,SAAS;IAC3C,MAAM,CAACkC,OAAOC,SAAS,GAAGnC,SAA8B;IACxD,MAAM,CAACoC,QAAQC,UAAU,GAAGrC,SAAwB;IACpD,MAAM,CAACsC,MAAMC,QAAQ,GAAGvC,SAAS;IACjC,MAAM,CAACwC,OAAOC,SAAS,GAAGzC,SAAS;IACnC,MAAM,CAAC0C,kBAAkBC,oBAAoB,GAAG3C,SAAS;IACzD,MAAM,CAAC4C,QAAQC,UAAU,GAAG7C,SAE1B;IACF,MAAM,CAAC8C,cAAcC,gBAAgB,GAAG/C,SAAwB;IAChE,MAAM,CAACgD,QAAQC,UAAU,GAAGjD,SAE1B,EAAE;IAEJF,UAAU;QACR,IAAI,CAAC4B,QAAQ;QACb,IAAIwB,SAAS;QACb,KAAKC,MAAM,CAAC,2BAA2B,EAAEC,mBAAmB1B,SAAS,EAClE2B,IAAI,CAAC,CAACC,WAAaA,SAASC,IAAI,IAChCF,IAAI,CAAC,CAACG;;YACL,IAAI,CAACN,QAAQ;YACb,MAAMO,iBAA0BD,2BAAAA,QAAS1B,QAAQ,mBAAI,EAAE;YACvDC,YAAY0B;YACZ,kEAAkE;YAClE,+DAA+D;YAC/D,+DAA+D;YAC/D,MAAMC,SAASjD,cAAcN;YAC7B,IAAIuD,UAAUD,OAAOE,IAAI,CAAC,CAACC,MAAQA,IAAIC,GAAG,KAAKH,SAAS;gBACtDzB,aAAayB;YACf;QACF,GACCI,KAAK,CAAC;YACL,IAAIZ,QAAQnB,YAAY,EAAE;QAC5B;QACF,OAAO;YACLmB,SAAS;QACX;IACF,GAAG;QAACxB;KAAO;IAEX5B,UAAU;QACR,IAAI,CAAC4B,UAAU,CAACM,WAAW,OAAOG,SAAS;QAC3C,IAAIe,SAAS;QACbf,SAAS;QACTE,UAAU;QACV,KAAKc,MACH,CAAC,2BAA2B,EAAEC,mBAAmB1B,SAAS,GACxD,CAAC,WAAW,EAAE0B,mBAAmBpB,YAAY,EAE9CqB,IAAI,CAAC,CAACC,WAAaA,SAASC,IAAI,IAChCF,IAAI,CAAC,CAACG;;YACL,IAAIN,QAAQf,iBAASqB,2BAAAA,QAAStB,KAAK,mBAAI,EAAE;QAC3C,GACC4B,KAAK,CAAC;YACL,IAAIZ,QAAQf,SAAS,EAAE;QACzB;QACF,OAAO;YACLe,SAAS;QACX;IACF,GAAG;QAACxB;QAAQM;KAAU;IAEtB,0DAA0D;IAC1D,MAAMb,aAAapB,QAAQ;QACzB,MAAMgE,SAAuC,CAAC;QAC9C,KAAK,MAAMC,QAAQ9B,gBAAAA,QAAS,EAAE,CAAE;gBAE5B6B,SAAOE,MAAPF;YADF,MAAME,MAAM,IAAIC,KAAKF,KAAKG,UAAU,EAAEC,kBAAkB;YACvD,EAACL,IAAAA,CAAAA,UAAAA,OAAM,CAACE,OAAAA,IAAI,YAAXF,IAAAA,OAAM,CAACE,KAAI,GAAK,EAAE,EAAEI,IAAI,CAACL;QAC7B;QACA,OAAOD;IACT,GAAG;QAAC7B;KAAM;IACV,MAAM,CAAC+B,KAAKK,OAAO,GAAGtE,SAAS;IAC/BF,UAAU;QACRwE,OAAO;IACT,GAAG;QAACtC;KAAU;IAEd,MAAMuC,aAAa1E,YAAY;QAC7B,IAAI,CAAC6B,UAAU,CAACM,aAAa,CAACI,UAAUQ,WAAW,WAAW;QAC9DC,UAAU;QACVE,gBAAgB;QAChB,sEAAsE;QACtE,wEAAwE;QACxE,uEAAuE;QACvE,2BAA2B;QAC3B,MAAMyB,YAAYnE,sBAAsBI,cAAcP;QACtD,IAAI;YACF,MAAMoD,WAAW,MAAM1B,UAAU,sBAAsB;gBACrD6C,QAAQ;gBACRC,SAAS;oBAAE,gBAAgB;gBAAmB;gBAC9CC,MAAMC,KAAKC,SAAS,CAAC;oBACnBnD;oBACAM;oBACAmC,YAAY/B;oBACZE;oBACAE;mBACIgC,YAAY;oBAAEM,QAAQ1E,uBAAuBoE;gBAAW,IAAI,CAAC,GAC7D9B,mBAAmB;oBAAEA,kBAAkB;gBAAK,IAAI,CAAC,GAIlD3D;YAEP;YACA,MAAMyE,UAAU,MAAMF,SAASC,IAAI,GAAGO,KAAK,CAAC,IAAO,CAAA,CAAC,CAAA;YACpD,IAAI,CAACR,SAASyB,EAAE,EAAE;;gBAChBhC,wBAAgBS,2BAAAA,QAASwB,KAAK,mBAAI;gBAClCnC,UAAU;gBACV;YACF;YACA,IAAIW,2BAAAA,QAASyB,WAAW,EAAE;;gBACxB,gEAAgE;gBAChE,0BAA0B;gBAC1B,EAAE;gBACF,sEAAsE;gBACtE,oEAAoE;gBACpE,sEAAsE;gBACtE,sEAAsE;gBACtE,+DAA+D;gBAC/D,4CAA4C;gBAC5C,EAAE;gBACF,mEAAmE;gBACnE,mEAAmE;gBACnE,EAAE;gBACF,+CAA+C;gBAC/C,qEAAqE;gBACrE,oEAAoE;gBACpE,iBAAiB;gBACjB,MAAMC,UAAU,CAACpD,mBAAAA,WAAY,EAAE,EAAEqD,IAAI,CAAC,CAACvB,MAAQA,IAAIC,GAAG,KAAK7B;gBAC3D,MAAMlD,2BACJ,kBACAF,yBAAyB;oBACvBwG,OAAO;wBACL;4BACEC,SAASrD;4BACTsD,SAAS,WAAEJ,2BAAAA,QAAS5C,IAAI,oBAAI;4BAC5BiD,KAAK,EAAEL,2BAAAA,QAASM,QAAQ;4BACxBC,UAAU;wBACZ;qBACD;gBACH;gBAEF9E,OAAOE,QAAQ,CAAC6E,MAAM,CAAClC,QAAQyB,WAAW;gBAC1C;YACF;YACA,IAAIzD,MAAMC,OAAO,CAAC+B,2BAAAA,QAASR,MAAM,GAAGC,UAAUO,QAAQR,MAAM;YAC5D,sEAAsE;YACtE,wEAAwE;YACxE,8DAA8D;YAC9D,EAAE;YACF,kEAAkE;YAClE,oEAAoE;YACpE,uEAAuE;YACvE,uEAAuE;YACvE,wEAAwE;YACxE,+DAA+D;YAC/D,EAAE;YACF,qEAAqE;YACrE,mEAAmE;YACnE,6BAA6B;YAC7BnE,WAAW,iBAAiB;gBAC1B8G,WAAW;gBACXC,eAAejF,OAAOE,QAAQ,CAACgF,QAAQ;YACzC;YACAhD,UAAU;QACZ,EAAE,eAAM;YACNE,gBAAgB;YAChBF,UAAU;QACZ;IACF,GAAG;QACDnB;QACAM;QACAI;QACAE;QACAE;QACAE;QACAE;QACAhB;QACA,oEAAoE;QACpE,uEAAuE;QACvE,wEAAwE;QACxE,6CAA6C;QAC7CE;KACD;IAED,IAAI,CAACJ,QAAQ;QACX,qBACE,KAACxC;YACCgC,KAAKA;WACDI;YACJwE,IAAI;gBACF;oBACEC,GAAG;oBACHC,QAAQ;oBACRC,aAAa;oBACbC,cAAc;oBACdC,OAAO;oBACPC,UAAU;oBACVC,YAAY;gBACd;mBACG9E;aACJ;sBAEA;;IAGP;IAEA,IAAIqB,WAAW,UAAU;QACvB,qBACE,MAACnD;YAAMyB,KAAKA;YAAKoF,SAAS;WAAShF;;8BACjC,KAACrC;oBAAMsH,UAAS;8BACblF,kBACC;;gBAEH2B,OAAOwD,GAAG,CAAC,CAACC,OAAOC,sBAClB,KAACzH;wBAAkBsH,UAAU,AAACE,MAAMF,QAAQ,IAAY;kCACrDE,MAAME,OAAO;uBADJD;;;IAMpB;IAEA,MAAME,WAAW,CAAC9E,mBAAAA,WAAY,EAAE,EAAEqD,IAAI,CACpC,CAACD,UAAYA,QAAQrB,GAAG,KAAK7B;IAG/B,qBACE,MAACvC;QAAMyB,KAAKA;QAAKoF,SAAS;OAAOhF;;YAC9BF,wBAAU,KAACzB;gBAAWkH,SAAQ;0BAAMzF;iBAAwB;YAC5DU,aAAa,qBACZ,KAACxC;gBAAiBwH,MAAM;iBACtBhF,SAASiF,MAAM,KAAK,kBACtB,KAACpH;gBAAWkH,SAAQ;gBAAQV,OAAM;0BAC/B;+BAGH,KAACzG;gBACCsH,MAAM;gBACNC,OAAM;gBACNC,OAAOlF;gBACPmF,UAAU,CAACC,QAAUnF,aAAamF,MAAMC,MAAM,CAACH,KAAK;gBACpDJ,MAAK;gBACLQ,SAAS;0BAERxF,SAAS0E,GAAG,CAAC,CAACtB,wBACb,KAAC1F;wBAA2B0H,OAAOhC,QAAQrB,GAAG;kCAC3C,GAAGqB,QAAQ5C,IAAI,CAAC,GAAG,EAAE4C,QAAQqC,eAAe,CAAC,IAAI,CAAC,GAChDrC,CAAAA,QAAQM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAEN,QAAQM,QAAQ,EAAE,GAAG,EAAC;uBAF1CN,QAAQrB,GAAG;;YAO/B+C,CAAAA,4BAAAA,SAAUY,WAAW,kBACpB,KAAC7H;gBAAWkH,SAAQ;gBAAQV,OAAM;0BAC/BS,SAASY,WAAW;iBAErB;YACHxF,YACCE,UAAU,qBACR,KAAC5C;gBAAiBwH,MAAM;iBACtB5E,MAAM6E,MAAM,KAAK,kBACnB,KAACpH;gBAAWkH,SAAQ;gBAAQV,OAAM;0BAC/B;+BAGH;;kCACE,KAAC1G;wBACCgI,WAAU;wBACVnB,SAAS;wBACTR,IAAI;4BAAE4B,UAAU;4BAAQC,QAAQ;wBAAE;kCAEjCC,OAAOC,IAAI,CAAC1G,YACV2G,KAAK,CAAC,GAAG,IACTtB,GAAG,CAAC,CAACU,sBACJ,KAAC7H;gCAEC4H,OAAOC;gCACPf,OAAOlC,QAAQiD,QAAQ,YAAY;gCACnCL,SAAS5C,QAAQiD,QAAQ,WAAW;gCACpCa,SAAS;oCACPzD,OAAO4C;oCACP7E,UAAU;gCACZ;+BAPK6E;;oBAWZjD,oBACC,KAACxE;wBACCgI,WAAU;wBACVnB,SAAS;wBACTR,IAAI;4BAAE4B,UAAU;4BAAQC,QAAQ;wBAAE;kCAEjC,EAACxG,kBAAAA,UAAU,CAAC8C,IAAI,YAAf9C,kBAAmB,EAAE,EAAE2G,KAAK,CAAC,GAAG,IAAItB,GAAG,CAAC,CAACxC,qBACzC,KAAC3E;gCAEC4H,OAAO,IAAI/C,KAAKF,KAAKG,UAAU,EAAE6D,kBAAkB,CAAC,EAAE,EAAE;oCACtDC,MAAM;oCACNC,QAAQ;gCACV;gCACA/B,OAAO/D,WAAW4B,KAAKG,UAAU,GAAG,YAAY;gCAChD0C,SACEzE,WAAW4B,KAAKG,UAAU,GAAG,WAAW;gCAE1C4D,SAAS,IAAM1F,UAAU2B,KAAKG,UAAU;+BATnCH,KAAKG,UAAU;yBAaxB;;iBAGN;YACH/B,uBACC,MAAC3C;gBAAM6G,SAAS;;kCACd,KAAC5G;wBACCuH,OAAM;wBACNC,OAAO5E;wBACP6E,UAAU,CAACC,QAAU7E,QAAQ6E,MAAMC,MAAM,CAACH,KAAK;wBAC/CJ,MAAK;wBACLQ,SAAS;;kCAEX,KAAC5H;wBACCuH,OAAM;wBACNkB,MAAK;wBACLjB,OAAO1E;wBACP2E,UAAU,CAACC,QAAU3E,SAAS2E,MAAMC,MAAM,CAACH,KAAK;wBAChDJ,MAAK;wBACLQ,SAAS;;kCAEX,KAAC/H;wBACC6I,uBACE,KAAChJ;4BACC0H,MAAK;4BACLuB,SAAS3F;4BACTyE,UAAU,CAACC,QACTzE,oBAAoByE,MAAMC,MAAM,CAACgB,OAAO;;wBAI9CpB,OAAM;;oBAEPnE,6BAAe,KAAC7D;wBAAMsH,UAAS;kCAASzD;yBAAwB;kCACjE,KAAC3D;wBACC0H,SAAQ;wBACRyB,UACE,CAAChG,KAAKiG,IAAI,MAAM,CAAC/F,MAAM+F,IAAI,MAAM3F,WAAW;wBAE9CmF,SAASxD;wBACTuB,IAAI;4BAAE0C,WAAW;wBAAa;kCAE7B5F,WAAW,YAAY,aAAa;;;iBAGvC;;;AAGV;AACA5B,QAAQyH,WAAW,GAAG;AAEtB,OAAO,MAAMC,SAA8C;IACzD7E,KAAKrD;IACLmI,UAAU1I;IACVwI,aAAa;IACbjB,aACE;IACFoB,UAAUjK,MAAMkK,iBAAiB,CAACC,KAAK;IACvCC,MAAM;QACJC,MAAMhK,iBAAiBgK,IAAI;QAC3BlD,IAAI;YAAEK,OAAO;QAAU;IACzB;IACA8C,OAAO;QACLC,aAAavK,MAAMwK,YAAY,CAACC,OAAO;IACzC;IACAC,YAAY;QACV;YACE/G,MAAM;YACNkF,aAAa;YACb8B,WAAW3K,MAAM4K,kBAAkB,CAACC,UAAU;YAC9CvC,OAAO;QACT;QACA;YACE3E,MAAM;YACNkF,aAAa;YACb8B,WAAW3K,MAAM4K,kBAAkB,CAACC,UAAU;YAC9CvC,OAAO;QACT;KACD;AACH,EAAC;AAED,OAAO,MAAMwC,UAAgC;IAC3C;QACE5F,KAAKvD,iBAAiBE;QACtB2H,MAAMxJ,MAAM+K,QAAQ,CAACC,MAAM;QAC3BlB,aAAa;QACbE,UAAU1I;QACVuH,aAAa;QACboB,UAAUjK,MAAMkK,iBAAiB,CAACC,KAAK;QACvCC,MAAM;YACJC,MAAMhK,iBAAiBgK,IAAI;YAC3BlD,IAAI;gBAAEK,OAAO;YAAU;QACzB;QACAyD,MAAM;YACJ/F,KAAK;YACLgG,aAAarJ;YACbmI,UAAU1I;YACVgB,OAAO,CAAC;QACV;IACF;CACD,CAAA;AAED,eAAeD,QAAO"}
+{"version":3,"sources":["../../../../../../../libs/plugins/bookings/src/lib/components/booking.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport {\n  buildBeginCheckoutParams,\n  trackEvent,\n  trackEventBeforeNavigation,\n} from '@aglyn/aglyn/app-utils/analytics-events'\nimport { utmTouchField } from '@aglyn/aglyn/app-utils/utm-touch'\nimport { mdiCalendarClock } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Chip from '@mui/material/Chip'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport MenuItem from '@mui/material/MenuItem'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  BOOKING_RECORD_PARAM,\n  BOOKING_SERVICE_PARAM,\n  formatBookingRecordRef,\n  parseBookingRecordRef,\n} from '../model/booking-record'\nimport {\n  bookingContactAsks,\n  readBookingContactFields,\n  readBookingPhone,\n} from '../model/booking-contact-fields'\nimport { bookingPriceDisplay, bookingPriceText } from '../model/booking-price'\nimport { BOOKING_MAX_DAYS_AHEAD, BOOKING_SLOT_PAGE_DAYS } from '../model/bookings'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { useBookingPurchaseEvent } from '../utils/use-booking-purchase-event'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'booking'\n\nexport interface BookingProps {\n  /** Heading above the widget; empty hides it. */\n  heading?: string\n  successMessage?: string\n}\n\ninterface ServiceOption {\n  $id: string\n  name: string\n  durationMinutes: number\n  priceUsd: number\n  /** How the service states its price (AGL-3475); a label books with no charge. */\n  priceDisplay?: string\n  description?: string\n  /** What the service asks for beyond a name and an email (AGL-3493). */\n  askPhone?: string\n  askAddress?: string\n}\n\n/**\n * One query value off the page the widget is on, or `null` — on the server\n * and in the besigner there is no page to read.\n *\n * A booking link built from a CRM record carries two (AGL-2660): the\n * service it is about, and the record it was dropped from. Read at the\n * moment each is needed rather than held in state, so a widget mounted\n * before the URL settles still sees the values.\n */\nfunction readLinkParam(key: string): string | null {\n  if (typeof window === 'undefined') return null\n  return new URLSearchParams(window.location.search).get(key)\n}\n\ninterface SlotOption {\n  startsAtMs: number\n  endsAtMs: number\n}\n\n/** One day of the strip: the visitor's local calendar day and its times. */\nexport interface BookingSlotDay {\n  /** Local midnight that starts the day, in epoch ms — key and sort order. */\n  startMs: number\n  slots: SlotOption[]\n}\n\n/**\n * Slots grouped by the VISITOR's local day, in order (AGL-3492).\n *\n * A page of the listing is whole days in the SERVICE's zone, so for a\n * visitor in another zone the last day of a page can be one the page ended\n * part way through. `nextFromMs` is where the page stopped — every open time\n * before it is loaded — so a day that runs past it is held back until the\n * next page completes it, rather than shown with its later times missing.\n */\nexport function groupSlotsByLocalDay(\n  slots: SlotOption[],\n  nextFromMs: number | null,\n): BookingSlotDay[] {\n  const byDay = new Map<number, SlotOption[]>()\n  for (const slot of slots) {\n    const at = new Date(slot.startsAtMs)\n    const startMs = new Date(\n      at.getFullYear(),\n      at.getMonth(),\n      at.getDate(),\n    ).getTime()\n    const day = byDay.get(startMs)\n    if (day) day.push(slot)\n    else byDay.set(startMs, [slot])\n  }\n  return [...byDay.entries()]\n    .map(([startMs, daySlots]) => ({\n      startMs,\n      slots: daySlots.sort((a, b) => a.startsAtMs - b.startsAtMs),\n    }))\n    .filter((day) => {\n      if (nextFromMs === null) return true\n      const start = new Date(day.startMs)\n      const nextDayMs = new Date(\n        start.getFullYear(),\n        start.getMonth(),\n        start.getDate() + 1,\n      ).getTime()\n      return nextDayMs <= nextFromMs\n    })\n    .sort((a, b) => a.startMs - b.startMs)\n}\n\n/** A day chip's label: `Mon, Oct 5` in the visitor's locale. */\nexport function bookingDayLabel(startMs: number): string {\n  return new Date(startMs).toLocaleDateString(undefined, {\n    weekday: 'short',\n    month: 'short',\n    day: 'numeric',\n  })\n}\n\n/** A time chip's label: `2:30 PM` in the visitor's locale. */\nexport function bookingTimeLabel(startsAtMs: number): string {\n  return new Date(startsAtMs).toLocaleTimeString([], {\n    hour: 'numeric',\n    minute: '2-digit',\n  })\n}\n\n/**\n * A day's times in the parts of the day a visitor scans for (AGL-3492): a\n * day open 8 to 5 at 15-minute steps holds 33 starts, and one unbroken run\n * of chips that long reads as noise. Empty parts are left out.\n */\nexport function partsOfDay(\n  slots: SlotOption[],\n): Array<{ label: string; slots: SlotOption[] }> {\n  const parts = [\n    { label: 'Morning', slots: [] as SlotOption[] },\n    { label: 'Afternoon', slots: [] as SlotOption[] },\n    { label: 'Evening', slots: [] as SlotOption[] },\n  ]\n  for (const slot of slots) {\n    const hour = new Date(slot.startsAtMs).getHours()\n    parts[hour < 12 ? 0 : hour < 17 ? 1 : 2].slots.push(slot)\n  }\n  return parts.filter((part) => part.slots.length > 0)\n}\n\n/**\n * Booking widget (AGL-160): service picker → open-slot picker → contact\n * form, driven by the tenant /api/bookings endpoints (server-validated,\n * double-booking safe). Inert placeholder in the besigner/preview (no\n * SiteContext host id) so editing never creates bookings.\n */\nconst Booking = forwardRef<HTMLDivElement, BookingProps>((props, ref) => {\n  const { heading, successMessage, ...rest } = props\n  // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const siteFetch = Aglyn.useSiteFetch()\n\n  // The merchant's own `purchase` for a paid booking (AGL-2481). This widget\n  // is where Stripe returns the guest, because a tenant site has no booking\n  // confirmation route. No-ops on every ordinary render: the hook returns\n  // immediately unless the URL carries `?booking=paid&session_id=…`.\n  useBookingPurchaseEvent(hostId, siteFetch)\n\n  const [services, setServices] = useState<ServiceOption[] | null>(null)\n  const [serviceId, setServiceId] = useState('')\n  // Every page of the listing loaded so far, in order (AGL-3492).\n  const [slots, setSlots] = useState<SlotOption[] | null>(null)\n  // Where the next page starts; `null` once the horizon is loaded.\n  const [nextFromMs, setNextFromMs] = useState<number | null>(null)\n  const [horizonDays, setHorizonDays] = useState(BOOKING_MAX_DAYS_AHEAD)\n  const [loadingMore, setLoadingMore] = useState(false)\n  // The first day of the strip on screen, as an index into the loaded days.\n  const [stripStart, setStripStart] = useState(0)\n  // The service the loaded pages belong to, so a page that lands after the\n  // visitor switched service is dropped rather than mixed into the new one.\n  const slotsServiceRef = useRef('')\n  const [slotMs, setSlotMs] = useState<number | null>(null)\n  const [name, setName] = useState('')\n  const [email, setEmail] = useState('')\n  const [phone, setPhone] = useState('')\n  const [address, setAddress] = useState('')\n  const [marketingConsent, setMarketingConsent] = useState(false)\n  const [status, setStatus] = useState<\n    'idle' | 'loading' | 'booking' | 'booked' | 'error'\n  >('idle')\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [alerts, setAlerts] = useState<\n    Array<{ message: string; severity?: string }>\n  >([])\n\n  useEffect(() => {\n    if (!hostId) return\n    let active = true\n    void fetch(`/api/bookings/slots?hostId=${encodeURIComponent(hostId)}`)\n      .then((response) => response.json())\n      .then((payload) => {\n        if (!active) return\n        const loaded: ServiceOption[] = payload?.services ?? []\n        setServices(loaded)\n        // A booking link opens the widget on its service (AGL-2660). Only\n        // a service the site still offers: a link to one since deleted\n        // leaves the picker for the visitor rather than failing on it.\n        const wanted = readLinkParam(BOOKING_SERVICE_PARAM)\n        if (wanted && loaded.some((one) => one.$id === wanted)) {\n          setServiceId(wanted)\n        }\n      })\n      .catch(() => {\n        if (active) setServices([])\n      })\n    return () => {\n      active = false\n    }\n  }, [hostId])\n\n  /**\n   * One page of the listing (AGL-3492): the next strip's worth of days from\n   * `fromMs`, or from now. Appended, never replacing, so a day split across\n   * two pages for a visitor in another zone is whole once both are in.\n   */\n  const fetchSlotPage = useCallback(\n    async (forService: string, fromMs: number | null) => {\n      const response = await fetch(\n        `/api/bookings/slots?hostId=${encodeURIComponent(hostId ?? '')}` +\n          `&serviceId=${encodeURIComponent(forService)}` +\n          (fromMs !== null ? `&from=${encodeURIComponent(String(fromMs))}` : ''),\n      )\n      const payload = await response.json()\n      if (slotsServiceRef.current !== forService) return\n      const page: SlotOption[] = Array.isArray(payload?.slots)\n        ? payload.slots\n        : []\n      setSlots((loaded) => {\n        const seen = new Set((loaded ?? []).map((slot) => slot.startsAtMs))\n        return [\n          ...(loaded ?? []),\n          ...page.filter((slot) => !seen.has(slot.startsAtMs)),\n        ]\n      })\n      setNextFromMs(\n        typeof payload?.nextFromMs === 'number' ? payload.nextFromMs : null,\n      )\n      if (Number(payload?.horizonDays) > 0) {\n        setHorizonDays(Number(payload.horizonDays))\n      }\n    },\n    [hostId],\n  )\n\n  useEffect(() => {\n    slotsServiceRef.current = serviceId\n    setSlots(null)\n    setNextFromMs(null)\n    setStripStart(0)\n    setSlotMs(null)\n    if (!hostId || !serviceId) return\n    fetchSlotPage(serviceId, null).catch(() => {\n      if (slotsServiceRef.current === serviceId) setSlots([])\n    })\n  }, [hostId, serviceId, fetchSlotPage])\n\n  const days = useMemo(\n    () => groupSlotsByLocalDay(slots ?? [], nextFromMs),\n    [slots, nextFromMs],\n  )\n  const visibleDays = days.slice(stripStart, stripStart + BOOKING_SLOT_PAGE_DAYS)\n\n  // The strip asks for the next page itself when the days it is showing run\n  // out before the horizon does — after \"Later dates\", or when a page held\n  // no open day this visitor can see whole.\n  useEffect(() => {\n    if (slots === null || nextFromMs === null || loadingMore) return\n    if (days.length >= stripStart + BOOKING_SLOT_PAGE_DAYS) return\n    if (stripStart === 0 && days.length > 0) return\n    const forService = serviceId\n    setLoadingMore(true)\n    fetchSlotPage(forService, nextFromMs)\n      .catch(() => {\n        // Stop asking: a page that failed would otherwise be asked for\n        // again on every render.\n        if (slotsServiceRef.current === forService) setNextFromMs(null)\n      })\n      .finally(() => setLoadingMore(false))\n  }, [\n    slots,\n    nextFromMs,\n    loadingMore,\n    days.length,\n    stripStart,\n    serviceId,\n    fetchSlotPage,\n  ])\n\n  const [day, setDay] = useState<number | null>(null)\n  useEffect(() => {\n    setDay(null)\n  }, [serviceId])\n  const dayTimes = useMemo(\n    () => partsOfDay(days.find((one) => one.startMs === day)?.slots ?? []),\n    [days, day],\n  )\n  const hasEarlierDates = stripStart > 0\n  const hasLaterDates =\n    days.length > stripStart + BOOKING_SLOT_PAGE_DAYS || nextFromMs !== null\n  const moveStrip = (toStart: number) => {\n    setStripStart(Math.max(0, toStart))\n    setDay(null)\n    setSlotMs(null)\n  }\n\n  // What the picked service asks for beyond a name and an email, and\n  // whether what was typed answers it (AGL-3493) — the route's own reading,\n  // so the button and the server cannot disagree about a required field.\n  const asks = bookingContactAsks(\n    (services ?? []).find((one) => one.$id === serviceId),\n  )\n  const contactCheck = readBookingContactFields(asks, { phone, address })\n  const phoneUnreadable =\n    asks.phone !== 'off' && Boolean(phone.trim()) && !readBookingPhone(phone)\n\n  const handleBook = useCallback(async () => {\n    if (!hostId || !serviceId || !slotMs || status === 'booking') return\n    setStatus('booking')\n    setErrorMessage(null)\n    // The record a booking link was dropped from (AGL-2660), carried onto\n    // the request so the booking lands on that record even when the visitor\n    // books with a different address. Parsed here so a value that is not a\n    // reference is never sent.\n    const recordRef = parseBookingRecordRef(readLinkParam(BOOKING_RECORD_PARAM))\n    try {\n      const response = await siteFetch('/api/bookings/book', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          hostId,\n          serviceId,\n          startsAtMs: slotMs,\n          name,\n          email,\n          // Only what the service asks for: the route drops anything else.\n          ...(contactCheck.ok ? contactCheck.fields : {}),\n          ...(recordRef ? { crmRef: formatBookingRecordRef(recordRef) } : {}),\n          ...(marketingConsent ? { marketingConsent: true } : {}),\n          // The campaign this visitor came from, when they came from one.\n          // A booking is an identify moment like a form submission: the\n          // visitor was anonymous until this request named them.\n          ...utmTouchField(),\n        }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        setErrorMessage(payload?.error ?? 'Booking failed — try again')\n        setStatus('error')\n        return\n      }\n      if (payload?.checkoutUrl) {\n        // Paid service (AGL-170): finish payment on Stripe; the webhook\n        // confirms the held slot.\n        //\n        // The `begin_checkout` that `purchase` has never had a counterpart to\n        // (AGL-2481 wired the completion and left the intent). Without it a\n        // merchant selling appointments sees a purchase with no checkout step\n        // in front of it, so GA4's shopping funnel reports every paid booking\n        // as an abandoned one — the same shape the bookings plugin was\n        // reporting before it sent anything at all.\n        //\n        // After the server accepted the hold, so a double-booked slot or a\n        // closed calendar — both of which answer !ok above — never counts.\n        //\n        // `item_id` is the SERVICE id, matching the id\n        // `buildBookingPurchaseParams` puts on the completed hit, so the two\n        // steps join into one per-service funnel instead of naming the same\n        // service twice.\n        const service = (services ?? []).find((one) => one.$id === serviceId)\n        await trackEventBeforeNavigation(\n          'begin_checkout',\n          buildBeginCheckoutParams({\n            items: [\n              {\n                item_id: serviceId,\n                item_name: service?.name ?? 'Service',\n                price: service?.priceUsd,\n                quantity: 1,\n              },\n            ],\n          }),\n        )\n        window.location.assign(payload.checkoutUrl)\n        return\n      }\n      if (Array.isArray(payload?.alerts)) setAlerts(payload.alerts)\n      // A FREE booking is confirmed right here — there is no Stripe leg, so\n      // nothing downstream will ever report it, and a merchant whose services\n      // are free saw an appointment book with no event of any kind.\n      //\n      // `generate_lead` rather than a zero-value `purchase`: GA4 has no\n      // recommended booking event, `purchase` with `value: 0` would put a\n      // free appointment into the merchant's revenue reports as a sale worth\n      // nothing, and a confirmed request for someone's time IS the lead this\n      // event names. The form's own generic submissions report the same event\n      // from `form.tsx`, so the merchant reads one conversion count.\n      //\n      // `form_name` is the block, not the service and never the guest: the\n      // name and email typed above are the reason this is the only param\n      // shape that may leave here.\n      trackEvent('generate_lead', {\n        form_name: 'Booking',\n        form_location: window.location.pathname,\n      })\n      setStatus('booked')\n    } catch {\n      setErrorMessage('Booking failed — try again')\n      setStatus('error')\n    }\n  }, [\n    hostId,\n    serviceId,\n    slotMs,\n    name,\n    email,\n    contactCheck,\n    marketingConsent,\n    status,\n    siteFetch,\n    // Read for the checkout event's item name and price. Without it the\n    // handler closes over the services list as it was when the handler was\n    // created, which on the first render is `null` — and every paid booking\n    // would report an unnamed, unpriced service.\n    services,\n  ])\n\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            p: 3,\n            border: '1px dashed',\n            borderColor: 'divider',\n            borderRadius: 1,\n            color: 'text.secondary',\n            fontSize: 13,\n            fontFamily: 'system-ui, sans-serif',\n          },\n          ...nodeSx,\n        ]}\n      >\n        {'Booking widget — visitors pick a service and time here'}\n      </Box>\n    )\n  }\n\n  if (status === 'booked') {\n    return (\n      <Stack ref={ref} spacing={1.5} {...rest}>\n        <Alert severity=\"success\">\n          {successMessage ||\n            'Booking confirmed — check your email for the details.'}\n        </Alert>\n        {alerts.map((alert, index) => (\n          <Alert key={index} severity={(alert.severity as any) || 'info'}>\n            {alert.message}\n          </Alert>\n        ))}\n      </Stack>\n    )\n  }\n\n  const selected = (services ?? []).find(\n    (service) => service.$id === serviceId,\n  )\n\n  return (\n    <Stack ref={ref} spacing={2} {...rest}>\n      {heading ? <Typography variant=\"h5\">{heading}</Typography> : null}\n      {services === null ? (\n        <CircularProgress size={24} />\n      ) : services.length === 0 ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'No bookable services yet.'}\n        </Typography>\n      ) : (\n        <TextField\n          select\n          label=\"Service\"\n          value={serviceId}\n          onChange={(event) => setServiceId(event.target.value)}\n          size=\"small\"\n          fullWidth\n        >\n          {services.map((service) => (\n            <MenuItem key={service.$id} value={service.$id}>\n              {`${service.name} · ${service.durationMinutes} min` +\n                (bookingPriceDisplay(service.priceDisplay) !== 'fixed' || service.priceUsd > 0\n                  ? ` · ${bookingPriceText(service)}`\n                  : '')}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n      {selected?.description ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {selected.description}\n        </Typography>\n      ) : null}\n      {serviceId ? (\n        slots === null || (days.length === 0 && nextFromMs !== null) ? (\n          <CircularProgress size={24} />\n        ) : days.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`No open times in the next ${horizonDays} days.`}\n          </Typography>\n        ) : (\n          <>\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ flexWrap: 'wrap', rowGap: 1 }}\n            >\n              {visibleDays.map((one) => (\n                <Chip\n                  key={one.startMs}\n                  label={bookingDayLabel(one.startMs)}\n                  color={day === one.startMs ? 'primary' : 'default'}\n                  variant={day === one.startMs ? 'filled' : 'outlined'}\n                  onClick={() => {\n                    setDay(one.startMs)\n                    setSlotMs(null)\n                  }}\n                />\n              ))}\n              {loadingMore && visibleDays.length < BOOKING_SLOT_PAGE_DAYS ? (\n                <CircularProgress size={20} sx={{ alignSelf: 'center' }} />\n              ) : null}\n            </Stack>\n            {hasEarlierDates || hasLaterDates ? (\n              <Stack direction=\"row\" spacing={1}>\n                {hasEarlierDates ? (\n                  <Button\n                    size=\"small\"\n                    onClick={() =>\n                      moveStrip(stripStart - BOOKING_SLOT_PAGE_DAYS)\n                    }\n                  >\n                    {'Earlier dates'}\n                  </Button>\n                ) : null}\n                {hasLaterDates ? (\n                  <Button\n                    size=\"small\"\n                    disabled={\n                      loadingMore && visibleDays.length < BOOKING_SLOT_PAGE_DAYS\n                    }\n                    // Never past the last day loaded: a strip that was short\n                    // moves on from where it ended, so no day is stepped over\n                    // while the next page loads.\n                    onClick={() =>\n                      moveStrip(\n                        Math.min(\n                          stripStart + BOOKING_SLOT_PAGE_DAYS,\n                          days.length,\n                        ),\n                      )\n                    }\n                  >\n                    {'Later dates'}\n                  </Button>\n                ) : null}\n              </Stack>\n            ) : null}\n            {day !== null ? (\n              <Stack spacing={1.5}>\n                {dayTimes.map((part) => (\n                  <Stack key={part.label} spacing={0.75}>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {part.label}\n                    </Typography>\n                    <Box\n                      role=\"group\"\n                      aria-label={`${part.label} times`}\n                      sx={{\n                        display: 'grid',\n                        gridTemplateColumns:\n                          'repeat(auto-fill, minmax(5.5rem, 1fr))',\n                        gap: 1,\n                      }}\n                    >\n                      {part.slots.map((slot) => (\n                        <Chip\n                          key={slot.startsAtMs}\n                          label={bookingTimeLabel(slot.startsAtMs)}\n                          color={\n                            slotMs === slot.startsAtMs ? 'primary' : 'default'\n                          }\n                          variant={\n                            slotMs === slot.startsAtMs ? 'filled' : 'outlined'\n                          }\n                          onClick={() => setSlotMs(slot.startsAtMs)}\n                        />\n                      ))}\n                    </Box>\n                  </Stack>\n                ))}\n              </Stack>\n            ) : null}\n          </>\n        )\n      ) : null}\n      {slotMs ? (\n        <Stack spacing={1.5}>\n          <TextField\n            label=\"Your name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            size=\"small\"\n            fullWidth\n          />\n          <TextField\n            label=\"Email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            size=\"small\"\n            fullWidth\n          />\n          {asks.phone !== 'off' ? (\n            <TextField\n              label=\"Phone\"\n              type=\"tel\"\n              autoComplete=\"tel\"\n              required={asks.phone === 'required'}\n              value={phone}\n              onChange={(event) => setPhone(event.target.value)}\n              error={phoneUnreadable}\n              helperText={phoneUnreadable ? 'Enter a valid phone number' : undefined}\n              size=\"small\"\n              fullWidth\n            />\n          ) : null}\n          {asks.address !== 'off' ? (\n            <TextField\n              label=\"Address\"\n              autoComplete=\"street-address\"\n              required={asks.address === 'required'}\n              value={address}\n              onChange={(event) => setAddress(event.target.value)}\n              size=\"small\"\n              fullWidth\n              multiline\n              minRows={2}\n            />\n          ) : null}\n          <FormControlLabel\n            control={\n              <Checkbox\n                size=\"small\"\n                checked={marketingConsent}\n                onChange={(event) =>\n                  setMarketingConsent(event.target.checked)\n                }\n              />\n            }\n            label=\"Email me about offers and updates\"\n          />\n          {errorMessage ? <Alert severity=\"error\">{errorMessage}</Alert> : null}\n          <Button\n            variant=\"contained\"\n            disabled={\n              !name.trim() ||\n              !email.trim() ||\n              !contactCheck.ok ||\n              status === 'booking'\n            }\n            onClick={handleBook}\n            sx={{ alignSelf: 'flex-start' }}\n          >\n            {status === 'booking' ? 'Booking…' : 'Confirm booking'}\n          </Button>\n        </Stack>\n      ) : null}\n    </Stack>\n  )\n})\nBooking.displayName = 'Booking'\n\nexport const schema: Aglyn.ComponentSchema<BookingProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Booking',\n  description:\n    'Service and time picker that books appointments. It is double-booking safe.',\n  category: Aglyn.ComponentCategory.INPUT,\n  icon: {\n    path: mdiCalendarClock.path,\n    sx: { color: '#0288d1' },\n  },\n  flags: {\n    selfClosing: Aglyn.FEATURE_FLAG.ENABLED,\n  },\n  attributes: [\n    {\n      name: 'heading',\n      description: 'Heading above the widget; empty hides it.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Heading',\n    },\n    {\n      name: 'successMessage',\n      description: 'Shown after a confirmed booking.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Success message',\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Booking',\n    pluginId: BUNDLE_ID,\n    description: 'Service + time picker that books appointments',\n    category: Aglyn.ComponentCategory.INPUT,\n    icon: {\n      path: mdiCalendarClock.path,\n      sx: { color: '#0288d1' },\n    },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n]\n\nexport default Booking\n"],"names":["Aglyn","buildBeginCheckoutParams","trackEvent","trackEventBeforeNavigation","utmTouchField","mdiCalendarClock","Alert","Box","Button","Checkbox","Chip","CircularProgress","FormControlLabel","MenuItem","Stack","TextField","Typography","forwardRef","useCallback","useEffect","useMemo","useRef","useState","BUNDLE_ID","BOOKING_RECORD_PARAM","BOOKING_SERVICE_PARAM","formatBookingRecordRef","parseBookingRecordRef","bookingContactAsks","readBookingContactFields","readBookingPhone","bookingPriceDisplay","bookingPriceText","BOOKING_MAX_DAYS_AHEAD","BOOKING_SLOT_PAGE_DAYS","generatePresetId","useBookingPurchaseEvent","ID","readLinkParam","key","window","URLSearchParams","location","search","get","groupSlotsByLocalDay","slots","nextFromMs","byDay","Map","slot","at","Date","startsAtMs","startMs","getFullYear","getMonth","getDate","getTime","day","push","set","entries","map","daySlots","sort","a","b","filter","start","nextDayMs","bookingDayLabel","toLocaleDateString","undefined","weekday","month","bookingTimeLabel","toLocaleTimeString","hour","minute","partsOfDay","parts","label","getHours","part","length","Booking","props","ref","heading","successMessage","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","services","setServices","serviceId","setServiceId","setSlots","setNextFromMs","horizonDays","setHorizonDays","loadingMore","setLoadingMore","stripStart","setStripStart","slotsServiceRef","slotMs","setSlotMs","name","setName","email","setEmail","phone","setPhone","address","setAddress","marketingConsent","setMarketingConsent","status","setStatus","errorMessage","setErrorMessage","alerts","setAlerts","active","fetch","encodeURIComponent","then","response","json","payload","loaded","wanted","some","one","$id","catch","fetchSlotPage","forService","fromMs","String","current","page","seen","Set","has","Number","days","visibleDays","slice","finally","setDay","dayTimes","find","hasEarlierDates","hasLaterDates","moveStrip","toStart","Math","max","asks","contactCheck","phoneUnreadable","Boolean","trim","handleBook","recordRef","method","headers","body","JSON","stringify","ok","fields","crmRef","error","checkoutUrl","service","items","item_id","item_name","price","priceUsd","quantity","assign","form_name","form_location","pathname","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","spacing","severity","alert","index","message","selected","variant","size","select","value","onChange","event","target","fullWidth","durationMinutes","priceDisplay","description","direction","flexWrap","rowGap","onClick","alignSelf","disabled","min","role","aria-label","display","gridTemplateColumns","gap","type","autoComplete","required","helperText","multiline","minRows","control","checked","displayName","schema","pluginId","category","ComponentCategory","INPUT","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","component","FieldComponentType","TEXT_FIELD","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}