@sonordev/site-kit 5.3.1 → 5.4.0

package/dist/{chunk-AJBJH3BA.mjs → chunk-UOLY4NXK.mjs}

@@ -1,16 +1,60 @@
 'use client';
 import { registerAnalyticsDispatcher } from './chunk-3DPXOZAU.mjs';
+import { isCrossOriginFrame } from './chunk-NVSWTDWU.mjs';
 import { getOrCreateVisitorId, getOrCreateSessionId } from './chunk-ZZQAGCSI.mjs';
-import { sonorFetch, sonorBeacon } from './chunk-4HL6CAZ7.mjs';
-import { createContext, useRef, useEffect, useState, useCallback, useMemo, useContext } from 'react';
+import { sonorFetch, sonorBeacon } from './chunk-MIFP6QEQ.mjs';
+import { createContext, useRef, useEffect, useState, useMemo, useCallback, useContext } from 'react';
 import { usePathname } from 'next/navigation';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function getApiConfig() {
-  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : "https://api.sonor.io";
+// src/analytics/send-gate.ts
+function windowConfig() {
+  const apiUrl = typeof window !== "undefined" && window.__SITE_KIT_API_URL__ || "https://api.sonor.io";
   const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
   return { apiUrl, apiKey };
 }
+var announcedSuppression = false;
+function resolveAnalyticsTarget(options = {}) {
+  const { apiUrl: globalApiUrl, apiKey: globalApiKey } = windowConfig();
+  const apiUrl = options.apiUrl || globalApiUrl;
+  const apiKey = options.apiKey || globalApiKey;
+  if (!apiKey) return null;
+  if (!options.allowInFrame && isCrossOriginFrame()) {
+    if (options.debug && !announcedSuppression) {
+      announcedSuppression = true;
+      console.info(
+        "[Analytics] This page is embedded in a cross-origin frame, so nothing is being reported. Set analytics.allowInFrame if this site is meant to be tracked as an embed."
+      );
+    }
+    return null;
+  }
+  return { apiUrl, apiKey };
+}
+async function analyticsSend(path, body, options = {}) {
+  const target = resolveAnalyticsTarget(options);
+  if (!target) return null;
+  try {
+    return await sonorFetch(
+      `${target.apiUrl}${path}`,
+      {
+        method: options.method || "POST",
+        headers: { "Content-Type": "application/json" },
+        ...options.keepalive ? { keepalive: true } : {},
+        ...body === void 0 ? {} : { body: JSON.stringify(body) }
+      },
+      { apiKey: target.apiKey, retries: options.retries ?? 0 }
+    );
+  } catch {
+    return null;
+  }
+}
+function analyticsBeacon(path, body, options = {}) {
+  const target = resolveAnalyticsTarget(options);
+  if (!target) return;
+  sonorBeacon(`${target.apiUrl}${path}`, body, target.apiKey);
+}
+
+// src/analytics/WebVitals.tsx
 function pathForMetric(metric, fallback) {
   const url = metric.navigationURL;
   if (url) {
@@ -61,29 +105,28 @@ function summarizeAttribution(metric) {
       return void 0;
   }
 }
-function WebVitals({ apiUrl: propApiUrl, apiKey: propApiKey, site: propSite, debug = false }) {
+function WebVitals({
+  apiUrl: propApiUrl,
+  apiKey: propApiKey,
+  site: propSite,
+  allowInFrame = false,
+  debug = false
+}) {
   const pathname = usePathname();
   const landingPathRef = useRef(pathname || "/");
-  const propsRef = useRef({ propApiUrl, propApiKey, propSite, debug });
-  propsRef.current = { propApiUrl, propApiKey, propSite, debug };
+  const propsRef = useRef({ propApiUrl, propApiKey, propSite, allowInFrame, debug });
+  propsRef.current = { propApiUrl, propApiKey, propSite, allowInFrame, debug };
   useEffect(() => {
     let cancelled = false;
     let teardown;
     import('./web-vitals.attribution-7LKLZ5GR.mjs').then(({ onCLS, onLCP, onTTFB, onINP, onFCP }) => {
       if (cancelled) return;
-      const { propApiUrl: propApiUrl2, propApiKey: propApiKey2, propSite: propSite2, debug: debug2 } = propsRef.current;
+      const { propApiUrl: propApiUrl2, propApiKey: propApiKey2, propSite: propSite2, allowInFrame: allowInFrame2, debug: debug2 } = propsRef.current;
       const sent = /* @__PURE__ */ new Map();
       const report = (metric, viaBeacon = false) => {
         if (sent.get(metric.id) === metric.value) return;
         sent.set(metric.id, metric.value);
-        const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig();
-        const apiUrl = propApiUrl2 || globalApiUrl;
-        const apiKey = propApiKey2 || globalApiKey;
         const site = propSite2 || (typeof window !== "undefined" ? window.__SITE_KIT_SITE__ || window.location.host : "");
-        if (!apiKey) {
-          if (debug2) console.warn("[Analytics] No API key configured for Web Vitals");
-          return;
-        }
         const data = {
           site,
           pagePath: pathForMetric(metric, landingPathRef.current),
@@ -97,22 +140,13 @@ function WebVitals({ apiUrl: propApiUrl, apiKey: propApiKey, site: propSite, deb
           attribution: summarizeAttribution(metric)
         };
         if (debug2) console.log("[Analytics] Web Vital:", data);
-        const endpoint = `${apiUrl}/api/public/analytics/web-vitals`;
+        const endpoint = "/api/public/analytics/web-vitals";
+        const gate = { apiUrl: propApiUrl2, apiKey: propApiKey2, allowInFrame: allowInFrame2, debug: debug2 };
         if (viaBeacon) {
-          sonorBeacon(endpoint, data, apiKey);
+          analyticsBeacon(endpoint, data, gate);
           return;
         }
-        void sonorFetch(
-          endpoint,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(data)
-          },
-          { apiKey, retries: 0 }
-        ).catch((error) => {
-          if (debug2) console.error("[Analytics] Error reporting Web Vital:", error);
-        });
+        void analyticsSend(endpoint, data, gate);
       };
       const opts = { reportSoftNavs: true };
       const pending = [];
@@ -547,11 +581,6 @@ async function collectPageMetadata(isStale) {
   const content = getContentPageMetadata();
   return { ...light, ...media, ...content };
 }
-function getApiConfig2() {
-  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : "https://api.sonor.io";
-  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
-  return { apiUrl, apiKey };
-}
 function AnalyticsProvider({
   children,
   apiUrl: propApiUrl,
@@ -569,11 +598,16 @@ function AnalyticsProvider({
   externalVisitorId,
   externalSessionId,
   onPageMetadata,
-  site: propSite
+  site: propSite,
+  allowInFrame = false
 }) {
   const pathname = usePathname();
   const [queryString, setQueryString] = useState("");
   const site = propSite || (typeof window !== "undefined" ? window.__SITE_KIT_SITE__ || window.location.host : "");
+  const gate = useMemo(
+    () => ({ apiUrl: propApiUrl, apiKey: propApiKey, allowInFrame, debug }),
+    [propApiUrl, propApiKey, allowInFrame, debug]
+  );
   useEffect(() => {
     if (typeof window === "undefined") return;
     setQueryString(window.location.search);
@@ -601,19 +635,17 @@ function AnalyticsProvider({
       return;
     }
     const fetchValidPages = async () => {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Analytics] No API key for page validation");
-        return;
-      }
       try {
-        const response = await sonorFetch(
-          `${apiUrl}/api/public/seo/pages`,
-          { method: "GET", headers: { "Content-Type": "application/json" } },
-          { apiKey }
+        const response = await analyticsSend(
+          "/api/public/seo/pages",
+          void 0,
+          { ...gate, method: "GET", retries: 2 }
         );
+        if (!response) {
+          if (debug) console.warn("[Analytics] Page validation skipped (no key, or embedded)");
+          sitemapLoadedRef.current = true;
+          return;
+        }
         if (response.ok) {
           const data = await response.json();
           const pages = data?.pages || [];
@@ -636,7 +668,7 @@ function AnalyticsProvider({
       }
     };
     fetchValidPages();
-  }, [propApiUrl, propApiKey, validateAgainstSitemap, debug]);
+  }, [gate, validateAgainstSitemap, debug]);
   useEffect(() => {
     if (!trackPageViews) return;
     if (!pathname) return;
@@ -645,11 +677,8 @@ function AnalyticsProvider({
     if (normalizedPath === lastPathRef.current) return;
     lastPathRef.current = normalizedPath;
     const trackPageView = async () => {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Analytics] No API key configured");
+      if (!resolveAnalyticsTarget(gate)) {
+        if (debug) console.warn("[Analytics] Page view skipped (no key, or embedded)");
         return;
       }
       const utmParams = getUTMParams();
@@ -692,25 +721,13 @@ function AnalyticsProvider({
       if (debug) {
         console.log("[Analytics] Page view:", pageView);
       }
-      try {
-        const response = await sonorFetch(
-          `${apiUrl}/api/public/analytics/page-view`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(pageView)
-          },
-          { apiKey, retries: 0 }
-        );
-        if (debug) {
-          console.log("[Analytics] Page view response:", response.status, response.statusText, "url:", `${apiUrl}/api/public/analytics/page-view`);
-        }
-        if (!response.ok && debug) {
+      const response = await analyticsSend("/api/public/analytics/page-view", pageView, gate);
+      if (debug && response) {
+        console.log("[Analytics] Page view response:", response.status, response.statusText);
+        if (!response.ok) {
           const text = await response.text().catch(() => "");
           console.error("[Analytics] Error tracking page view:", response.status, response.statusText, text);
         }
-      } catch (error) {
-        if (debug) console.error("[Analytics] Error tracking page view (fetch failed):", error);
       }
       if (validateAgainstSitemap && debug) {
         if (sitemapLoadedRef.current && validPathsRef.current && validPathsRef.current.size > 0) {
@@ -723,15 +740,12 @@ function AnalyticsProvider({
       }
     };
     scheduleIdleTask(() => trackPageView());
-  }, [pathname, queryString, propApiUrl, propApiKey, trackPageViews, excludePaths, debug, validateAgainstSitemap]);
+  }, [pathname, queryString, gate, trackPageViews, excludePaths, debug, validateAgainstSitemap]);
   useEffect(() => {
     if (!trackJourneys) return;
     if (!pathname) return;
     if (typeof window === "undefined") return;
-    const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-    const apiUrl = propApiUrl || globalApiUrl;
-    const apiKey = propApiKey || globalApiKey;
-    if (!apiKey) return;
+    if (!resolveAnalyticsTarget(gate)) return;
     const now = Date.now();
     const previousPath = lastPathRef.current;
     const previousDuration = pageEnterTimeRef.current > 0 ? Math.round((now - pageEnterTimeRef.current) / 1e3) : 0;
@@ -782,48 +796,36 @@ function AnalyticsProvider({
       if (debug) {
         console.log("[Analytics] Journey step:", sessionData);
       }
-      try {
-        await sonorFetch(
-          `${apiUrl}/api/public/analytics/session`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(sessionData)
-          },
-          { apiKey, retries: 0 }
-        );
-      } catch (error) {
-        if (debug) console.error("[Analytics] Error tracking journey:", error);
-      }
+      await analyticsSend("/api/public/analytics/session", sessionData, gate);
     };
     scheduleIdleTask(() => trackJourneyStep());
     const handleUnload = () => {
       const duration = Math.round((Date.now() - journeyStartTimeRef.current) / 1e3);
-      const payload = JSON.stringify({
-        sessionId: sessionIdRef.current,
-        site,
-        action: "end",
-        duration,
-        lastPage: pathname,
-        previousPageDuration: Math.round((Date.now() - pageEnterTimeRef.current) / 1e3),
-        previousPageScrollDepth: currentScrollDepthRef.current
-      });
-      sonorBeacon(`${apiUrl}/api/public/analytics/session`, payload, apiKey);
+      analyticsBeacon(
+        "/api/public/analytics/session",
+        {
+          sessionId: sessionIdRef.current,
+          site,
+          action: "end",
+          duration,
+          lastPage: pathname,
+          previousPageDuration: Math.round((Date.now() - pageEnterTimeRef.current) / 1e3),
+          previousPageScrollDepth: currentScrollDepthRef.current
+        },
+        gate
+      );
     };
     window.addEventListener("pagehide", handleUnload);
     return () => {
       window.removeEventListener("pagehide", handleUnload);
     };
-  }, [pathname, propApiUrl, propApiKey, trackJourneys, debug]);
+  }, [pathname, gate, trackJourneys, debug]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     if (debug) console.log("[Analytics] Scroll tracking setup:", { trackScrollDepth, hasApiKey: !!propApiKey });
     if (!trackScrollDepth) return;
-    const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-    const apiUrl = propApiUrl || globalApiUrl;
-    const apiKey = propApiKey || globalApiKey;
-    if (!apiKey) {
-      if (debug) console.warn("[Analytics] Scroll tracking disabled - no API key");
+    if (!resolveAnalyticsTarget(gate)) {
+      if (debug) console.warn("[Analytics] Scroll tracking disabled (no key, or embedded)");
       return;
     }
     if (debug) console.log("[Analytics] Scroll tracking enabled for:", pathname);
@@ -859,7 +861,7 @@ function AnalyticsProvider({
       if (hasTracked || maxDepth === 0) return;
       hasTracked = true;
       const totalTime = (Date.now() - startTime) / 1e3;
-      const payload = JSON.stringify({
+      const payload = {
         sessionId: sessionIdRef.current,
         visitorId: visitorIdRef.current,
         site,
@@ -871,28 +873,16 @@ function AnalyticsProvider({
         timeTo100: milestone100,
         totalTimeSeconds: totalTime,
         deviceType: getDeviceType()
-      });
+      };
       if (useBeacon) {
-        sonorBeacon(`${apiUrl}/api/public/analytics/scroll-depth`, payload, apiKey);
-        if (debug) console.log("[Analytics] Scroll depth (beacon):", { maxDepth, totalTime });
+        analyticsBeacon("/api/public/analytics/scroll-depth", payload, gate);
       } else {
-        try {
-          await sonorFetch(
-            `${apiUrl}/api/public/analytics/scroll-depth`,
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: payload,
-              keepalive: true
-              // Allows request to outlive the page
-            },
-            { apiKey, retries: 0 }
-          );
-          if (debug) console.log("[Analytics] Scroll depth:", { maxDepth, totalTime });
-        } catch (error) {
-          if (debug) console.error("[Analytics] Error tracking scroll depth:", error);
-        }
+        await analyticsSend("/api/public/analytics/scroll-depth", payload, {
+          ...gate,
+          keepalive: true
+        });
       }
+      if (debug) console.log("[Analytics] Scroll depth:", { maxDepth, totalTime, useBeacon });
     };
     maxDepth = 0;
     startTime = Date.now();
@@ -915,14 +905,11 @@ function AnalyticsProvider({
       document.removeEventListener("visibilitychange", handleVisibilityChange);
       sendScrollData(false);
     };
-  }, [pathname, propApiUrl, propApiKey, trackScrollDepth, debug]);
+  }, [pathname, gate, trackScrollDepth, debug]);
   useEffect(() => {
     if (!trackClicks) return;
     if (typeof window === "undefined") return;
-    const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-    const apiUrl = propApiUrl || globalApiUrl;
-    const apiKey = propApiKey || globalApiKey;
-    if (!apiKey) return;
+    if (!resolveAnalyticsTarget(gate)) return;
     const handleClick = async (e) => {
       const target = e.target;
       if (!target) return;
@@ -953,36 +940,17 @@ function AnalyticsProvider({
         elementText
       };
       if (debug) console.log("[Analytics] Click:", clickData);
-      scheduleIdleTask(async () => {
-        try {
-          await sonorFetch(
-            `${apiUrl}/api/public/analytics/heatmap-click`,
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify(clickData)
-            },
-            { apiKey, retries: 0 }
-          );
-        } catch (error) {
-          if (debug) console.error("[Analytics] Error tracking click:", error);
-        }
+      scheduleIdleTask(() => {
+        void analyticsSend("/api/public/analytics/heatmap-click", clickData, gate);
       }, 500);
     };
     document.addEventListener("click", handleClick, { passive: true });
     return () => {
       document.removeEventListener("click", handleClick);
     };
-  }, [pathname, propApiUrl, propApiKey, trackClicks, debug]);
+  }, [pathname, gate, trackClicks, debug]);
   const trackEvent = useCallback((options) => {
     const doTrack = async () => {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Analytics] No API key configured");
-        return;
-      }
       const event = {
         sessionId: sessionIdRef.current,
         visitorId: visitorIdRef.current,
@@ -997,34 +965,15 @@ function AnalyticsProvider({
       if (debug) {
         console.log("[Analytics] Event:", event);
       }
-      try {
-        const response = await sonorFetch(
-          `${apiUrl}/api/public/analytics/event`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(event)
-          },
-          { apiKey, retries: 0 }
-        );
-        if (!response.ok && debug) {
-          console.error("[Analytics] Error tracking event:", response.statusText);
-        }
-      } catch (error) {
-        if (debug) console.error("[Analytics] Error tracking event:", error);
+      const response = await analyticsSend("/api/public/analytics/event", event, gate);
+      if (response && !response.ok && debug) {
+        console.error("[Analytics] Error tracking event:", response.statusText);
       }
     };
     scheduleIdleTask(doTrack, 1e3);
-  }, [propApiUrl, propApiKey, pathname, debug]);
+  }, [gate, site, pathname, debug]);
   const trackConversion = useCallback((options) => {
     const doTrack = async () => {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig2();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Analytics] No API key configured");
-        return;
-      }
       const conversion = {
         sessionId: sessionIdRef.current,
         visitorId: visitorIdRef.current,
@@ -1040,25 +989,13 @@ function AnalyticsProvider({
       if (debug) {
         console.log("[Analytics] Conversion:", conversion);
       }
-      try {
-        const response = await sonorFetch(
-          `${apiUrl}/api/public/analytics/conversion`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(conversion)
-          },
-          { apiKey, retries: 0 }
-        );
-        if (!response.ok && debug) {
-          console.error("[Analytics] Error tracking conversion:", response.statusText);
-        }
-      } catch (error) {
-        if (debug) console.error("[Analytics] Error tracking conversion:", error);
+      const response = await analyticsSend("/api/public/analytics/conversion", conversion, gate);
+      if (response && !response.ok && debug) {
+        console.error("[Analytics] Error tracking conversion:", response.statusText);
       }
     };
     doTrack();
-  }, [propApiUrl, propApiKey, pathname, debug]);
+  }, [gate, site, pathname, debug]);
   useEffect(() => {
     registerAnalyticsDispatcher({ trackEvent, trackConversion });
     return () => registerAnalyticsDispatcher(null);
@@ -1076,6 +1013,7 @@ function AnalyticsProvider({
         apiUrl: propApiUrl,
         apiKey: propApiKey,
         site,
+        allowInFrame,
         debug
       }
     ),
@@ -1098,5 +1036,5 @@ function useTrackEvent() {
 }
 
 export { AnalyticsProvider, WebVitals, useAnalytics, useAnalyticsOptional, useTrackEvent };
-//# sourceMappingURL=chunk-AJBJH3BA.mjs.map
-//# sourceMappingURL=chunk-AJBJH3BA.mjs.map
+//# sourceMappingURL=chunk-UOLY4NXK.mjs.map
+//# sourceMappingURL=chunk-UOLY4NXK.mjs.map