@uptrademedia/site-kit 1.0.8 → 1.0.10

package/dist/index.js

@@ -5,27 +5,455 @@ 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 chunkTDK7DLCH_js = require('./chunk-TDK7DLCH.js');
-require('./chunk-HCFPU7TU.js');
-require('./chunk-JUEVN4Q4.js');
-require('./chunk-FLZZOX44.js');
-require('./chunk-ADHVEFWD.js');
+var chunkFLAA4ZJO_js = require('./chunk-FLAA4ZJO.js');
+var chunkHCFPU7TU_js = require('./chunk-HCFPU7TU.js');
+var chunkJUEVN4Q4_js = require('./chunk-JUEVN4Q4.js');
+var chunkFLZZOX44_js = require('./chunk-FLZZOX44.js');
+var chunkADHVEFWD_js = require('./chunk-ADHVEFWD.js');
 require('./chunk-ZSMWDLMK.js');
-var React = require('react');
+var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React3__default = /*#__PURE__*/_interopDefault(React3);
 
-// src/affiliates/api.ts
+var SignalContext = React3.createContext(null);
+function useSignal() {
+  const context = React3.useContext(SignalContext);
+  if (!context) {
+    throw new Error("useSignal must be used within a SignalBridge");
+  }
+  return context;
+}
 function getApiConfig() {
+  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.uptrademedia.com" : "https://api.uptrademedia.com";
+  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
+  return { apiUrl, apiKey };
+}
+function getVisitorId() {
+  if (typeof window === "undefined") return "";
+  const key = "_uptrade_vid";
+  let visitorId = localStorage.getItem(key);
+  if (!visitorId) {
+    visitorId = crypto.randomUUID();
+    localStorage.setItem(key, visitorId);
+  }
+  return visitorId;
+}
+function getSessionId() {
+  if (typeof window === "undefined") return "";
+  const key = "_uptrade_sid";
+  let sessionId = sessionStorage.getItem(key);
+  if (!sessionId) {
+    sessionId = crypto.randomUUID();
+    sessionStorage.setItem(key, sessionId);
+  }
+  return sessionId;
+}
+function getDeviceType() {
+  if (typeof window === "undefined") return "desktop";
+  const ua = navigator.userAgent;
+  if (/tablet|ipad|playbook|silk/i.test(ua)) return "tablet";
+  if (/mobile|iphone|ipod|android|blackberry|opera mini|iemobile/i.test(ua)) return "mobile";
+  return "desktop";
+}
+function getBrowser() {
+  if (typeof window === "undefined") return "unknown";
+  const ua = navigator.userAgent;
+  if (ua.includes("Firefox")) return "Firefox";
+  if (ua.includes("Edg")) return "Edge";
+  if (ua.includes("Chrome")) return "Chrome";
+  if (ua.includes("Safari")) return "Safari";
+  return "Other";
+}
+function getOS() {
+  if (typeof window === "undefined") return "unknown";
+  const ua = navigator.userAgent;
+  if (ua.includes("Windows")) return "Windows";
+  if (ua.includes("Mac")) return "macOS";
+  if (ua.includes("iPhone") || ua.includes("iPad")) return "iOS";
+  if (ua.includes("Android")) return "Android";
+  if (ua.includes("Linux")) return "Linux";
+  return "Other";
+}
+function SignalBridge({
+  enabled = true,
+  realtime = true,
+  experiments = true,
+  behaviorTracking = true,
+  children
+}) {
+  const [config, setConfig] = React3.useState(null);
+  const [loading, setLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  const eventSourceRef = React3.useRef(null);
+  const eventQueueRef = React3.useRef([]);
+  const flushTimeoutRef = React3.useRef(null);
+  const assignmentsRef = React3.useRef(/* @__PURE__ */ new Map());
+  const pageLoadTimeRef = React3.useRef(Date.now());
+  const scrollDepthRef = React3.useRef(0);
+  const clickCountRef = React3.useRef(0);
+  const { apiUrl, apiKey } = getApiConfig();
+  const fetchConfig = React3.useCallback(async () => {
+    if (!apiKey || !enabled) {
+      setLoading(false);
+      return;
+    }
+    try {
+      const response = await fetch(`${apiUrl}/api/public/signal/config`, {
+        headers: {
+          "x-api-key": apiKey,
+          "x-visitor-id": getVisitorId()
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch Signal config: ${response.statusText}`);
+      }
+      const data = await response.json();
+      setConfig(data.config);
+      setError(null);
+      if (experiments && data.config?.experiments) {
+        for (const exp of data.config.experiments) {
+          if (exp.status === "running") {
+            await loadExperimentAssignment(exp.id);
+          }
+        }
+      }
+    } catch (err) {
+      console.error("[Signal] Config fetch error:", err);
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiUrl, apiKey, enabled, experiments]);
+  const connectSSE = React3.useCallback(() => {
+    if (!apiKey || !enabled || !realtime) return;
+    if (eventSourceRef.current) {
+      eventSourceRef.current.close();
+    }
+    const url = `${apiUrl}/api/public/signal/stream?key=${apiKey}`;
+    const eventSource = new EventSource(url);
+    eventSource.addEventListener("config_update", (e) => {
+      try {
+        const { config: newConfig, version } = JSON.parse(e.data);
+        setConfig((prev) => {
+          if (prev?.version !== version) {
+            console.log("[Signal] Config updated to version:", version);
+            return newConfig;
+          }
+          return prev;
+        });
+      } catch (err) {
+        console.error("[Signal] SSE parse error:", err);
+      }
+    });
+    eventSource.addEventListener("experiment_update", (e) => {
+      try {
+        const { experiment_id, action } = JSON.parse(e.data);
+        if (action === "started" || action === "updated") {
+          loadExperimentAssignment(experiment_id);
+        } else if (action === "stopped") {
+          assignmentsRef.current.delete(experiment_id);
+        }
+      } catch (err) {
+        console.error("[Signal] Experiment update error:", err);
+      }
+    });
+    eventSource.onerror = () => {
+      console.warn("[Signal] SSE connection error, reconnecting...");
+      eventSource.close();
+      setTimeout(connectSSE, 5e3);
+    };
+    eventSourceRef.current = eventSource;
+  }, [apiUrl, apiKey, enabled, realtime]);
+  const loadExperimentAssignment = React3.useCallback(async (experimentId) => {
+    const storageKey = `_signal_exp_${experimentId}`;
+    const stored = localStorage.getItem(storageKey);
+    if (stored) {
+      try {
+        const assignment = JSON.parse(stored);
+        if (assignment.expires > Date.now()) {
+          assignmentsRef.current.set(experimentId, assignment);
+          return assignment;
+        }
+      } catch {
+      }
+    }
+    try {
+      const response = await fetch(`${apiUrl}/api/public/signal/experiment/${experimentId}`, {
+        headers: {
+          "x-api-key": apiKey,
+          "x-visitor-id": getVisitorId()
+        }
+      });
+      if (!response.ok) return null;
+      const assignment = await response.json();
+      localStorage.setItem(storageKey, JSON.stringify(assignment));
+      assignmentsRef.current.set(experimentId, assignment);
+      return assignment;
+    } catch (err) {
+      console.error("[Signal] Experiment assignment error:", err);
+      return null;
+    }
+  }, [apiUrl, apiKey]);
+  const getExperiment = React3.useCallback((experimentId) => {
+    return assignmentsRef.current.get(experimentId) || null;
+  }, []);
+  const flushEvents = React3.useCallback(async () => {
+    if (eventQueueRef.current.length === 0) return;
+    const events = [...eventQueueRef.current];
+    eventQueueRef.current = [];
+    try {
+      await fetch(`${apiUrl}/api/public/signal/events`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-api-key": apiKey
+        },
+        body: JSON.stringify({
+          visitor_id: getVisitorId(),
+          session_id: getSessionId(),
+          events
+        })
+      });
+    } catch (err) {
+      eventQueueRef.current = [...events, ...eventQueueRef.current];
+      console.error("[Signal] Event flush error:", err);
+    }
+  }, [apiUrl, apiKey]);
+  const trackEvent = React3.useCallback((event) => {
+    if (!enabled || !apiKey) return;
+    const enrichedEvent = {
+      ...event,
+      page_url: window.location.href,
+      page_path: window.location.pathname,
+      referrer: document.referrer,
+      device_type: getDeviceType(),
+      browser: getBrowser(),
+      os: getOS(),
+      viewport_width: window.innerWidth,
+      viewport_height: window.innerHeight,
+      time_on_page: Date.now() - pageLoadTimeRef.current,
+      scroll_depth: scrollDepthRef.current,
+      click_count: clickCountRef.current,
+      experiments: Array.from(assignmentsRef.current.values()).map((a) => ({
+        experiment_id: a.experiment_id,
+        variant_key: a.variant_key
+      })),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    eventQueueRef.current.push(enrichedEvent);
+    if (flushTimeoutRef.current) {
+      clearTimeout(flushTimeoutRef.current);
+    }
+    flushTimeoutRef.current = setTimeout(flushEvents, 1e3);
+  }, [enabled, apiKey, flushEvents]);
+  const trackOutcome = React3.useCallback(async (outcome) => {
+    if (!enabled || !apiKey) return;
+    try {
+      await fetch(`${apiUrl}/api/public/signal/outcome`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-api-key": apiKey
+        },
+        body: JSON.stringify({
+          ...outcome,
+          visitor_id: getVisitorId(),
+          session_id: getSessionId(),
+          experiments: Array.from(assignmentsRef.current.keys()),
+          page_url: window.location.href,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        })
+      });
+    } catch (err) {
+      console.error("[Signal] Outcome tracking error:", err);
+    }
+  }, [apiUrl, apiKey, enabled]);
+  React3.useEffect(() => {
+    if (!behaviorTracking || typeof window === "undefined") return;
+    const handleScroll = () => {
+      const scrollTop = window.scrollY;
+      const docHeight = document.documentElement.scrollHeight - window.innerHeight;
+      const depth = docHeight > 0 ? Math.round(scrollTop / docHeight * 100) : 0;
+      scrollDepthRef.current = Math.max(scrollDepthRef.current, depth);
+    };
+    const handleClick = () => {
+      clickCountRef.current++;
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    window.addEventListener("click", handleClick);
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "hidden") {
+        flushEvents();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("beforeunload", flushEvents);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("click", handleClick);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("beforeunload", flushEvents);
+    };
+  }, [behaviorTracking, flushEvents]);
+  React3.useEffect(() => {
+    fetchConfig();
+  }, [fetchConfig]);
+  React3.useEffect(() => {
+    if (config && realtime) {
+      connectSSE();
+    }
+    return () => {
+      if (eventSourceRef.current) {
+        eventSourceRef.current.close();
+      }
+    };
+  }, [config, realtime, connectSSE]);
+  const contextValue = React3.useMemo(() => ({
+    config,
+    loading,
+    error,
+    trackEvent,
+    trackOutcome,
+    getExperiment,
+    refreshConfig: fetchConfig
+  }), [config, loading, error, trackEvent, trackOutcome, getExperiment, fetchConfig]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SignalContext.Provider, { value: contextValue, children });
+}
+function useSignalConfig() {
+  const { config } = useSignal();
+  return config;
+}
+function useSignalEvent() {
+  const { trackEvent } = useSignal();
+  return trackEvent;
+}
+function useSignalOutcome() {
+  const { trackOutcome } = useSignal();
+  return { trackOutcome };
+}
+function useSignalExperiment(experimentId) {
+  const { getExperiment, config } = useSignal();
+  const assignment = getExperiment(experimentId);
+  const experiment = config?.experiments?.find((e) => e.id === experimentId);
+  const isRunning = experiment?.status === "running";
+  return {
+    assignment: isRunning ? assignment : null,
+    variant: isRunning && assignment ? assignment.variant_key : null,
+    isControl: !assignment || assignment.variant_key === "control"
+  };
+}
+var SiteKitContext = React3.createContext(null);
+function useSiteKit() {
+  const context = React3.useContext(SiteKitContext);
+  if (!context) {
+    throw new Error("useSiteKit must be used within a SiteKitProvider");
+  }
+  return context;
+}
+function SiteKitProvider({
+  children,
+  apiKey,
+  apiUrl,
+  signalUrl,
+  analytics,
+  engage,
+  forms,
+  signal,
+  debug = false
+}) {
+  const finalApiUrl = apiUrl || "https://api.uptrademedia.com";
+  const finalSignalUrl = signalUrl || "https://signal.uptrademedia.com";
+  if (!apiKey) {
+    console.error("@uptrade/site-kit: No API key provided. Set NEXT_PUBLIC_UPTRADE_API_KEY environment variable.");
+  }
+  React3.useEffect(() => {
+    if (typeof window !== "undefined") {
+      window.__SITE_KIT_API_URL__ = finalApiUrl;
+      window.__SITE_KIT_SIGNAL_URL__ = finalSignalUrl;
+      window.__SITE_KIT_API_KEY__ = apiKey;
+      window.__SITE_KIT_DEBUG__ = debug;
+    }
+    if (apiKey) {
+      chunkADHVEFWD_js.configureFormsApi({
+        baseUrl: finalApiUrl,
+        apiKey
+      });
+    }
+  }, [finalApiUrl, finalSignalUrl, apiKey, debug]);
+  const contextValue = React3.useMemo(
+    () => ({
+      apiUrl: finalApiUrl,
+      signalUrl: finalSignalUrl,
+      apiKey,
+      analytics,
+      engage,
+      forms,
+      signal,
+      debug,
+      isReady: true
+    }),
+    [finalApiUrl, finalSignalUrl, apiKey, analytics, engage, forms, signal, debug]
+  );
+  let content = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  if (signal?.enabled) {
+    content = /* @__PURE__ */ jsxRuntime.jsx(
+      SignalBridge,
+      {
+        enabled: signal.enabled,
+        realtime: signal.realtime !== false,
+        experiments: signal.experiments !== false,
+        behaviorTracking: signal.behaviorTracking !== false,
+        children: content
+      }
+    );
+  }
+  if (analytics?.enabled) {
+    content = /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJUEVN4Q4_js.AnalyticsProvider,
+      {
+        apiUrl: finalApiUrl,
+        apiKey,
+        trackPageViews: analytics.trackPageViews !== false,
+        trackWebVitals: analytics.trackWebVitals !== false,
+        trackScrollDepth: analytics.trackScrollDepth !== false,
+        trackClicks: analytics.trackClicks !== false,
+        debug,
+        children: content
+      }
+    ) });
+  }
+  if (engage?.enabled) {
+    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      content,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkFLZZOX44_js.EngageWidget,
+        {
+          apiUrl: finalApiUrl,
+          apiKey,
+          position: engage.position || "bottom-right",
+          chatEnabled: engage.chatEnabled !== false
+        }
+      )
+    ] });
+  }
+  content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    content,
+    /* @__PURE__ */ jsxRuntime.jsx(chunkHCFPU7TU_js.SitemapSync, { debug })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(SiteKitContext.Provider, { value: contextValue, children: content });
+}
+
+// src/affiliates/api.ts
+function getApiConfig2() {
   const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.uptrademedia.com" : "https://api.uptrademedia.com";
   const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ || "" : "";
   return { apiUrl, apiKey };
 }
 async function apiGet(endpoint) {
-  const { apiUrl, apiKey } = getApiConfig();
+  const { apiUrl, apiKey } = getApiConfig2();
   if (!apiKey) {
     console.error("[Affiliates] No API key configured");
     return null;
@@ -54,14 +482,14 @@ async function fetchAffiliates(options = {}) {
   return result?.affiliates || [];
 }
 function getTrackingUrl(affiliateId, offerId) {
-  const { apiUrl } = getApiConfig();
+  const { apiUrl } = getApiConfig2();
   return `${apiUrl}/a/${affiliateId}/${offerId}`;
 }
 function useAffiliates() {
-  const [affiliates, setAffiliates] = React.useState([]);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  React.useEffect(() => {
+  const [affiliates, setAffiliates] = React3.useState([]);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     async function load() {
       try {
         setIsLoading(true);
@@ -165,9 +593,9 @@ function SignalExperiment({
   trackImpression = true,
   children
 }) {
-  const { assignment, variant, isControl } = chunkTDK7DLCH_js.useSignalExperiment(experimentId);
-  const trackEvent = chunkTDK7DLCH_js.useSignalEvent();
-  React.useEffect(() => {
+  const { assignment, variant, isControl } = useSignalExperiment(experimentId);
+  const trackEvent = useSignalEvent();
+  React3.useEffect(() => {
     if (trackImpression && variant) {
       trackEvent({
         event_type: "experiment",
@@ -193,7 +621,7 @@ function SignalExperiment({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: variants.control || null });
 }
 function useExperimentVariant(experimentId) {
-  return chunkTDK7DLCH_js.useSignalExperiment(experimentId);
+  return useSignalExperiment(experimentId);
 }
 function ExperimentConversion({
   experimentId,
@@ -201,8 +629,8 @@ function ExperimentConversion({
   value,
   children
 }) {
-  const trackEvent = chunkTDK7DLCH_js.useSignalEvent();
-  const { variant } = chunkTDK7DLCH_js.useSignalExperiment(experimentId);
+  const trackEvent = useSignalEvent();
+  const { variant } = useSignalExperiment(experimentId);
   const handleInteraction = () => {
     trackEvent({
       event_type: "experiment",
@@ -215,7 +643,7 @@ function ExperimentConversion({
       }
     });
   };
-  return React__default.default.cloneElement(children, {
+  return React3__default.default.cloneElement(children, {
     onClick: (e) => {
       handleInteraction();
       if (children.props.onClick) {
@@ -435,11 +863,11 @@ function SetupAssistant({
   onComplete,
   welcomeMessage
 }) {
-  const [messages, setMessages] = React.useState([]);
-  const [input, setInput] = React.useState("");
-  const [isTyping, setIsTyping] = React.useState(false);
-  const [isExtracting, setIsExtracting] = React.useState(false);
-  const [state, setState] = React.useState({
+  const [messages, setMessages] = React3.useState([]);
+  const [input, setInput] = React3.useState("");
+  const [isTyping, setIsTyping] = React3.useState(false);
+  const [isExtracting, setIsExtracting] = React3.useState(false);
+  const [state, setState] = React3.useState({
     step: "welcome",
     isAuthenticated: !!authToken,
     selectedModules: ["analytics", "seo", "forms"],
@@ -452,10 +880,10 @@ function SetupAssistant({
       org_id: orgId
     }
   });
-  const messagesEndRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-  const streamingMessageRef = React.useRef(null);
-  const sendToSignalStreaming = React.useCallback(async (message, context, onToken, onComplete2) => {
+  const messagesEndRef = React3.useRef(null);
+  const inputRef = React3.useRef(null);
+  const streamingMessageRef = React3.useRef(null);
+  const sendToSignalStreaming = React3.useCallback(async (message, context, onToken, onComplete2) => {
     try {
       const response = await fetch(`${signalUrl}/api/skills/setup/chat/stream`, {
         method: "POST",
@@ -512,7 +940,7 @@ function SetupAssistant({
       onComplete2({ actions: result.actions, updated_context: result.updated_context });
     }
   }, [signalUrl, authToken, projectId, orgId]);
-  const sendToSignal = React.useCallback(async (message, context) => {
+  const sendToSignal = React3.useCallback(async (message, context) => {
     try {
       const response = await fetch(`${signalUrl}/api/skills/setup/chat`, {
         method: "POST",
@@ -541,7 +969,7 @@ function SetupAssistant({
       };
     }
   }, [signalUrl, authToken, projectId, orgId]);
-  const extractBrandFromDomain = React.useCallback(async (domain) => {
+  const extractBrandFromDomain = React3.useCallback(async (domain) => {
     setIsExtracting(true);
     try {
       const response = await fetch(`${apiUrl}/site-scrape/brand-only`, {
@@ -573,7 +1001,7 @@ function SetupAssistant({
       setIsExtracting(false);
     }
   }, [apiUrl, authToken]);
-  const addMessage = React.useCallback((message) => {
+  const addMessage = React3.useCallback((message) => {
     const newMessage = {
       ...message,
       id: crypto.randomUUID(),
@@ -582,12 +1010,12 @@ function SetupAssistant({
     setMessages((prev) => [...prev, newMessage]);
     return newMessage;
   }, []);
-  React.useCallback((id, update) => {
+  React3.useCallback((id, update) => {
     setMessages((prev) => prev.map(
       (m) => m.id === id ? { ...m, ...update } : m
     ));
   }, []);
-  const addStreamingMessage = React.useCallback(() => {
+  const addStreamingMessage = React3.useCallback(() => {
     const id = crypto.randomUUID();
     const newMessage = {
       id,
@@ -600,14 +1028,14 @@ function SetupAssistant({
     streamingMessageRef.current = id;
     return id;
   }, []);
-  const appendToStreamingMessage = React.useCallback((token) => {
+  const appendToStreamingMessage = React3.useCallback((token) => {
     const id = streamingMessageRef.current;
     if (!id) return;
     setMessages((prev) => prev.map(
       (m) => m.id === id ? { ...m, content: m.content + token } : m
     ));
   }, []);
-  const finalizeStreamingMessage = React.useCallback((actions) => {
+  const finalizeStreamingMessage = React3.useCallback((actions) => {
     const id = streamingMessageRef.current;
     if (!id) return;
     setMessages((prev) => prev.map(
@@ -615,20 +1043,20 @@ function SetupAssistant({
     ));
     streamingMessageRef.current = null;
   }, []);
-  const addAssistantMessage = React.useCallback((content, actions, component) => {
+  const addAssistantMessage = React3.useCallback((content, actions, component) => {
     setIsTyping(true);
     setTimeout(() => {
       setIsTyping(false);
       addMessage({ role: "assistant", content, actions, component });
     }, 500 + Math.random() * 500);
   }, [addMessage]);
-  const scrollToBottom = React.useCallback(() => {
+  const scrollToBottom = React3.useCallback(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     scrollToBottom();
   }, [messages, isTyping, scrollToBottom]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const welcome = welcomeMessage || `Hey! \u{1F44B} I'm Signal, your AI setup assistant.
 
 I'll help you integrate Uptrade Site-Kit into your project. What are we working with today?`;
@@ -640,7 +1068,7 @@ I'll help you integrate Uptrade Site-Kit into your project. What are we working
       ]);
     }, 500);
   }, []);
-  const handleAction = React.useCallback(async (action, data) => {
+  const handleAction = React3.useCallback(async (action, data) => {
     switch (action) {
       case "start":
         addMessage({ role: "user", content: "Let's do it!" });
@@ -976,7 +1404,7 @@ What's easier?`,
         break;
     }
   }, [addMessage, addAssistantMessage, addStreamingMessage, appendToStreamingMessage, finalizeStreamingMessage, sendToSignalStreaming, state, onComplete]);
-  const handleAuthSuccess = React.useCallback((email) => {
+  const handleAuthSuccess = React3.useCallback((email) => {
     addAssistantMessage(
       `Welcome back, ${email.split("@")[0]}! \u{1F44B}
 
@@ -988,7 +1416,7 @@ I found these projects in your account. Which one are we setting up?`,
       ]
     );
   }, [addAssistantMessage]);
-  const verifyIntegration = React.useCallback(async () => {
+  const verifyIntegration = React3.useCallback(async () => {
     setState((prev) => ({ ...prev, step: "verify" }));
     setIsTyping(true);
     try {
@@ -1054,7 +1482,7 @@ You can manually verify by:
       );
     }
   }, [signalUrl, authToken, projectId, state.context.project_id, addAssistantMessage]);
-  const showModuleSelectionWithRecommendations = React.useCallback(async () => {
+  const showModuleSelectionWithRecommendations = React3.useCallback(async () => {
     const { brand, business_type, scan_results } = state.context;
     if (brand || business_type) {
       try {
@@ -1081,7 +1509,7 @@ You can manually verify by:
     }
     showModuleSelection();
   }, [state.context, state.selectedModules, sendToSignal, handleAction]);
-  const showModuleSelection = React.useCallback(() => {
+  const showModuleSelection = React3.useCallback(() => {
     addAssistantMessage(
       `Perfect! Now let's choose which features to enable.
 
@@ -1098,7 +1526,7 @@ I've pre-selected the essentials, but you can customize:`,
       )
     );
   }, [addAssistantMessage, state.selectedModules, handleAction]);
-  const showConfigGeneration = React.useCallback(() => {
+  const showConfigGeneration = React3.useCallback(() => {
     const code = generateIntegrationCode(state);
     addAssistantMessage(
       `Here's your integration code! \u{1F389}
@@ -1110,7 +1538,7 @@ Add this to your root layout:`,
       /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { code })
     );
   }, [addAssistantMessage, state]);
-  const handleSubmit = React.useCallback(async (e) => {
+  const handleSubmit = React3.useCallback(async (e) => {
     e.preventDefault();
     if (!input.trim()) return;
     const userInput = input.trim();
@@ -1232,7 +1660,7 @@ Let me help you with that. What would you like to do?`,
                     ...styles.bubble,
                     ...message.role === "assistant" ? styles.bubbleAssistant : styles.bubbleUser
                   },
-                  children: message.content.split("\n").map((line, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+                  children: message.content.split("\n").map((line, i) => /* @__PURE__ */ jsxRuntime.jsxs(React3__default.default.Fragment, { children: [
                     line,
                     i < message.content.split("\n").length - 1 && /* @__PURE__ */ jsxRuntime.jsx("br", {})
                   ] }, i))
@@ -1531,19 +1959,19 @@ function BookingWidget({
   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 [step, setStep] = React3.useState(bookingTypeSlug ? "datetime" : "type");
+  const [loading, setLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const [bookingTypes, setBookingTypes] = React3.useState([]);
+  const [selectedType, setSelectedType] = React3.useState(null);
+  const [selectedDate, setSelectedDate] = React3.useState(null);
+  const [slots, setSlots] = React3.useState([]);
+  const [selectedSlot, setSelectedSlot] = React3.useState(null);
+  const [hold, setHold] = React3.useState(null);
+  const [guestInfo, setGuestInfo] = React3.useState({ name: "", email: "" });
+  const [bookingResult, setBookingResult] = React3.useState(null);
+  const timezone = React3.useMemo(() => propTimezone || detectTimezone(), [propTimezone]);
+  const availableDates = React3.useMemo(() => {
     const dates = [];
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
@@ -1556,7 +1984,7 @@ function BookingWidget({
     }
     return dates;
   }, [daysToShow]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (bookingTypeSlug) {
       fetchBookingTypeDetails(orgSlug, bookingTypeSlug, apiUrl).then((type) => {
         setSelectedType(type);
@@ -1572,7 +2000,7 @@ function BookingWidget({
       });
     }
   }, [orgSlug, bookingTypeSlug, apiUrl, onError]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!selectedDate || !selectedType) return;
     const dateStr = selectedDate.toISOString().split("T")[0];
     setLoading(true);
@@ -1583,7 +2011,7 @@ function BookingWidget({
       onError?.(err);
     }).finally(() => setLoading(false));
   }, [selectedDate, selectedType, orgSlug, apiUrl, timezone, onError]);
-  const handleSlotSelect = React.useCallback(async (slot) => {
+  const handleSlotSelect = React3.useCallback(async (slot) => {
     if (!selectedType) return;
     if (hold) {
       await releaseSlotHold(hold.holdId, apiUrl).catch(() => {
@@ -1608,7 +2036,7 @@ function BookingWidget({
       setLoading(false);
     }
   }, [selectedType, hold, timezone, apiUrl, onError]);
-  const handleBookingSubmit = React.useCallback(async (e) => {
+  const handleBookingSubmit = React3.useCallback(async (e) => {
     e.preventDefault();
     if (!selectedType || !selectedSlot) return;
     setLoading(true);
@@ -1633,7 +2061,7 @@ function BookingWidget({
       setLoading(false);
     }
   }, [selectedType, selectedSlot, guestInfo, timezone, hold, apiUrl, onBookingComplete, onError]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     return () => {
       if (hold) {
         releaseSlotHold(hold.holdId, apiUrl).catch(() => {
@@ -2423,70 +2851,40 @@ Object.defineProperty(exports, "handleManagedRedirects", {
 });
 Object.defineProperty(exports, "ManagedImage", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.ManagedImage; }
-});
-Object.defineProperty(exports, "SignalBridge", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.SignalBridge; }
-});
-Object.defineProperty(exports, "SiteKitProvider", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.SiteKitProvider; }
+  get: function () { return chunkFLAA4ZJO_js.ManagedImage; }
 });
 Object.defineProperty(exports, "assignImageToSlot", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.assignImageToSlot; }
+  get: function () { return chunkFLAA4ZJO_js.assignImageToSlot; }
 });
 Object.defineProperty(exports, "clearImageSlot", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.clearImageSlot; }
+  get: function () { return chunkFLAA4ZJO_js.clearImageSlot; }
 });
 Object.defineProperty(exports, "fetchManagedImage", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.fetchManagedImage; }
+  get: function () { return chunkFLAA4ZJO_js.fetchManagedImage; }
 });
 Object.defineProperty(exports, "fetchManagedImages", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.fetchManagedImages; }
+  get: function () { return chunkFLAA4ZJO_js.fetchManagedImages; }
 });
 Object.defineProperty(exports, "listImageFiles", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.listImageFiles; }
+  get: function () { return chunkFLAA4ZJO_js.listImageFiles; }
 });
 Object.defineProperty(exports, "uploadImage", {
   enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.uploadImage; }
-});
-Object.defineProperty(exports, "useSignal", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSignal; }
-});
-Object.defineProperty(exports, "useSignalConfig", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSignalConfig; }
-});
-Object.defineProperty(exports, "useSignalEvent", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSignalEvent; }
-});
-Object.defineProperty(exports, "useSignalExperiment", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSignalExperiment; }
-});
-Object.defineProperty(exports, "useSignalOutcome", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSignalOutcome; }
-});
-Object.defineProperty(exports, "useSiteKit", {
-  enumerable: true,
-  get: function () { return chunkTDK7DLCH_js.useSiteKit; }
+  get: function () { return chunkFLAA4ZJO_js.uploadImage; }
 });
 exports.AffiliateCard = AffiliateCard;
 exports.AffiliatesWidget = AffiliatesWidget;
 exports.BookingWidget = BookingWidget;
 exports.ExperimentConversion = ExperimentConversion;
 exports.SetupAssistant = SetupAssistant;
+exports.SignalBridge = SignalBridge;
 exports.SignalExperiment = SignalExperiment;
+exports.SiteKitProvider = SiteKitProvider;
 exports.createBooking = createBooking;
 exports.createSlotHold = createSlotHold;
 exports.detectTimezone = detectTimezone;
@@ -2502,5 +2900,11 @@ exports.getTrackingUrl = getTrackingUrl;
 exports.releaseSlotHold = releaseSlotHold;
 exports.useAffiliates = useAffiliates;
 exports.useExperimentVariant = useExperimentVariant;
+exports.useSignal = useSignal;
+exports.useSignalConfig = useSignalConfig;
+exports.useSignalEvent = useSignalEvent;
+exports.useSignalExperiment = useSignalExperiment;
+exports.useSignalOutcome = useSignalOutcome;
+exports.useSiteKit = useSiteKit;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map