@uptrademedia/site-kit 1.0.5 → 1.0.7

package/dist/index.js

@@ -1,15 +1,16 @@
 'use strict';
 
 var chunkUJQ73OS6_js = require('./chunk-UJQ73OS6.js');
+var chunkVOR53RUR_js = require('./chunk-VOR53RUR.js');
 var chunkK2HWVOEO_js = require('./chunk-K2HWVOEO.js');
 var chunk5R4R3WDP_js = require('./chunk-5R4R3WDP.js');
 var chunkBZBJVG5Y_js = require('./chunk-BZBJVG5Y.js');
-var chunkO2OHHBUD_js = require('./chunk-O2OHHBUD.js');
+var chunkTDK7DLCH_js = require('./chunk-TDK7DLCH.js');
 require('./chunk-HCFPU7TU.js');
-require('./chunk-V3F5J6CV.js');
-require('./chunk-QAYJV4KK.js');
+require('./chunk-JUEVN4Q4.js');
+require('./chunk-FLZZOX44.js');
 require('./chunk-ADHVEFWD.js');
-require('./chunk-EQCVQC35.js');
+require('./chunk-ZSMWDLMK.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -164,8 +165,8 @@ function SignalExperiment({
   trackImpression = true,
   children
 }) {
-  const { assignment, variant, isControl } = chunkO2OHHBUD_js.useSignalExperiment(experimentId);
-  const trackEvent = chunkO2OHHBUD_js.useSignalEvent();
+  const { assignment, variant, isControl } = chunkTDK7DLCH_js.useSignalExperiment(experimentId);
+  const trackEvent = chunkTDK7DLCH_js.useSignalEvent();
   React.useEffect(() => {
     if (trackImpression && variant) {
       trackEvent({
@@ -192,7 +193,7 @@ function SignalExperiment({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: variants.control || null });
 }
 function useExperimentVariant(experimentId) {
-  return chunkO2OHHBUD_js.useSignalExperiment(experimentId);
+  return chunkTDK7DLCH_js.useSignalExperiment(experimentId);
 }
 function ExperimentConversion({
   experimentId,
@@ -200,8 +201,8 @@ function ExperimentConversion({
   value,
   children
 }) {
-  const trackEvent = chunkO2OHHBUD_js.useSignalEvent();
-  const { variant } = chunkO2OHHBUD_js.useSignalExperiment(experimentId);
+  const trackEvent = chunkTDK7DLCH_js.useSignalEvent();
+  const { variant } = chunkTDK7DLCH_js.useSignalExperiment(experimentId);
   const handleInteraction = () => {
     trackEvent({
       event_type: "experiment",
@@ -1389,6 +1390,817 @@ ${moduleConfigs.join("\n")}
 }`;
 }
 
+// src/sync/api.ts
+var DEFAULT_API_URL = "https://api.uptrademedia.com";
+async function fetchBookingTypes(orgSlug, apiUrl = DEFAULT_API_URL) {
+  const response = await fetch(`${apiUrl}/sync/public/${orgSlug}/types`);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch booking types: ${response.statusText}`);
+  }
+  const data = await response.json();
+  return data.types || [];
+}
+async function fetchBookingTypeDetails(orgSlug, typeSlug, apiUrl = DEFAULT_API_URL) {
+  const response = await fetch(`${apiUrl}/sync/public/${orgSlug}/types/${typeSlug}`);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch booking type: ${response.statusText}`);
+  }
+  return response.json();
+}
+async function fetchAvailability(orgSlug, typeSlug, date, apiUrl = DEFAULT_API_URL, timezone, hostId) {
+  const params = new URLSearchParams({ date });
+  if (timezone) params.append("timezone", timezone);
+  if (hostId) params.append("hostId", hostId);
+  const response = await fetch(
+    `${apiUrl}/sync/public/${orgSlug}/availability/${typeSlug}?${params}`
+  );
+  if (!response.ok) {
+    throw new Error(`Failed to fetch availability: ${response.statusText}`);
+  }
+  const data = await response.json();
+  return data.slots || [];
+}
+async function createSlotHold(bookingTypeId, startTime, hostId, guestTimezone, apiUrl = DEFAULT_API_URL) {
+  const response = await fetch(`${apiUrl}/sync/public/hold`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      booking_type_id: bookingTypeId,
+      start_time: startTime,
+      host_id: hostId,
+      guest_timezone: guestTimezone
+    })
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to hold slot: ${response.statusText}`);
+  }
+  return response.json();
+}
+async function releaseSlotHold(holdId, apiUrl = DEFAULT_API_URL) {
+  await fetch(`${apiUrl}/sync/public/hold/${holdId}`, {
+    method: "DELETE"
+  });
+}
+async function createBooking(bookingTypeId, startTime, guest, timezone, hostId, holdId, apiUrl = DEFAULT_API_URL) {
+  const response = await fetch(`${apiUrl}/sync/public/booking`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      booking_type_id: bookingTypeId,
+      start_time: startTime,
+      guest_name: guest.name,
+      guest_email: guest.email,
+      guest_phone: guest.phone,
+      guest_notes: guest.notes,
+      timezone,
+      host_id: hostId,
+      hold_id: holdId
+    })
+  });
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || `Failed to create booking: ${response.statusText}`);
+  }
+  return response.json();
+}
+async function fetchAvailableDates(orgSlug, typeSlug, startDate, endDate, apiUrl = DEFAULT_API_URL, timezone) {
+  const availableDates = [];
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  const current = new Date(start);
+  while (current <= end) {
+    const dateStr = current.toISOString().split("T")[0];
+    try {
+      const slots = await fetchAvailability(orgSlug, typeSlug, dateStr, apiUrl, timezone);
+      if (slots.some((s) => s.available)) {
+        availableDates.push(dateStr);
+      }
+    } catch {
+    }
+    current.setDate(current.getDate() + 1);
+  }
+  return availableDates;
+}
+function detectTimezone() {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+  } catch {
+    return "America/New_York";
+  }
+}
+function formatTime(isoString, timezone) {
+  const date = new Date(isoString);
+  return date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true,
+    timeZone: timezone
+  });
+}
+function formatDate2(isoString, timezone) {
+  const date = new Date(isoString);
+  return date.toLocaleDateString("en-US", {
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+    timeZone: timezone
+  });
+}
+function formatDuration(minutes) {
+  if (minutes < 60) {
+    return `${minutes} min`;
+  }
+  const hours = Math.floor(minutes / 60);
+  const mins = minutes % 60;
+  if (mins === 0) {
+    return `${hours} hour${hours > 1 ? "s" : ""}`;
+  }
+  return `${hours}h ${mins}m`;
+}
+var DEFAULT_API_URL2 = "https://api.uptrademedia.com";
+function BookingWidget({
+  orgSlug,
+  apiUrl = DEFAULT_API_URL2,
+  bookingTypeSlug,
+  timezone: propTimezone,
+  className = "",
+  daysToShow = 14,
+  onBookingComplete,
+  onError,
+  hideTypeSelector = false,
+  styles: styles2 = {}
+}) {
+  const [step, setStep] = React.useState(bookingTypeSlug ? "datetime" : "type");
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [bookingTypes, setBookingTypes] = React.useState([]);
+  const [selectedType, setSelectedType] = React.useState(null);
+  const [selectedDate, setSelectedDate] = React.useState(null);
+  const [slots, setSlots] = React.useState([]);
+  const [selectedSlot, setSelectedSlot] = React.useState(null);
+  const [hold, setHold] = React.useState(null);
+  const [guestInfo, setGuestInfo] = React.useState({ name: "", email: "" });
+  const [bookingResult, setBookingResult] = React.useState(null);
+  const timezone = React.useMemo(() => propTimezone || detectTimezone(), [propTimezone]);
+  const availableDates = React.useMemo(() => {
+    const dates = [];
+    const today = /* @__PURE__ */ new Date();
+    today.setHours(0, 0, 0, 0);
+    for (let i = 0; i < daysToShow; i++) {
+      const date = new Date(today);
+      date.setDate(date.getDate() + i);
+      if (date.getDay() !== 0 && date.getDay() !== 6) {
+        dates.push(date);
+      }
+    }
+    return dates;
+  }, [daysToShow]);
+  React.useEffect(() => {
+    if (bookingTypeSlug) {
+      fetchBookingTypeDetails(orgSlug, bookingTypeSlug, apiUrl).then((type) => {
+        setSelectedType(type);
+        setStep("datetime");
+      }).catch((err) => {
+        setError(err.message);
+        onError?.(err);
+      });
+    } else {
+      fetchBookingTypes(orgSlug, apiUrl).then((types) => setBookingTypes(types.filter((t) => t.is_active))).catch((err) => {
+        setError(err.message);
+        onError?.(err);
+      });
+    }
+  }, [orgSlug, bookingTypeSlug, apiUrl, onError]);
+  React.useEffect(() => {
+    if (!selectedDate || !selectedType) return;
+    const dateStr = selectedDate.toISOString().split("T")[0];
+    setLoading(true);
+    setSlots([]);
+    setSelectedSlot(null);
+    fetchAvailability(orgSlug, selectedType.slug, dateStr, apiUrl, timezone).then((s) => setSlots(s.filter((slot) => slot.available))).catch((err) => {
+      setError(err.message);
+      onError?.(err);
+    }).finally(() => setLoading(false));
+  }, [selectedDate, selectedType, orgSlug, apiUrl, timezone, onError]);
+  const handleSlotSelect = React.useCallback(async (slot) => {
+    if (!selectedType) return;
+    if (hold) {
+      await releaseSlotHold(hold.holdId, apiUrl).catch(() => {
+      });
+    }
+    setSelectedSlot(slot);
+    setLoading(true);
+    try {
+      const newHold = await createSlotHold(
+        selectedType.id,
+        slot.start,
+        slot.hostId,
+        timezone,
+        apiUrl
+      );
+      setHold(newHold);
+      setStep("form");
+    } catch (err) {
+      setError(err.message);
+      onError?.(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [selectedType, hold, timezone, apiUrl, onError]);
+  const handleBookingSubmit = React.useCallback(async (e) => {
+    e.preventDefault();
+    if (!selectedType || !selectedSlot) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await createBooking(
+        selectedType.id,
+        selectedSlot.start,
+        guestInfo,
+        timezone,
+        selectedSlot.hostId,
+        hold?.holdId,
+        apiUrl
+      );
+      setBookingResult(result);
+      setStep("success");
+      onBookingComplete?.(result);
+    } catch (err) {
+      setError(err.message);
+      onError?.(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [selectedType, selectedSlot, guestInfo, timezone, hold, apiUrl, onBookingComplete, onError]);
+  React.useEffect(() => {
+    return () => {
+      if (hold) {
+        releaseSlotHold(hold.holdId, apiUrl).catch(() => {
+        });
+      }
+    };
+  }, [hold, apiUrl]);
+  const cssVars = {
+    "--booking-primary": styles2.primaryColor || "#4bbf39",
+    "--booking-radius": styles2.borderRadius || "8px",
+    "--booking-font": styles2.fontFamily || "inherit"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `uptrade-booking-widget ${className}`,
+      style: cssVars,
+      children: [
+        error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-error", children: [
+          error,
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setError(null), children: "Dismiss" })
+        ] }),
+        step === "type" && !hideTypeSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-types", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "uptrade-booking-title", children: "Select a Service" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-type-list", children: bookingTypes.map((type) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              className: "uptrade-booking-type-card",
+              onClick: () => {
+                setSelectedType(type);
+                setStep("datetime");
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-type-name", children: type.name }),
+                type.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-type-desc", children: type.description }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-type-meta", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration(type.duration_minutes) }),
+                  type.price_cents ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    "$",
+                    (type.price_cents / 100).toFixed(2)
+                  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free" })
+                ] })
+              ]
+            },
+            type.id
+          )) })
+        ] }),
+        step === "datetime" && selectedType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-datetime", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "uptrade-booking-back",
+              onClick: () => {
+                if (bookingTypeSlug) return;
+                setSelectedType(null);
+                setStep("type");
+              },
+              disabled: !!bookingTypeSlug,
+              children: "\u2190 Back"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "uptrade-booking-title", children: selectedType.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "uptrade-booking-subtitle", children: [
+            formatDuration(selectedType.duration_minutes),
+            " \u2022 ",
+            selectedType.location_type
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-dates", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Select a Date" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-date-grid", children: availableDates.map((date) => {
+              const dateStr = date.toISOString().split("T")[0];
+              const isSelected = selectedDate?.toISOString().split("T")[0] === dateStr;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  className: `uptrade-booking-date ${isSelected ? "selected" : ""}`,
+                  onClick: () => setSelectedDate(date),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "uptrade-booking-date-day", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "uptrade-booking-date-num", children: date.getDate() })
+                  ]
+                },
+                dateStr
+              );
+            }) })
+          ] }),
+          selectedDate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-times", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Select a Time" }),
+            loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-loading", children: "Loading available times..." }) : slots.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-empty", children: "No times available on this date" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-time-grid", children: slots.map((slot) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: `uptrade-booking-time ${selectedSlot?.start === slot.start ? "selected" : ""}`,
+                onClick: () => handleSlotSelect(slot),
+                disabled: loading,
+                children: formatTime(slot.start, timezone)
+              },
+              slot.start
+            )) })
+          ] })
+        ] }),
+        step === "form" && selectedType && selectedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-form", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "uptrade-booking-back",
+              onClick: () => setStep("datetime"),
+              children: "\u2190 Back"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "uptrade-booking-title", children: "Your Information" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "uptrade-booking-subtitle", children: [
+            selectedType.name,
+            " on ",
+            formatDate2(selectedSlot.start, timezone),
+            " at ",
+            formatTime(selectedSlot.start, timezone)
+          ] }),
+          hold && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "uptrade-booking-hold-notice", children: [
+            "This time is held for you for ",
+            Math.floor((new Date(hold.expiresAt).getTime() - Date.now()) / 6e4),
+            " minutes"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleBookingSubmit, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-field", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "guest-name", children: "Name *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "guest-name",
+                  type: "text",
+                  required: true,
+                  value: guestInfo.name,
+                  onChange: (e) => setGuestInfo((prev) => ({ ...prev, name: e.target.value })),
+                  placeholder: "Your full name"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-field", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "guest-email", children: "Email *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "guest-email",
+                  type: "email",
+                  required: true,
+                  value: guestInfo.email,
+                  onChange: (e) => setGuestInfo((prev) => ({ ...prev, email: e.target.value })),
+                  placeholder: "your@email.com"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-field", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "guest-phone", children: "Phone" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "guest-phone",
+                  type: "tel",
+                  value: guestInfo.phone || "",
+                  onChange: (e) => setGuestInfo((prev) => ({ ...prev, phone: e.target.value })),
+                  placeholder: "(555) 123-4567"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-field", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "guest-notes", children: "Additional Notes" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "textarea",
+                {
+                  id: "guest-notes",
+                  value: guestInfo.notes || "",
+                  onChange: (e) => setGuestInfo((prev) => ({ ...prev, notes: e.target.value })),
+                  placeholder: "Anything you'd like us to know...",
+                  rows: 3
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "submit",
+                className: "uptrade-booking-submit",
+                disabled: loading,
+                children: loading ? "Booking..." : "Confirm Booking"
+              }
+            )
+          ] })
+        ] }),
+        step === "success" && bookingResult && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-success", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uptrade-booking-success-icon", children: "\u2713" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "uptrade-booking-title", children: "Booking Confirmed!" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "uptrade-booking-confirmation-code", children: [
+            "Confirmation: ",
+            bookingResult.booking.confirmationCode
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-details", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "When:" }),
+              " ",
+              formatDate2(bookingResult.booking.scheduledAt, timezone),
+              " at ",
+              formatTime(bookingResult.booking.scheduledAt, timezone)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Duration:" }),
+              " ",
+              formatDuration(bookingResult.booking.durationMinutes)
+            ] }),
+            bookingResult.booking.hostName && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "With:" }),
+              " ",
+              bookingResult.booking.hostName
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-calendar-links", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Add to calendar:" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uptrade-booking-calendar-buttons", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: bookingResult.calendarLinks.google,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "uptrade-booking-calendar-btn",
+                  children: "Google"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: bookingResult.calendarLinks.outlook,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "uptrade-booking-calendar-btn",
+                  children: "Outlook"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: bookingResult.calendarLinks.ics,
+                  download: true,
+                  className: "uptrade-booking-calendar-btn",
+                  children: "Download .ics"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "uptrade-booking-email-notice", children: "A confirmation email has been sent to your email address." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        .uptrade-booking-widget {
+          font-family: var(--booking-font);
+          max-width: 480px;
+          margin: 0 auto;
+          padding: 24px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          background: #fff;
+        }
+        
+        .uptrade-booking-error {
+          background: #fef2f2;
+          border: 1px solid #fecaca;
+          color: #b91c1c;
+          padding: 12px;
+          border-radius: var(--booking-radius);
+          margin-bottom: 16px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+        
+        .uptrade-booking-error button {
+          background: none;
+          border: none;
+          color: inherit;
+          cursor: pointer;
+          text-decoration: underline;
+        }
+        
+        .uptrade-booking-title {
+          font-size: 1.25rem;
+          font-weight: 600;
+          margin: 0 0 8px 0;
+        }
+        
+        .uptrade-booking-subtitle {
+          color: #666;
+          margin: 0 0 16px 0;
+        }
+        
+        .uptrade-booking-back {
+          background: none;
+          border: none;
+          color: var(--booking-primary);
+          cursor: pointer;
+          padding: 0;
+          margin-bottom: 16px;
+          font-size: 0.875rem;
+        }
+        
+        .uptrade-booking-back:disabled {
+          display: none;
+        }
+        
+        .uptrade-booking-type-list {
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+        }
+        
+        .uptrade-booking-type-card {
+          text-align: left;
+          padding: 16px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          background: #fff;
+          cursor: pointer;
+          transition: border-color 0.2s, box-shadow 0.2s;
+        }
+        
+        .uptrade-booking-type-card:hover {
+          border-color: var(--booking-primary);
+          box-shadow: 0 0 0 3px color-mix(in srgb, var(--booking-primary) 15%, transparent);
+        }
+        
+        .uptrade-booking-type-name {
+          font-weight: 600;
+          margin-bottom: 4px;
+        }
+        
+        .uptrade-booking-type-desc {
+          color: #666;
+          font-size: 0.875rem;
+          margin-bottom: 8px;
+        }
+        
+        .uptrade-booking-type-meta {
+          display: flex;
+          gap: 12px;
+          font-size: 0.75rem;
+          color: #888;
+        }
+        
+        .uptrade-booking-date-grid {
+          display: flex;
+          gap: 8px;
+          flex-wrap: wrap;
+          margin-bottom: 24px;
+        }
+        
+        .uptrade-booking-date {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          padding: 8px 12px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          background: #fff;
+          cursor: pointer;
+          transition: all 0.2s;
+        }
+        
+        .uptrade-booking-date:hover {
+          border-color: var(--booking-primary);
+        }
+        
+        .uptrade-booking-date.selected {
+          background: var(--booking-primary);
+          border-color: var(--booking-primary);
+          color: #fff;
+        }
+        
+        .uptrade-booking-date-day {
+          font-size: 0.625rem;
+          text-transform: uppercase;
+        }
+        
+        .uptrade-booking-date-num {
+          font-size: 1.125rem;
+          font-weight: 600;
+        }
+        
+        .uptrade-booking-time-grid {
+          display: grid;
+          grid-template-columns: repeat(3, 1fr);
+          gap: 8px;
+        }
+        
+        .uptrade-booking-time {
+          padding: 10px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          background: #fff;
+          cursor: pointer;
+          font-size: 0.875rem;
+          transition: all 0.2s;
+        }
+        
+        .uptrade-booking-time:hover:not(:disabled) {
+          border-color: var(--booking-primary);
+        }
+        
+        .uptrade-booking-time.selected {
+          background: var(--booking-primary);
+          border-color: var(--booking-primary);
+          color: #fff;
+        }
+        
+        .uptrade-booking-time:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+        
+        .uptrade-booking-loading,
+        .uptrade-booking-empty {
+          text-align: center;
+          padding: 24px;
+          color: #666;
+        }
+        
+        .uptrade-booking-hold-notice {
+          background: #fef3c7;
+          border: 1px solid #fcd34d;
+          color: #92400e;
+          padding: 8px 12px;
+          border-radius: var(--booking-radius);
+          font-size: 0.875rem;
+          margin-bottom: 16px;
+        }
+        
+        .uptrade-booking-field {
+          margin-bottom: 16px;
+        }
+        
+        .uptrade-booking-field label {
+          display: block;
+          margin-bottom: 4px;
+          font-size: 0.875rem;
+          font-weight: 500;
+        }
+        
+        .uptrade-booking-field input,
+        .uptrade-booking-field textarea {
+          width: 100%;
+          padding: 10px 12px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          font-size: 1rem;
+          font-family: inherit;
+        }
+        
+        .uptrade-booking-field input:focus,
+        .uptrade-booking-field textarea:focus {
+          outline: none;
+          border-color: var(--booking-primary);
+          box-shadow: 0 0 0 3px color-mix(in srgb, var(--booking-primary) 15%, transparent);
+        }
+        
+        .uptrade-booking-submit {
+          width: 100%;
+          padding: 14px;
+          background: var(--booking-primary);
+          color: #fff;
+          border: none;
+          border-radius: var(--booking-radius);
+          font-size: 1rem;
+          font-weight: 600;
+          cursor: pointer;
+          transition: opacity 0.2s;
+        }
+        
+        .uptrade-booking-submit:hover:not(:disabled) {
+          opacity: 0.9;
+        }
+        
+        .uptrade-booking-submit:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+        
+        .uptrade-booking-success {
+          text-align: center;
+        }
+        
+        .uptrade-booking-success-icon {
+          width: 64px;
+          height: 64px;
+          margin: 0 auto 16px;
+          background: var(--booking-primary);
+          color: #fff;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 2rem;
+        }
+        
+        .uptrade-booking-confirmation-code {
+          font-family: monospace;
+          background: #f5f5f5;
+          padding: 8px 16px;
+          border-radius: var(--booking-radius);
+          display: inline-block;
+          margin-bottom: 24px;
+        }
+        
+        .uptrade-booking-details {
+          text-align: left;
+          background: #f9f9f9;
+          padding: 16px;
+          border-radius: var(--booking-radius);
+          margin-bottom: 24px;
+        }
+        
+        .uptrade-booking-details p {
+          margin: 0 0 8px 0;
+        }
+        
+        .uptrade-booking-details p:last-child {
+          margin-bottom: 0;
+        }
+        
+        .uptrade-booking-calendar-links {
+          margin-bottom: 24px;
+        }
+        
+        .uptrade-booking-calendar-buttons {
+          display: flex;
+          gap: 8px;
+          justify-content: center;
+          margin-top: 8px;
+        }
+        
+        .uptrade-booking-calendar-btn {
+          padding: 8px 16px;
+          border: 1px solid #e5e5e5;
+          border-radius: var(--booking-radius);
+          text-decoration: none;
+          color: #333;
+          font-size: 0.875rem;
+          transition: all 0.2s;
+        }
+        
+        .uptrade-booking-calendar-btn:hover {
+          border-color: var(--booking-primary);
+          color: var(--booking-primary);
+        }
+        
+        .uptrade-booking-email-notice {
+          color: #666;
+          font-size: 0.875rem;
+        }
+        
+        h4 {
+          font-size: 0.875rem;
+          font-weight: 600;
+          margin: 0 0 12px 0;
+          color: #666;
+        }
+      ` })
+      ]
+    }
+  );
+}
+
 Object.defineProperty(exports, "TestimonialSection", {
   enumerable: true,
   get: function () { return chunkUJQ73OS6_js.TestimonialSection; }
@@ -1401,6 +2213,98 @@ Object.defineProperty(exports, "fetchReviews", {
   enumerable: true,
   get: function () { return chunkUJQ73OS6_js.fetchReviews; }
 });
+Object.defineProperty(exports, "AEOBlock", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOBlock; }
+});
+Object.defineProperty(exports, "AEOCitedContent", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOCitedContent; }
+});
+Object.defineProperty(exports, "AEOClaim", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOClaim; }
+});
+Object.defineProperty(exports, "AEOComparison", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOComparison; }
+});
+Object.defineProperty(exports, "AEODefinition", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEODefinition; }
+});
+Object.defineProperty(exports, "AEOEntity", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOEntity; }
+});
+Object.defineProperty(exports, "AEOProvenanceList", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOProvenanceList; }
+});
+Object.defineProperty(exports, "AEOStep", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOStep; }
+});
+Object.defineProperty(exports, "AEOSteps", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOSteps; }
+});
+Object.defineProperty(exports, "AEOSummary", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.AEOSummary; }
+});
+Object.defineProperty(exports, "DEFAULT_SPEAKABLE_SELECTORS", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.DEFAULT_SPEAKABLE_SELECTORS; }
+});
+Object.defineProperty(exports, "SpeakableSchema", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.SpeakableSchema; }
+});
+Object.defineProperty(exports, "createLLMsFullTxtHandler", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.createLLMsFullTxtHandler; }
+});
+Object.defineProperty(exports, "createLLMsTxtHandler", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.createLLMsTxtHandler; }
+});
+Object.defineProperty(exports, "createSpeakableSchema", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.createSpeakableSchema; }
+});
+Object.defineProperty(exports, "generateLLMsFullTxt", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.generateLLMsFullTxt; }
+});
+Object.defineProperty(exports, "generateLLMsTxt", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.generateLLMsTxt; }
+});
+Object.defineProperty(exports, "getBusinessInfo", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getBusinessInfo; }
+});
+Object.defineProperty(exports, "getLLMFAQItems", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getFAQItems; }
+});
+Object.defineProperty(exports, "getLLMServices", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getServices; }
+});
+Object.defineProperty(exports, "getLLMsData", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getLLMsData; }
+});
+Object.defineProperty(exports, "getPageSummaries", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getPageSummaries; }
+});
+Object.defineProperty(exports, "getSpeakableSelectorsForPage", {
+  enumerable: true,
+  get: function () { return chunkVOR53RUR_js.getSpeakableSelectorsForPage; }
+});
 Object.defineProperty(exports, "CalendarView", {
   enumerable: true,
   get: function () { return chunkK2HWVOEO_js.CalendarView; }
@@ -1519,71 +2423,83 @@ Object.defineProperty(exports, "handleManagedRedirects", {
 });
 Object.defineProperty(exports, "ManagedImage", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.ManagedImage; }
+  get: function () { return chunkTDK7DLCH_js.ManagedImage; }
 });
 Object.defineProperty(exports, "SignalBridge", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.SignalBridge; }
+  get: function () { return chunkTDK7DLCH_js.SignalBridge; }
 });
 Object.defineProperty(exports, "SiteKitProvider", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.SiteKitProvider; }
+  get: function () { return chunkTDK7DLCH_js.SiteKitProvider; }
 });
 Object.defineProperty(exports, "assignImageToSlot", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.assignImageToSlot; }
+  get: function () { return chunkTDK7DLCH_js.assignImageToSlot; }
 });
 Object.defineProperty(exports, "clearImageSlot", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.clearImageSlot; }
+  get: function () { return chunkTDK7DLCH_js.clearImageSlot; }
 });
 Object.defineProperty(exports, "fetchManagedImage", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.fetchManagedImage; }
+  get: function () { return chunkTDK7DLCH_js.fetchManagedImage; }
 });
 Object.defineProperty(exports, "fetchManagedImages", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.fetchManagedImages; }
+  get: function () { return chunkTDK7DLCH_js.fetchManagedImages; }
 });
 Object.defineProperty(exports, "listImageFiles", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.listImageFiles; }
+  get: function () { return chunkTDK7DLCH_js.listImageFiles; }
 });
 Object.defineProperty(exports, "uploadImage", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.uploadImage; }
+  get: function () { return chunkTDK7DLCH_js.uploadImage; }
 });
 Object.defineProperty(exports, "useSignal", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSignal; }
+  get: function () { return chunkTDK7DLCH_js.useSignal; }
 });
 Object.defineProperty(exports, "useSignalConfig", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSignalConfig; }
+  get: function () { return chunkTDK7DLCH_js.useSignalConfig; }
 });
 Object.defineProperty(exports, "useSignalEvent", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSignalEvent; }
+  get: function () { return chunkTDK7DLCH_js.useSignalEvent; }
 });
 Object.defineProperty(exports, "useSignalExperiment", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSignalExperiment; }
+  get: function () { return chunkTDK7DLCH_js.useSignalExperiment; }
 });
 Object.defineProperty(exports, "useSignalOutcome", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSignalOutcome; }
+  get: function () { return chunkTDK7DLCH_js.useSignalOutcome; }
 });
 Object.defineProperty(exports, "useSiteKit", {
   enumerable: true,
-  get: function () { return chunkO2OHHBUD_js.useSiteKit; }
+  get: function () { return chunkTDK7DLCH_js.useSiteKit; }
 });
 exports.AffiliateCard = AffiliateCard;
 exports.AffiliatesWidget = AffiliatesWidget;
+exports.BookingWidget = BookingWidget;
 exports.ExperimentConversion = ExperimentConversion;
 exports.SetupAssistant = SetupAssistant;
 exports.SignalExperiment = SignalExperiment;
+exports.createBooking = createBooking;
+exports.createSlotHold = createSlotHold;
+exports.detectTimezone = detectTimezone;
 exports.fetchAffiliates = fetchAffiliates;
+exports.fetchAvailability = fetchAvailability;
+exports.fetchAvailableDates = fetchAvailableDates;
+exports.fetchBookingTypeDetails = fetchBookingTypeDetails;
+exports.fetchBookingTypes = fetchBookingTypes;
+exports.formatBookingDate = formatDate2;
+exports.formatBookingTime = formatTime;
+exports.formatDuration = formatDuration;
 exports.getTrackingUrl = getTrackingUrl;
+exports.releaseSlotHold = releaseSlotHold;
 exports.useAffiliates = useAffiliates;
 exports.useExperimentVariant = useExperimentVariant;
 //# sourceMappingURL=index.js.map