@uptrademedia/site-kit 1.0.1 → 1.0.4

package/dist/chunk-4HVYXYQL 2.mjs

@@ -1,255 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import { usePathname } from 'next/navigation';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-// src/engage/EngageWidget.tsx
-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 EngageWidget({
-  apiUrl: propApiUrl,
-  apiKey: propApiKey,
-  position = "bottom-right",
-  zIndex = 9999,
-  chatEnabled = true,
-  debug = false
-}) {
-  const pathname = usePathname();
-  const [elements, setElements] = useState([]);
-  const [activeElements, setActiveElements] = useState([]);
-  const [dismissedElements, setDismissedElements] = useState(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    async function loadElements() {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Engage] No API key configured");
-        return;
-      }
-      try {
-        const response = await fetch(`${apiUrl}/api/public/engage/elements`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "x-api-key": apiKey
-          },
-          body: JSON.stringify({})
-        });
-        if (!response.ok) {
-          if (debug) console.error("[Engage] Error loading elements:", response.statusText);
-          return;
-        }
-        const data = await response.json();
-        if (debug) console.log("[Engage] Loaded elements:", data.elements);
-        setElements(data.elements || []);
-      } catch (error) {
-        if (debug) console.error("[Engage] Error loading elements:", error);
-      }
-    }
-    loadElements();
-  }, [propApiUrl, propApiKey, debug]);
-  useEffect(() => {
-    if (!elements.length) return;
-    const checkElement = (element) => {
-      if (dismissedElements.has(element.id)) return false;
-      if (element.targeting?.pages) {
-        const { include, exclude } = element.targeting.pages;
-        if (exclude?.some((p) => matchPath(pathname, p))) return false;
-        if (include && !include.some((p) => matchPath(pathname, p))) return false;
-      }
-      if (element.targeting?.devices) {
-        const device = getDeviceType();
-        if (!element.targeting.devices.includes(device)) return false;
-      }
-      if (element.trigger?.frequency) {
-        const { type, days } = element.trigger.frequency;
-        const key = `_engage_${element.id}`;
-        if (type === "once") {
-          if (localStorage.getItem(key)) return false;
-        } else if (type === "once-per-session") {
-          if (sessionStorage.getItem(key)) return false;
-        } else if (type === "every-n-days" && days) {
-          const lastShown = localStorage.getItem(key);
-          if (lastShown) {
-            const elapsed = Date.now() - parseInt(lastShown, 10);
-            if (elapsed < days * 24 * 60 * 60 * 1e3) return false;
-          }
-        }
-      }
-      return true;
-    };
-    const eligible = elements.filter(checkElement);
-    if (debug) console.log("[Engage] Eligible elements:", eligible);
-    eligible.forEach((element) => {
-      const trigger = element.trigger;
-      if (trigger?.type === "immediate" || !trigger?.type) {
-        setActiveElements((prev) => [...prev, element.id]);
-      } else if (trigger?.type === "delay" && trigger.delay) {
-        setTimeout(() => {
-          setActiveElements((prev) => [...prev, element.id]);
-        }, trigger.delay * 1e3);
-      } else if (trigger?.type === "exit-intent") {
-        const handleMouseLeave = (e) => {
-          if (e.clientY < 10) {
-            setActiveElements((prev) => [...prev, element.id]);
-            document.removeEventListener("mouseleave", handleMouseLeave);
-          }
-        };
-        document.addEventListener("mouseleave", handleMouseLeave);
-      } else if (trigger?.type === "scroll" && trigger.scrollPercent) {
-        const handleScroll = () => {
-          const scrollPercent = window.scrollY / (document.body.scrollHeight - window.innerHeight) * 100;
-          if (scrollPercent >= (trigger.scrollPercent || 50)) {
-            setActiveElements((prev) => [...prev, element.id]);
-            window.removeEventListener("scroll", handleScroll);
-          }
-        };
-        window.addEventListener("scroll", handleScroll);
-      }
-    });
-  }, [elements, pathname, dismissedElements, debug]);
-  const handleDismiss = useCallback((elementId) => {
-    setDismissedElements((prev) => /* @__PURE__ */ new Set([...prev, elementId]));
-    setActiveElements((prev) => prev.filter((id) => id !== elementId));
-    const element = elements.find((e) => e.id === elementId);
-    if (element?.trigger?.frequency) {
-      const key = `_engage_${elementId}`;
-      if (element.trigger.frequency.type === "once-per-session") {
-        sessionStorage.setItem(key, "true");
-      } else {
-        localStorage.setItem(key, Date.now().toString());
-      }
-    }
-  }, [elements]);
-  return /* @__PURE__ */ jsx(Fragment, { children: activeElements.map((elementId) => {
-    const element = elements.find((e) => e.id === elementId);
-    if (!element) return null;
-    return /* @__PURE__ */ jsx(
-      EngageElementRenderer,
-      {
-        element,
-        onDismiss: () => handleDismiss(element.id),
-        zIndex
-      },
-      element.id
-    );
-  }) });
-}
-function EngageElementRenderer({
-  element,
-  onDismiss,
-  zIndex
-}) {
-  if (element.type === "popup") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          backgroundColor: "rgba(0,0,0,0.5)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          zIndex
-        },
-        onClick: onDismiss,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              backgroundColor: "white",
-              padding: 24,
-              borderRadius: 8,
-              maxWidth: 500,
-              width: "90%"
-            },
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onDismiss,
-                  style: {
-                    position: "absolute",
-                    top: 8,
-                    right: 8,
-                    background: "none",
-                    border: "none",
-                    fontSize: 24,
-                    cursor: "pointer"
-                  },
-                  children: "\xD7"
-                }
-              ),
-              element.content?.title && /* @__PURE__ */ jsx("h2", { children: element.content.title }),
-              element.content?.body && /* @__PURE__ */ jsx("p", { children: element.content.body })
-            ]
-          }
-        )
-      }
-    );
-  }
-  if (element.type === "bar") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          backgroundColor: element.styles?.backgroundColor || "#3b82f6",
-          color: element.styles?.textColor || "white",
-          padding: "12px 24px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          gap: 16,
-          zIndex
-        },
-        children: [
-          /* @__PURE__ */ jsx("span", { children: element.content?.body }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: onDismiss,
-              style: {
-                background: "none",
-                border: "none",
-                color: "inherit",
-                fontSize: 20,
-                cursor: "pointer"
-              },
-              children: "\xD7"
-            }
-          )
-        ]
-      }
-    );
-  }
-  return null;
-}
-function matchPath(pathname, pattern) {
-  if (pattern.endsWith("*")) {
-    return pathname.startsWith(pattern.slice(0, -1));
-  }
-  return pathname === pattern;
-}
-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";
-}
-
-export { EngageWidget };
-//# sourceMappingURL=chunk-4HVYXYQL.mjs.map
-//# sourceMappingURL=chunk-4HVYXYQL.mjs.map

package/dist/chunk-4HVYXYQL.mjs

@@ -1,255 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import { usePathname } from 'next/navigation';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-// src/engage/EngageWidget.tsx
-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 EngageWidget({
-  apiUrl: propApiUrl,
-  apiKey: propApiKey,
-  position = "bottom-right",
-  zIndex = 9999,
-  chatEnabled = true,
-  debug = false
-}) {
-  const pathname = usePathname();
-  const [elements, setElements] = useState([]);
-  const [activeElements, setActiveElements] = useState([]);
-  const [dismissedElements, setDismissedElements] = useState(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    async function loadElements() {
-      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig();
-      const apiUrl = propApiUrl || globalApiUrl;
-      const apiKey = propApiKey || globalApiKey;
-      if (!apiKey) {
-        if (debug) console.warn("[Engage] No API key configured");
-        return;
-      }
-      try {
-        const response = await fetch(`${apiUrl}/api/public/engage/elements`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "x-api-key": apiKey
-          },
-          body: JSON.stringify({})
-        });
-        if (!response.ok) {
-          if (debug) console.error("[Engage] Error loading elements:", response.statusText);
-          return;
-        }
-        const data = await response.json();
-        if (debug) console.log("[Engage] Loaded elements:", data.elements);
-        setElements(data.elements || []);
-      } catch (error) {
-        if (debug) console.error("[Engage] Error loading elements:", error);
-      }
-    }
-    loadElements();
-  }, [propApiUrl, propApiKey, debug]);
-  useEffect(() => {
-    if (!elements.length) return;
-    const checkElement = (element) => {
-      if (dismissedElements.has(element.id)) return false;
-      if (element.targeting?.pages) {
-        const { include, exclude } = element.targeting.pages;
-        if (exclude?.some((p) => matchPath(pathname, p))) return false;
-        if (include && !include.some((p) => matchPath(pathname, p))) return false;
-      }
-      if (element.targeting?.devices) {
-        const device = getDeviceType();
-        if (!element.targeting.devices.includes(device)) return false;
-      }
-      if (element.trigger?.frequency) {
-        const { type, days } = element.trigger.frequency;
-        const key = `_engage_${element.id}`;
-        if (type === "once") {
-          if (localStorage.getItem(key)) return false;
-        } else if (type === "once-per-session") {
-          if (sessionStorage.getItem(key)) return false;
-        } else if (type === "every-n-days" && days) {
-          const lastShown = localStorage.getItem(key);
-          if (lastShown) {
-            const elapsed = Date.now() - parseInt(lastShown, 10);
-            if (elapsed < days * 24 * 60 * 60 * 1e3) return false;
-          }
-        }
-      }
-      return true;
-    };
-    const eligible = elements.filter(checkElement);
-    if (debug) console.log("[Engage] Eligible elements:", eligible);
-    eligible.forEach((element) => {
-      const trigger = element.trigger;
-      if (trigger?.type === "immediate" || !trigger?.type) {
-        setActiveElements((prev) => [...prev, element.id]);
-      } else if (trigger?.type === "delay" && trigger.delay) {
-        setTimeout(() => {
-          setActiveElements((prev) => [...prev, element.id]);
-        }, trigger.delay * 1e3);
-      } else if (trigger?.type === "exit-intent") {
-        const handleMouseLeave = (e) => {
-          if (e.clientY < 10) {
-            setActiveElements((prev) => [...prev, element.id]);
-            document.removeEventListener("mouseleave", handleMouseLeave);
-          }
-        };
-        document.addEventListener("mouseleave", handleMouseLeave);
-      } else if (trigger?.type === "scroll" && trigger.scrollPercent) {
-        const handleScroll = () => {
-          const scrollPercent = window.scrollY / (document.body.scrollHeight - window.innerHeight) * 100;
-          if (scrollPercent >= (trigger.scrollPercent || 50)) {
-            setActiveElements((prev) => [...prev, element.id]);
-            window.removeEventListener("scroll", handleScroll);
-          }
-        };
-        window.addEventListener("scroll", handleScroll);
-      }
-    });
-  }, [elements, pathname, dismissedElements, debug]);
-  const handleDismiss = useCallback((elementId) => {
-    setDismissedElements((prev) => /* @__PURE__ */ new Set([...prev, elementId]));
-    setActiveElements((prev) => prev.filter((id) => id !== elementId));
-    const element = elements.find((e) => e.id === elementId);
-    if (element?.trigger?.frequency) {
-      const key = `_engage_${elementId}`;
-      if (element.trigger.frequency.type === "once-per-session") {
-        sessionStorage.setItem(key, "true");
-      } else {
-        localStorage.setItem(key, Date.now().toString());
-      }
-    }
-  }, [elements]);
-  return /* @__PURE__ */ jsx(Fragment, { children: activeElements.map((elementId) => {
-    const element = elements.find((e) => e.id === elementId);
-    if (!element) return null;
-    return /* @__PURE__ */ jsx(
-      EngageElementRenderer,
-      {
-        element,
-        onDismiss: () => handleDismiss(element.id),
-        zIndex
-      },
-      element.id
-    );
-  }) });
-}
-function EngageElementRenderer({
-  element,
-  onDismiss,
-  zIndex
-}) {
-  if (element.type === "popup") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          backgroundColor: "rgba(0,0,0,0.5)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          zIndex
-        },
-        onClick: onDismiss,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              backgroundColor: "white",
-              padding: 24,
-              borderRadius: 8,
-              maxWidth: 500,
-              width: "90%"
-            },
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onDismiss,
-                  style: {
-                    position: "absolute",
-                    top: 8,
-                    right: 8,
-                    background: "none",
-                    border: "none",
-                    fontSize: 24,
-                    cursor: "pointer"
-                  },
-                  children: "\xD7"
-                }
-              ),
-              element.content?.title && /* @__PURE__ */ jsx("h2", { children: element.content.title }),
-              element.content?.body && /* @__PURE__ */ jsx("p", { children: element.content.body })
-            ]
-          }
-        )
-      }
-    );
-  }
-  if (element.type === "bar") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          backgroundColor: element.styles?.backgroundColor || "#3b82f6",
-          color: element.styles?.textColor || "white",
-          padding: "12px 24px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          gap: 16,
-          zIndex
-        },
-        children: [
-          /* @__PURE__ */ jsx("span", { children: element.content?.body }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: onDismiss,
-              style: {
-                background: "none",
-                border: "none",
-                color: "inherit",
-                fontSize: 20,
-                cursor: "pointer"
-              },
-              children: "\xD7"
-            }
-          )
-        ]
-      }
-    );
-  }
-  return null;
-}
-function matchPath(pathname, pattern) {
-  if (pattern.endsWith("*")) {
-    return pathname.startsWith(pattern.slice(0, -1));
-  }
-  return pathname === pattern;
-}
-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";
-}
-
-export { EngageWidget };
-//# sourceMappingURL=chunk-4HVYXYQL.mjs.map
-//# sourceMappingURL=chunk-4HVYXYQL.mjs.map

package/dist/chunk-4HVYXYQL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/engage/EngageWidget.tsx"],"names":[],"mappings":"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","file":"chunk-4HVYXYQL.mjs","sourcesContent":["/**\n * @uptrade/site-kit/engage - Engage Widget\n * \n * Loads and renders engagement widgets (popups, nudges, bars) via Portal API\n */\n\n'use client'\n\nimport React, { useEffect, useState, useCallback } from 'react'\nimport { usePathname } from 'next/navigation'\nimport type { EngageElement } from './types'\n\ninterface EngageWidgetProps {\n  apiUrl?: string\n  apiKey?: string\n  position?: 'bottom-right' | 'bottom-left'\n  zIndex?: number\n  chatEnabled?: boolean\n  debug?: boolean\n}\n\nfunction getApiConfig() {\n  const apiUrl = typeof window !== 'undefined' \n    ? (window as any).__SITE_KIT_API_URL__ || 'https://api.uptrademedia.com'\n    : 'https://api.uptrademedia.com'\n  const apiKey = typeof window !== 'undefined' \n    ? (window as any).__SITE_KIT_API_KEY__\n    : undefined\n  return { apiUrl, apiKey }\n}\n\nexport function EngageWidget({\n  apiUrl: propApiUrl,\n  apiKey: propApiKey,\n  position = 'bottom-right',\n  zIndex = 9999,\n  chatEnabled = true,\n  debug = false,\n}: EngageWidgetProps) {\n  const pathname = usePathname()\n  const [elements, setElements] = useState<EngageElement[]>([])\n  const [activeElements, setActiveElements] = useState<string[]>([])\n  const [dismissedElements, setDismissedElements] = useState<Set<string>>(new Set())\n  \n  // Load elements from API\n  useEffect(() => {\n    async function loadElements() {\n      const { apiUrl: globalApiUrl, apiKey: globalApiKey } = getApiConfig()\n      const apiUrl = propApiUrl || globalApiUrl\n      const apiKey = propApiKey || globalApiKey\n      \n      if (!apiKey) {\n        if (debug) console.warn('[Engage] No API key configured')\n        return\n      }\n      \n      try {\n        const response = await fetch(`${apiUrl}/api/public/engage/elements`, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': apiKey,\n          },\n          body: JSON.stringify({}),\n        })\n        \n        if (!response.ok) {\n          if (debug) console.error('[Engage] Error loading elements:', response.statusText)\n          return\n        }\n        \n        const data = await response.json()\n        if (debug) console.log('[Engage] Loaded elements:', data.elements)\n        setElements(data.elements || [])\n      } catch (error) {\n        if (debug) console.error('[Engage] Error loading elements:', error)\n      }\n    }\n    \n    loadElements()\n  }, [propApiUrl, propApiKey, debug])\n  \n  // Check targeting and trigger for each element\n  useEffect(() => {\n    if (!elements.length) return\n    \n    const checkElement = (element: EngageElement): boolean => {\n      // Check if dismissed\n      if (dismissedElements.has(element.id)) return false\n      \n      // Check page targeting\n      if (element.targeting?.pages) {\n        const { include, exclude } = element.targeting.pages\n        \n        if (exclude?.some(p => matchPath(pathname, p))) return false\n        if (include && !include.some(p => matchPath(pathname, p))) return false\n      }\n      \n      // Check device targeting\n      if (element.targeting?.devices) {\n        const device = getDeviceType()\n        if (!element.targeting.devices.includes(device)) return false\n      }\n      \n      // Check frequency capping\n      if (element.trigger?.frequency) {\n        const { type, days } = element.trigger.frequency\n        const key = `_engage_${element.id}`\n        \n        if (type === 'once') {\n          if (localStorage.getItem(key)) return false\n        } else if (type === 'once-per-session') {\n          if (sessionStorage.getItem(key)) return false\n        } else if (type === 'every-n-days' && days) {\n          const lastShown = localStorage.getItem(key)\n          if (lastShown) {\n            const elapsed = Date.now() - parseInt(lastShown, 10)\n            if (elapsed < days * 24 * 60 * 60 * 1000) return false\n          }\n        }\n      }\n      \n      return true\n    }\n    \n    // Filter elements that pass targeting\n    const eligible = elements.filter(checkElement)\n    \n    if (debug) console.log('[Engage] Eligible elements:', eligible)\n    \n    // Set up triggers for eligible elements\n    eligible.forEach(element => {\n      const trigger = element.trigger\n      \n      if (trigger?.type === 'immediate' || !trigger?.type) {\n        setActiveElements(prev => [...prev, element.id])\n      } else if (trigger?.type === 'delay' && trigger.delay) {\n        setTimeout(() => {\n          setActiveElements(prev => [...prev, element.id])\n        }, trigger.delay * 1000)\n      } else if (trigger?.type === 'exit-intent') {\n        const handleMouseLeave = (e: MouseEvent) => {\n          if (e.clientY < 10) {\n            setActiveElements(prev => [...prev, element.id])\n            document.removeEventListener('mouseleave', handleMouseLeave)\n          }\n        }\n        document.addEventListener('mouseleave', handleMouseLeave)\n      } else if (trigger?.type === 'scroll' && trigger.scrollPercent) {\n        const handleScroll = () => {\n          const scrollPercent = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100\n          if (scrollPercent >= (trigger.scrollPercent || 50)) {\n            setActiveElements(prev => [...prev, element.id])\n            window.removeEventListener('scroll', handleScroll)\n          }\n        }\n        window.addEventListener('scroll', handleScroll)\n      }\n    })\n  }, [elements, pathname, dismissedElements, debug])\n  \n  const handleDismiss = useCallback((elementId: string) => {\n    setDismissedElements(prev => new Set([...prev, elementId]))\n    setActiveElements(prev => prev.filter(id => id !== elementId))\n    \n    // Record dismissal in storage\n    const element = elements.find(e => e.id === elementId)\n    if (element?.trigger?.frequency) {\n      const key = `_engage_${elementId}`\n      if (element.trigger.frequency.type === 'once-per-session') {\n        sessionStorage.setItem(key, 'true')\n      } else {\n        localStorage.setItem(key, Date.now().toString())\n      }\n    }\n  }, [elements])\n  \n  // Render active elements\n  return (\n    <>\n      {activeElements.map(elementId => {\n        const element = elements.find(e => e.id === elementId)\n        if (!element) return null\n        \n        return (\n          <EngageElementRenderer\n            key={element.id}\n            element={element}\n            onDismiss={() => handleDismiss(element.id)}\n            zIndex={zIndex}\n          />\n        )\n      })}\n    </>\n  )\n}\n\n// Helper components\nfunction EngageElementRenderer({ \n  element, \n  onDismiss,\n  zIndex,\n}: { \n  element: EngageElement\n  onDismiss: () => void\n  zIndex: number\n}) {\n  // Simple popup rendering - expand as needed\n  if (element.type === 'popup') {\n    return (\n      <div\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          backgroundColor: 'rgba(0,0,0,0.5)',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          zIndex,\n        }}\n        onClick={onDismiss}\n      >\n        <div\n          style={{\n            backgroundColor: 'white',\n            padding: 24,\n            borderRadius: 8,\n            maxWidth: 500,\n            width: '90%',\n          }}\n          onClick={e => e.stopPropagation()}\n        >\n          <button\n            onClick={onDismiss}\n            style={{\n              position: 'absolute',\n              top: 8,\n              right: 8,\n              background: 'none',\n              border: 'none',\n              fontSize: 24,\n              cursor: 'pointer',\n            }}\n          >\n            ×\n          </button>\n          {element.content?.title && <h2>{element.content.title}</h2>}\n          {element.content?.body && <p>{element.content.body}</p>}\n        </div>\n      </div>\n    )\n  }\n  \n  // Bar/banner rendering\n  if (element.type === 'bar') {\n    return (\n      <div\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          backgroundColor: element.styles?.backgroundColor || '#3b82f6',\n          color: element.styles?.textColor || 'white',\n          padding: '12px 24px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 16,\n          zIndex,\n        }}\n      >\n        <span>{element.content?.body}</span>\n        <button\n          onClick={onDismiss}\n          style={{\n            background: 'none',\n            border: 'none',\n            color: 'inherit',\n            fontSize: 20,\n            cursor: 'pointer',\n          }}\n        >\n          ×\n        </button>\n      </div>\n    )\n  }\n  \n  return null\n}\n\n// Utilities\nfunction matchPath(pathname: string, pattern: string): boolean {\n  if (pattern.endsWith('*')) {\n    return pathname.startsWith(pattern.slice(0, -1))\n  }\n  return pathname === pattern\n}\n\nfunction getDeviceType(): 'desktop' | 'mobile' | 'tablet' {\n  if (typeof window === 'undefined') return 'desktop'\n  const ua = navigator.userAgent\n  if (/tablet|ipad|playbook|silk/i.test(ua)) return 'tablet'\n  if (/mobile|iphone|ipod|android|blackberry|opera mini|iemobile/i.test(ua)) return 'mobile'\n  return 'desktop'\n}\n"]}