flowgrid-sdk 1.2.1 → 1.3.0

package/dist/lib/frameworks/nuxt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/frameworks/nuxt/index.ts"],"names":[],"mappings":"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"}

package/dist/lib/frameworks/react/CookieBanner.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @fileoverview FlowGrid Cookie Banner — React Component
+ * @module frameworks/react/CookieBanner
+ *
+ * @description
+ * A customisable cookie consent banner for React applications.
+ * Works with the FlowGrid {@link ConsentManager} to persist user
+ * choices and gate analytics/marketing tracking.
+ *
+ * @example
+ * ```tsx
+ * import { CookieBanner } from 'flowgrid-sdk/react';
+ * import { ConsentManager, FlowGridTransport } from 'flowgrid-sdk';
+ *
+ * const consent = new ConsentManager({
+ *   onChange: (prefs) => {
+ *     FlowGridTransport.setConsent({
+ *       analytics: prefs.analytics,
+ *       marketing: prefs.marketing,
+ *     });
+ *   },
+ * });
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <MyApp />
+ *       <CookieBanner
+ *         consent={consent}
+ *         config={{
+ *           title: 'We use cookies',
+ *           description: 'We use cookies to improve your experience and analyse traffic.',
+ *           privacyPolicyUrl: '/privacy',
+ *           theme: { position: 'bottom', primaryColor: '#4F46E5' },
+ *         }}
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+import { useState, useEffect, useCallback } from 'react';
+// ============================================================================
+// STYLES (inline — zero dependencies)
+// ============================================================================
+function getContainerStyle(config) {
+    const theme = config?.theme ?? {};
+    const position = theme.position ?? 'bottom';
+    const base = {
+        position: 'fixed',
+        zIndex: theme.zIndex ?? 9999,
+        left: 0,
+        right: 0,
+        padding: '20px',
+        boxSizing: 'border-box',
+        fontFamily: theme.fontFamily ?? 'system-ui, -apple-system, sans-serif',
+        backgroundColor: theme.backgroundColor ?? '#FFFFFF',
+        color: theme.textColor ?? '#1F2937',
+        boxShadow: '0 -2px 16px rgba(0,0,0,0.1)',
+        borderRadius: theme.borderRadius ?? '0',
+    };
+    switch (position) {
+        case 'top':
+            return { ...base, top: 0 };
+        case 'bottom-left':
+            return { ...base, bottom: '20px', left: '20px', right: 'auto', maxWidth: '420px', borderRadius: theme.borderRadius ?? '12px' };
+        case 'bottom-right':
+            return { ...base, bottom: '20px', right: '20px', left: 'auto', maxWidth: '420px', borderRadius: theme.borderRadius ?? '12px' };
+        case 'center':
+            return { ...base, top: '50%', left: '50%', right: 'auto', transform: 'translate(-50%, -50%)', maxWidth: '540px', borderRadius: theme.borderRadius ?? '12px' };
+        case 'bottom':
+        default:
+            return { ...base, bottom: 0 };
+    }
+}
+function getButtonStyle(primary, config) {
+    const theme = config?.theme ?? {};
+    const accent = theme.primaryColor ?? '#4F46E5';
+    return {
+        padding: '10px 20px',
+        border: primary ? 'none' : `1px solid ${accent}`,
+        borderRadius: '6px',
+        cursor: 'pointer',
+        fontSize: '14px',
+        fontWeight: 600,
+        backgroundColor: primary ? accent : 'transparent',
+        color: primary ? '#FFFFFF' : accent,
+        transition: 'opacity 0.15s',
+    };
+}
+// ============================================================================
+// COMPONENT
+// ============================================================================
+/**
+ * Cookie consent banner for React.
+ *
+ * Shows a GDPR/CCPA-compliant cookie banner with "Accept All",
+ * "Reject All", and "Customise" options. Persists choices via
+ * the provided {@link ConsentManager}.
+ *
+ * @param props - Component props.
+ *
+ * @example
+ * ```tsx
+ * import { CookieBanner } from 'flowgrid-sdk/react';
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <Routes />
+ *       <CookieBanner
+ *         consent={consentManager}
+ *         config={{
+ *           title: 'Cookie Preferences',
+ *           description: 'We use cookies to personalise content and ads.',
+ *           privacyPolicyUrl: '/privacy',
+ *           theme: { position: 'bottom-right', primaryColor: '#059669' },
+ *           categoryDescriptions: {
+ *             analytics: 'Help us understand how visitors interact with our site.',
+ *             marketing: 'Used to deliver relevant ads and track campaigns.',
+ *             preferences: 'Remember your settings and preferences.',
+ *           },
+ *         }}
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export function CookieBanner({ consent, config, onClose }) {
+    const [visible, setVisible] = useState(false);
+    const [showDetails, setShowDetails] = useState(false);
+    const [prefs, setPrefs] = useState(consent.getPreferences());
+    useEffect(() => {
+        if (config?.forceShow || !consent.hasConsented()) {
+            setVisible(true);
+        }
+    }, [consent, config?.forceShow]);
+    const close = useCallback(() => {
+        setVisible(false);
+        onClose?.();
+    }, [onClose]);
+    const handleAcceptAll = useCallback(() => {
+        consent.acceptAll();
+        close();
+    }, [consent, close]);
+    const handleRejectAll = useCallback(() => {
+        consent.rejectNonEssential();
+        close();
+    }, [consent, close]);
+    const handleSave = useCallback(() => {
+        consent.update(prefs);
+        close();
+    }, [consent, prefs, close]);
+    const toggleCategory = useCallback((cat) => {
+        setPrefs((prev) => ({ ...prev, [cat]: !prev[cat] }));
+    }, []);
+    if (!visible)
+        return null;
+    const title = config?.title ?? 'Cookie Preferences';
+    const description = config?.description ?? 'We use cookies to improve your experience and analyse site traffic. You can customise your preferences below.';
+    const descriptions = config?.categoryDescriptions ?? {};
+    return (_jsxs("div", { style: getContainerStyle(config), role: "dialog", "aria-label": title, "aria-modal": "false", children: [config?.theme?.position === 'center' && (_jsx("div", { style: { position: 'fixed', inset: 0, backgroundColor: 'rgba(0,0,0,0.3)', zIndex: -1 } })), _jsxs("div", { style: { maxWidth: '960px', margin: '0 auto' }, children: [_jsx("h3", { style: { margin: '0 0 8px', fontSize: '18px', fontWeight: 700 }, children: title }), _jsx("p", { style: { margin: '0 0 16px', fontSize: '14px', lineHeight: 1.5, opacity: 0.8 }, children: description }), showDetails && (_jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px' }, children: [_jsx("input", { type: "checkbox", checked: true, disabled: true, style: { marginRight: '8px' } }), _jsxs("span", { children: [_jsx("strong", { children: "Necessary" }), _jsx("span", { style: { opacity: 0.7, marginLeft: '8px' }, children: descriptions.necessary ?? 'Required for the site to function. Cannot be disabled.' })] })] }), _jsxs("label", { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px', cursor: 'pointer' }, children: [_jsx("input", { type: "checkbox", checked: prefs.analytics, onChange: () => toggleCategory('analytics'), style: { marginRight: '8px' } }), _jsxs("span", { children: [_jsx("strong", { children: "Analytics" }), _jsx("span", { style: { opacity: 0.7, marginLeft: '8px' }, children: descriptions.analytics ?? 'Help us understand how visitors use our site.' })] })] }), _jsxs("label", { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px', cursor: 'pointer' }, children: [_jsx("input", { type: "checkbox", checked: prefs.marketing, onChange: () => toggleCategory('marketing'), style: { marginRight: '8px' } }), _jsxs("span", { children: [_jsx("strong", { children: "Marketing" }), _jsx("span", { style: { opacity: 0.7, marginLeft: '8px' }, children: descriptions.marketing ?? 'Used for targeted advertising and campaign tracking.' })] })] }), _jsxs("label", { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px', cursor: 'pointer' }, children: [_jsx("input", { type: "checkbox", checked: prefs.preferences, onChange: () => toggleCategory('preferences'), style: { marginRight: '8px' } }), _jsxs("span", { children: [_jsx("strong", { children: "Preferences" }), _jsx("span", { style: { opacity: 0.7, marginLeft: '8px' }, children: descriptions.preferences ?? 'Remember your settings like language and theme.' })] })] })] })), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center' }, children: [_jsx("button", { style: getButtonStyle(true, config), onClick: handleAcceptAll, children: config?.acceptAllLabel ?? 'Accept All' }), _jsx("button", { style: getButtonStyle(false, config), onClick: handleRejectAll, children: config?.rejectAllLabel ?? 'Reject All' }), !showDetails ? (_jsx("button", { style: { ...getButtonStyle(false, config), border: 'none', textDecoration: 'underline' }, onClick: () => setShowDetails(true), children: config?.customizeLabel ?? 'Customize' })) : (_jsx("button", { style: getButtonStyle(true, config), onClick: handleSave, children: config?.saveLabel ?? 'Save Preferences' })), config?.privacyPolicyUrl && (_jsx("a", { href: config.privacyPolicyUrl, style: { fontSize: '13px', opacity: 0.7, marginLeft: 'auto' }, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }))] })] })] }));
+}
+//# sourceMappingURL=CookieBanner.js.map

package/dist/lib/frameworks/react/CookieBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieBanner.js","sourceRoot":"","sources":["../../../../src/lib/frameworks/react/CookieBanner.tsx"],"names":[],"mappings":"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"}

package/dist/lib/frameworks/react/index.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @fileoverview FlowGrid SDK — React Integration
+ * @module frameworks/react
+ *
+ * @description
+ * React provider, hooks, and cookie banner component for FlowGrid SDK.
+ * Uses React Context API for state management.
+ *
+ * ## Quick Start
+ *
+ * ```tsx
+ * // app.tsx
+ * import { FlowGridProvider, useFlowGrid, CookieBanner } from 'flowgrid-sdk/react';
+ * import { ConsentManager, FlowGridTransport } from 'flowgrid-sdk';
+ *
+ * const consent = new ConsentManager({
+ *   onChange: (prefs) => {
+ *     FlowGridTransport.setConsent({
+ *       analytics: prefs.analytics,
+ *       marketing: prefs.marketing,
+ *     });
+ *   },
+ * });
+ *
+ * function App() {
+ *   return (
+ *     <FlowGridProvider
+ *       webId="web_abc123"
+ *       endpoint="https://api.flow-grid.xyz"
+ *       apiKey="key_xxx"
+ *     >
+ *       <MyApp />
+ *       <CookieBanner consent={consent} />
+ *     </FlowGridProvider>
+ *   );
+ * }
+ *
+ * function MyComponent() {
+ *   const { trackEvent } = useFlowGrid();
+ *   return <button onClick={() => trackEvent('click', { id: 'cta' })}>Click</button>;
+ * }
+ * ```
+ */
+import { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, } from 'react';
+import { Activation, TrackFeature, TrackPrompt, Experiment, PageViews, Sessions, Events, Identify, Funnels, Products, CartTracking, Checkout, Purchases, } from '../../../index';
+import { getVisitorId } from '../../utils/storage';
+import { IdentityManager } from '../../utils/identity';
+// Re-export Cookie Banner
+export { CookieBanner } from './CookieBanner';
+// ============================================================================
+// CONTEXT
+// ============================================================================
+const FlowGridContext = createContext(null);
+/**
+ * React context provider for FlowGrid SDK.
+ *
+ * Initialises all SDK modules, auto-tracks sessions and page views,
+ * and provides them to child components via {@link useFlowGrid}.
+ *
+ * @example
+ * ```tsx
+ * import { FlowGridProvider } from 'flowgrid-sdk/react';
+ *
+ * function App() {
+ *   return (
+ *     <FlowGridProvider
+ *       webId={process.env.REACT_APP_FLOWGRID_WEB_ID!}
+ *       endpoint={process.env.REACT_APP_FLOWGRID_ENDPOINT!}
+ *       apiKey={process.env.REACT_APP_FLOWGRID_API_KEY!}
+ *     >
+ *       <Routes />
+ *     </FlowGridProvider>
+ *   );
+ * }
+ * ```
+ */
+export function FlowGridProvider({ children, webId, endpoint, apiKey, visitorId, autoTrackPageViews = true, autoTrackSessions = true, debug = false, }) {
+    const [isReady, setIsReady] = useState(false);
+    const sessionIdRef = useRef(null);
+    const identity = useMemo(() => new IdentityManager({ visitorId: visitorId || getVisitorId() || undefined }), [visitorId]);
+    const resolvedVisitorId = identity.getVisitorId() || undefined;
+    const sdk = useMemo(() => ({
+        activation: new Activation(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        trackFeature: new TrackFeature(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        trackPrompt: new TrackPrompt(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        experiment: new Experiment(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        pageViews: new PageViews(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        sessions: new Sessions(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        events: new Events(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        identify: new Identify(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        funnels: new Funnels(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        products: new Products(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        cart: new CartTracking(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        checkout: new Checkout(webId, endpoint, apiKey, resolvedVisitorId, identity),
+        purchases: new Purchases(webId, endpoint, apiKey, resolvedVisitorId, identity),
+    }), [webId, endpoint, apiKey, resolvedVisitorId, identity]);
+    const trackEvent = useCallback(async (name, properties) => {
+        if (debug)
+            console.log('[FlowGrid] Event:', name, properties);
+        await sdk.events.track({ eventName: name, properties: properties || {} });
+    }, [sdk.events, debug]);
+    const identifyUser = useCallback(async (userId, traits) => {
+        if (debug)
+            console.log('[FlowGrid] Identify:', userId, traits);
+        await sdk.identify.user({ userId, traits: traits || {} });
+    }, [sdk.identify, debug]);
+    // Auto-track sessions
+    useEffect(() => {
+        if (!autoTrackSessions) {
+            setIsReady(true);
+            return;
+        }
+        const startSession = async () => {
+            try {
+                const result = await sdk.sessions.start({
+                    referrer: document.referrer,
+                    landingPage: window.location.pathname,
+                });
+                sessionIdRef.current = result.response?.sessionId || null;
+                setIsReady(true);
+                if (debug)
+                    console.log('[FlowGrid] Session started:', sessionIdRef.current);
+            }
+            catch (err) {
+                if (debug)
+                    console.error('[FlowGrid] Session start failed:', err);
+                setIsReady(true);
+            }
+        };
+        startSession();
+        const handleUnload = () => {
+            if (sessionIdRef.current) {
+                const vid = identity.getVisitorId() || '';
+                const payload = JSON.stringify({
+                    web_id: webId,
+                    visitor_id: vid,
+                    event_name: 'session_end',
+                    properties: { session_id: sessionIdRef.current, timestamp: new Date().toISOString() },
+                });
+                navigator.sendBeacon?.(`${endpoint.replace(/\/+$/, '')}/api/v1/sdk/functions?call=session_end`, new Blob([payload], { type: 'application/json' }));
+            }
+        };
+        window.addEventListener('pagehide', handleUnload);
+        return () => window.removeEventListener('pagehide', handleUnload);
+    }, [autoTrackSessions, sdk.sessions, debug, webId, endpoint, identity]);
+    // Auto-track page views
+    useEffect(() => {
+        if (!autoTrackPageViews || !isReady)
+            return;
+        sdk.pageViews.track({
+            url: window.location.href,
+            path: window.location.pathname,
+            title: document.title,
+            referrer: document.referrer,
+        });
+        if (debug)
+            console.log('[FlowGrid] Page view:', window.location.pathname);
+    }, [autoTrackPageViews, isReady, sdk.pageViews, debug]);
+    const value = {
+        ...sdk,
+        trackEvent,
+        identifyUser,
+        isReady,
+    };
+    return _jsx(FlowGridContext.Provider, { value: value, children: children });
+}
+// ============================================================================
+// HOOKS
+// ============================================================================
+/**
+ * Access the FlowGrid SDK instance from context.
+ *
+ * @throws If used outside a {@link FlowGridProvider}.
+ *
+ * @example
+ * ```tsx
+ * import { useFlowGrid } from 'flowgrid-sdk/react';
+ *
+ * function Dashboard() {
+ *   const { events, isReady } = useFlowGrid();
+ *   // ...
+ * }
+ * ```
+ */
+export function useFlowGrid() {
+    const context = useContext(FlowGridContext);
+    if (!context) {
+        throw new Error('useFlowGrid must be used within a FlowGridProvider');
+    }
+    return context;
+}
+/**
+ * Get the `trackEvent` helper from context.
+ *
+ * @example
+ * ```tsx
+ * const trackEvent = useTrackEvent();
+ * <button onClick={() => trackEvent('signup_click')}>Sign Up</button>
+ * ```
+ */
+export function useTrackEvent() {
+    const { trackEvent } = useFlowGrid();
+    return trackEvent;
+}
+/**
+ * Identify a user when their ID becomes available.
+ *
+ * @param userId  - User ID (pass `null` when unknown).
+ * @param traits  - Optional user traits.
+ *
+ * @example
+ * ```tsx
+ * import { useIdentify } from 'flowgrid-sdk/react';
+ *
+ * function Profile({ userId }: { userId: string }) {
+ *   useIdentify(userId, { plan: 'pro' });
+ *   return <div>...</div>;
+ * }
+ * ```
+ */
+export function useIdentify(userId, traits) {
+    const { identifyUser, isReady } = useFlowGrid();
+    useEffect(() => {
+        if (isReady && userId) {
+            identifyUser(userId, traits);
+        }
+    }, [isReady, userId, traits, identifyUser]);
+}
+/**
+ * Get ecommerce tracking helpers.
+ *
+ * @example
+ * ```tsx
+ * import { useEcommerce } from 'flowgrid-sdk/react';
+ *
+ * function ProductPage({ product }) {
+ *   const { trackProductView, trackAddToCart } = useEcommerce();
+ *
+ *   useEffect(() => {
+ *     trackProductView({ id: product.id, name: product.name, price: product.price });
+ *   }, [product]);
+ *
+ *   return (
+ *     <button onClick={() => trackAddToCart({ id: product.id, name: product.name, price: product.price })}>
+ *       Add to Cart
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export function useEcommerce() {
+    const { products, cart, checkout, purchases } = useFlowGrid();
+    const trackProductView = useCallback(async (product) => {
+        await products.view({
+            productId: product.id,
+            name: product.name,
+            price: product.price,
+            currency: (product.currency || 'USD'),
+        });
+    }, [products]);
+    const trackAddToCart = useCallback(async (product, quantity = 1) => {
+        await cart.addItem({
+            product: { productId: product.id, name: product.name, price: product.price, currency: (product.currency || 'USD') },
+            quantity,
+            cartId: 'current',
+        });
+    }, [cart]);
+    return { trackProductView, trackAddToCart, products, cart, checkout, purchases };
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/frameworks/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/frameworks/react/index.tsx"],"names":[],"mappings":"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"}

package/dist/lib/frameworks/vue/CookieBanner.js

@@ -0,0 +1,165 @@
+/**
+ * @fileoverview FlowGrid Cookie Banner — Vue 3 Component
+ * @module frameworks/vue/CookieBanner
+ *
+ * @description
+ * A customisable cookie consent banner for Vue 3 applications.
+ * Works with the FlowGrid {@link ConsentManager}.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { CookieBanner } from 'flowgrid-sdk/vue';
+ * import { ConsentManager, FlowGridTransport } from 'flowgrid-sdk';
+ *
+ * const consent = new ConsentManager({
+ *   onChange: (prefs) => {
+ *     FlowGridTransport.setConsent({
+ *       analytics: prefs.analytics,
+ *       marketing: prefs.marketing,
+ *     });
+ *   },
+ * });
+ * </script>
+ *
+ * <template>
+ *   <CookieBanner
+ *     :consent="consent"
+ *     :config="{
+ *       title: 'We use cookies',
+ *       description: 'We use cookies to improve your experience.',
+ *       privacyPolicyUrl: '/privacy',
+ *       theme: { position: 'bottom', primaryColor: '#4F46E5' },
+ *     }"
+ *   />
+ * </template>
+ * ```
+ */
+import { defineComponent, ref, onMounted, h } from 'vue';
+/**
+ * Vue 3 Cookie Banner component.
+ *
+ * Renders a GDPR-compliant cookie consent banner with accept, reject,
+ * and customise options. Uses the {@link ConsentManager} to persist choices.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <CookieBanner
+ *     :consent="consentManager"
+ *     :config="{ title: 'Cookies', theme: { position: 'bottom-right' } }"
+ *     @close="onBannerClosed"
+ *   />
+ * </template>
+ * ```
+ */
+export const CookieBanner = defineComponent({
+    name: 'FlowGridCookieBanner',
+    props: {
+        consent: {
+            type: Object,
+            required: true,
+        },
+        config: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+    emits: ['close'],
+    setup(props, { emit }) {
+        const visible = ref(false);
+        const showDetails = ref(false);
+        const prefs = ref(props.consent.getPreferences());
+        onMounted(() => {
+            if (props.config?.forceShow || !props.consent.hasConsented()) {
+                visible.value = true;
+            }
+        });
+        const close = () => {
+            visible.value = false;
+            emit('close');
+        };
+        const acceptAll = () => {
+            props.consent.acceptAll();
+            close();
+        };
+        const rejectAll = () => {
+            props.consent.rejectNonEssential();
+            close();
+        };
+        const save = () => {
+            props.consent.update(prefs.value);
+            close();
+        };
+        const toggle = (cat) => {
+            prefs.value = { ...prefs.value, [cat]: !prefs.value[cat] };
+        };
+        return () => {
+            if (!visible.value)
+                return null;
+            const theme = props.config?.theme ?? {};
+            const position = theme.position ?? 'bottom';
+            const accent = theme.primaryColor ?? '#4F46E5';
+            const descriptions = props.config?.categoryDescriptions ?? {};
+            const containerStyle = {
+                position: 'fixed',
+                zIndex: theme.zIndex ?? 9999,
+                left: 0,
+                right: 0,
+                padding: '20px',
+                boxSizing: 'border-box',
+                fontFamily: theme.fontFamily ?? 'system-ui, -apple-system, sans-serif',
+                backgroundColor: theme.backgroundColor ?? '#FFFFFF',
+                color: theme.textColor ?? '#1F2937',
+                boxShadow: '0 -2px 16px rgba(0,0,0,0.1)',
+                ...(position === 'top' ? { top: 0 } : {}),
+                ...(position === 'bottom' ? { bottom: 0 } : {}),
+                ...(position === 'bottom-left' ? { bottom: '20px', left: '20px', right: 'auto', maxWidth: '420px', borderRadius: theme.borderRadius ?? '12px' } : {}),
+                ...(position === 'bottom-right' ? { bottom: '20px', right: '20px', left: 'auto', maxWidth: '420px', borderRadius: theme.borderRadius ?? '12px' } : {}),
+                ...(position === 'center' ? { top: '50%', left: '50%', right: 'auto', transform: 'translate(-50%, -50%)', maxWidth: '540px', borderRadius: theme.borderRadius ?? '12px' } : {}),
+            };
+            const btnPrimary = {
+                padding: '10px 20px', border: 'none', borderRadius: '6px', cursor: 'pointer',
+                fontSize: '14px', fontWeight: 600, backgroundColor: accent, color: '#FFFFFF',
+            };
+            const btnSecondary = {
+                ...btnPrimary, backgroundColor: 'transparent', color: accent, border: `1px solid ${accent}`,
+            };
+            const title = props.config?.title ?? 'Cookie Preferences';
+            const desc = props.config?.description ?? 'We use cookies to improve your experience and analyse site traffic.';
+            const categories = showDetails.value
+                ? [
+                    h('label', { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px' } }, [
+                        h('input', { type: 'checkbox', checked: true, disabled: true, style: { marginRight: '8px' } }),
+                        h('span', {}, [h('strong', {}, 'Necessary'), h('span', { style: { opacity: 0.7, marginLeft: '8px' } }, descriptions.necessary ?? 'Required for the site to function.')]),
+                    ]),
+                    ...['analytics', 'marketing', 'preferences'].map((cat) => h('label', { style: { display: 'flex', alignItems: 'center', marginBottom: '10px', fontSize: '14px', cursor: 'pointer' } }, [
+                        h('input', { type: 'checkbox', checked: prefs.value[cat], onChange: () => toggle(cat), style: { marginRight: '8px' } }),
+                        h('span', {}, [
+                            h('strong', {}, cat.charAt(0).toUpperCase() + cat.slice(1)),
+                            h('span', { style: { opacity: 0.7, marginLeft: '8px' } }, descriptions[cat] ?? ''),
+                        ]),
+                    ])),
+                ]
+                : [];
+            return h('div', { style: containerStyle, role: 'dialog', 'aria-label': title }, [
+                h('div', { style: { maxWidth: '960px', margin: '0 auto' } }, [
+                    h('h3', { style: { margin: '0 0 8px', fontSize: '18px', fontWeight: 700 } }, title),
+                    h('p', { style: { margin: '0 0 16px', fontSize: '14px', lineHeight: 1.5, opacity: 0.8 } }, desc),
+                    ...(showDetails.value ? [h('div', { style: { marginBottom: '16px' } }, categories)] : []),
+                    h('div', { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center' } }, [
+                        h('button', { style: btnPrimary, onClick: acceptAll }, props.config?.acceptAllLabel ?? 'Accept All'),
+                        h('button', { style: btnSecondary, onClick: rejectAll }, props.config?.rejectAllLabel ?? 'Reject All'),
+                        !showDetails.value
+                            ? h('button', { style: { ...btnSecondary, border: 'none', textDecoration: 'underline' }, onClick: () => { showDetails.value = true; } }, props.config?.customizeLabel ?? 'Customize')
+                            : h('button', { style: btnPrimary, onClick: save }, props.config?.saveLabel ?? 'Save Preferences'),
+                        props.config?.privacyPolicyUrl
+                            ? h('a', { href: props.config.privacyPolicyUrl, style: { fontSize: '13px', opacity: 0.7, marginLeft: 'auto' }, target: '_blank', rel: 'noopener noreferrer' }, 'Privacy Policy')
+                            : null,
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=CookieBanner.js.map