@uptrademedia/site-kit 1.0.9 → 1.0.11

package/dist/{chunk-MB3WR5KJ.mjs → chunk-CDJL2YGL.mjs}

@@ -1,442 +1,14 @@
-import { SitemapSync } from './chunk-WPSRS352.mjs';
-import { AnalyticsProvider } from './chunk-42EXHJTC.mjs';
-import { EngageWidget } from './chunk-DYM5ML2V.mjs';
-import { configureFormsApi } from './chunk-SMUFNQLM.mjs';
-import { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, Suspense } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var SignalContext = createContext(null);
-function useSignal() {
-  const context = 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] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const eventSourceRef = useRef(null);
-  const eventQueueRef = useRef([]);
-  const flushTimeoutRef = useRef(null);
-  const assignmentsRef = useRef(/* @__PURE__ */ new Map());
-  const pageLoadTimeRef = useRef(Date.now());
-  const scrollDepthRef = useRef(0);
-  const clickCountRef = useRef(0);
-  const { apiUrl, apiKey } = getApiConfig();
-  const fetchConfig = 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 = 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 = 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 = useCallback((experimentId) => {
-    return assignmentsRef.current.get(experimentId) || null;
-  }, []);
-  const flushEvents = 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 = 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 = 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]);
-  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]);
-  useEffect(() => {
-    fetchConfig();
-  }, [fetchConfig]);
-  useEffect(() => {
-    if (config && realtime) {
-      connectSSE();
-    }
-    return () => {
-      if (eventSourceRef.current) {
-        eventSourceRef.current.close();
-      }
-    };
-  }, [config, realtime, connectSSE]);
-  const contextValue = useMemo(() => ({
-    config,
-    loading,
-    error,
-    trackEvent,
-    trackOutcome,
-    getExperiment,
-    refreshConfig: fetchConfig
-  }), [config, loading, error, trackEvent, trackOutcome, getExperiment, fetchConfig]);
-  return /* @__PURE__ */ 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 = createContext(null);
-function useSiteKit() {
-  const context = 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.");
-  }
-  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) {
-      configureFormsApi({
-        baseUrl: finalApiUrl,
-        apiKey
-      });
-    }
-  }, [finalApiUrl, finalSignalUrl, apiKey, debug]);
-  const contextValue = useMemo(
-    () => ({
-      apiUrl: finalApiUrl,
-      signalUrl: finalSignalUrl,
-      apiKey,
-      analytics,
-      engage,
-      forms,
-      signal,
-      debug,
-      isReady: true
-    }),
-    [finalApiUrl, finalSignalUrl, apiKey, analytics, engage, forms, signal, debug]
-  );
-  let content = /* @__PURE__ */ jsx(Fragment, { children });
-  if (signal?.enabled) {
-    content = /* @__PURE__ */ jsx(
-      SignalBridge,
-      {
-        enabled: signal.enabled,
-        realtime: signal.realtime !== false,
-        experiments: signal.experiments !== false,
-        behaviorTracking: signal.behaviorTracking !== false,
-        children: content
-      }
-    );
-  }
-  if (analytics?.enabled) {
-    content = /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-      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__ */ jsxs(Fragment, { children: [
-      content,
-      /* @__PURE__ */ jsx(
-        EngageWidget,
-        {
-          apiUrl: finalApiUrl,
-          apiKey,
-          position: engage.position || "bottom-right",
-          chatEnabled: engage.chatEnabled !== false
-        }
-      )
-    ] });
-  }
-  content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    content,
-    /* @__PURE__ */ jsx(SitemapSync, { debug })
-  ] });
-  return /* @__PURE__ */ jsx(SiteKitContext.Provider, { value: contextValue, children: content });
-}
+// src/images/ManagedImage.tsx
 var isDevMode = () => {
   if (typeof window === "undefined") return false;
   return process.env.NODE_ENV === "development" || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.search.includes("uptrade_dev=true");
 };
 function ManagedImage({
+  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,
+  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.uptrademedia.com",
   slotId,
   pagePath,
   alt,
@@ -452,7 +24,6 @@ function ManagedImage({
   style,
   forceDevMode
 }) {
-  const context = useSiteKit();
   const [imageData, setImageData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -460,18 +31,18 @@ function ManagedImage({
   const [devMode] = useState(() => forceDevMode || isDevMode());
   const currentPath = pagePath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
   const fetchImage = useCallback(async () => {
-    if (!context?.apiKey || !context?.apiUrl) {
+    if (!apiKey || !apiUrl) {
       setLoading(false);
       return;
     }
     try {
       const params = new URLSearchParams({ page_path: currentPath });
       const res = await fetch(
-        `${context.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
         {
           headers: {
             "Content-Type": "application/json",
-            "x-api-key": context.apiKey
+            "x-api-key": apiKey
           }
         }
       );
@@ -488,7 +59,7 @@ function ManagedImage({
     } finally {
       setLoading(false);
     }
-  }, [context?.apiKey, context?.apiUrl, slotId, currentPath, onError]);
+  }, [apiKey, apiUrl, slotId, currentPath, onError]);
   useEffect(() => {
     fetchImage();
   }, [fetchImage]);
@@ -562,7 +133,7 @@ function ManagedImage({
             {
               slotId,
               pagePath: currentPath,
-              config: context,
+              config: { apiKey, apiUrl },
               onClose: () => setShowPicker(false),
               onSelect: () => {
                 setShowPicker(false);
@@ -611,7 +182,7 @@ function ManagedImage({
       {
         slotId,
         pagePath: currentPath,
-        config: context,
+        config: { apiKey, apiUrl },
         currentImage: imageData,
         onClose: () => setShowPicker(false),
         onSelect: () => {
@@ -866,6 +437,53 @@ function ImagePickerModal({
     }
   );
 }
+async function fetchFaviconData(apiUrl, apiKey) {
+  try {
+    const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      cache: "no-store"
+      // Always fetch fresh
+    });
+    if (!res.ok) {
+      console.warn("[ManagedFavicon] Failed to fetch:", res.status);
+      return null;
+    }
+    const data = await res.json();
+    if (data.image && !data.is_placeholder) {
+      return {
+        public_url: data.image.public_url || data.image.external_url,
+        mime_type: data.image.file?.mime_type,
+        is_placeholder: false
+      };
+    }
+    return null;
+  } catch (err) {
+    console.error("[ManagedFavicon] Error fetching favicon:", err);
+    return null;
+  }
+}
+async function ManagedFavicon({
+  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,
+  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.uptrademedia.com",
+  fallback = "/favicon.ico",
+  themeColor = "#4bbf39"
+}) {
+  const faviconData = apiKey && apiUrl ? await fetchFaviconData(apiUrl, apiKey) : null;
+  const faviconUrl = faviconData?.public_url || fallback;
+  const mimeType = faviconData?.mime_type || "image/x-icon";
+  const isSvg = mimeType === "image/svg+xml" || faviconUrl.endsWith(".svg");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isSvg ? /* @__PURE__ */ jsx("link", { rel: "icon", type: "image/svg+xml", href: faviconUrl }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("link", { rel: "icon", type: "image/png", sizes: "32x32", href: faviconUrl }),
+      /* @__PURE__ */ jsx("link", { rel: "icon", type: "image/png", sizes: "16x16", href: faviconUrl })
+    ] }),
+    /* @__PURE__ */ jsx("link", { rel: "apple-touch-icon", sizes: "180x180", href: faviconUrl }),
+    /* @__PURE__ */ jsx("meta", { name: "theme-color", content: themeColor })
+  ] });
+}
 
 // src/images/api.ts
 async function fetchManagedImage(config, slotId, pagePath) {
@@ -986,6 +604,6 @@ async function clearImageSlot(config, slotId, pagePath) {
   return res.json();
 }
 
-export { ManagedImage, SignalBridge, SiteKitProvider, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage, useSignal, useSignalConfig, useSignalEvent, useSignalExperiment, useSignalOutcome, useSiteKit };
-//# sourceMappingURL=chunk-MB3WR5KJ.mjs.map
-//# sourceMappingURL=chunk-MB3WR5KJ.mjs.map
+export { ManagedFavicon, ManagedImage, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage };
+//# sourceMappingURL=chunk-CDJL2YGL.mjs.map
+//# sourceMappingURL=chunk-CDJL2YGL.mjs.map

package/dist/chunk-CDJL2YGL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/images/ManagedImage.tsx","../src/images/ManagedFavicon.tsx","../src/images/api.ts"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;AAsFA,IAAM,YAAY,MAAe;AAC/B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,KAAA;AAC1C,EAAA,OACE,QAAQ,GAAA,CAAI,QAAA,KAAa,aAAA,IACzB,MAAA,CAAO,SAAS,QAAA,KAAa,WAAA,IAC7B,MAAA,CAAO,QAAA,CAAS,aAAa,WAAA,IAC7B,MAAA,CAAO,QAAA,CAAS,MAAA,CAAO,SAAS,kBAAkB,CAAA;AAEtD,CAAA;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA,GAAS,QAAQ,GAAA,CAAI,2BAAA;AAAA,EACrB,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,2BAAA,IAA+B,8BAAA;AAAA,EACpD,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,QAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkC,IAAI,CAAA;AACxE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,SAAS,MAAM,YAAA,IAAgB,WAAW,CAAA;AAG5D,EAAA,MAAM,cAAc,QAAA,KAAa,OAAO,WAAW,WAAA,GAAc,MAAA,CAAO,SAAS,QAAA,GAAW,GAAA,CAAA;AAG5F,EAAA,MAAM,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,EAAQ;AACtB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,SAAS,IAAI,eAAA,CAAgB,EAAE,SAAA,EAAW,aAAa,CAAA;AAC7D,MAAA,MAAM,MAAM,MAAM,KAAA;AAAA,QAChB,GAAG,MAAM,CAAA,oBAAA,EAAuB,mBAAmB,MAAM,CAAC,IAAI,MAAM,CAAA,CAAA;AAAA,QACpE;AAAA,UACE,OAAA,EAAS;AAAA,YACP,cAAA,EAAgB,kBAAA;AAAA,YAChB,WAAA,EAAa;AAAA;AACf;AACF,OACF;AAEA,MAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,QAAA,MAAM,IAAI,KAAA,CAAM,CAAA,uBAAA,EAA0B,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,MACxD;AAEA,MAAA,MAAM,IAAA,GAAO,MAAM,GAAA,CAAI,IAAA,EAAK;AAC5B,MAAA,YAAA,CAAa,KAAK,KAAK,CAAA;AACvB,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,+BAA+B,GAAG,CAAA;AAChD,MAAA,QAAA,CAAS,GAAA,YAAe,QAAQ,GAAA,GAAM,IAAI,MAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAC5D,MAAA,OAAA,GAAU,GAAA,YAAe,QAAQ,GAAA,GAAM,IAAI,MAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAAA,IAC/D,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,WAAA,EAAa,OAAO,CAAC,CAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,EAAW;AAAA,EACb,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAGf,EAAA,MAAM,cAAA,GAAiB,YACnB,CAAA,EAAG,SAAA,CAAU,aAAa,CAAA,EAAA,EAAK,SAAA,CAAU,aAAa,CAAA,CAAA,CAAA,GACtD,SAAA;AAGJ,EAAA,MAAM,QAAA,GAAW,SAAA,EAAW,UAAA,IAAc,SAAA,EAAW,YAAA,IAAgB,QAAA;AAGrE,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAGA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,6BAA6B,SAAS,CAAA,CAAA;AAAA,QACjD,KAAA,EAAO;AAAA,UACL,OAAO,KAAA,IAAS,MAAA;AAAA,UAChB,QAAQ,MAAA,IAAU,GAAA;AAAA,UAClB,GAAG;AAAA;AACL;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,uCAAU,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,IACxB;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW;AAAA;AAAA;AAAA,UAAA,EAGP,OAAA,GAAU,8EAA8E,EAAE;AAAA,UAAA,EAC1F,SAAS;AAAA,QAAA,CAAA;AAAA,QAEb,KAAA,EAAO;AAAA,UACL,OAAO,KAAA,IAAS,MAAA;AAAA,UAChB,QAAQ,MAAA,IAAU,GAAA;AAAA,UAClB,GAAG;AAAA,SACL;AAAA,QACA,KAAA,EAAO,OAAA,GAAU,CAAA,6BAAA,EAAgC,MAAM,CAAA,CAAA,GAAK,MAAA;AAAA,QAE5D,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,wBAAA;AAAA,gBACV,IAAA,EAAK,MAAA;AAAA,gBACL,MAAA,EAAO,cAAA;AAAA,gBACP,OAAA,EAAQ,WAAA;AAAA,gBAER,QAAA,kBAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAc,OAAA;AAAA,oBACd,cAAA,EAAe,OAAA;AAAA,oBACf,WAAA,EAAa,GAAA;AAAA,oBACb,CAAA,EAAE;AAAA;AAAA;AACJ;AAAA,aACF;AAAA,YACC,OAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAsB,QAAA,EAAA,oBAAA,EAAkB,CAAA;AAAA,4BAEvD,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,WAAA,EACtC,CAAA;AAAA,UAEC,UAAA,oBACC,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,MAAA;AAAA,cACA,QAAA,EAAU,WAAA;AAAA,cACV,MAAA,EAAQ,EAAE,MAAA,EAAQ,MAAA,EAAO;AAAA,cACzB,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,cAClC,UAAU,MAAM;AACd,gBAAA,aAAA,CAAc,KAAK,CAAA;AACnB,gBAAA,UAAA,EAAW;AAAA,cACb;AAAA;AAAA;AACF;AAAA;AAAA,KAEJ;AAAA,EAEJ;AAGA,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAU,UAAA,EAAW,OAAO,EAAE,KAAA,EAAO,QAAO,EAC/C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,GAAA,EAAK,SAAA,EAAW,QAAA,IAAY,GAAA,IAAO,EAAA;AAAA,QACnC,KAAA,EAAO,WAAW,KAAA,IAAS,MAAA;AAAA,QAC3B,oBAAA,EAAmB,MAAA;AAAA,QACnB,cAAA,EAAc,MAAA;AAAA,QACd,gBAAA,EAAgB,WAAA;AAAA,QAChB,SAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,SAAA;AAAA,UACA,cAAA;AAAA,UACA,OAAO,KAAA,IAAS,MAAA;AAAA,UAChB,QAAQ,MAAA,IAAU,MAAA;AAAA,UAClB,GAAG;AAAA,SACL;AAAA,QACA,MAAA;AAAA,QACA,SAAS,MAAM,OAAA,GAAU,IAAI,KAAA,CAAM,sBAAsB,CAAC,CAAA;AAAA,QAC1D,OAAA,EAAS,WAAW,OAAA,GAAU,MAAA;AAAA,QAC9B,OAAA,EAAS;AAAA;AAAA,KACX;AAAA,IAGC,OAAA,oBACC,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,6IAAA;AAAA,QACV,OAAA,EAAS,WAAA;AAAA,QAET,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gFAAA,EAAiF,QAAA,EAAA,YAAA,EAEhG;AAAA;AAAA,KACF;AAAA,IAGD,UAAA,oBACC,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,QAAA,EAAU,WAAA;AAAA,QACV,MAAA,EAAQ,EAAE,MAAA,EAAQ,MAAA,EAAO;AAAA,QACzB,YAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,QAClC,UAAU,MAAM;AACd,UAAA,aAAA,CAAc,KAAK,CAAA;AACnB,UAAA,UAAA,EAAW;AAAA,QACb;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAeA,SAAS,gBAAA,CAAiB;AAAA,EACxB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAsB,EAAE,CAAA;AAClD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAiB,EAAE,CAAA;AAC7D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,IAAI,QAAA,CAAS,YAAA,EAAc,YAAY,EAAE,CAAA;AAGnE,EAAA,MAAM,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,IAAI,CAAC,MAAA,EAAQ,MAAA,IAAU,CAAC,QAAQ,MAAA,EAAQ;AAExC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,MAAA,IAAI,aAAA,EAAe,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,aAAa,CAAA;AACrD,MAAA,IAAI,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,MAAM,CAAA;AAEvC,MAAA,MAAM,MAAM,MAAM,KAAA;AAAA,QAChB,CAAA,EAAG,MAAA,CAAO,MAAM,CAAA,qBAAA,EAAwB,MAAM,CAAA,CAAA;AAAA,QAC9C;AAAA,UACE,OAAA,EAAS;AAAA,YACP,cAAA,EAAgB,kBAAA;AAAA,YAChB,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,OACF;AAEA,MAAA,IAAI,IAAI,EAAA,EAAI;AACV,QAAA,MAAM,IAAA,GAAO,MAAM,GAAA,CAAI,IAAA,EAAK;AAC5B,QAAA,QAAA,CAAS,IAAA,CAAK,KAAA,IAAS,EAAE,CAAA;AACzB,QAAA,UAAA,CAAW,IAAA,CAAK,OAAA,IAAW,EAAE,CAAA;AAAA,MAC/B;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,8BAA8B,GAAG,CAAA;AAAA,IACjD,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,MAAA,EAAQ,QAAQ,MAAA,EAAQ,aAAA,EAAe,MAAM,CAAC,CAAA;AAE1D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,EAAW;AAAA,EACb,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAGf,EAAA,MAAM,gBAAA,GAAmB,OAAO,IAAA,KAAoB;AAClD,IAAA,IAAI,CAAC,MAAA,EAAQ,MAAA,IAAU,CAAC,QAAQ,MAAA,EAAQ;AAExC,IAAA,IAAI;AACF,MAAA,MAAM,MAAM,MAAM,KAAA;AAAA,QAChB,GAAG,MAAA,CAAO,MAAM,CAAA,oBAAA,EAAuB,kBAAA,CAAmB,MAAM,CAAC,CAAA,CAAA;AAAA,QACjE;AAAA,UACE,MAAA,EAAQ,MAAA;AAAA,UACR,OAAA,EAAS;AAAA,YACP,cAAA,EAAgB,kBAAA;AAAA,YAChB,aAAa,MAAA,CAAO;AAAA,WACtB;AAAA,UACA,IAAA,EAAM,KAAK,SAAA,CAAU;AAAA,YACnB,SAAA,EAAW,QAAA;AAAA,YACX,SAAS,IAAA,CAAK,EAAA;AAAA,YACd,QAAA,EAAU,WAAW,IAAA,CAAK;AAAA,WAC3B;AAAA;AACH,OACF;AAEA,MAAA,IAAI,IAAI,EAAA,EAAI;AACV,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,+BAA+B,GAAG,CAAA;AAAA,IAClD;AAAA,EACF,CAAA;AAGA,EAAA,MAAM,YAAA,GAAe,OAAO,CAAA,KAA2C;AACrE,IAAA,MAAM,IAAA,GAAO,CAAA,CAAE,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAA;AAC/B,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,QAAQ,MAAA,IAAU,CAAC,QAAQ,MAAA,EAAQ;AAEjD,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,QAAA,GAAW,IAAI,QAAA,EAAS;AAC9B,MAAA,QAAA,CAAS,MAAA,CAAO,QAAQ,IAAI,CAAA;AAC5B,MAAA,QAAA,CAAS,MAAA,CAAO,WAAW,MAAM,CAAA;AACjC,MAAA,QAAA,CAAS,MAAA,CAAO,aAAa,QAAQ,CAAA;AACrC,MAAA,QAAA,CAAS,MAAA,CAAO,QAAA,EAAU,aAAA,IAAiB,gBAAgB,CAAA;AAC3D,MAAA,IAAI,OAAA,EAAS,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,OAAO,CAAA;AAEhD,MAAA,MAAM,MAAM,MAAM,KAAA,CAAM,CAAA,EAAG,MAAA,CAAO,MAAM,CAAA,qBAAA,CAAA,EAAyB;AAAA,QAC/D,MAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS;AAAA,UACP,aAAa,MAAA,CAAO;AAAA,SACtB;AAAA,QACA,IAAA,EAAM;AAAA,OACP,CAAA;AAED,MAAA,IAAI,IAAI,EAAA,EAAI;AACV,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,+BAA+B,GAAG,CAAA;AAAA,IAClD,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAGA,EAAA,MAAM,cAAc,YAAY;AAC9B,IAAA,IAAI,CAAC,MAAA,EAAQ,MAAA,IAAU,CAAC,QAAQ,MAAA,EAAQ;AAExC,IAAA,IAAI;AACF,MAAA,MAAM,SAAS,IAAI,eAAA,CAAgB,EAAE,SAAA,EAAW,UAAU,CAAA;AAC1D,MAAA,MAAM,KAAA;AAAA,QACJ,CAAA,EAAG,OAAO,MAAM,CAAA,oBAAA,EAAuB,mBAAmB,MAAM,CAAC,IAAI,MAAM,CAAA,CAAA;AAAA,QAC3E;AAAA,UACE,MAAA,EAAQ,QAAA;AAAA,UACR,OAAA,EAAS;AAAA,YACP,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,OACF;AACA,MAAA,QAAA,EAAS;AAAA,IACX,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,8BAA8B,GAAG,CAAA;AAAA,IACjD;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,0EAAA;AAAA,MACV,OAAA,EAAS,OAAA;AAAA,MAET,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,8EAAA;AAAA,UACV,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,UAGlC,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,gCAClD,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA;AAAA,kBAAA,QAAA;AAAA,kBAAO;AAAA,iBAAA,EAAO;AAAA,eAAA,EACrD,CAAA;AAAA,8BACA,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,OAAA;AAAA,kBACT,SAAA,EAAU,uCAAA;AAAA,kBAEV,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,SAAA,EAAU,MAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,OAAA,EAAQ,WAAA,EACjE,8BAAC,MAAA,EAAA,EAAK,aAAA,EAAc,SAAQ,cAAA,EAAe,OAAA,EAAQ,aAAa,CAAA,EAAG,CAAA,EAAE,wBAAuB,CAAA,EAC9F;AAAA;AAAA;AACF,aAAA,EACF,CAAA;AAAA,4BAGA,IAAA,CAAC,SAAI,SAAA,EAAU,qBAAA,EAAsB,OAAO,EAAE,SAAA,EAAW,sBAAqB,EAE5E,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,QAAA,EACb,QAAA,kBAAA,GAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,MAAA;AAAA,oBACL,WAAA,EAAY,kBAAA;AAAA,oBACZ,KAAA,EAAO,MAAA;AAAA,oBACP,UAAU,CAAC,CAAA,KAAM,SAAA,CAAU,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,oBACzC,SAAA,EAAU;AAAA;AAAA,iBACZ,EACF,CAAA;AAAA,gCACA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,0HAAA,EACd,QAAA,EAAA;AAAA,kBAAA,SAAA,GAAY,cAAA,GAAiB,YAAA;AAAA,kCAC9B,GAAA;AAAA,oBAAC,OAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,MAAA;AAAA,sBACL,MAAA,EAAO,SAAA;AAAA,sBACP,QAAA,EAAU,YAAA;AAAA,sBACV,QAAA,EAAU,SAAA;AAAA,sBACV,SAAA,EAAU;AAAA;AAAA;AACZ,iBAAA,EACF,CAAA;AAAA,gBACC,cAAc,OAAA,oBACb,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAS,WAAA;AAAA,oBACT,SAAA,EAAU,iFAAA;AAAA,oBACX,QAAA,EAAA;AAAA;AAAA;AAED,eAAA,EAEJ,CAAA;AAAA,8BAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,MAAA;AAAA,kBACL,WAAA,EAAY,uBAAA;AAAA,kBACZ,KAAA,EAAO,OAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,UAAA,CAAW,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBAC1C,SAAA,EAAU;AAAA;AAAA,eACZ,EACF,CAAA;AAAA,cAGC,QAAQ,MAAA,GAAS,CAAA,oBAChB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,EAAE,CAAA;AAAA,oBAClC,SAAA,EAAW,CAAA,+BAAA,EACT,CAAC,aAAA,GAAgB,8BAA8B,+BACjD,CAAA,CAAA;AAAA,oBACD,QAAA,EAAA;AAAA;AAAA,iBAED;AAAA,gBACC,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACZ,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,OAAA,EAAS,MAAM,gBAAA,CAAiB,MAAM,CAAA;AAAA,oBACtC,SAAA,EAAW,CAAA,+BAAA,EACT,aAAA,KAAkB,MAAA,GAAS,8BAA8B,+BAC3D,CAAA,CAAA;AAAA,oBAEC,QAAA,EAAA;AAAA,mBAAA;AAAA,kBANI;AAAA,iBAQR;AAAA,eAAA,EACH,CAAA;AAAA,cAID,OAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,CAAC,GAAG,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACrB,GAAA,CAAC,KAAA,EAAA,EAAY,SAAA,EAAU,oDAAA,EAAA,EAAb,CAAkE,CAC7E,CAAA,EACH,CAAA,GACE,KAAA,CAAM,MAAA,KAAW,CAAA,mBACnB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,OAAE,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,gCAClB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA,mCAAA,EAAiC;AAAA,eAAA,EAC/D,CAAA,uBAEC,KAAA,EAAA,EAAI,SAAA,EAAU,0BACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBAEC,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,kBACpC,SAAA,EAAW;AAAA;AAAA;AAAA,oBAAA,EAGP,YAAA,EAAc,OAAA,KAAY,IAAA,CAAK,EAAA,GAAK,yCAAyC,iBAAiB;AAAA,kBAAA,CAAA;AAAA,kBAGlG,QAAA,kBAAA,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAK,IAAA,CAAK,UAAA;AAAA,sBACV,KAAK,IAAA,CAAK,QAAA;AAAA,sBACV,SAAA,EAAU;AAAA;AAAA;AACZ,iBAAA;AAAA,gBAZK,IAAA,CAAK;AAAA,eAcb,CAAA,EACH;AAAA,aAAA,EAEJ,CAAA;AAAA,4BAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAA;AAAA,gBACT,SAAA,EAAU,8DAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA,aAED,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AC/gBA,eAAe,gBAAA,CAAiB,QAAgB,MAAA,EAA6C;AAC3F,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,MAAM,KAAA,CAAM,CAAA,EAAG,MAAM,CAAA,2BAAA,CAAA,EAA+B;AAAA,MAC9D,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,WAAA,EAAa;AAAA,OACf;AAAA,MACA,KAAA,EAAO;AAAA;AAAA,KACR,CAAA;AAED,IAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,MAAA,OAAA,CAAQ,IAAA,CAAK,mCAAA,EAAqC,GAAA,CAAI,MAAM,CAAA;AAC5D,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,IAAA,GAAO,MAAM,GAAA,CAAI,IAAA,EAAK;AAC5B,IAAA,IAAI,IAAA,CAAK,KAAA,IAAS,CAAC,IAAA,CAAK,cAAA,EAAgB;AACtC,MAAA,OAAO;AAAA,QACL,UAAA,EAAY,IAAA,CAAK,KAAA,CAAM,UAAA,IAAc,KAAK,KAAA,CAAM,YAAA;AAAA,QAChD,SAAA,EAAW,IAAA,CAAK,KAAA,CAAM,IAAA,EAAM,SAAA;AAAA,QAC5B,cAAA,EAAgB;AAAA,OAClB;AAAA,IACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,SAAS,GAAA,EAAK;AACZ,IAAA,OAAA,CAAQ,KAAA,CAAM,4CAA4C,GAAG,CAAA;AAC7D,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAEA,eAAsB,cAAA,CAAe;AAAA,EACnC,MAAA,GAAS,QAAQ,GAAA,CAAI,2BAAA;AAAA,EACrB,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,2BAAA,IAA+B,8BAAA;AAAA,EACpD,QAAA,GAAW,cAAA;AAAA,EACX,UAAA,GAAa;AACf,CAAA,EAAwB;AAEtB,EAAA,MAAM,cAAc,MAAA,IAAU,MAAA,GAAS,MAAM,gBAAA,CAAiB,MAAA,EAAQ,MAAM,CAAA,GAAI,IAAA;AAEhF,EAAA,MAAM,UAAA,GAAa,aAAa,UAAA,IAAc,QAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,aAAa,SAAA,IAAa,cAAA;AAC3C,EAAA,MAAM,KAAA,GAAQ,QAAA,KAAa,eAAA,IAAmB,UAAA,CAAW,SAAS,MAAM,CAAA;AAExE,EAAA,uBACEA,IAAAA,CAAAC,QAAAA,EAAA,EAEG,QAAA,EAAA;AAAA,IAAA,KAAA,mBACCC,GAAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAI,MAAA,EAAO,IAAA,EAAK,eAAA,EAAgB,IAAA,EAAM,UAAA,EAAY,CAAA,mBAExDF,IAAAA,CAAAC,UAAA,EACE,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,UAAK,GAAA,EAAI,MAAA,EAAO,MAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,IAAA,EAAM,UAAA,EAAY,CAAA;AAAA,sBAClEA,GAAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAI,MAAA,EAAO,MAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,IAAA,EAAM,UAAA,EAAY;AAAA,KAAA,EACpE,CAAA;AAAA,oBAIFA,IAAC,MAAA,EAAA,EAAK,GAAA,EAAI,oBAAmB,KAAA,EAAM,SAAA,EAAU,MAAM,UAAA,EAAY,CAAA;AAAA,oBAG/DA,GAAAA,CAAC,MAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,SAAS,UAAA,EAAY;AAAA,GAAA,EAChD,CAAA;AAEJ;;;AC9GA,eAAsB,iBAAA,CACpB,MAAA,EACA,MAAA,EACA,QAAA,EACsE;AACtE,EAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,EAAA,IAAI,QAAA,EAAU,MAAA,CAAO,GAAA,CAAI,WAAA,EAAa,QAAQ,CAAA;AAE9C,EAAA,MAAM,MAAM,MAAM,KAAA;AAAA,IAChB,CAAA,EAAG,OAAO,MAAM,CAAA,oBAAA,EAAuB,mBAAmB,MAAM,CAAC,IAAI,MAAM,CAAA,CAAA;AAAA,IAC3E;AAAA,MACE,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,GACF;AAEA,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,uBAAA,EAA0B,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACxD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB;AAKA,eAAsB,kBAAA,CACpB,QACA,OAAA,EAKyC;AACzC,EAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,EAAA,IAAI,SAAS,QAAA,EAAU,MAAA,CAAO,GAAA,CAAI,WAAA,EAAa,QAAQ,QAAQ,CAAA;AAC/D,EAAA,IAAI,SAAS,QAAA,EAAU,MAAA,CAAO,GAAA,CAAI,UAAA,EAAY,QAAQ,QAAQ,CAAA;AAC9D,EAAA,IAAI,OAAA,EAAS,mBAAA,EAAqB,MAAA,CAAO,GAAA,CAAI,wBAAwB,MAAM,CAAA;AAE3E,EAAA,MAAM,MAAM,MAAM,KAAA;AAAA,IAChB,CAAA,EAAG,MAAA,CAAO,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAA,CAAA;AAAA,IACxC;AAAA,MACE,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,GACF;AAEA,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,wBAAA,EAA2B,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACzD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB;AAKA,eAAsB,cAAA,CACpB,QACA,OAAA,EAIoD;AACpD,EAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,EAAA,IAAI,SAAS,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,QAAQ,MAAM,CAAA;AACxD,EAAA,IAAI,SAAS,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,QAAQ,MAAM,CAAA;AAExD,EAAA,MAAM,MAAM,MAAM,KAAA;AAAA,IAChB,CAAA,EAAG,MAAA,CAAO,MAAM,CAAA,qBAAA,EAAwB,MAAM,CAAA,CAAA;AAAA,IAC9C;AAAA,MACE,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,GACF;AAEA,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,sBAAA,EAAyB,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACvD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB;AAKA,eAAsB,WAAA,CACpB,MAAA,EACA,IAAA,EACA,OAAA,EAMwD;AACxD,EAAA,MAAM,QAAA,GAAW,IAAI,QAAA,EAAS;AAC9B,EAAA,QAAA,CAAS,MAAA,CAAO,QAAQ,IAAI,CAAA;AAC5B,EAAA,IAAI,SAAS,MAAA,EAAQ,QAAA,CAAS,MAAA,CAAO,SAAA,EAAW,QAAQ,MAAM,CAAA;AAC9D,EAAA,IAAI,SAAS,QAAA,EAAU,QAAA,CAAS,MAAA,CAAO,WAAA,EAAa,QAAQ,QAAQ,CAAA;AACpE,EAAA,IAAI,SAAS,MAAA,EAAQ,QAAA,CAAS,MAAA,CAAO,QAAA,EAAU,QAAQ,MAAM,CAAA;AAC7D,EAAA,IAAI,SAAS,OAAA,EAAS,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,QAAQ,OAAO,CAAA;AAEjE,EAAA,MAAM,MAAM,MAAM,KAAA,CAAM,CAAA,EAAG,MAAA,CAAO,MAAM,CAAA,qBAAA,CAAA,EAAyB;AAAA,IAC/D,MAAA,EAAQ,MAAA;AAAA,IACR,OAAA,EAAS;AAAA,MACP,aAAa,MAAA,CAAO;AAAA,KACtB;AAAA,IACA,IAAA,EAAM;AAAA,GACP,CAAA;AAED,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,wBAAA,EAA2B,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACzD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB;AAKA,eAAsB,iBAAA,CACpB,MAAA,EACA,MAAA,EACA,OAAA,EAWsC;AACtC,EAAA,MAAM,MAAM,MAAM,KAAA;AAAA,IAChB,GAAG,MAAA,CAAO,MAAM,CAAA,oBAAA,EAAuB,kBAAA,CAAmB,MAAM,CAAC,CAAA,CAAA;AAAA,IACjE;AAAA,MACE,MAAA,EAAQ,MAAA;AAAA,MACR,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,aAAa,MAAA,CAAO;AAAA,OACtB;AAAA,MACA,IAAA,EAAM,KAAK,SAAA,CAAU;AAAA,QACnB,WAAW,OAAA,CAAQ,QAAA;AAAA,QACnB,SAAS,OAAA,CAAQ,MAAA;AAAA,QACjB,cAAc,OAAA,CAAQ,WAAA;AAAA,QACtB,UAAU,OAAA,CAAQ,OAAA;AAAA,QAClB,OAAO,OAAA,CAAQ,KAAA;AAAA,QACf,SAAS,OAAA,CAAQ,OAAA;AAAA,QACjB,eAAe,OAAA,CAAQ,WAAA;AAAA,QACvB,eAAe,OAAA,CAAQ,WAAA;AAAA,QACvB,cAAc,OAAA,CAAQ;AAAA,OACvB;AAAA;AACH,GACF;AAEA,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,wBAAA,EAA2B,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACzD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB;AAKA,eAAsB,cAAA,CACpB,MAAA,EACA,MAAA,EACA,QAAA,EAC+B;AAC/B,EAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,EAAA,IAAI,QAAA,EAAU,MAAA,CAAO,GAAA,CAAI,WAAA,EAAa,QAAQ,CAAA;AAE9C,EAAA,MAAM,MAAM,MAAM,KAAA;AAAA,IAChB,CAAA,EAAG,OAAO,MAAM,CAAA,oBAAA,EAAuB,mBAAmB,MAAM,CAAC,IAAI,MAAM,CAAA,CAAA;AAAA,IAC3E;AAAA,MACE,MAAA,EAAQ,QAAA;AAAA,MACR,OAAA,EAAS;AAAA,QACP,aAAa,MAAA,CAAO;AAAA;AACtB;AACF,GACF;AAEA,EAAA,IAAI,CAAC,IAAI,EAAA,EAAI;AACX,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,sBAAA,EAAyB,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACvD;AAEA,EAAA,OAAO,IAAI,IAAA,EAAK;AAClB","file":"chunk-CDJL2YGL.mjs","sourcesContent":["/**\n * ManagedImage - Portal-managed image component\n * \n * Features:\n * - Fetches images from Portal API via API key (never direct Supabase)\n * - Dev mode: Click to open image picker modal\n * - Supports responsive variants\n * - Automatic focal point handling\n * - Placeholder state for empty slots\n * \n * @example\n * ```tsx\n * <ManagedImage \n *   slotId=\"hero-background\"\n *   alt=\"Hero background image\"\n *   className=\"w-full h-96 object-cover\"\n * />\n * ```\n */\n\n'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\n\nexport interface ManagedImageData {\n  id: string\n  slot_id: string\n  page_path: string | null\n  file_id: string | null\n  external_url: string | null\n  alt_text: string | null\n  title: string | null\n  caption: string | null\n  focal_point_x: number\n  focal_point_y: number\n  aspect_ratio: string | null\n  public_url?: string\n  is_placeholder: boolean\n}\n\nexport interface ImageFile {\n  id: string\n  filename: string\n  storage_path: string\n  mime_type: string\n  file_size: number\n  folder_path: string | null\n  public_url?: string\n}\n\nexport interface ManagedImageProps {\n  /** API key for Portal API */\n  apiKey?: string\n  /** API URL (defaults to https://api.uptrademedia.com) */\n  apiUrl?: string\n  /** Unique slot identifier (e.g., 'hero-background', 'about-team-1') */\n  slotId: string\n  /** Page path for page-specific slots (defaults to current path) */\n  pagePath?: string\n  /** Fallback alt text if not set in Portal */\n  alt?: string\n  /** CSS class names */\n  className?: string\n  /** Image width */\n  width?: number | string\n  /** Image height */\n  height?: number | string\n  /** CSS object-fit property */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Fallback image URL when no image assigned */\n  fallback?: string\n  /** Custom placeholder component */\n  placeholder?: React.ReactNode\n  /** Called when image loads */\n  onLoad?: () => void\n  /** Called on error */\n  onError?: (error: Error) => void\n  /** Priority loading (Next.js Image optimization) */\n  priority?: boolean\n  /** Additional styles */\n  style?: React.CSSProperties\n  /** Enable dev picker even outside dev mode */\n  forceDevMode?: boolean\n}\n\n// Check if we're in dev mode\nconst isDevMode = (): boolean => {\n  if (typeof window === 'undefined') return false\n  return (\n    process.env.NODE_ENV === 'development' ||\n    window.location.hostname === 'localhost' ||\n    window.location.hostname === '127.0.0.1' ||\n    window.location.search.includes('uptrade_dev=true')\n  )\n}\n\nexport function ManagedImage({\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  slotId,\n  pagePath,\n  alt,\n  className = '',\n  width,\n  height,\n  objectFit = 'cover',\n  fallback,\n  placeholder,\n  onLoad,\n  onError,\n  priority,\n  style,\n  forceDevMode,\n}: ManagedImageProps) {\n  const [imageData, setImageData] = useState<ManagedImageData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n  const [showPicker, setShowPicker] = useState(false)\n  const [devMode] = useState(() => forceDevMode || isDevMode())\n\n  // Get current page path if not provided\n  const currentPath = pagePath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\n\n  // Fetch image data from Portal API\n  const fetchImage = useCallback(async () => {\n    if (!apiKey || !apiUrl) {\n      setLoading(false)\n      return\n    }\n\n    try {\n      const params = new URLSearchParams({ page_path: currentPath })\n      const res = await fetch(\n        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        {\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': apiKey,\n          },\n        }\n      )\n\n      if (!res.ok) {\n        throw new Error(`Failed to fetch image: ${res.status}`)\n      }\n\n      const data = await res.json()\n      setImageData(data.image)\n      setError(null)\n    } catch (err) {\n      console.error('[ManagedImage] Fetch error:', err)\n      setError(err instanceof Error ? err : new Error(String(err)))\n      onError?.(err instanceof Error ? err : new Error(String(err)))\n    } finally {\n      setLoading(false)\n    }\n  }, [apiKey, apiUrl, slotId, currentPath, onError])\n\n  useEffect(() => {\n    fetchImage()\n  }, [fetchImage])\n\n  // Calculate object-position from focal point\n  const objectPosition = imageData\n    ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%`\n    : '50% 50%'\n\n  // Get the image URL\n  const imageUrl = imageData?.public_url || imageData?.external_url || fallback\n\n  // Handle click in dev mode\n  const handleClick = (e: React.MouseEvent) => {\n    if (devMode) {\n      e.preventDefault()\n      e.stopPropagation()\n      setShowPicker(true)\n    }\n  }\n\n  // Render placeholder state\n  if (loading) {\n    return (\n      <div\n        className={`bg-gray-200 animate-pulse ${className}`}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n      />\n    )\n  }\n\n  // No image assigned - show placeholder or dev picker hint\n  if (!imageUrl) {\n    if (placeholder) {\n      return <>{placeholder}</>\n    }\n\n    return (\n      <div\n        onClick={handleClick}\n        className={`\n          bg-gray-100 border-2 border-dashed border-gray-300 \n          flex items-center justify-center text-gray-400\n          ${devMode ? 'cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50' : ''}\n          ${className}\n        `}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n        title={devMode ? `Click to add image for slot: ${slotId}` : undefined}\n      >\n        <div className=\"text-center p-4\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          {devMode && (\n            <p className=\"text-sm font-medium\">Click to add image</p>\n          )}\n          <p className=\"text-xs mt-1\">{slotId}</p>\n        </div>\n\n        {showPicker && (\n          <ImagePickerModal\n            slotId={slotId}\n            pagePath={currentPath}\n            config={{ apiKey, apiUrl }}\n            onClose={() => setShowPicker(false)}\n            onSelect={() => {\n              setShowPicker(false)\n              fetchImage()\n            }}\n          />\n        )}\n      </div>\n    )\n  }\n\n  // Render the image\n  return (\n    <div className=\"relative\" style={{ width, height }}>\n      <img\n        src={imageUrl}\n        alt={imageData?.alt_text || alt || ''}\n        title={imageData?.title || undefined}\n        data-managed-image=\"true\"\n        data-slot-id={slotId}\n        data-page-path={currentPath}\n        className={className}\n        style={{\n          objectFit,\n          objectPosition,\n          width: width ?? '100%',\n          height: height ?? 'auto',\n          ...style,\n        }}\n        onLoad={onLoad}\n        onError={() => onError?.(new Error('Image failed to load'))}\n        loading={priority ? 'eager' : 'lazy'}\n        onClick={handleClick}\n      />\n\n      {/* Dev mode overlay */}\n      {devMode && (\n        <div\n          className=\"absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100\"\n          onClick={handleClick}\n        >\n          <div className=\"bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700\">\n            Edit Image\n          </div>\n        </div>\n      )}\n\n      {showPicker && (\n        <ImagePickerModal\n          slotId={slotId}\n          pagePath={currentPath}\n          config={{ apiKey, apiUrl }}\n          currentImage={imageData}\n          onClose={() => setShowPicker(false)}\n          onSelect={() => {\n            setShowPicker(false)\n            fetchImage()\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\n// ============================================================================\n// IMAGE PICKER MODAL\n// ============================================================================\n\ninterface ImagePickerModalProps {\n  slotId: string\n  pagePath: string\n  config: any\n  currentImage?: ManagedImageData | null\n  onClose: () => void\n  onSelect: () => void\n}\n\nfunction ImagePickerModal({\n  slotId,\n  pagePath,\n  config,\n  currentImage,\n  onClose,\n  onSelect,\n}: ImagePickerModalProps) {\n  const [files, setFiles] = useState<ImageFile[]>([])\n  const [folders, setFolders] = useState<string[]>([])\n  const [currentFolder, setCurrentFolder] = useState<string>('')\n  const [search, setSearch] = useState('')\n  const [loading, setLoading] = useState(true)\n  const [uploading, setUploading] = useState(false)\n  const [altText, setAltText] = useState(currentImage?.alt_text || '')\n\n  // Fetch available files\n  const fetchFiles = useCallback(async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    setLoading(true)\n    try {\n      const params = new URLSearchParams()\n      if (currentFolder) params.set('folder', currentFolder)\n      if (search) params.set('search', search)\n\n      const res = await fetch(\n        `${config.apiUrl}/public/images/files?${params}`,\n        {\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': config.apiKey,\n          },\n        }\n      )\n\n      if (res.ok) {\n        const data = await res.json()\n        setFiles(data.files || [])\n        setFolders(data.folders || [])\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Fetch error:', err)\n    } finally {\n      setLoading(false)\n    }\n  }, [config?.apiKey, config?.apiUrl, currentFolder, search])\n\n  useEffect(() => {\n    fetchFiles()\n  }, [fetchFiles])\n\n  // Select an existing file\n  const handleSelectFile = async (file: ImageFile) => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const res = await fetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': config.apiKey,\n          },\n          body: JSON.stringify({\n            page_path: pagePath,\n            file_id: file.id,\n            alt_text: altText || file.filename,\n          }),\n        }\n      )\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Select error:', err)\n    }\n  }\n\n  // Upload new file\n  const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file || !config?.apiKey || !config?.apiUrl) return\n\n    setUploading(true)\n    try {\n      const formData = new FormData()\n      formData.append('file', file)\n      formData.append('slot_id', slotId)\n      formData.append('page_path', pagePath)\n      formData.append('folder', currentFolder || 'Website/Images')\n      if (altText) formData.append('alt_text', altText)\n\n      const res = await fetch(`${config.apiUrl}/public/images/upload`, {\n        method: 'POST',\n        headers: {\n          'x-api-key': config.apiKey,\n        },\n        body: formData,\n      })\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Upload error:', err)\n    } finally {\n      setUploading(false)\n    }\n  }\n\n  // Clear the slot\n  const handleClear = async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const params = new URLSearchParams({ page_path: pagePath })\n      await fetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        {\n          method: 'DELETE',\n          headers: {\n            'x-api-key': config.apiKey,\n          },\n        }\n      )\n      onSelect()\n    } catch (err) {\n      console.error('[ImagePicker] Clear error:', err)\n    }\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-4 border-b\">\n          <div>\n            <h2 className=\"text-lg font-semibold\">Select Image</h2>\n            <p className=\"text-sm text-gray-500\">Slot: {slotId}</p>\n          </div>\n          <button\n            onClick={onClose}\n            className=\"text-gray-400 hover:text-gray-600 p-2\"\n          >\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"p-4 overflow-y-auto\" style={{ maxHeight: 'calc(90vh - 180px)' }}>\n          {/* Upload & Search */}\n          <div className=\"flex gap-4 mb-4\">\n            <div className=\"flex-1\">\n              <input\n                type=\"text\"\n                placeholder=\"Search images...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n              />\n            </div>\n            <label className=\"px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2\">\n              {uploading ? 'Uploading...' : 'Upload New'}\n              <input\n                type=\"file\"\n                accept=\"image/*\"\n                onChange={handleUpload}\n                disabled={uploading}\n                className=\"hidden\"\n              />\n            </label>\n            {currentImage?.file_id && (\n              <button\n                onClick={handleClear}\n                className=\"px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm\"\n              >\n                Remove\n              </button>\n            )}\n          </div>\n\n          {/* Alt text input */}\n          <div className=\"mb-4\">\n            <input\n              type=\"text\"\n              placeholder=\"Alt text for image...\"\n              value={altText}\n              onChange={(e) => setAltText(e.target.value)}\n              className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n            />\n          </div>\n\n          {/* Folder navigation */}\n          {folders.length > 0 && (\n            <div className=\"flex gap-2 mb-4 flex-wrap\">\n              <button\n                onClick={() => setCurrentFolder('')}\n                className={`px-3 py-1 text-sm rounded-full ${\n                  !currentFolder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                }`}\n              >\n                All\n              </button>\n              {folders.map((folder) => (\n                <button\n                  key={folder}\n                  onClick={() => setCurrentFolder(folder)}\n                  className={`px-3 py-1 text-sm rounded-full ${\n                    currentFolder === folder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                  }`}\n                >\n                  {folder}\n                </button>\n              ))}\n            </div>\n          )}\n\n          {/* File grid */}\n          {loading ? (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {[...Array(8)].map((_, i) => (\n                <div key={i} className=\"aspect-square bg-gray-200 rounded-lg animate-pulse\" />\n              ))}\n            </div>\n          ) : files.length === 0 ? (\n            <div className=\"text-center py-12 text-gray-500\">\n              <p>No images found</p>\n              <p className=\"text-sm mt-1\">Upload a new image to get started</p>\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {files.map((file) => (\n                <button\n                  key={file.id}\n                  onClick={() => handleSelectFile(file)}\n                  className={`\n                    aspect-square rounded-lg overflow-hidden border-2 transition-all\n                    hover:border-blue-400 hover:shadow-lg\n                    ${currentImage?.file_id === file.id ? 'border-blue-500 ring-2 ring-blue-200' : 'border-gray-200'}\n                  `}\n                >\n                  <img\n                    src={file.public_url}\n                    alt={file.filename}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-4 border-t bg-gray-50 flex justify-end\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ManagedImage\n","/**\n * ManagedFavicon Component\n * \n * Server component that renders favicon link tags using the project's logo.\n * When a logo is uploaded in Project Settings, it's automatically synced\n * to the 'favicon' slot in site_managed_images.\n * \n * Usage:\n * ```tsx\n * import { ManagedFavicon } from '@uptrade/site-kit/images'\n * \n * export default function RootLayout({ children }) {\n *   return (\n *     <html>\n *       <head>\n *         <ManagedFavicon />\n *       </head>\n *       <body>{children}</body>\n *     </html>\n *   )\n * }\n * ```\n * \n * Supports:\n * - SVG favicons (best for modern browsers, scales perfectly)\n * - PNG favicons with multiple sizes\n * - Apple touch icons\n * - Theme color for mobile browsers\n */\n\nimport React from 'react'\n\nexport interface ManagedFaviconProps {\n  /**\n   * API key for Portal API authentication\n   * Defaults to NEXT_PUBLIC_UPTRADE_API_KEY env var\n   */\n  apiKey?: string\n  \n  /**\n   * API URL (defaults to https://api.uptrademedia.com)\n   */\n  apiUrl?: string\n  \n  /**\n   * Fallback favicon URL if no managed favicon is set\n   */\n  fallback?: string\n  \n  /**\n   * Theme color for mobile browser chrome\n   * Defaults to #4bbf39 (Uptrade brand primary)\n   */\n  themeColor?: string\n}\n\ninterface FaviconData {\n  public_url?: string\n  mime_type?: string\n  is_placeholder?: boolean\n}\n\n/**\n * Server-side fetch of favicon data\n */\nasync function fetchFaviconData(apiUrl: string, apiKey: string): Promise<FaviconData | null> {\n  try {\n    const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n      },\n      cache: 'no-store', // Always fetch fresh\n    })\n\n    if (!res.ok) {\n      console.warn('[ManagedFavicon] Failed to fetch:', res.status)\n      return null\n    }\n\n    const data = await res.json()\n    if (data.image && !data.is_placeholder) {\n      return {\n        public_url: data.image.public_url || data.image.external_url,\n        mime_type: data.image.file?.mime_type,\n        is_placeholder: false,\n      }\n    }\n    return null\n  } catch (err) {\n    console.error('[ManagedFavicon] Error fetching favicon:', err)\n    return null\n  }\n}\n\nexport async function ManagedFavicon({\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  fallback = '/favicon.ico',\n  themeColor = '#4bbf39',\n}: ManagedFaviconProps) {\n  // Fetch favicon data during SSR\n  const faviconData = apiKey && apiUrl ? await fetchFaviconData(apiUrl, apiKey) : null\n  \n  const faviconUrl = faviconData?.public_url || fallback\n  const mimeType = faviconData?.mime_type || 'image/x-icon'\n  const isSvg = mimeType === 'image/svg+xml' || faviconUrl.endsWith('.svg')\n\n  return (\n    <>\n      {/* Primary favicon */}\n      {isSvg ? (\n        <link rel=\"icon\" type=\"image/svg+xml\" href={faviconUrl} />\n      ) : (\n        <>\n          <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href={faviconUrl} />\n          <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href={faviconUrl} />\n        </>\n      )}\n      \n      {/* Apple touch icon (for iOS home screen) */}\n      <link rel=\"apple-touch-icon\" sizes=\"180x180\" href={faviconUrl} />\n      \n      {/* Theme color for mobile browsers */}\n      <meta name=\"theme-color\" content={themeColor} />\n    </>\n  )\n}","/**\n * Images API functions\n * \n * All functions use Portal API with API key authentication.\n * Never makes direct Supabase calls.\n */\n\nimport type { ManagedImageData, ImageFile } from './ManagedImage'\n\nexport interface ImageApiConfig {\n  apiUrl: string\n  apiKey: string\n}\n\n/**\n * Fetch a managed image for a specific slot\n */\nexport async function fetchManagedImage(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ image: ManagedImageData | null; is_placeholder: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Fetch all managed images for the project\n */\nexport async function fetchManagedImages(\n  config: ImageApiConfig,\n  options?: {\n    pagePath?: string\n    category?: string\n    includePlaceholders?: boolean\n  },\n): Promise<{ images: ManagedImageData[] }> {\n  const params = new URLSearchParams()\n  if (options?.pagePath) params.set('page_path', options.pagePath)\n  if (options?.category) params.set('category', options.category)\n  if (options?.includePlaceholders) params.set('include_placeholders', 'true')\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch images: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * List available image files in the project\n */\nexport async function listImageFiles(\n  config: ImageApiConfig,\n  options?: {\n    folder?: string\n    search?: string\n  },\n): Promise<{ files: ImageFile[]; folders: string[] }> {\n  const params = new URLSearchParams()\n  if (options?.folder) params.set('folder', options.folder)\n  if (options?.search) params.set('search', options.search)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/files?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to list files: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Upload a new image\n */\nexport async function uploadImage(\n  config: ImageApiConfig,\n  file: File,\n  options?: {\n    slotId?: string\n    pagePath?: string\n    folder?: string\n    altText?: string\n  },\n): Promise<{ file: ImageFile; image?: ManagedImageData }> {\n  const formData = new FormData()\n  formData.append('file', file)\n  if (options?.slotId) formData.append('slot_id', options.slotId)\n  if (options?.pagePath) formData.append('page_path', options.pagePath)\n  if (options?.folder) formData.append('folder', options.folder)\n  if (options?.altText) formData.append('alt_text', options.altText)\n\n  const res = await fetch(`${config.apiUrl}/public/images/upload`, {\n    method: 'POST',\n    headers: {\n      'x-api-key': config.apiKey,\n    },\n    body: formData,\n  })\n\n  if (!res.ok) {\n    throw new Error(`Failed to upload image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Assign an existing file to an image slot\n */\nexport async function assignImageToSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  options: {\n    fileId?: string\n    externalUrl?: string\n    pagePath?: string\n    altText?: string\n    title?: string\n    caption?: string\n    focalPointX?: number\n    focalPointY?: number\n    aspectRatio?: string\n  },\n): Promise<{ image: ManagedImageData }> {\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n    {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n      body: JSON.stringify({\n        page_path: options.pagePath,\n        file_id: options.fileId,\n        external_url: options.externalUrl,\n        alt_text: options.altText,\n        title: options.title,\n        caption: options.caption,\n        focal_point_x: options.focalPointX,\n        focal_point_y: options.focalPointY,\n        aspect_ratio: options.aspectRatio,\n      }),\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to assign image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Clear an image from a slot (keeps the file)\n */\nexport async function clearImageSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ success: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    {\n      method: 'DELETE',\n      headers: {\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to clear slot: ${res.status}`)\n  }\n\n  return res.json()\n}\n"]}