@aglyn/plugins-bookings 1.0.0-beta.143

package/src/lib/components/booking.js

@@ -0,0 +1,463 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { buildBeginCheckoutParams, trackEvent, trackEventBeforeNavigation } from "@aglyn/aglyn/app-utils/analytics-events";
+import { campaignTouchField } from "@aglyn/aglyn/app-utils/campaign-touch";
+import { BOOKING_SERVICE_PARAM, CRM_BOOKING_REF_PARAM, formatCrmBookingRef, parseCrmBookingRef } from "@aglyn/aglyn/app-utils/crm-booking";
+import { mdiCalendarClock } from "@aglyn/shared-data-mdi";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Checkbox from "@mui/material/Checkbox";
+import Chip from "@mui/material/Chip";
+import CircularProgress from "@mui/material/CircularProgress";
+import FormControlLabel from "@mui/material/FormControlLabel";
+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 { BUNDLE_ID } from "../constants/bundle-common.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.
+export const ID = 'booking';
+/**
+ * One query value off the page the widget is on, or `null` — on the server
+ * and in the besigner there is no page to read.
+ *
+ * A booking link built from a CRM record carries two (AGL-2660): the
+ * service it is about, and the record it was dropped from. Read at the
+ * moment each is needed rather than held in state, so a widget mounted
+ * before the URL settles still sees the values.
+ */ function readLinkParam(key) {
+    if (typeof window === 'undefined') return null;
+    return new URLSearchParams(window.location.search).get(key);
+}
+/**
+ * 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"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { hostId } = Aglyn.useSite();
+    const siteFetch = Aglyn.useSiteFetch();
+    // The merchant's own `purchase` for a paid booking (AGL-2481). This widget
+    // is where Stripe returns the guest, because a tenant site has no booking
+    // confirmation route. No-ops on every ordinary render: the hook returns
+    // immediately unless the URL carries `?booking=paid&session_id=…`.
+    useBookingPurchaseEvent(hostId, siteFetch);
+    const [services, setServices] = useState(null);
+    const [serviceId, setServiceId] = useState('');
+    const [slots, setSlots] = useState(null);
+    const [slotMs, setSlotMs] = useState(null);
+    const [name, setName] = useState('');
+    const [email, setEmail] = useState('');
+    const [marketingConsent, setMarketingConsent] = useState(false);
+    const [status, setStatus] = useState('idle');
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [alerts, setAlerts] = useState([]);
+    useEffect(()=>{
+        if (!hostId) return;
+        let active = true;
+        void fetch(`/api/bookings/slots?hostId=${encodeURIComponent(hostId)}`).then((response)=>response.json()).then((payload)=>{
+            var _ref;
+            if (!active) return;
+            const loaded = (_ref = payload == null ? void 0 : payload.services) != null ? _ref : [];
+            setServices(loaded);
+            // A booking link opens the widget on its service (AGL-2660). Only
+            // a service the site still offers: a link to one since deleted
+            // leaves the picker for the visitor rather than failing on it.
+            const wanted = readLinkParam(BOOKING_SERVICE_PARAM);
+            if (wanted && loaded.some((one)=>one.$id === wanted)) {
+                setServiceId(wanted);
+            }
+        }).catch(()=>{
+            if (active) setServices([]);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId
+    ]);
+    useEffect(()=>{
+        if (!hostId || !serviceId) return setSlots(null);
+        let active = true;
+        setSlots(null);
+        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([]);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        serviceId
+    ]);
+    // 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;
+    }, [
+        slots
+    ]);
+    const [day, setDay] = useState('');
+    useEffect(()=>{
+        setDay('');
+    }, [
+        serviceId
+    ]);
+    const handleBook = useCallback(async ()=>{
+        if (!hostId || !serviceId || !slotMs || status === 'booking') return;
+        setStatus('booking');
+        setErrorMessage(null);
+        // The CRM record a booking link was dropped from (AGL-2660), carried
+        // onto the request so the booking lands on that record even when the
+        // visitor books with a different address. Parsed here so a value that
+        // is not a reference is never sent.
+        const crmRef = parseCrmBookingRef(readLinkParam(CRM_BOOKING_REF_PARAM));
+        try {
+            const response = await siteFetch('/api/bookings/book', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(_extends({
+                    hostId,
+                    serviceId,
+                    startsAtMs: slotMs,
+                    name,
+                    email
+                }, crmRef ? {
+                    crmRef: formatCrmBookingRef(crmRef)
+                } : {}, marketingConsent ? {
+                    marketingConsent: true
+                } : {}, campaignTouchField()))
+            });
+            const payload = await response.json().catch(()=>({}));
+            if (!response.ok) {
+                var _ref;
+                setErrorMessage((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Booking failed — try again');
+                setStatus('error');
+                return;
+            }
+            if (payload == null ? void 0 : payload.checkoutUrl) {
+                var _ref1;
+                // Paid service (AGL-170): finish payment on Stripe; the webhook
+                // confirms the held slot.
+                //
+                // The `begin_checkout` that `purchase` has never had a counterpart to
+                // (AGL-2481 wired the completion and left the intent). Without it a
+                // merchant selling appointments sees a purchase with no checkout step
+                // in front of it, so GA4's shopping funnel reports every paid booking
+                // as an abandoned one — the same shape the bookings plugin was
+                // reporting before it sent anything at all.
+                //
+                // After the server accepted the hold, so a double-booked slot or a
+                // closed calendar — both of which answer !ok above — never counts.
+                //
+                // `item_id` is the SERVICE id, matching the id
+                // `buildBookingPurchaseParams` puts on the completed hit, so the two
+                // steps join into one per-service funnel instead of naming the same
+                // service twice.
+                const service = (services != null ? services : []).find((one)=>one.$id === serviceId);
+                await trackEventBeforeNavigation('begin_checkout', buildBeginCheckoutParams({
+                    items: [
+                        {
+                            item_id: serviceId,
+                            item_name: (_ref1 = service == null ? void 0 : service.name) != null ? _ref1 : 'Service',
+                            price: service == null ? void 0 : service.priceUsd,
+                            quantity: 1
+                        }
+                    ]
+                }));
+                window.location.assign(payload.checkoutUrl);
+                return;
+            }
+            if (Array.isArray(payload == null ? void 0 : payload.alerts)) setAlerts(payload.alerts);
+            // A FREE booking is confirmed right here — there is no Stripe leg, so
+            // nothing downstream will ever report it, and a merchant whose services
+            // are free saw an appointment book with no event of any kind.
+            //
+            // `generate_lead` rather than a zero-value `purchase`: GA4 has no
+            // recommended booking event, `purchase` with `value: 0` would put a
+            // free appointment into the merchant's revenue reports as a sale worth
+            // nothing, and a confirmed request for someone's time IS the lead this
+            // event names. The form's own generic submissions report the same event
+            // from `form.tsx`, so the merchant reads one conversion count.
+            //
+            // `form_name` is the block, not the service and never the guest: the
+            // name and email typed above are the reason this is the only param
+            // shape that may leave here.
+            trackEvent('generate_lead', {
+                form_name: 'Booking',
+                form_location: window.location.pathname
+            });
+            setStatus('booked');
+        } catch (unused) {
+            setErrorMessage('Booking failed — try again');
+            setStatus('error');
+        }
+    }, [
+        hostId,
+        serviceId,
+        slotMs,
+        name,
+        email,
+        marketingConsent,
+        status,
+        siteFetch,
+        // Read for the checkout event's item name and price. Without it the
+        // handler closes over the services list as it was when the handler was
+        // created, which on the first render is `null` — and every paid booking
+        // would report an unnamed, unpriced service.
+        services
+    ]);
+    if (!hostId) {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    p: 3,
+                    border: '1px dashed',
+                    borderColor: 'divider',
+                    borderRadius: 1,
+                    color: 'text.secondary',
+                    fontSize: 13,
+                    fontFamily: 'system-ui, sans-serif'
+                },
+                ...nodeSx
+            ],
+            children: 'Booking widget — visitors pick a service and time here'
+        }));
+    }
+    if (status === 'booked') {
+        return /*#__PURE__*/ _jsxs(Stack, _extends({
+            ref: ref,
+            spacing: 1.5
+        }, rest, {
+            children: [
+                /*#__PURE__*/ _jsx(Alert, {
+                    severity: "success",
+                    children: successMessage || 'Booking confirmed — check your email for the details.'
+                }),
+                alerts.map((alert, index)=>/*#__PURE__*/ _jsx(Alert, {
+                        severity: alert.severity || 'info',
+                        children: alert.message
+                    }, index))
+            ]
+        }));
+    }
+    const selected = (services != null ? services : []).find((service)=>service.$id === serviceId);
+    return /*#__PURE__*/ _jsxs(Stack, _extends({
+        ref: ref,
+        spacing: 2
+    }, rest, {
+        children: [
+            heading ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "h5",
+                children: heading
+            }) : null,
+            services === null ? /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 24
+            }) : services.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'No bookable services yet.'
+            }) : /*#__PURE__*/ _jsx(TextField, {
+                select: true,
+                label: "Service",
+                value: serviceId,
+                onChange: (event)=>setServiceId(event.target.value),
+                size: "small",
+                fullWidth: true,
+                children: services.map((service)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        value: service.$id,
+                        children: `${service.name} · ${service.durationMinutes} min` + (service.priceUsd > 0 ? ` · $${service.priceUsd}` : '')
+                    }, service.$id))
+            }),
+            (selected == null ? void 0 : selected.description) ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: selected.description
+            }) : null,
+            serviceId ? slots === null ? /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 24
+            }) : slots.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'No open times in the next 60 days.'
+            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(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);
+                                }
+                            }, value))
+                    }),
+                    day ? /*#__PURE__*/ _jsx(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))
+                    }) : null
+                ]
+            }) : null,
+            slotMs ? /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Your name",
+                        value: name,
+                        onChange: (event)=>setName(event.target.value),
+                        size: "small",
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Email",
+                        type: "email",
+                        value: email,
+                        onChange: (event)=>setEmail(event.target.value),
+                        size: "small",
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                            size: "small",
+                            checked: marketingConsent,
+                            onChange: (event)=>setMarketingConsent(event.target.checked)
+                        }),
+                        label: "Email me about offers and updates"
+                    }),
+                    errorMessage ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "error",
+                        children: errorMessage
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: !name.trim() || !email.trim() || status === 'booking',
+                        onClick: handleBook,
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        children: status === 'booking' ? 'Booking…' : 'Confirm booking'
+                    })
+                ]
+            }) : null
+        ]
+    }));
+});
+Booking.displayName = 'Booking';
+export const schema = {
+    $id: ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Booking',
+    description: 'Service and time picker that books appointments. It is double-booking safe.',
+    category: Aglyn.ComponentCategory.INPUT,
+    icon: {
+        path: mdiCalendarClock.path,
+        sx: {
+            color: '#0288d1'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'heading',
+            description: 'Heading above the widget; empty hides it.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            label: 'Heading'
+        },
+        {
+            name: 'successMessage',
+            description: 'Shown after a confirmed booking.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            label: 'Success message'
+        }
+    ]
+};
+export const presets = [
+    {
+        $id: generatePresetId(ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Booking',
+        pluginId: BUNDLE_ID,
+        description: 'Service + time picker that books appointments',
+        category: Aglyn.ComponentCategory.INPUT,
+        icon: {
+            path: mdiCalendarClock.path,
+            sx: {
+                color: '#0288d1'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    }
+];
+export default Booking;
+
+//# sourceMappingURL=booking.js.map

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

@@ -0,0 +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 { campaignTouchField } from '@aglyn/aglyn/app-utils/campaign-touch'\nimport {\n  BOOKING_SERVICE_PARAM,\n  CRM_BOOKING_REF_PARAM,\n  formatCrmBookingRef,\n  parseCrmBookingRef,\n} from '@aglyn/aglyn/app-utils/crm-booking'\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 { 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 CRM record a booking link was dropped from (AGL-2660), carried\n    // onto the request so the booking lands on that record even when the\n    // visitor books with a different address. Parsed here so a value that\n    // is not a reference is never sent.\n    const crmRef = parseCrmBookingRef(readLinkParam(CRM_BOOKING_REF_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          ...(crmRef ? { crmRef: formatCrmBookingRef(crmRef) } : {}),\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          ...campaignTouchField(),\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","campaignTouchField","BOOKING_SERVICE_PARAM","CRM_BOOKING_REF_PARAM","formatCrmBookingRef","parseCrmBookingRef","mdiCalendarClock","Alert","Box","Button","Checkbox","Chip","CircularProgress","FormControlLabel","MenuItem","Stack","TextField","Typography","forwardRef","useCallback","useEffect","useMemo","useState","BUNDLE_ID","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","crmRef","method","headers","body","JSON","stringify","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":"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"}

package/src/lib/components/bookings-console-page.d.ts

@@ -0,0 +1,12 @@
+import { type ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * Bookings manager (AGL-159): bookable services with weekly availability
+ * windows, and the upcoming-bookings list with cancel. Visitors book via
+ * the org /api/bookings endpoints; confirmations email through the
+ * env-gated Resend path. Plan-gated (`bookings` flag + `servicesPerHost`).
+ */
+export declare function BookingsConsolePage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace BookingsConsolePage {
+    var displayName: string;
+}
+export default BookingsConsolePage;