@grainql/analytics-web 2.0.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/activity.d.ts +59 -0
- package/dist/activity.d.ts.map +1 -0
- package/dist/cjs/activity.d.ts +59 -0
- package/dist/cjs/activity.d.ts.map +1 -0
- package/dist/cjs/activity.js +131 -0
- package/dist/cjs/activity.js.map +1 -0
- package/dist/cjs/consent.d.ts +68 -0
- package/dist/cjs/consent.d.ts.map +1 -0
- package/dist/cjs/consent.js +191 -0
- package/dist/cjs/consent.js.map +1 -0
- package/dist/cjs/cookies.d.ts +28 -0
- package/dist/cjs/cookies.d.ts.map +1 -0
- package/dist/cjs/cookies.js +95 -0
- package/dist/cjs/cookies.js.map +1 -0
- package/dist/cjs/heartbeat.d.ts +42 -0
- package/dist/cjs/heartbeat.d.ts.map +1 -0
- package/dist/cjs/heartbeat.js +92 -0
- package/dist/cjs/heartbeat.js.map +1 -0
- package/dist/cjs/index.d.ts +100 -3
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/page-tracking.d.ts +60 -0
- package/dist/cjs/page-tracking.d.ts.map +1 -0
- package/dist/cjs/page-tracking.js +180 -0
- package/dist/cjs/page-tracking.js.map +1 -0
- package/dist/cjs/react/components/ConsentBanner.d.ts +16 -0
- package/dist/cjs/react/components/ConsentBanner.d.ts.map +1 -0
- package/dist/cjs/react/components/ConsentBanner.js +112 -0
- package/dist/cjs/react/components/ConsentBanner.js.map +1 -0
- package/dist/cjs/react/components/CookieNotice.d.ts +12 -0
- package/dist/cjs/react/components/CookieNotice.d.ts.map +1 -0
- package/dist/cjs/react/components/CookieNotice.js +62 -0
- package/dist/cjs/react/components/CookieNotice.js.map +1 -0
- package/dist/cjs/react/components/PrivacyPreferenceCenter.d.ts +12 -0
- package/dist/cjs/react/components/PrivacyPreferenceCenter.d.ts.map +1 -0
- package/dist/cjs/react/components/PrivacyPreferenceCenter.js +120 -0
- package/dist/cjs/react/components/PrivacyPreferenceCenter.js.map +1 -0
- package/dist/cjs/react/hooks/useConsent.d.ts +13 -0
- package/dist/cjs/react/hooks/useConsent.d.ts.map +1 -0
- package/dist/cjs/react/hooks/useConsent.js +84 -0
- package/dist/cjs/react/hooks/useConsent.js.map +1 -0
- package/dist/cjs/react/hooks/useDataDeletion.d.ts +17 -0
- package/dist/cjs/react/hooks/useDataDeletion.d.ts.map +1 -0
- package/dist/cjs/react/hooks/useDataDeletion.js +117 -0
- package/dist/cjs/react/hooks/useDataDeletion.js.map +1 -0
- package/dist/cjs/react/hooks/usePrivacyPreferences.d.ts +15 -0
- package/dist/cjs/react/hooks/usePrivacyPreferences.d.ts.map +1 -0
- package/dist/cjs/react/hooks/usePrivacyPreferences.js +82 -0
- package/dist/cjs/react/hooks/usePrivacyPreferences.js.map +1 -0
- package/dist/cjs/react/index.d.ts +11 -0
- package/dist/cjs/react/index.d.ts.map +1 -1
- package/dist/cjs/react/index.js +15 -1
- package/dist/cjs/react/index.js.map +1 -1
- package/dist/consent.d.ts +68 -0
- package/dist/consent.d.ts.map +1 -0
- package/dist/cookies.d.ts +28 -0
- package/dist/cookies.d.ts.map +1 -0
- package/dist/esm/activity.d.ts +59 -0
- package/dist/esm/activity.d.ts.map +1 -0
- package/dist/esm/activity.js +127 -0
- package/dist/esm/activity.js.map +1 -0
- package/dist/esm/consent.d.ts +68 -0
- package/dist/esm/consent.d.ts.map +1 -0
- package/dist/esm/consent.js +187 -0
- package/dist/esm/consent.js.map +1 -0
- package/dist/esm/cookies.d.ts +28 -0
- package/dist/esm/cookies.d.ts.map +1 -0
- package/dist/esm/cookies.js +89 -0
- package/dist/esm/cookies.js.map +1 -0
- package/dist/esm/heartbeat.d.ts +42 -0
- package/dist/esm/heartbeat.d.ts.map +1 -0
- package/dist/esm/heartbeat.js +88 -0
- package/dist/esm/heartbeat.js.map +1 -0
- package/dist/esm/index.d.ts +100 -3
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/page-tracking.d.ts +60 -0
- package/dist/esm/page-tracking.d.ts.map +1 -0
- package/dist/esm/page-tracking.js +176 -0
- package/dist/esm/page-tracking.js.map +1 -0
- package/dist/esm/react/components/ConsentBanner.d.ts +16 -0
- package/dist/esm/react/components/ConsentBanner.d.ts.map +1 -0
- package/dist/esm/react/components/ConsentBanner.js +76 -0
- package/dist/esm/react/components/ConsentBanner.js.map +1 -0
- package/dist/esm/react/components/CookieNotice.d.ts +12 -0
- package/dist/esm/react/components/CookieNotice.d.ts.map +1 -0
- package/dist/esm/react/components/CookieNotice.js +26 -0
- package/dist/esm/react/components/CookieNotice.js.map +1 -0
- package/dist/esm/react/components/PrivacyPreferenceCenter.d.ts +12 -0
- package/dist/esm/react/components/PrivacyPreferenceCenter.d.ts.map +1 -0
- package/dist/esm/react/components/PrivacyPreferenceCenter.js +84 -0
- package/dist/esm/react/components/PrivacyPreferenceCenter.js.map +1 -0
- package/dist/esm/react/hooks/useConsent.d.ts +13 -0
- package/dist/esm/react/hooks/useConsent.d.ts.map +1 -0
- package/dist/esm/react/hooks/useConsent.js +48 -0
- package/dist/esm/react/hooks/useConsent.js.map +1 -0
- package/dist/esm/react/hooks/useDataDeletion.d.ts +17 -0
- package/dist/esm/react/hooks/useDataDeletion.d.ts.map +1 -0
- package/dist/esm/react/hooks/useDataDeletion.js +81 -0
- package/dist/esm/react/hooks/useDataDeletion.js.map +1 -0
- package/dist/esm/react/hooks/usePrivacyPreferences.d.ts +15 -0
- package/dist/esm/react/hooks/usePrivacyPreferences.d.ts.map +1 -0
- package/dist/esm/react/hooks/usePrivacyPreferences.js +46 -0
- package/dist/esm/react/hooks/usePrivacyPreferences.js.map +1 -0
- package/dist/esm/react/index.d.ts +11 -0
- package/dist/esm/react/index.d.ts.map +1 -1
- package/dist/esm/react/index.js +8 -0
- package/dist/esm/react/index.js.map +1 -1
- package/dist/heartbeat.d.ts +42 -0
- package/dist/heartbeat.d.ts.map +1 -0
- package/dist/index.d.ts +100 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.global.dev.js +903 -12
- package/dist/index.global.dev.js.map +3 -3
- package/dist/index.global.js +2 -2
- package/dist/index.global.js.map +4 -4
- package/dist/index.js +321 -11
- package/dist/index.mjs +321 -11
- package/dist/page-tracking.d.ts +60 -0
- package/dist/page-tracking.d.ts.map +1 -0
- package/dist/react/activity.d.ts +59 -0
- package/dist/react/activity.d.ts.map +1 -0
- package/dist/react/activity.js +130 -0
- package/dist/react/activity.mjs +126 -0
- package/dist/react/consent.d.ts +68 -0
- package/dist/react/consent.d.ts.map +1 -0
- package/dist/react/consent.js +190 -0
- package/dist/react/consent.mjs +186 -0
- package/dist/react/cookies.d.ts +28 -0
- package/dist/react/cookies.d.ts.map +1 -0
- package/dist/react/cookies.js +94 -0
- package/dist/react/cookies.mjs +88 -0
- package/dist/react/heartbeat.d.ts +42 -0
- package/dist/react/heartbeat.d.ts.map +1 -0
- package/dist/react/heartbeat.js +91 -0
- package/dist/react/heartbeat.mjs +87 -0
- package/dist/react/index.d.ts +100 -3
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +321 -11
- package/dist/react/index.mjs +321 -11
- package/dist/react/page-tracking.d.ts +60 -0
- package/dist/react/page-tracking.d.ts.map +1 -0
- package/dist/react/page-tracking.js +179 -0
- package/dist/react/page-tracking.mjs +175 -0
- package/dist/react/react/components/ConsentBanner.d.ts +16 -0
- package/dist/react/react/components/ConsentBanner.d.ts.map +1 -0
- package/dist/react/react/components/ConsentBanner.js +78 -0
- package/dist/react/react/components/ConsentBanner.mjs +75 -0
- package/dist/react/react/components/CookieNotice.d.ts +12 -0
- package/dist/react/react/components/CookieNotice.d.ts.map +1 -0
- package/dist/react/react/components/CookieNotice.js +28 -0
- package/dist/react/react/components/CookieNotice.mjs +25 -0
- package/dist/react/react/components/PrivacyPreferenceCenter.d.ts +12 -0
- package/dist/react/react/components/PrivacyPreferenceCenter.d.ts.map +1 -0
- package/dist/react/react/components/PrivacyPreferenceCenter.js +86 -0
- package/dist/react/react/components/PrivacyPreferenceCenter.mjs +83 -0
- package/dist/react/react/hooks/useConsent.d.ts +13 -0
- package/dist/react/react/hooks/useConsent.d.ts.map +1 -0
- package/dist/react/react/hooks/useConsent.js +50 -0
- package/dist/react/react/hooks/useConsent.mjs +47 -0
- package/dist/react/react/hooks/useDataDeletion.d.ts +17 -0
- package/dist/react/react/hooks/useDataDeletion.d.ts.map +1 -0
- package/dist/react/react/hooks/useDataDeletion.js +83 -0
- package/dist/react/react/hooks/useDataDeletion.mjs +80 -0
- package/dist/react/react/hooks/usePrivacyPreferences.d.ts +15 -0
- package/dist/react/react/hooks/usePrivacyPreferences.d.ts.map +1 -0
- package/dist/react/react/hooks/usePrivacyPreferences.js +48 -0
- package/dist/react/react/hooks/usePrivacyPreferences.mjs +45 -0
- package/dist/react/react/index.d.ts +11 -0
- package/dist/react/react/index.d.ts.map +1 -1
- package/dist/react/react/index.js +15 -1
- package/dist/react/react/index.mjs +8 -0
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ConsentBanner - Glassmorphic consent popup for GDPR compliance
|
|
3
|
+
* Follows Grain Design System specifications
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
export interface ConsentBannerProps {
|
|
7
|
+
position?: 'top' | 'bottom' | 'center';
|
|
8
|
+
theme?: 'light' | 'dark' | 'glass';
|
|
9
|
+
customText?: string;
|
|
10
|
+
onAccept?: () => void;
|
|
11
|
+
onDecline?: () => void;
|
|
12
|
+
showPreferences?: boolean;
|
|
13
|
+
privacyPolicyUrl?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function ConsentBanner({ position, theme, customText, onAccept, onDecline, showPreferences, privacyPolicyUrl, }: ConsentBannerProps): React.JSX.Element | null;
|
|
16
|
+
//# sourceMappingURL=ConsentBanner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConsentBanner.d.ts","sourceRoot":"","sources":["../../../../src/react/components/ConsentBanner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAmB,EACnB,KAAe,EACf,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAuB,EACvB,gBAAgB,GACjB,EAAE,kBAAkB,4BA8HpB"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ConsentBanner - Glassmorphic consent popup for GDPR compliance
|
|
3
|
+
* Follows Grain Design System specifications
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useGrainAnalytics } from '../hooks/useGrainAnalytics';
|
|
7
|
+
export function ConsentBanner({ position = 'bottom', theme = 'glass', customText, onAccept, onDecline, showPreferences = false, privacyPolicyUrl, }) {
|
|
8
|
+
const client = useGrainAnalytics();
|
|
9
|
+
const [visible, setVisible] = React.useState(false);
|
|
10
|
+
const [showPreferencesModal, setShowPreferencesModal] = React.useState(false);
|
|
11
|
+
React.useEffect(() => {
|
|
12
|
+
if (!client)
|
|
13
|
+
return;
|
|
14
|
+
// Check if user has already made a consent decision
|
|
15
|
+
const consentState = client.getConsentState();
|
|
16
|
+
if (!consentState) {
|
|
17
|
+
setVisible(true);
|
|
18
|
+
}
|
|
19
|
+
}, [client]);
|
|
20
|
+
const handleAccept = () => {
|
|
21
|
+
if (client) {
|
|
22
|
+
client.grantConsent(['necessary', 'analytics', 'functional']);
|
|
23
|
+
}
|
|
24
|
+
setVisible(false);
|
|
25
|
+
onAccept?.();
|
|
26
|
+
};
|
|
27
|
+
const handleDecline = () => {
|
|
28
|
+
if (client) {
|
|
29
|
+
client.revokeConsent();
|
|
30
|
+
}
|
|
31
|
+
setVisible(false);
|
|
32
|
+
onDecline?.();
|
|
33
|
+
};
|
|
34
|
+
const handleEscape = (e) => {
|
|
35
|
+
if (e.key === 'Escape') {
|
|
36
|
+
handleDecline();
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
if (!visible)
|
|
40
|
+
return null;
|
|
41
|
+
const defaultText = customText ||
|
|
42
|
+
"We use cookies and similar technologies to improve your experience. By accepting, you consent to our use of analytics and functional cookies.";
|
|
43
|
+
// Position styles
|
|
44
|
+
const positionStyles = {
|
|
45
|
+
top: 'top-4 left-4 right-4',
|
|
46
|
+
bottom: 'bottom-4 left-4 right-4',
|
|
47
|
+
center: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',
|
|
48
|
+
};
|
|
49
|
+
// Theme styles (glassmorphic by default)
|
|
50
|
+
const themeStyles = {
|
|
51
|
+
light: 'bg-white/95 border-gray-200 text-gray-900',
|
|
52
|
+
dark: 'bg-zinc-900/95 border-zinc-800 text-zinc-100',
|
|
53
|
+
glass: 'bg-zinc-950/40 backdrop-blur-xl border-zinc-800/40 text-zinc-100',
|
|
54
|
+
};
|
|
55
|
+
const buttonAcceptStyles = {
|
|
56
|
+
light: 'bg-blue-600 hover:bg-blue-700 text-white',
|
|
57
|
+
dark: 'bg-emerald-600 hover:bg-emerald-700 text-white',
|
|
58
|
+
glass: 'bg-emerald-600 hover:bg-emerald-700 text-white',
|
|
59
|
+
};
|
|
60
|
+
const buttonDeclineStyles = {
|
|
61
|
+
light: 'bg-gray-200 hover:bg-gray-300 text-gray-800',
|
|
62
|
+
dark: 'bg-zinc-800 hover:bg-zinc-700 text-zinc-200',
|
|
63
|
+
glass: 'bg-zinc-900/60 hover:bg-zinc-800/60 text-zinc-300 border border-zinc-800/60',
|
|
64
|
+
};
|
|
65
|
+
return (React.createElement("div", { className: `fixed z-50 max-w-2xl ${positionStyles[position]}`, onKeyDown: handleEscape, role: "dialog", "aria-labelledby": "consent-title", "aria-describedby": "consent-description" },
|
|
66
|
+
React.createElement("div", { className: `rounded-lg shadow-2xl border p-6 transition-all ${themeStyles[theme]}` },
|
|
67
|
+
React.createElement("h2", { id: "consent-title", className: "text-lg font-semibold mb-2" }, "Cookie Consent"),
|
|
68
|
+
React.createElement("p", { id: "consent-description", className: "text-sm opacity-80 mb-4" }, defaultText),
|
|
69
|
+
privacyPolicyUrl && (React.createElement("a", { href: privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", className: "text-sm underline opacity-70 hover:opacity-100 transition-opacity block mb-4" }, "Read our Privacy Policy")),
|
|
70
|
+
React.createElement("div", { className: "flex flex-wrap gap-2" },
|
|
71
|
+
React.createElement("button", { onClick: handleAccept, className: `px-4 py-2 rounded-lg font-medium transition-all ${buttonAcceptStyles[theme]}`, "aria-label": "Accept cookies" }, "Accept All"),
|
|
72
|
+
React.createElement("button", { onClick: handleDecline, className: `px-4 py-2 rounded-lg font-medium transition-all ${buttonDeclineStyles[theme]}`, "aria-label": "Decline cookies" }, "Decline"),
|
|
73
|
+
showPreferences && (React.createElement("button", { onClick: () => setShowPreferencesModal(true), className: `px-4 py-2 rounded-lg font-medium transition-all ${buttonDeclineStyles[theme]}`, "aria-label": "Manage preferences" }, "Manage Preferences")),
|
|
74
|
+
React.createElement("kbd", { className: "ml-auto px-2 py-1 bg-zinc-900/50 border border-zinc-800 rounded text-[10px] font-mono self-center" }, "ESC")))));
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=ConsentBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConsentBanner.js","sourceRoot":"","sources":["../../../../src/react/components/ConsentBanner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CookieNotice - Simple cookie notification banner
|
|
3
|
+
*/
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
export interface CookieNoticeProps {
|
|
6
|
+
message?: string;
|
|
7
|
+
privacyPolicyUrl?: string;
|
|
8
|
+
onDismiss?: () => void;
|
|
9
|
+
position?: 'top' | 'bottom';
|
|
10
|
+
}
|
|
11
|
+
export declare function CookieNotice({ message, privacyPolicyUrl, onDismiss, position, }: CookieNoticeProps): React.JSX.Element | null;
|
|
12
|
+
//# sourceMappingURL=CookieNotice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CookieNotice.d.ts","sourceRoot":"","sources":["../../../../src/react/components/CookieNotice.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,QAAmB,GACpB,EAAE,iBAAiB,4BA6CnB"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CookieNotice - Simple cookie notification banner
|
|
3
|
+
*/
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
export function CookieNotice({ message, privacyPolicyUrl, onDismiss, position = 'bottom', }) {
|
|
6
|
+
const [visible, setVisible] = React.useState(true);
|
|
7
|
+
const defaultMessage = message ||
|
|
8
|
+
"This website uses cookies to enhance your experience.";
|
|
9
|
+
const handleDismiss = () => {
|
|
10
|
+
setVisible(false);
|
|
11
|
+
onDismiss?.();
|
|
12
|
+
};
|
|
13
|
+
if (!visible)
|
|
14
|
+
return null;
|
|
15
|
+
const positionStyles = position === 'top' ? 'top-0' : 'bottom-0';
|
|
16
|
+
return (React.createElement("div", { className: `fixed ${positionStyles} left-0 right-0 z-40` },
|
|
17
|
+
React.createElement("div", { className: "bg-zinc-950/90 backdrop-blur-sm border-t border-zinc-800/40 px-4 py-3" },
|
|
18
|
+
React.createElement("div", { className: "max-w-7xl mx-auto flex items-center justify-between gap-4" },
|
|
19
|
+
React.createElement("p", { className: "text-sm text-zinc-300" },
|
|
20
|
+
defaultMessage,
|
|
21
|
+
privacyPolicyUrl && (React.createElement(React.Fragment, null,
|
|
22
|
+
' ',
|
|
23
|
+
React.createElement("a", { href: privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", className: "underline opacity-70 hover:opacity-100 transition-opacity" }, "Learn more")))),
|
|
24
|
+
React.createElement("button", { onClick: handleDismiss, className: "px-3 py-1 bg-zinc-800/60 hover:bg-zinc-700/60 text-zinc-300 rounded text-sm font-medium transition-all flex-shrink-0" }, "Dismiss")))));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=CookieNotice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CookieNotice.js","sourceRoot":"","sources":["../../../../src/react/components/CookieNotice.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,QAAQ,GAAG,QAAQ,GACD;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,cAAc,GAAG,OAAO;QAC5B,uDAAuD,CAAC;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,cAAc,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;IAEjE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,cAAc,sBAAsB;QAC3D,6BAAK,SAAS,EAAC,uEAAuE;YACpF,6BAAK,SAAS,EAAC,2DAA2D;gBACxE,2BAAG,SAAS,EAAC,uBAAuB;oBACjC,cAAc;oBACd,gBAAgB,IAAI,CACnB;wBACG,GAAG;wBACJ,2BACE,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,2DAA2D,iBAGnE,CACH,CACJ,CACC;gBACJ,gCACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sHAAsH,cAGzH,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PrivacyPreferenceCenter - Detailed preference management modal
|
|
3
|
+
* Follows Grain Design System specifications
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
export interface PrivacyPreferenceCenterProps {
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
onSave?: (categories: string[]) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function PrivacyPreferenceCenter({ isOpen, onClose, onSave, }: PrivacyPreferenceCenterProps): React.JSX.Element | null;
|
|
12
|
+
//# sourceMappingURL=PrivacyPreferenceCenter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrivacyPreferenceCenter.d.ts","sourceRoot":"","sources":["../../../../src/react/components/PrivacyPreferenceCenter.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AA8BD,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,4BAA4B,4BAkH9B"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PrivacyPreferenceCenter - Detailed preference management modal
|
|
3
|
+
* Follows Grain Design System specifications
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useGrainAnalytics } from '../hooks/useGrainAnalytics';
|
|
7
|
+
const CATEGORIES = [
|
|
8
|
+
{
|
|
9
|
+
id: 'necessary',
|
|
10
|
+
name: 'Necessary',
|
|
11
|
+
description: 'Essential for the website to function properly. Cannot be disabled.',
|
|
12
|
+
required: true,
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
id: 'analytics',
|
|
16
|
+
name: 'Analytics',
|
|
17
|
+
description: 'Help us understand how visitors interact with our website.',
|
|
18
|
+
required: false,
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
id: 'functional',
|
|
22
|
+
name: 'Functional',
|
|
23
|
+
description: 'Enable enhanced functionality and personalization.',
|
|
24
|
+
required: false,
|
|
25
|
+
},
|
|
26
|
+
];
|
|
27
|
+
export function PrivacyPreferenceCenter({ isOpen, onClose, onSave, }) {
|
|
28
|
+
const client = useGrainAnalytics();
|
|
29
|
+
const [selectedCategories, setSelectedCategories] = React.useState(['necessary']);
|
|
30
|
+
React.useEffect(() => {
|
|
31
|
+
if (!client)
|
|
32
|
+
return;
|
|
33
|
+
const consentState = client.getConsentState();
|
|
34
|
+
if (consentState) {
|
|
35
|
+
setSelectedCategories(consentState.categories);
|
|
36
|
+
}
|
|
37
|
+
}, [client, isOpen]);
|
|
38
|
+
const handleToggle = (categoryId, required) => {
|
|
39
|
+
if (required)
|
|
40
|
+
return; // Cannot toggle required categories
|
|
41
|
+
setSelectedCategories((prev) => prev.includes(categoryId)
|
|
42
|
+
? prev.filter((id) => id !== categoryId)
|
|
43
|
+
: [...prev, categoryId]);
|
|
44
|
+
};
|
|
45
|
+
const handleSave = () => {
|
|
46
|
+
if (client) {
|
|
47
|
+
if (selectedCategories.length > 0) {
|
|
48
|
+
client.grantConsent(selectedCategories);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
client.revokeConsent();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
onSave?.(selectedCategories);
|
|
55
|
+
onClose();
|
|
56
|
+
};
|
|
57
|
+
const handleEscape = (e) => {
|
|
58
|
+
if (e.key === 'Escape') {
|
|
59
|
+
onClose();
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
if (!isOpen)
|
|
63
|
+
return null;
|
|
64
|
+
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" },
|
|
65
|
+
React.createElement("div", { className: "fixed inset-0 bg-zinc-950/80 backdrop-blur-sm", onClick: onClose }),
|
|
66
|
+
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" },
|
|
67
|
+
React.createElement("h2", { id: "preferences-title", className: "text-xl font-semibold text-zinc-100 mb-4" }, "Privacy Preferences"),
|
|
68
|
+
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" },
|
|
69
|
+
React.createElement("div", { className: "flex items-start justify-between" },
|
|
70
|
+
React.createElement("div", { className: "flex-1" },
|
|
71
|
+
React.createElement("h3", { className: "font-medium text-zinc-200 mb-1" },
|
|
72
|
+
category.name,
|
|
73
|
+
category.required && (React.createElement("span", { className: "ml-2 text-xs text-emerald-500" }, "(Required)"))),
|
|
74
|
+
React.createElement("p", { className: "text-sm text-zinc-400" }, category.description)),
|
|
75
|
+
React.createElement("label", { className: "relative inline-flex items-center cursor-pointer" },
|
|
76
|
+
React.createElement("input", { type: "checkbox", checked: selectedCategories.includes(category.id), onChange: () => handleToggle(category.id, category.required), disabled: category.required, className: "sr-only peer" }),
|
|
77
|
+
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" }))))))),
|
|
78
|
+
React.createElement("div", { className: "flex justify-end gap-2" },
|
|
79
|
+
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" },
|
|
80
|
+
"Cancel",
|
|
81
|
+
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")),
|
|
82
|
+
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")))));
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=PrivacyPreferenceCenter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrivacyPreferenceCenter.js","sourceRoot":"","sources":["../../../../src/react/components/PrivacyPreferenceCenter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useConsent - Hook for managing user consent
|
|
3
|
+
*/
|
|
4
|
+
import type { ConsentState } from '../../consent';
|
|
5
|
+
export declare function useConsent(): {
|
|
6
|
+
consentState: ConsentState | null;
|
|
7
|
+
grantConsent: (categories?: string[]) => void;
|
|
8
|
+
revokeConsent: (categories?: string[]) => void;
|
|
9
|
+
hasConsent: (category?: string) => boolean;
|
|
10
|
+
isGranted: boolean;
|
|
11
|
+
categories: string[];
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=useConsent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useConsent - Hook for managing user consent
|
|
3
|
+
*/
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { useGrainAnalytics } from './useGrainAnalytics';
|
|
6
|
+
export function useConsent() {
|
|
7
|
+
const client = useGrainAnalytics();
|
|
8
|
+
const [consentState, setConsentState] = React.useState(null);
|
|
9
|
+
React.useEffect(() => {
|
|
10
|
+
if (!client)
|
|
11
|
+
return;
|
|
12
|
+
// Get initial consent state
|
|
13
|
+
const initialState = client.getConsentState();
|
|
14
|
+
setConsentState(initialState);
|
|
15
|
+
// Listen for consent changes
|
|
16
|
+
const listener = (state) => {
|
|
17
|
+
setConsentState(state);
|
|
18
|
+
};
|
|
19
|
+
client.onConsentChange(listener);
|
|
20
|
+
return () => {
|
|
21
|
+
client.offConsentChange(listener);
|
|
22
|
+
};
|
|
23
|
+
}, [client]);
|
|
24
|
+
const grantConsent = React.useCallback((categories) => {
|
|
25
|
+
if (client) {
|
|
26
|
+
client.grantConsent(categories);
|
|
27
|
+
}
|
|
28
|
+
}, [client]);
|
|
29
|
+
const revokeConsent = React.useCallback((categories) => {
|
|
30
|
+
if (client) {
|
|
31
|
+
client.revokeConsent(categories);
|
|
32
|
+
}
|
|
33
|
+
}, [client]);
|
|
34
|
+
const hasConsent = React.useCallback((category) => {
|
|
35
|
+
if (!client)
|
|
36
|
+
return false;
|
|
37
|
+
return client.hasConsent(category);
|
|
38
|
+
}, [client]);
|
|
39
|
+
return {
|
|
40
|
+
consentState,
|
|
41
|
+
grantConsent,
|
|
42
|
+
revokeConsent,
|
|
43
|
+
hasConsent,
|
|
44
|
+
isGranted: consentState?.granted ?? false,
|
|
45
|
+
categories: consentState?.categories ?? [],
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=useConsent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConsent.js","sourceRoot":"","sources":["../../../../src/react/hooks/useConsent.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,UAAU,UAAU;IACxB,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAElF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,4BAA4B;QAC5B,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;QAC9C,eAAe,CAAC,YAAY,CAAC,CAAC;QAE9B,6BAA6B;QAC7B,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE;YACvC,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAAqB,EAAE,EAAE;QACxB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,UAAqB,EAAE,EAAE;QACxB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,QAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAC1B,OAAO,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO;QACL,YAAY;QACZ,YAAY;QACZ,aAAa;QACb,UAAU;QACV,SAAS,EAAE,YAAY,EAAE,OAAO,IAAI,KAAK;QACzC,UAAU,EAAE,YAAY,EAAE,UAAU,IAAI,EAAE;KAC3C,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useDataDeletion - Hook for triggering data deletion requests
|
|
3
|
+
* This is a client-side utility - actual deletion happens on the server
|
|
4
|
+
*/
|
|
5
|
+
export interface DataDeletionOptions {
|
|
6
|
+
apiUrl: string;
|
|
7
|
+
tenantId: string;
|
|
8
|
+
onSuccess?: (message: string) => void;
|
|
9
|
+
onError?: (error: string) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function useDataDeletion(options: DataDeletionOptions): {
|
|
12
|
+
requestDeletion: (userId: string) => Promise<any>;
|
|
13
|
+
requestAnonymization: (userId: string) => Promise<any>;
|
|
14
|
+
loading: boolean;
|
|
15
|
+
error: string | null;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=useDataDeletion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useDataDeletion - Hook for triggering data deletion requests
|
|
3
|
+
* This is a client-side utility - actual deletion happens on the server
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
export function useDataDeletion(options) {
|
|
7
|
+
const [loading, setLoading] = React.useState(false);
|
|
8
|
+
const [error, setError] = React.useState(null);
|
|
9
|
+
const requestDeletion = React.useCallback(async (userId) => {
|
|
10
|
+
setLoading(true);
|
|
11
|
+
setError(null);
|
|
12
|
+
try {
|
|
13
|
+
const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/data-deletion`, {
|
|
14
|
+
method: 'POST',
|
|
15
|
+
headers: {
|
|
16
|
+
'Content-Type': 'application/json',
|
|
17
|
+
},
|
|
18
|
+
body: JSON.stringify({
|
|
19
|
+
userId,
|
|
20
|
+
deleteEvents: true,
|
|
21
|
+
deleteProperties: true,
|
|
22
|
+
deleteConsentAudit: false,
|
|
23
|
+
}),
|
|
24
|
+
});
|
|
25
|
+
if (!response.ok) {
|
|
26
|
+
throw new Error(`HTTP ${response.status}`);
|
|
27
|
+
}
|
|
28
|
+
const result = await response.json();
|
|
29
|
+
options.onSuccess?.(result.message);
|
|
30
|
+
return result;
|
|
31
|
+
}
|
|
32
|
+
catch (err) {
|
|
33
|
+
const errorMessage = err instanceof Error ? err.message : 'Unknown error';
|
|
34
|
+
setError(errorMessage);
|
|
35
|
+
options.onError?.(errorMessage);
|
|
36
|
+
throw err;
|
|
37
|
+
}
|
|
38
|
+
finally {
|
|
39
|
+
setLoading(false);
|
|
40
|
+
}
|
|
41
|
+
}, [options]);
|
|
42
|
+
const requestAnonymization = React.useCallback(async (userId) => {
|
|
43
|
+
setLoading(true);
|
|
44
|
+
setError(null);
|
|
45
|
+
try {
|
|
46
|
+
const response = await fetch(`${options.apiUrl}/v1/privacy/${options.tenantId}/anonymize-user`, {
|
|
47
|
+
method: 'POST',
|
|
48
|
+
headers: {
|
|
49
|
+
'Content-Type': 'application/json',
|
|
50
|
+
},
|
|
51
|
+
body: JSON.stringify({
|
|
52
|
+
userId,
|
|
53
|
+
anonymizeEvents: true,
|
|
54
|
+
anonymizeProperties: true,
|
|
55
|
+
}),
|
|
56
|
+
});
|
|
57
|
+
if (!response.ok) {
|
|
58
|
+
throw new Error(`HTTP ${response.status}`);
|
|
59
|
+
}
|
|
60
|
+
const result = await response.json();
|
|
61
|
+
options.onSuccess?.(result.message);
|
|
62
|
+
return result;
|
|
63
|
+
}
|
|
64
|
+
catch (err) {
|
|
65
|
+
const errorMessage = err instanceof Error ? err.message : 'Unknown error';
|
|
66
|
+
setError(errorMessage);
|
|
67
|
+
options.onError?.(errorMessage);
|
|
68
|
+
throw err;
|
|
69
|
+
}
|
|
70
|
+
finally {
|
|
71
|
+
setLoading(false);
|
|
72
|
+
}
|
|
73
|
+
}, [options]);
|
|
74
|
+
return {
|
|
75
|
+
requestDeletion,
|
|
76
|
+
requestAnonymization,
|
|
77
|
+
loading,
|
|
78
|
+
error,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=useDataDeletion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDataDeletion.js","sourceRoot":"","sources":["../../../../src/react/hooks/useDataDeletion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* usePrivacyPreferences - Hook for managing privacy preferences
|
|
3
|
+
*/
|
|
4
|
+
export interface PrivacyPreferences {
|
|
5
|
+
necessary: boolean;
|
|
6
|
+
analytics: boolean;
|
|
7
|
+
functional: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function usePrivacyPreferences(): {
|
|
10
|
+
preferences: PrivacyPreferences;
|
|
11
|
+
updatePreferences: (newPreferences: Partial<PrivacyPreferences>) => void;
|
|
12
|
+
acceptAll: () => void;
|
|
13
|
+
rejectAll: () => void;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=usePrivacyPreferences.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* usePrivacyPreferences - Hook for managing privacy preferences
|
|
3
|
+
*/
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { useConsent } from './useConsent';
|
|
6
|
+
export function usePrivacyPreferences() {
|
|
7
|
+
const { consentState, grantConsent, revokeConsent } = useConsent();
|
|
8
|
+
const preferences = React.useMemo(() => {
|
|
9
|
+
const categories = consentState?.categories ?? [];
|
|
10
|
+
return {
|
|
11
|
+
necessary: categories.includes('necessary'),
|
|
12
|
+
analytics: categories.includes('analytics'),
|
|
13
|
+
functional: categories.includes('functional'),
|
|
14
|
+
};
|
|
15
|
+
}, [consentState]);
|
|
16
|
+
const updatePreferences = React.useCallback((newPreferences) => {
|
|
17
|
+
const categories = [];
|
|
18
|
+
// Necessary is always enabled
|
|
19
|
+
categories.push('necessary');
|
|
20
|
+
if (newPreferences.analytics ?? preferences.analytics) {
|
|
21
|
+
categories.push('analytics');
|
|
22
|
+
}
|
|
23
|
+
if (newPreferences.functional ?? preferences.functional) {
|
|
24
|
+
categories.push('functional');
|
|
25
|
+
}
|
|
26
|
+
if (categories.length > 0) {
|
|
27
|
+
grantConsent(categories);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
revokeConsent();
|
|
31
|
+
}
|
|
32
|
+
}, [preferences, grantConsent, revokeConsent]);
|
|
33
|
+
const acceptAll = React.useCallback(() => {
|
|
34
|
+
grantConsent(['necessary', 'analytics', 'functional']);
|
|
35
|
+
}, [grantConsent]);
|
|
36
|
+
const rejectAll = React.useCallback(() => {
|
|
37
|
+
grantConsent(['necessary']); // Keep only necessary
|
|
38
|
+
}, [grantConsent]);
|
|
39
|
+
return {
|
|
40
|
+
preferences,
|
|
41
|
+
updatePreferences,
|
|
42
|
+
acceptAll,
|
|
43
|
+
rejectAll,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=usePrivacyPreferences.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePrivacyPreferences.js","sourceRoot":"","sources":["../../../../src/react/hooks/usePrivacyPreferences.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAqB,GAAG,EAAE;QACzD,MAAM,UAAU,GAAG,YAAY,EAAE,UAAU,IAAI,EAAE,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC3C,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC;SAC9C,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,cAA2C,EAAE,EAAE;QAC9C,MAAM,UAAU,GAAa,EAAE,CAAC;QAEhC,8BAA8B;QAC9B,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE7B,IAAI,cAAc,CAAC,SAAS,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;YACtD,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,cAAc,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,EAAE,CAAC;YACxD,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC,CAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,sBAAsB;IACrD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO;QACL,WAAW;QACX,iBAAiB;QACjB,SAAS;QACT,SAAS;KACV,CAAC;AACJ,CAAC"}
|
|
@@ -32,5 +32,16 @@ export { useGrainAnalytics } from './hooks/useGrainAnalytics';
|
|
|
32
32
|
export { useConfig } from './hooks/useConfig';
|
|
33
33
|
export { useAllConfigs } from './hooks/useAllConfigs';
|
|
34
34
|
export { useTrack } from './hooks/useTrack';
|
|
35
|
+
export { useConsent } from './hooks/useConsent';
|
|
36
|
+
export { usePrivacyPreferences } from './hooks/usePrivacyPreferences';
|
|
37
|
+
export { useDataDeletion } from './hooks/useDataDeletion';
|
|
38
|
+
export { ConsentBanner } from './components/ConsentBanner';
|
|
39
|
+
export { PrivacyPreferenceCenter } from './components/PrivacyPreferenceCenter';
|
|
40
|
+
export { CookieNotice } from './components/CookieNotice';
|
|
35
41
|
export type { GrainProviderProps, UseConfigOptions, UseConfigResult, UseAllConfigsOptions, UseAllConfigsResult, TrackFunction, } from './types';
|
|
42
|
+
export type { ConsentBannerProps } from './components/ConsentBanner';
|
|
43
|
+
export type { PrivacyPreferenceCenterProps } from './components/PrivacyPreferenceCenter';
|
|
44
|
+
export type { CookieNoticeProps } from './components/CookieNotice';
|
|
45
|
+
export type { PrivacyPreferences } from './hooks/usePrivacyPreferences';
|
|
46
|
+
export type { DataDeletionOptions } from './hooks/useDataDeletion';
|
|
36
47
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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"}
|
|
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,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/esm/react/index.js
CHANGED
|
@@ -34,4 +34,12 @@ export { useGrainAnalytics } from './hooks/useGrainAnalytics';
|
|
|
34
34
|
export { useConfig } from './hooks/useConfig';
|
|
35
35
|
export { useAllConfigs } from './hooks/useAllConfigs';
|
|
36
36
|
export { useTrack } from './hooks/useTrack';
|
|
37
|
+
// Privacy hooks
|
|
38
|
+
export { useConsent } from './hooks/useConsent';
|
|
39
|
+
export { usePrivacyPreferences } from './hooks/usePrivacyPreferences';
|
|
40
|
+
export { useDataDeletion } from './hooks/useDataDeletion';
|
|
41
|
+
// Privacy components
|
|
42
|
+
export { ConsentBanner } from './components/ConsentBanner';
|
|
43
|
+
export { PrivacyPreferenceCenter } from './components/PrivacyPreferenceCenter';
|
|
44
|
+
export { CookieNotice } from './components/CookieNotice';
|
|
37
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,WAAW;AACX,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ;AACR,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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,WAAW;AACX,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ;AACR,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;AAE5C,gBAAgB;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,qBAAqB;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Heartbeat Manager for Grain Analytics
|
|
3
|
+
* Tracks session activity with consent-aware behavior
|
|
4
|
+
*/
|
|
5
|
+
import type { ActivityDetector } from './activity';
|
|
6
|
+
export interface HeartbeatConfig {
|
|
7
|
+
activeInterval: number;
|
|
8
|
+
inactiveInterval: number;
|
|
9
|
+
debug?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface HeartbeatTracker {
|
|
12
|
+
trackSystemEvent(eventName: string, properties: Record<string, unknown>): void;
|
|
13
|
+
hasConsent(category?: string): boolean;
|
|
14
|
+
getEffectiveUserId(): string;
|
|
15
|
+
getEphemeralSessionId(): string;
|
|
16
|
+
getCurrentPage(): string | null;
|
|
17
|
+
getEventCountSinceLastHeartbeat(): number;
|
|
18
|
+
resetEventCountSinceLastHeartbeat(): void;
|
|
19
|
+
}
|
|
20
|
+
export declare class HeartbeatManager {
|
|
21
|
+
private config;
|
|
22
|
+
private tracker;
|
|
23
|
+
private activityDetector;
|
|
24
|
+
private heartbeatTimer;
|
|
25
|
+
private isDestroyed;
|
|
26
|
+
private lastHeartbeatTime;
|
|
27
|
+
private currentInterval;
|
|
28
|
+
constructor(tracker: HeartbeatTracker, activityDetector: ActivityDetector, config: HeartbeatConfig);
|
|
29
|
+
/**
|
|
30
|
+
* Schedule the next heartbeat based on current activity
|
|
31
|
+
*/
|
|
32
|
+
private scheduleNextHeartbeat;
|
|
33
|
+
/**
|
|
34
|
+
* Send heartbeat event
|
|
35
|
+
*/
|
|
36
|
+
private sendHeartbeat;
|
|
37
|
+
/**
|
|
38
|
+
* Destroy the heartbeat manager
|
|
39
|
+
*/
|
|
40
|
+
destroy(): void;
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=heartbeat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heartbeat.d.ts","sourceRoot":"","sources":["../src/heartbeat.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/E,UAAU,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,kBAAkB,IAAI,MAAM,CAAC;IAC7B,qBAAqB,IAAI,MAAM,CAAC;IAChC,cAAc,IAAI,MAAM,GAAG,IAAI,CAAC;IAChC,+BAA+B,IAAI,MAAM,CAAC;IAC1C,iCAAiC,IAAI,IAAI,CAAC;CAC3C;AAED,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,eAAe,CAAS;gBAG9B,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,eAAe;IAYzB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAqCrB;;OAEG;IACH,OAAO,IAAI,IAAI;CAchB"}
|