@grainql/analytics-web 2.0.0 → 2.1.0

package/dist/react/react/components/PrivacyPreferenceCenter.js

@@ -0,0 +1,86 @@
+"use strict";
+/**
+ * PrivacyPreferenceCenter - Detailed preference management modal
+ * Follows Grain Design System specifications
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrivacyPreferenceCenter = PrivacyPreferenceCenter;
+const React = require("react");
+const useGrainAnalytics_1 = require("../hooks/useGrainAnalytics");
+const CATEGORIES = [
+    {
+        id: 'necessary',
+        name: 'Necessary',
+        description: 'Essential for the website to function properly. Cannot be disabled.',
+        required: true,
+    },
+    {
+        id: 'analytics',
+        name: 'Analytics',
+        description: 'Help us understand how visitors interact with our website.',
+        required: false,
+    },
+    {
+        id: 'functional',
+        name: 'Functional',
+        description: 'Enable enhanced functionality and personalization.',
+        required: false,
+    },
+];
+function PrivacyPreferenceCenter({ isOpen, onClose, onSave, }) {
+    const client = (0, useGrainAnalytics_1.useGrainAnalytics)();
+    const [selectedCategories, setSelectedCategories] = React.useState(['necessary']);
+    React.useEffect(() => {
+        if (!client)
+            return;
+        const consentState = client.getConsentState();
+        if (consentState) {
+            setSelectedCategories(consentState.categories);
+        }
+    }, [client, isOpen]);
+    const handleToggle = (categoryId, required) => {
+        if (required)
+            return; // Cannot toggle required categories
+        setSelectedCategories((prev) => prev.includes(categoryId)
+            ? prev.filter((id) => id !== categoryId)
+            : [...prev, categoryId]);
+    };
+    const handleSave = () => {
+        if (client) {
+            if (selectedCategories.length > 0) {
+                client.grantConsent(selectedCategories);
+            }
+            else {
+                client.revokeConsent();
+            }
+        }
+        onSave?.(selectedCategories);
+        onClose();
+    };
+    const handleEscape = (e) => {
+        if (e.key === 'Escape') {
+            onClose();
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center", onKeyDown: handleEscape, role: "dialog", "aria-labelledby": "preferences-title", "aria-modal": "true" },
+        React.createElement("div", { className: "fixed inset-0 bg-zinc-950/80 backdrop-blur-sm", onClick: onClose }),
+        React.createElement("div", { className: "relative bg-zinc-950/95 border border-zinc-800/60 backdrop-blur-xl rounded-lg shadow-2xl max-w-2xl w-full mx-4 p-6" },
+            React.createElement("h2", { id: "preferences-title", className: "text-xl font-semibold text-zinc-100 mb-4" }, "Privacy Preferences"),
+            React.createElement("div", { className: "space-y-4 mb-6" }, CATEGORIES.map((category) => (React.createElement("div", { key: category.id, className: "p-4 bg-zinc-900/40 border border-zinc-800/40 rounded-lg" },
+                React.createElement("div", { className: "flex items-start justify-between" },
+                    React.createElement("div", { className: "flex-1" },
+                        React.createElement("h3", { className: "font-medium text-zinc-200 mb-1" },
+                            category.name,
+                            category.required && (React.createElement("span", { className: "ml-2 text-xs text-emerald-500" }, "(Required)"))),
+                        React.createElement("p", { className: "text-sm text-zinc-400" }, category.description)),
+                    React.createElement("label", { className: "relative inline-flex items-center cursor-pointer" },
+                        React.createElement("input", { type: "checkbox", checked: selectedCategories.includes(category.id), onChange: () => handleToggle(category.id, category.required), disabled: category.required, className: "sr-only peer" }),
+                        React.createElement("div", { className: "w-11 h-6 bg-zinc-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-emerald-600" }))))))),
+            React.createElement("div", { className: "flex justify-end gap-2" },
+                React.createElement("button", { onClick: onClose, className: "px-4 py-2 bg-zinc-900/60 hover:bg-zinc-800/60 text-zinc-300 border border-zinc-800/60 rounded-lg font-medium transition-all" },
+                    "Cancel",
+                    React.createElement("kbd", { className: "ml-2 px-2 py-0.5 bg-zinc-900/50 border border-zinc-800 rounded text-[10px] font-mono" }, "ESC")),
+                React.createElement("button", { onClick: handleSave, className: "px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg font-medium transition-all" }, "Save Preferences")))));
+}

package/dist/react/react/components/PrivacyPreferenceCenter.mjs

@@ -0,0 +1,83 @@
+/**
+ * PrivacyPreferenceCenter - Detailed preference management modal
+ * Follows Grain Design System specifications
+ */
+import * as React from 'react';
+import { useGrainAnalytics } from '../hooks/useGrainAnalytics';
+const CATEGORIES = [
+    {
+        id: 'necessary',
+        name: 'Necessary',
+        description: 'Essential for the website to function properly. Cannot be disabled.',
+        required: true,
+    },
+    {
+        id: 'analytics',
+        name: 'Analytics',
+        description: 'Help us understand how visitors interact with our website.',
+        required: false,
+    },
+    {
+        id: 'functional',
+        name: 'Functional',
+        description: 'Enable enhanced functionality and personalization.',
+        required: false,
+    },
+];
+export function PrivacyPreferenceCenter({ isOpen, onClose, onSave, }) {
+    const client = useGrainAnalytics();
+    const [selectedCategories, setSelectedCategories] = React.useState(['necessary']);
+    React.useEffect(() => {
+        if (!client)
+            return;
+        const consentState = client.getConsentState();
+        if (consentState) {
+            setSelectedCategories(consentState.categories);
+        }
+    }, [client, isOpen]);
+    const handleToggle = (categoryId, required) => {
+        if (required)
+            return; // Cannot toggle required categories
+        setSelectedCategories((prev) => prev.includes(categoryId)
+            ? prev.filter((id) => id !== categoryId)
+            : [...prev, categoryId]);
+    };
+    const handleSave = () => {
+        if (client) {
+            if (selectedCategories.length > 0) {
+                client.grantConsent(selectedCategories);
+            }
+            else {
+                client.revokeConsent();
+            }
+        }
+        onSave?.(selectedCategories);
+        onClose();
+    };
+    const handleEscape = (e) => {
+        if (e.key === 'Escape') {
+            onClose();
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center", onKeyDown: handleEscape, role: "dialog", "aria-labelledby": "preferences-title", "aria-modal": "true" },
+        React.createElement("div", { className: "fixed inset-0 bg-zinc-950/80 backdrop-blur-sm", onClick: onClose }),
+        React.createElement("div", { className: "relative bg-zinc-950/95 border border-zinc-800/60 backdrop-blur-xl rounded-lg shadow-2xl max-w-2xl w-full mx-4 p-6" },
+            React.createElement("h2", { id: "preferences-title", className: "text-xl font-semibold text-zinc-100 mb-4" }, "Privacy Preferences"),
+            React.createElement("div", { className: "space-y-4 mb-6" }, CATEGORIES.map((category) => (React.createElement("div", { key: category.id, className: "p-4 bg-zinc-900/40 border border-zinc-800/40 rounded-lg" },
+                React.createElement("div", { className: "flex items-start justify-between" },
+                    React.createElement("div", { className: "flex-1" },
+                        React.createElement("h3", { className: "font-medium text-zinc-200 mb-1" },
+                            category.name,
+                            category.required && (React.createElement("span", { className: "ml-2 text-xs text-emerald-500" }, "(Required)"))),
+                        React.createElement("p", { className: "text-sm text-zinc-400" }, category.description)),
+                    React.createElement("label", { className: "relative inline-flex items-center cursor-pointer" },
+                        React.createElement("input", { type: "checkbox", checked: selectedCategories.includes(category.id), onChange: () => handleToggle(category.id, category.required), disabled: category.required, className: "sr-only peer" }),
+                        React.createElement("div", { className: "w-11 h-6 bg-zinc-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-emerald-600" }))))))),
+            React.createElement("div", { className: "flex justify-end gap-2" },
+                React.createElement("button", { onClick: onClose, className: "px-4 py-2 bg-zinc-900/60 hover:bg-zinc-800/60 text-zinc-300 border border-zinc-800/60 rounded-lg font-medium transition-all" },
+                    "Cancel",
+                    React.createElement("kbd", { className: "ml-2 px-2 py-0.5 bg-zinc-900/50 border border-zinc-800 rounded text-[10px] font-mono" }, "ESC")),
+                React.createElement("button", { onClick: handleSave, className: "px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg font-medium transition-all" }, "Save Preferences")))));
+}

package/dist/react/react/hooks/useConsent.d.ts

@@ -0,0 +1,13 @@
+/**
+ * useConsent - Hook for managing user consent
+ */
+import type { ConsentState } from '../../consent';
+export declare function useConsent(): {
+    consentState: ConsentState;
+    grantConsent: (categories?: string[]) => void;
+    revokeConsent: (categories?: string[]) => void;
+    hasConsent: (category?: string) => boolean;
+    isGranted: boolean;
+    categories: string[];
+};
+//# sourceMappingURL=useConsent.d.ts.map

package/dist/react/react/hooks/useConsent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConsent.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/useConsent.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,UAAU;;gCAwBR,MAAM,EAAE;iCASR,MAAM,EAAE;4BASV,MAAM;;;EAerB"}

package/dist/react/react/hooks/useConsent.js

@@ -0,0 +1,50 @@
+"use strict";
+/**
+ * useConsent - Hook for managing user consent
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConsent = useConsent;
+const React = require("react");
+const useGrainAnalytics_1 = require("./useGrainAnalytics");
+function useConsent() {
+    const client = (0, useGrainAnalytics_1.useGrainAnalytics)();
+    const [consentState, setConsentState] = React.useState(null);
+    React.useEffect(() => {
+        if (!client)
+            return;
+        // Get initial consent state
+        const initialState = client.getConsentState();
+        setConsentState(initialState);
+        // Listen for consent changes
+        const listener = (state) => {
+            setConsentState(state);
+        };
+        client.onConsentChange(listener);
+        return () => {
+            client.offConsentChange(listener);
+        };
+    }, [client]);
+    const grantConsent = React.useCallback((categories) => {
+        if (client) {
+            client.grantConsent(categories);
+        }
+    }, [client]);
+    const revokeConsent = React.useCallback((categories) => {
+        if (client) {
+            client.revokeConsent(categories);
+        }
+    }, [client]);
+    const hasConsent = React.useCallback((category) => {
+        if (!client)
+            return false;
+        return client.hasConsent(category);
+    }, [client]);
+    return {
+        consentState,
+        grantConsent,
+        revokeConsent,
+        hasConsent,
+        isGranted: consentState?.granted ?? false,
+        categories: consentState?.categories ?? [],
+    };
+}

package/dist/react/react/hooks/useConsent.mjs

@@ -0,0 +1,47 @@
+/**
+ * useConsent - Hook for managing user consent
+ */
+import * as React from 'react';
+import { useGrainAnalytics } from './useGrainAnalytics';
+export function useConsent() {
+    const client = useGrainAnalytics();
+    const [consentState, setConsentState] = React.useState(null);
+    React.useEffect(() => {
+        if (!client)
+            return;
+        // Get initial consent state
+        const initialState = client.getConsentState();
+        setConsentState(initialState);
+        // Listen for consent changes
+        const listener = (state) => {
+            setConsentState(state);
+        };
+        client.onConsentChange(listener);
+        return () => {
+            client.offConsentChange(listener);
+        };
+    }, [client]);
+    const grantConsent = React.useCallback((categories) => {
+        if (client) {
+            client.grantConsent(categories);
+        }
+    }, [client]);
+    const revokeConsent = React.useCallback((categories) => {
+        if (client) {
+            client.revokeConsent(categories);
+        }
+    }, [client]);
+    const hasConsent = React.useCallback((category) => {
+        if (!client)
+            return false;
+        return client.hasConsent(category);
+    }, [client]);
+    return {
+        consentState,
+        grantConsent,
+        revokeConsent,
+        hasConsent,
+        isGranted: consentState?.granted ?? false,
+        categories: consentState?.categories ?? [],
+    };
+}

package/dist/react/react/hooks/useDataDeletion.d.ts

@@ -0,0 +1,17 @@
+/**
+ * useDataDeletion - Hook for triggering data deletion requests
+ * This is a client-side utility - actual deletion happens on the server
+ */
+export interface DataDeletionOptions {
+    apiUrl: string;
+    tenantId: string;
+    onSuccess?: (message: string) => void;
+    onError?: (error: string) => void;
+}
+export declare function useDataDeletion(options: DataDeletionOptions): {
+    requestDeletion: (userId: string) => Promise<any>;
+    requestAnonymization: (userId: string) => Promise<any>;
+    loading: boolean;
+    error: string;
+};
+//# sourceMappingURL=useDataDeletion.d.ts.map

package/dist/react/react/hooks/useDataDeletion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataDeletion.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/useDataDeletion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB;8BAKzC,MAAM;mCAyCN,MAAM;;;EA6CxB"}

package/dist/react/react/hooks/useDataDeletion.js

@@ -0,0 +1,83 @@
+"use strict";
+/**
+ * useDataDeletion - Hook for triggering data deletion requests
+ * This is a client-side utility - actual deletion happens on the server
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataDeletion = useDataDeletion;
+const React = require("react");
+function useDataDeletion(options) {
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const requestDeletion = React.useCallback(async (userId) => {
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/data-deletion`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    userId,
+                    deleteEvents: true,
+                    deleteProperties: true,
+                    deleteConsentAudit: false,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const result = await response.json();
+            options.onSuccess?.(result.message);
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            options.onError?.(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [options]);
+    const requestAnonymization = React.useCallback(async (userId) => {
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/anonymize-user`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    userId,
+                    anonymizeEvents: true,
+                    anonymizeProperties: true,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const result = await response.json();
+            options.onSuccess?.(result.message);
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            options.onError?.(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [options]);
+    return {
+        requestDeletion,
+        requestAnonymization,
+        loading,
+        error,
+    };
+}

package/dist/react/react/hooks/useDataDeletion.mjs

@@ -0,0 +1,80 @@
+/**
+ * useDataDeletion - Hook for triggering data deletion requests
+ * This is a client-side utility - actual deletion happens on the server
+ */
+import * as React from 'react';
+export function useDataDeletion(options) {
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const requestDeletion = React.useCallback(async (userId) => {
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/data-deletion`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    userId,
+                    deleteEvents: true,
+                    deleteProperties: true,
+                    deleteConsentAudit: false,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const result = await response.json();
+            options.onSuccess?.(result.message);
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            options.onError?.(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [options]);
+    const requestAnonymization = React.useCallback(async (userId) => {
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/anonymize-user`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    userId,
+                    anonymizeEvents: true,
+                    anonymizeProperties: true,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const result = await response.json();
+            options.onSuccess?.(result.message);
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            options.onError?.(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [options]);
+    return {
+        requestDeletion,
+        requestAnonymization,
+        loading,
+        error,
+    };
+}

package/dist/react/react/hooks/usePrivacyPreferences.d.ts

@@ -0,0 +1,15 @@
+/**
+ * usePrivacyPreferences - Hook for managing privacy preferences
+ */
+export interface PrivacyPreferences {
+    necessary: boolean;
+    analytics: boolean;
+    functional: boolean;
+}
+export declare function usePrivacyPreferences(): {
+    preferences: PrivacyPreferences;
+    updatePreferences: (newPreferences: Partial<PrivacyPreferences>) => void;
+    acceptAll: () => void;
+    rejectAll: () => void;
+};
+//# sourceMappingURL=usePrivacyPreferences.d.ts.map

package/dist/react/react/hooks/usePrivacyPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrivacyPreferences.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/usePrivacyPreferences.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,qBAAqB;;wCAahB,OAAO,CAAC,kBAAkB,CAAC;;;EAqC/C"}

package/dist/react/react/hooks/usePrivacyPreferences.js

@@ -0,0 +1,48 @@
+"use strict";
+/**
+ * usePrivacyPreferences - Hook for managing privacy preferences
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrivacyPreferences = usePrivacyPreferences;
+const React = require("react");
+const useConsent_1 = require("./useConsent");
+function usePrivacyPreferences() {
+    const { consentState, grantConsent, revokeConsent } = (0, useConsent_1.useConsent)();
+    const preferences = React.useMemo(() => {
+        const categories = consentState?.categories ?? [];
+        return {
+            necessary: categories.includes('necessary'),
+            analytics: categories.includes('analytics'),
+            functional: categories.includes('functional'),
+        };
+    }, [consentState]);
+    const updatePreferences = React.useCallback((newPreferences) => {
+        const categories = [];
+        // Necessary is always enabled
+        categories.push('necessary');
+        if (newPreferences.analytics ?? preferences.analytics) {
+            categories.push('analytics');
+        }
+        if (newPreferences.functional ?? preferences.functional) {
+            categories.push('functional');
+        }
+        if (categories.length > 0) {
+            grantConsent(categories);
+        }
+        else {
+            revokeConsent();
+        }
+    }, [preferences, grantConsent, revokeConsent]);
+    const acceptAll = React.useCallback(() => {
+        grantConsent(['necessary', 'analytics', 'functional']);
+    }, [grantConsent]);
+    const rejectAll = React.useCallback(() => {
+        grantConsent(['necessary']); // Keep only necessary
+    }, [grantConsent]);
+    return {
+        preferences,
+        updatePreferences,
+        acceptAll,
+        rejectAll,
+    };
+}

package/dist/react/react/hooks/usePrivacyPreferences.mjs

@@ -0,0 +1,45 @@
+/**
+ * usePrivacyPreferences - Hook for managing privacy preferences
+ */
+import * as React from 'react';
+import { useConsent } from './useConsent';
+export function usePrivacyPreferences() {
+    const { consentState, grantConsent, revokeConsent } = useConsent();
+    const preferences = React.useMemo(() => {
+        const categories = consentState?.categories ?? [];
+        return {
+            necessary: categories.includes('necessary'),
+            analytics: categories.includes('analytics'),
+            functional: categories.includes('functional'),
+        };
+    }, [consentState]);
+    const updatePreferences = React.useCallback((newPreferences) => {
+        const categories = [];
+        // Necessary is always enabled
+        categories.push('necessary');
+        if (newPreferences.analytics ?? preferences.analytics) {
+            categories.push('analytics');
+        }
+        if (newPreferences.functional ?? preferences.functional) {
+            categories.push('functional');
+        }
+        if (categories.length > 0) {
+            grantConsent(categories);
+        }
+        else {
+            revokeConsent();
+        }
+    }, [preferences, grantConsent, revokeConsent]);
+    const acceptAll = React.useCallback(() => {
+        grantConsent(['necessary', 'analytics', 'functional']);
+    }, [grantConsent]);
+    const rejectAll = React.useCallback(() => {
+        grantConsent(['necessary']); // Keep only necessary
+    }, [grantConsent]);
+    return {
+        preferences,
+        updatePreferences,
+        acceptAll,
+        rejectAll,
+    };
+}

package/dist/react/react/index.d.ts

@@ -32,5 +32,16 @@ export { useGrainAnalytics } from './hooks/useGrainAnalytics';
 export { useConfig } from './hooks/useConfig';
 export { useAllConfigs } from './hooks/useAllConfigs';
 export { useTrack } from './hooks/useTrack';
+export { useConsent } from './hooks/useConsent';
+export { usePrivacyPreferences } from './hooks/usePrivacyPreferences';
+export { useDataDeletion } from './hooks/useDataDeletion';
+export { ConsentBanner } from './components/ConsentBanner';
+export { PrivacyPreferenceCenter } from './components/PrivacyPreferenceCenter';
+export { CookieNotice } from './components/CookieNotice';
 export type { GrainProviderProps, UseConfigOptions, UseConfigResult, UseAllConfigsOptions, UseAllConfigsResult, TrackFunction, } from './types';
+export type { ConsentBannerProps } from './components/ConsentBanner';
+export type { PrivacyPreferenceCenterProps } from './components/PrivacyPreferenceCenter';
+export type { CookieNoticeProps } from './components/CookieNotice';
+export type { PrivacyPreferences } from './hooks/usePrivacyPreferences';
+export type { DataDeletionOptions } from './hooks/useDataDeletion';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,GACd,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,GACd,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACzF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/react/react/index.js

@@ -29,7 +29,7 @@
  * ```
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTrack = exports.useAllConfigs = exports.useConfig = exports.useGrainAnalytics = exports.GrainProvider = void 0;
+exports.CookieNotice = exports.PrivacyPreferenceCenter = exports.ConsentBanner = exports.useDataDeletion = exports.usePrivacyPreferences = exports.useConsent = exports.useTrack = exports.useAllConfigs = exports.useConfig = exports.useGrainAnalytics = exports.GrainProvider = void 0;
 // Provider
 var GrainProvider_1 = require("./GrainProvider");
 Object.defineProperty(exports, "GrainProvider", { enumerable: true, get: function () { return GrainProvider_1.GrainProvider; } });
@@ -42,3 +42,17 @@ var useAllConfigs_1 = require("./hooks/useAllConfigs");
 Object.defineProperty(exports, "useAllConfigs", { enumerable: true, get: function () { return useAllConfigs_1.useAllConfigs; } });
 var useTrack_1 = require("./hooks/useTrack");
 Object.defineProperty(exports, "useTrack", { enumerable: true, get: function () { return useTrack_1.useTrack; } });
+// Privacy hooks
+var useConsent_1 = require("./hooks/useConsent");
+Object.defineProperty(exports, "useConsent", { enumerable: true, get: function () { return useConsent_1.useConsent; } });
+var usePrivacyPreferences_1 = require("./hooks/usePrivacyPreferences");
+Object.defineProperty(exports, "usePrivacyPreferences", { enumerable: true, get: function () { return usePrivacyPreferences_1.usePrivacyPreferences; } });
+var useDataDeletion_1 = require("./hooks/useDataDeletion");
+Object.defineProperty(exports, "useDataDeletion", { enumerable: true, get: function () { return useDataDeletion_1.useDataDeletion; } });
+// Privacy components
+var ConsentBanner_1 = require("./components/ConsentBanner");
+Object.defineProperty(exports, "ConsentBanner", { enumerable: true, get: function () { return ConsentBanner_1.ConsentBanner; } });
+var PrivacyPreferenceCenter_1 = require("./components/PrivacyPreferenceCenter");
+Object.defineProperty(exports, "PrivacyPreferenceCenter", { enumerable: true, get: function () { return PrivacyPreferenceCenter_1.PrivacyPreferenceCenter; } });
+var CookieNotice_1 = require("./components/CookieNotice");
+Object.defineProperty(exports, "CookieNotice", { enumerable: true, get: function () { return CookieNotice_1.CookieNotice; } });

package/dist/react/react/index.mjs

@@ -34,3 +34,11 @@ export { useGrainAnalytics } from './hooks/useGrainAnalytics';
 export { useConfig } from './hooks/useConfig';
 export { useAllConfigs } from './hooks/useAllConfigs';
 export { useTrack } from './hooks/useTrack';
+// Privacy hooks
+export { useConsent } from './hooks/useConsent';
+export { usePrivacyPreferences } from './hooks/usePrivacyPreferences';
+export { useDataDeletion } from './hooks/useDataDeletion';
+// Privacy components
+export { ConsentBanner } from './components/ConsentBanner';
+export { PrivacyPreferenceCenter } from './components/PrivacyPreferenceCenter';
+export { CookieNotice } from './components/CookieNotice';