@grainql/analytics-web 2.0.0 → 2.1.1
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/activity.js +131 -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/consent.js +191 -0
- package/dist/cookies.d.ts +28 -0
- package/dist/cookies.d.ts.map +1 -0
- package/dist/cookies.js +95 -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/heartbeat.js +92 -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/page-tracking.js +180 -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 +3 -3
|
@@ -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":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,UAAU,eAAe,CAAC,OAA4B;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9D,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,KAAK,EAAE,MAAc,EAAE,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAC1B,GAAG,OAAO,CAAC,MAAM,eAAe,OAAO,CAAC,QAAQ,gBAAgB,EAChE;gBACE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,MAAM;oBACN,YAAY,EAAE,IAAI;oBAClB,gBAAgB,EAAE,IAAI;oBACtB,kBAAkB,EAAE,KAAK;iBAC1B,CAAC;aACH,CACF,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CAAC,QAAQ,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;YAC7C,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrC,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,OAAO,MAAM,CAAC;QAChB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,YAAY,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;YAC1E,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,OAAO,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC;YAChC,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC5C,KAAK,EAAE,MAAc,EAAE,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAC1B,GAAG,OAAO,CAAC,MAAM,eAAe,OAAO,CAAC,QAAQ,iBAAiB,EACjE;gBACE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,MAAM;oBACN,eAAe,EAAE,IAAI;oBACrB,mBAAmB,EAAE,IAAI;iBAC1B,CAAC;aACH,CACF,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CAAC,QAAQ,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;YAC7C,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrC,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,OAAO,MAAM,CAAC;QAChB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,YAAY,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;YAC1E,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,OAAO,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC;YAChC,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO;QACL,eAAe;QACf,oBAAoB;QACpB,OAAO;QACP,KAAK;KACN,CAAC;AACJ,CAAC"}
|
|
@@ -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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Heartbeat Manager for Grain Analytics
|
|
4
|
+
* Tracks session activity with consent-aware behavior
|
|
5
|
+
*/
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.HeartbeatManager = void 0;
|
|
8
|
+
class HeartbeatManager {
|
|
9
|
+
constructor(tracker, activityDetector, config) {
|
|
10
|
+
this.heartbeatTimer = null;
|
|
11
|
+
this.isDestroyed = false;
|
|
12
|
+
this.tracker = tracker;
|
|
13
|
+
this.activityDetector = activityDetector;
|
|
14
|
+
this.config = config;
|
|
15
|
+
this.lastHeartbeatTime = Date.now();
|
|
16
|
+
this.currentInterval = config.activeInterval;
|
|
17
|
+
// Start heartbeat tracking
|
|
18
|
+
this.scheduleNextHeartbeat();
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Schedule the next heartbeat based on current activity
|
|
22
|
+
*/
|
|
23
|
+
scheduleNextHeartbeat() {
|
|
24
|
+
if (this.isDestroyed)
|
|
25
|
+
return;
|
|
26
|
+
// Clear existing timer
|
|
27
|
+
if (this.heartbeatTimer !== null) {
|
|
28
|
+
clearTimeout(this.heartbeatTimer);
|
|
29
|
+
}
|
|
30
|
+
// Determine interval based on activity
|
|
31
|
+
const isActive = this.activityDetector.isActive(60000); // 1 minute threshold
|
|
32
|
+
this.currentInterval = isActive ? this.config.activeInterval : this.config.inactiveInterval;
|
|
33
|
+
// Schedule next heartbeat
|
|
34
|
+
this.heartbeatTimer = window.setTimeout(() => {
|
|
35
|
+
this.sendHeartbeat();
|
|
36
|
+
this.scheduleNextHeartbeat();
|
|
37
|
+
}, this.currentInterval);
|
|
38
|
+
if (this.config.debug) {
|
|
39
|
+
console.log(`[Heartbeat] Scheduled next heartbeat in ${this.currentInterval / 1000}s (${isActive ? 'active' : 'inactive'})`);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Send heartbeat event
|
|
44
|
+
*/
|
|
45
|
+
sendHeartbeat() {
|
|
46
|
+
if (this.isDestroyed)
|
|
47
|
+
return;
|
|
48
|
+
const now = Date.now();
|
|
49
|
+
const isActive = this.activityDetector.isActive(60000); // 1 minute threshold
|
|
50
|
+
const hasConsent = this.tracker.hasConsent('analytics');
|
|
51
|
+
// Base properties (always included)
|
|
52
|
+
const properties = {
|
|
53
|
+
type: 'heartbeat',
|
|
54
|
+
status: isActive ? 'active' : 'inactive',
|
|
55
|
+
timestamp: now,
|
|
56
|
+
};
|
|
57
|
+
// Enhanced properties when consent is granted
|
|
58
|
+
if (hasConsent) {
|
|
59
|
+
const page = this.tracker.getCurrentPage();
|
|
60
|
+
if (page) {
|
|
61
|
+
properties.page = page;
|
|
62
|
+
}
|
|
63
|
+
properties.duration = now - this.lastHeartbeatTime;
|
|
64
|
+
properties.event_count = this.tracker.getEventCountSinceLastHeartbeat();
|
|
65
|
+
// Reset event count
|
|
66
|
+
this.tracker.resetEventCountSinceLastHeartbeat();
|
|
67
|
+
}
|
|
68
|
+
// Track the heartbeat event
|
|
69
|
+
this.tracker.trackSystemEvent('_grain_heartbeat', properties);
|
|
70
|
+
this.lastHeartbeatTime = now;
|
|
71
|
+
if (this.config.debug) {
|
|
72
|
+
console.log('[Heartbeat] Sent heartbeat:', properties);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Destroy the heartbeat manager
|
|
77
|
+
*/
|
|
78
|
+
destroy() {
|
|
79
|
+
if (this.isDestroyed)
|
|
80
|
+
return;
|
|
81
|
+
if (this.heartbeatTimer !== null) {
|
|
82
|
+
clearTimeout(this.heartbeatTimer);
|
|
83
|
+
this.heartbeatTimer = null;
|
|
84
|
+
}
|
|
85
|
+
this.isDestroyed = true;
|
|
86
|
+
if (this.config.debug) {
|
|
87
|
+
console.log('[Heartbeat] Destroyed');
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
exports.HeartbeatManager = HeartbeatManager;
|
|
92
|
+
//# sourceMappingURL=heartbeat.js.map
|