@sonordev/site-kit 3.2.0 → 3.3.0

package/dist/{chunk-R5A64DCX.js → chunk-I2M533CW.js}

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkGCDVKOSM_js = require('./chunk-GCDVKOSM.js');
+var chunk6UK5JIKE_js = require('./chunk-6UK5JIKE.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -16,8 +16,8 @@ function SignalExperiment({
   trackImpression = true,
   children
 }) {
-  const { assignment, variant, isControl } = chunkGCDVKOSM_js.useSignalExperiment(experimentId);
-  const trackEvent = chunkGCDVKOSM_js.useSignalEvent();
+  const { assignment, variant, isControl } = chunk6UK5JIKE_js.useSignalExperiment(experimentId);
+  const trackEvent = chunk6UK5JIKE_js.useSignalEvent();
   React.useEffect(() => {
     if (trackImpression && variant) {
       trackEvent({
@@ -44,7 +44,7 @@ function SignalExperiment({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: variants.control || null });
 }
 function useExperimentVariant(experimentId) {
-  return chunkGCDVKOSM_js.useSignalExperiment(experimentId);
+  return chunk6UK5JIKE_js.useSignalExperiment(experimentId);
 }
 function ExperimentConversion({
   experimentId,
@@ -52,8 +52,8 @@ function ExperimentConversion({
   value,
   children
 }) {
-  const trackEvent = chunkGCDVKOSM_js.useSignalEvent();
-  const { variant } = chunkGCDVKOSM_js.useSignalExperiment(experimentId);
+  const trackEvent = chunk6UK5JIKE_js.useSignalEvent();
+  const { variant } = chunk6UK5JIKE_js.useSignalExperiment(experimentId);
   const handleInteraction = () => {
     trackEvent({
       event_type: "experiment",
@@ -79,5 +79,5 @@ function ExperimentConversion({
 exports.ExperimentConversion = ExperimentConversion;
 exports.SignalExperiment = SignalExperiment;
 exports.useExperimentVariant = useExperimentVariant;
-//# sourceMappingURL=chunk-R5A64DCX.js.map
-//# sourceMappingURL=chunk-R5A64DCX.js.map
+//# sourceMappingURL=chunk-I2M533CW.js.map
+//# sourceMappingURL=chunk-I2M533CW.js.map

package/dist/{chunk-R5A64DCX.js.map → chunk-I2M533CW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/signal/SignalExperiment.tsx"],"names":["useSignalExperiment","useSignalEvent","useEffect","jsx","Fragment","React"],"mappings":";;;;;;;;;;AAgDO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,SAAA,EAAU,GAAIA,qCAAoB,YAAY,CAAA;AAC3E,EAAA,MAAM,aAAaC,+BAAA,EAAe;AAGlC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,UAAA,CAAW;AAAA,QACT,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,aAAA,EAAe,YAAA;AAAA,UACf,WAAA,EAAa;AAAA;AACf,OACD,CAAA;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,OAAA,EAAS,eAAA,EAAiB,UAAU,CAAC,CAAA;AAGvD,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAG,mBAAS,EAAE,OAAA,EAAS,WAAW,SAAA,EAAW,SAAA,EAAW,CAAA,EAAE,CAAA;AAAA,EACnE;AAGA,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AACnC,EAAA,MAAM,OAAA,GAAU,SAAS,eAAe,CAAA;AAExC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,6DAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACpB;AAGA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,6DAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOD,cAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,QAAA,CAAS,OAAA,IAAW,IAAA,EAAK,CAAA;AACrC;AAYO,SAAS,qBAAqB,YAAA,EAAsB;AACzD,EAAA,OAAOJ,qCAAoB,YAAY,CAAA;AACzC;AAoBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,YAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,KAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,aAAaC,+BAAA,EAAe;AAClC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAID,oCAAA,CAAoB,YAAY,CAAA;AAEpD,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,UAAA,CAAW;AAAA,MACT,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY;AAAA,QACV,aAAA,EAAe,YAAA;AAAA,QACf,WAAA,EAAa,OAAA;AAAA,QACb,YAAA,EAAc,WAAA;AAAA,QACd;AAAA;AACF,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAOK,sBAAA,CAAM,aAAa,QAAA,EAAU;AAAA,IAClC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,MAAA,iBAAA,EAAkB;AAElB,MAAA,IAAK,QAAA,CAAS,MAAsD,OAAA,EAAS;AAC3E,QAAC,QAAA,CAAS,KAAA,CAAsD,OAAA,CAAS,CAAC,CAAA;AAAA,MAC5E;AAAA,IACF;AAAA,GACD,CAAA;AACH","file":"chunk-R5A64DCX.js","sourcesContent":["/**\n * @sonordev/site-kit/signal - SignalExperiment\n * \n * A/B test component that renders different variants based on Signal assignment.\n * Uses Thompson Sampling (Bayesian bandit) for optimization.\n */\n\n'use client'\n\nimport React, { useMemo, useEffect } from 'react'\nimport { useSignalExperiment, useSignalEvent } from './SignalBridge'\n\ninterface SignalExperimentProps {\n  /** Unique experiment ID */\n  experimentId: string\n  \n  /** Variants to test - keys are variant names, values are React nodes */\n  variants: Record<string, React.ReactNode>\n  \n  /** Fallback content if no assignment (defaults to 'control' variant) */\n  fallback?: React.ReactNode\n  \n  /** Track impression automatically */\n  trackImpression?: boolean\n  \n  /** Children function for more control */\n  children?: (props: { variant: string; isControl: boolean }) => React.ReactNode\n}\n\n/**\n * Renders different content variants based on Signal's A/B assignment.\n * \n * @example\n * // Simple variant switching\n * <SignalExperiment experimentId=\"hero-cta\" variants={{\n *   control: <Button>Get Started</Button>,\n *   variant_a: <Button variant=\"primary\">Start Free Trial</Button>,\n *   variant_b: <Button variant=\"secondary\">Book a Demo</Button>,\n * }} />\n * \n * @example\n * // With render prop for more control\n * <SignalExperiment experimentId=\"pricing-layout\">\n *   {({ variant, isControl }) => (\n *     <PricingSection layout={isControl ? 'cards' : 'table'} />\n *   )}\n * </SignalExperiment>\n */\nexport function SignalExperiment({\n  experimentId,\n  variants,\n  fallback,\n  trackImpression = true,\n  children,\n}: SignalExperimentProps) {\n  const { assignment, variant, isControl } = useSignalExperiment(experimentId)\n  const trackEvent = useSignalEvent()\n  \n  // Track impression when variant is rendered\n  useEffect(() => {\n    if (trackImpression && variant) {\n      trackEvent({\n        event_type: 'experiment',\n        event_name: 'impression',\n        event_data: {\n          experiment_id: experimentId,\n          variant_key: variant,\n        },\n      })\n    }\n  }, [experimentId, variant, trackImpression, trackEvent])\n  \n  // If using render prop\n  if (children) {\n    return <>{children({ variant: variant || 'control', isControl })}</>\n  }\n  \n  // Determine what to render\n  const selectedVariant = variant || 'control'\n  const content = variants[selectedVariant]\n  \n  if (content !== undefined) {\n    return <>{content}</>\n  }\n  \n  // Fallback to provided fallback or control\n  if (fallback) {\n    return <>{fallback}</>\n  }\n  \n  return <>{variants.control || null}</>\n}\n\n/**\n * Hook for conditional experiment logic\n * \n * @example\n * const { variant, isControl } = useExperimentVariant('pricing-test')\n * \n * return isControl \n *   ? <OldPricing />\n *   : <NewPricing showAnnual={variant === 'annual_first'} />\n */\nexport function useExperimentVariant(experimentId: string) {\n  return useSignalExperiment(experimentId)\n}\n\n/**\n * Component for tracking experiment conversions\n * Wraps interactive elements to track when they convert\n * \n * @example\n * <SignalExperiment experimentId=\"signup-button\" variants={{\n *   control: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button>Sign Up</Button>\n *     </ExperimentConversion>\n *   ),\n *   variant_a: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button variant=\"large\">Join Now - It's Free!</Button>\n *     </ExperimentConversion>\n *   ),\n * }} />\n */\nexport function ExperimentConversion({\n  experimentId,\n  outcomeType = 'click',\n  value,\n  children,\n}: {\n  experimentId: string\n  outcomeType?: string\n  value?: number\n  children: React.ReactElement<{ onClick?: (e: React.MouseEvent) => void }>\n}) {\n  const trackEvent = useSignalEvent()\n  const { variant } = useSignalExperiment(experimentId)\n\n  const handleInteraction = () => {\n    trackEvent({\n      event_type: 'experiment',\n      event_name: 'conversion',\n      event_data: {\n        experiment_id: experimentId,\n        variant_key: variant,\n        outcome_type: outcomeType,\n        value,\n      },\n    })\n  }\n\n  return React.cloneElement(children, {\n    onClick: (e: React.MouseEvent) => {\n      handleInteraction()\n      // Call original onClick if exists\n      if ((children.props as { onClick?: (e: React.MouseEvent) => void }).onClick) {\n        (children.props as { onClick?: (e: React.MouseEvent) => void }).onClick!(e)\n      }\n    },\n  })\n}\n"]}
+{"version":3,"sources":["../src/signal/SignalExperiment.tsx"],"names":["useSignalExperiment","useSignalEvent","useEffect","jsx","Fragment","React"],"mappings":";;;;;;;;;;AAgDO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,SAAA,EAAU,GAAIA,qCAAoB,YAAY,CAAA;AAC3E,EAAA,MAAM,aAAaC,+BAAA,EAAe;AAGlC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,UAAA,CAAW;AAAA,QACT,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY,YAAA;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,aAAA,EAAe,YAAA;AAAA,UACf,WAAA,EAAa;AAAA;AACf,OACD,CAAA;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,OAAA,EAAS,eAAA,EAAiB,UAAU,CAAC,CAAA;AAGvD,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAG,mBAAS,EAAE,OAAA,EAAS,WAAW,SAAA,EAAW,SAAA,EAAW,CAAA,EAAE,CAAA;AAAA,EACnE;AAGA,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AACnC,EAAA,MAAM,OAAA,GAAU,SAAS,eAAe,CAAA;AAExC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,6DAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACpB;AAGA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,6DAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOD,cAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,QAAA,CAAS,OAAA,IAAW,IAAA,EAAK,CAAA;AACrC;AAYO,SAAS,qBAAqB,YAAA,EAAsB;AACzD,EAAA,OAAOJ,qCAAoB,YAAY,CAAA;AACzC;AAoBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,YAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,KAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,aAAaC,+BAAA,EAAe;AAClC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAID,oCAAA,CAAoB,YAAY,CAAA;AAEpD,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,UAAA,CAAW;AAAA,MACT,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY,YAAA;AAAA,MACZ,UAAA,EAAY;AAAA,QACV,aAAA,EAAe,YAAA;AAAA,QACf,WAAA,EAAa,OAAA;AAAA,QACb,YAAA,EAAc,WAAA;AAAA,QACd;AAAA;AACF,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAOK,sBAAA,CAAM,aAAa,QAAA,EAAU;AAAA,IAClC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,MAAA,iBAAA,EAAkB;AAElB,MAAA,IAAK,QAAA,CAAS,MAAsD,OAAA,EAAS;AAC3E,QAAC,QAAA,CAAS,KAAA,CAAsD,OAAA,CAAS,CAAC,CAAA;AAAA,MAC5E;AAAA,IACF;AAAA,GACD,CAAA;AACH","file":"chunk-I2M533CW.js","sourcesContent":["/**\n * @sonordev/site-kit/signal - SignalExperiment\n * \n * A/B test component that renders different variants based on Signal assignment.\n * Uses Thompson Sampling (Bayesian bandit) for optimization.\n */\n\n'use client'\n\nimport React, { useMemo, useEffect } from 'react'\nimport { useSignalExperiment, useSignalEvent } from './SignalBridge'\n\ninterface SignalExperimentProps {\n  /** Unique experiment ID */\n  experimentId: string\n  \n  /** Variants to test - keys are variant names, values are React nodes */\n  variants: Record<string, React.ReactNode>\n  \n  /** Fallback content if no assignment (defaults to 'control' variant) */\n  fallback?: React.ReactNode\n  \n  /** Track impression automatically */\n  trackImpression?: boolean\n  \n  /** Children function for more control */\n  children?: (props: { variant: string; isControl: boolean }) => React.ReactNode\n}\n\n/**\n * Renders different content variants based on Signal's A/B assignment.\n * \n * @example\n * // Simple variant switching\n * <SignalExperiment experimentId=\"hero-cta\" variants={{\n *   control: <Button>Get Started</Button>,\n *   variant_a: <Button variant=\"primary\">Start Free Trial</Button>,\n *   variant_b: <Button variant=\"secondary\">Book a Demo</Button>,\n * }} />\n * \n * @example\n * // With render prop for more control\n * <SignalExperiment experimentId=\"pricing-layout\">\n *   {({ variant, isControl }) => (\n *     <PricingSection layout={isControl ? 'cards' : 'table'} />\n *   )}\n * </SignalExperiment>\n */\nexport function SignalExperiment({\n  experimentId,\n  variants,\n  fallback,\n  trackImpression = true,\n  children,\n}: SignalExperimentProps) {\n  const { assignment, variant, isControl } = useSignalExperiment(experimentId)\n  const trackEvent = useSignalEvent()\n  \n  // Track impression when variant is rendered\n  useEffect(() => {\n    if (trackImpression && variant) {\n      trackEvent({\n        event_type: 'experiment',\n        event_name: 'impression',\n        event_data: {\n          experiment_id: experimentId,\n          variant_key: variant,\n        },\n      })\n    }\n  }, [experimentId, variant, trackImpression, trackEvent])\n  \n  // If using render prop\n  if (children) {\n    return <>{children({ variant: variant || 'control', isControl })}</>\n  }\n  \n  // Determine what to render\n  const selectedVariant = variant || 'control'\n  const content = variants[selectedVariant]\n  \n  if (content !== undefined) {\n    return <>{content}</>\n  }\n  \n  // Fallback to provided fallback or control\n  if (fallback) {\n    return <>{fallback}</>\n  }\n  \n  return <>{variants.control || null}</>\n}\n\n/**\n * Hook for conditional experiment logic\n * \n * @example\n * const { variant, isControl } = useExperimentVariant('pricing-test')\n * \n * return isControl \n *   ? <OldPricing />\n *   : <NewPricing showAnnual={variant === 'annual_first'} />\n */\nexport function useExperimentVariant(experimentId: string) {\n  return useSignalExperiment(experimentId)\n}\n\n/**\n * Component for tracking experiment conversions\n * Wraps interactive elements to track when they convert\n * \n * @example\n * <SignalExperiment experimentId=\"signup-button\" variants={{\n *   control: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button>Sign Up</Button>\n *     </ExperimentConversion>\n *   ),\n *   variant_a: (\n *     <ExperimentConversion experimentId=\"signup-button\" outcomeType=\"click\">\n *       <Button variant=\"large\">Join Now - It's Free!</Button>\n *     </ExperimentConversion>\n *   ),\n * }} />\n */\nexport function ExperimentConversion({\n  experimentId,\n  outcomeType = 'click',\n  value,\n  children,\n}: {\n  experimentId: string\n  outcomeType?: string\n  value?: number\n  children: React.ReactElement<{ onClick?: (e: React.MouseEvent) => void }>\n}) {\n  const trackEvent = useSignalEvent()\n  const { variant } = useSignalExperiment(experimentId)\n\n  const handleInteraction = () => {\n    trackEvent({\n      event_type: 'experiment',\n      event_name: 'conversion',\n      event_data: {\n        experiment_id: experimentId,\n        variant_key: variant,\n        outcome_type: outcomeType,\n        value,\n      },\n    })\n  }\n\n  return React.cloneElement(children, {\n    onClick: (e: React.MouseEvent) => {\n      handleInteraction()\n      // Call original onClick if exists\n      if ((children.props as { onClick?: (e: React.MouseEvent) => void }).onClick) {\n        (children.props as { onClick?: (e: React.MouseEvent) => void }).onClick!(e)\n      }\n    },\n  })\n}\n"]}

package/dist/{chunk-FMZOZQBV.mjs → chunk-ILLOVVVP.mjs}

@@ -1,9 +1,8 @@
 'use client';
+import { sonorFetch } from './chunk-FO6Y27AH.mjs';
 import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// src/sync/BookingWidget.tsx
-
 // src/sync/api.ts
 var DEFAULT_API_URL = "https://api.sonor.io";
 function getApiConfig() {
@@ -11,10 +10,9 @@ function getApiConfig() {
   const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
   return { apiUrl, apiKey };
 }
-function buildHeaders(apiKey, isPost = false) {
+function buildHeaders(isPost = false) {
   const headers = {};
   if (isPost) headers["Content-Type"] = "application/json";
-  if (apiKey) headers["x-api-key"] = apiKey;
   return headers;
 }
 async function fetchBookingTypes(orgSlug, apiUrl, apiKey) {
@@ -22,7 +20,7 @@ async function fetchBookingTypes(orgSlug, apiUrl, apiKey) {
   const url = apiUrl || cfg.apiUrl;
   const key = apiKey || cfg.apiKey;
   const endpoint = key ? `${url}/sync/widget/types` : `${url}/sync/public/${orgSlug}/types`;
-  const response = await fetch(endpoint, { headers: buildHeaders(key) });
+  const response = await sonorFetch(endpoint, { headers: buildHeaders() }, { apiKey: key, retries: 0 });
   if (!response.ok) {
     const msg = await response.json().catch(() => ({ message: response.statusText }));
     const detail = msg && typeof msg.message === "string" ? msg.message : response.statusText;
@@ -36,7 +34,7 @@ async function fetchBookingTypeDetails(typeSlug, orgSlug, apiUrl, apiKey) {
   const url = apiUrl || cfg.apiUrl;
   const key = apiKey || cfg.apiKey;
   const endpoint = key ? `${url}/sync/widget/types/${typeSlug}` : `${url}/sync/public/${orgSlug}/types/${typeSlug}`;
-  const response = await fetch(endpoint, { headers: buildHeaders(key) });
+  const response = await sonorFetch(endpoint, { headers: buildHeaders() }, { apiKey: key, retries: 0 });
   if (!response.ok) {
     const msg = await response.json().catch(() => ({ message: response.statusText }));
     const detail = msg && typeof msg.message === "string" ? msg.message : response.statusText;
@@ -52,7 +50,7 @@ async function fetchAvailability(typeSlug, date, orgSlug, apiUrl, apiKey, timezo
   if (timezone) params.append("timezone", timezone);
   if (hostId) params.append("hostId", hostId);
   const endpoint = key ? `${url}/sync/widget/availability/${typeSlug}?${params}` : `${url}/sync/public/${orgSlug}/availability/${typeSlug}?${params}`;
-  const response = await fetch(endpoint, { headers: buildHeaders(key) });
+  const response = await sonorFetch(endpoint, { headers: buildHeaders() }, { apiKey: key, retries: 0 });
   if (!response.ok) {
     const msg = await response.json().catch(() => ({ message: response.statusText }));
     let detail = msg && typeof msg.message === "string" ? String(msg.message).trim() : (response.statusText || "").trim();
@@ -75,11 +73,11 @@ async function createSlotHold(holdData, apiUrl, apiKey) {
   const url = apiUrl || cfg.apiUrl;
   const key = apiKey || cfg.apiKey;
   const endpoint = key ? `${url}/sync/widget/hold` : `${url}/sync/public/hold`;
-  const response = await fetch(endpoint, {
+  const response = await sonorFetch(endpoint, {
     method: "POST",
-    headers: buildHeaders(key, true),
+    headers: buildHeaders(true),
     body: JSON.stringify(holdData)
-  });
+  }, { apiKey: key, retries: 0 });
   if (!response.ok) {
     throw new Error(`Failed to hold slot: ${response.statusText}`);
   }
@@ -90,21 +88,21 @@ async function releaseSlotHold(holdId, apiUrl, apiKey) {
   const url = apiUrl || cfg.apiUrl;
   const key = apiKey || cfg.apiKey;
   const endpoint = key ? `${url}/sync/widget/hold/${holdId}` : `${url}/sync/public/hold/${holdId}`;
-  await fetch(endpoint, {
+  await sonorFetch(endpoint, {
     method: "DELETE",
-    headers: buildHeaders(key)
-  });
+    headers: buildHeaders()
+  }, { apiKey: key, retries: 0 });
 }
 async function createBooking(bookingData, apiUrl, apiKey) {
   const cfg = getApiConfig();
   const url = apiUrl || cfg.apiUrl;
   const key = apiKey || cfg.apiKey;
   const endpoint = key ? `${url}/sync/widget/booking` : `${url}/sync/public/booking`;
-  const response = await fetch(endpoint, {
+  const response = await sonorFetch(endpoint, {
     method: "POST",
-    headers: buildHeaders(key, true),
+    headers: buildHeaders(true),
     body: JSON.stringify(bookingData)
-  });
+  }, { apiKey: key, retries: 0 });
   if (!response.ok) {
     const errorData = await response.json().catch(() => ({}));
     throw new Error(errorData.message || `Failed to create booking: ${response.statusText}`);
@@ -125,7 +123,7 @@ async function fetchAvailableDates(typeSlug, startDate, endDate, orgSlug, apiUrl
       }
     } catch {
     }
-    current.setDate(current.getDate() + 1);
+    current.setUTCDate(current.getUTCDate() + 1);
   }
   return availableDates;
 }
@@ -198,6 +196,12 @@ function calendarDays(year, month) {
   for (let d = 1; d <= last.getDate(); d++) cells.push(new Date(year, month, d));
   return cells;
 }
+function toLocalDateStr(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
 function ChevronLeft() {
   return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
@@ -251,6 +255,7 @@ function BookingWidget({
   onBookingComplete,
   onError,
   hideTypeSelector = false,
+  autoSelectFirstDay = true,
   styles = {}
 }) {
   const apiKey = propApiKey || (typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0);
@@ -270,6 +275,9 @@ function BookingWidget({
   const [guestInfo, setGuestInfo] = useState({ name: "", email: "" });
   const [bookingResult, setBookingResult] = useState(null);
   const [submitting, setSubmitting] = useState(false);
+  const [autoProbing, setAutoProbing] = useState(false);
+  const probeRef = useRef(0);
+  const prefetchedRef = useRef(null);
   const slotsRef = useRef(null);
   const today = useMemo(() => {
     const d = /* @__PURE__ */ new Date();
@@ -311,16 +319,57 @@ function BookingWidget({
   }, [orgSlug, apiKey, bookingTypeSlug, apiUrl, onError]);
   useEffect(() => {
     if (!selectedDate || !selectedType) return;
-    const dateStr = selectedDate.toISOString().split("T")[0];
-    setSlotsLoading(true);
-    setSlots([]);
+    const dateStr = toLocalDateStr(selectedDate);
     setSelectedSlot(null);
     setConfirmedSlot(false);
+    const prefetched = prefetchedRef.current;
+    if (prefetched && prefetched.dateStr === dateStr) {
+      prefetchedRef.current = null;
+      setSlots(prefetched.slots);
+      setSlotsLoading(false);
+      return;
+    }
+    setSlotsLoading(true);
+    setSlots([]);
     fetchAvailability(selectedType.slug, dateStr, orgSlug, apiUrl, apiKey, timezone).then((s) => setSlots(s.filter((slot) => slot.available))).catch((err) => {
       setError(err.message);
       onError?.(err);
     }).finally(() => setSlotsLoading(false));
   }, [selectedDate, selectedType, orgSlug, apiKey, apiUrl, timezone, onError]);
+  useEffect(() => {
+    if (!autoSelectFirstDay || !selectedType || selectedDate) return;
+    const probeId = ++probeRef.current;
+    let cancelled = false;
+    const PROBE_DAYS = 14;
+    const startOffset = Math.floor((selectedType.min_notice_hours || 0) / 24);
+    (async () => {
+      setAutoProbing(true);
+      try {
+        for (let i = startOffset; i < startOffset + PROBE_DAYS; i++) {
+          const d = new Date(today);
+          d.setDate(d.getDate() + i);
+          if (d > maxDate) break;
+          const dateStr = toLocalDateStr(d);
+          const s = await fetchAvailability(selectedType.slug, dateStr, orgSlug, apiUrl, apiKey, timezone);
+          if (cancelled || probeRef.current !== probeId) return;
+          const open = s.filter((slot) => slot.available);
+          if (open.length > 0) {
+            prefetchedRef.current = { dateStr, slots: open };
+            setViewMonth(new Date(d.getFullYear(), d.getMonth(), 1));
+            setSelectedDate(d);
+            return;
+          }
+        }
+      } catch {
+      } finally {
+        if (!cancelled && probeRef.current === probeId) setAutoProbing(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      setAutoProbing(false);
+    };
+  }, [autoSelectFirstDay, selectedType, selectedDate, orgSlug, apiKey, apiUrl, timezone, today, maxDate]);
   const handleSlotSelect = useCallback((slot) => {
     setSelectedSlot(slot);
     setConfirmedSlot(false);
@@ -412,7 +461,7 @@ function BookingWidget({
   const cssVars = {
     "--sk-primary": styles.primaryColor || "#0069ff",
     "--sk-primary-hover": styles.primaryColor ? `color-mix(in srgb, ${styles.primaryColor} 90%, black)` : "#0055d4",
-    "--sk-primary-light": styles.primaryColor ? `color-mix(in srgb, ${styles.primaryColor} 12%, white)` : "#e8f1ff",
+    "--sk-primary-light": styles.primaryColor ? `color-mix(in srgb, ${styles.primaryColor} 12%, ${styles.backgroundColor || "white"})` : "#e8f1ff",
     "--sk-bg": styles.backgroundColor || "#ffffff",
     "--sk-bg-elevated": styles.elevatedColor || "#f9fafb",
     "--sk-surface": styles.surfaceColor || "#f3f4f6",
@@ -420,9 +469,9 @@ function BookingWidget({
     "--sk-text-secondary": styles.textSecondary || "#6b7280",
     "--sk-text-tertiary": styles.textTertiary || "#9ca3af",
     "--sk-border": styles.borderColor || "#e5e7eb",
-    "--sk-error": "#ef4444",
-    "--sk-success": "#10b981",
-    "--sk-warning": "#f59e0b",
+    "--sk-error": "#dc2626",
+    "--sk-success": "#047857",
+    "--sk-warning": "#b45309",
     "--sk-radius": styles.borderRadius || "8px",
     "--sk-font": styles.fontFamily || "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
     "--sk-input-border": styles.inputBorderColor || styles.borderColor || "#e5e7eb",
@@ -517,12 +566,15 @@ function BookingWidget({
             );
           }) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: `bw-times${selectedDate ? " visible" : ""}`, ref: slotsRef, children: !selectedDate ? /* @__PURE__ */ jsxs("div", { className: "bw-times-placeholder", children: [
+        /* @__PURE__ */ jsx("div", { className: `bw-times${selectedDate ? " visible" : ""}`, ref: slotsRef, children: !selectedDate ? autoProbing ? /* @__PURE__ */ jsxs("div", { className: "bw-times-skeleton", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("div", { className: "bw-skel-line" }),
+          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx("div", { className: "bw-skel-slot" }, i))
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "bw-times-placeholder", children: [
           /* @__PURE__ */ jsx(CalendarPlusIcon, {}),
           /* @__PURE__ */ jsx("span", { children: "Select a date to view available times" })
-        ] }) : slotsLoading ? /* @__PURE__ */ jsxs("div", { className: "bw-loading", children: [
-          /* @__PURE__ */ jsx(SpinnerIcon, {}),
-          " Loading times..."
+        ] }) : slotsLoading ? /* @__PURE__ */ jsxs("div", { className: "bw-times-skeleton", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("div", { className: "bw-skel-line" }),
+          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx("div", { className: "bw-skel-slot" }, i))
         ] }) : slots.length === 0 ? /* @__PURE__ */ jsx("div", { className: "bw-times-empty", children: "No available times on this date. Try another day." }) : /* @__PURE__ */ jsxs("div", { className: "bw-times-scroll", children: [
           /* @__PURE__ */ jsx("p", { className: "bw-times-date", children: selectedDate.toLocaleDateString("en-US", { weekday: "long", month: "short", day: "numeric" }) }),
           groupedSlots.morning.length > 0 && /* @__PURE__ */ jsxs("div", { className: "bw-time-group", children: [
@@ -788,13 +840,34 @@ var WIDGET_CSS = `
 /* \u2500\u2500 Animation \u2500\u2500 */
 @keyframes bw-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
 @keyframes bw-spin { to { transform: rotate(360deg); } }
+@keyframes bw-shimmer { to { background-position: -200% 0; } }
 .bw-fade-in { animation: bw-fade-in 0.25s ease-out; }
 .bw-spinner { animation: bw-spin 0.8s linear infinite; }
 
+/* \u2500\u2500 Accessibility \u2500\u2500 */
+.bw-root :is(button, a):focus-visible { outline: 2px solid var(--sk-primary); outline-offset: 2px; }
+@media (prefers-reduced-motion: reduce) {
+  .bw-fade-in, .bw-skel-slot, .bw-skel-line { animation: none; }
+}
+
+/* \u2500\u2500 Loading skeleton (time slots) \u2500\u2500 */
+.bw-skel-line {
+  height: 14px; width: 70%; margin-bottom: 14px; border-radius: 4px;
+  background: linear-gradient(90deg, var(--sk-surface) 25%, var(--sk-bg-elevated) 50%, var(--sk-surface) 75%);
+  background-size: 200% 100%; animation: bw-shimmer 1.1s linear infinite;
+}
+.bw-skel-slot {
+  height: 44px; margin-bottom: 6px; border-radius: var(--sk-radius);
+  background: linear-gradient(90deg, var(--sk-surface) 25%, var(--sk-bg-elevated) 50%, var(--sk-surface) 75%);
+  background-size: 200% 100%; animation: bw-shimmer 1.1s linear infinite;
+}
+
 /* \u2500\u2500 Error \u2500\u2500 */
 .bw-error {
   display: flex; align-items: center; justify-content: space-between; gap: 12px;
-  background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c;
+  background: color-mix(in srgb, var(--sk-error) 10%, var(--sk-bg));
+  border: 1px solid color-mix(in srgb, var(--sk-error) 35%, var(--sk-bg));
+  color: var(--sk-error);
   padding: 10px 14px; border-radius: var(--sk-radius); margin-bottom: 16px; font-size: 0.875rem;
 }
 .bw-error button { background: none; border: none; color: inherit; cursor: pointer; font-size: 1.25rem; line-height: 1; padding: 0; }
@@ -910,7 +983,7 @@ var WIDGET_CSS = `
 .bw-time-label { display: block; font-size: 0.6875rem; font-weight: 600; color: var(--sk-text-tertiary); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
 
 .bw-time-btn {
-  display: block; width: 100%;
+  display: block; width: 100%; min-height: 44px;
   padding: 10px 12px; margin-bottom: 6px;
   border: 1.5px solid var(--sk-border); border-radius: var(--sk-radius);
   background: var(--sk-bg); cursor: pointer;
@@ -936,7 +1009,7 @@ var WIDGET_CSS = `
 }
 .bw-time-confirm {
   display: inline-flex; align-items: center; justify-content: center; gap: 4px;
-  padding: 10px 16px; border: none;
+  min-height: 44px; padding: 10px 16px; border: none;
   background: var(--sk-primary); color: #fff;
   font-size: 0.8125rem; font-weight: 600; cursor: pointer;
   transition: background 0.15s;
@@ -969,7 +1042,7 @@ var WIDGET_CSS = `
 }
 .bw-submit {
   display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-  width: 100%; padding: 14px; margin-top: 4px;
+  width: 100%; min-height: 48px; padding: 14px; margin-top: 4px;
   background: var(--sk-primary); color: #fff; border: none;
   border-radius: var(--sk-radius); font-size: 0.9375rem; font-weight: 600;
   cursor: pointer; transition: background 0.15s;
@@ -1014,5 +1087,5 @@ var WIDGET_CSS = `
 `;
 
 export { BookingWidget, createBooking, createSlotHold, detectTimezone, fetchAvailability, fetchAvailableDates, fetchBookingTypeDetails, fetchBookingTypes, formatDate, formatDuration, formatTime, releaseSlotHold };
-//# sourceMappingURL=chunk-FMZOZQBV.mjs.map
-//# sourceMappingURL=chunk-FMZOZQBV.mjs.map
+//# sourceMappingURL=chunk-ILLOVVVP.mjs.map
+//# sourceMappingURL=chunk-ILLOVVVP.mjs.map