@c15t/react 2.3.0 → 2.4.0

package/dist/utils/test-helpers.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t,_)=>{var r=(t,_)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[_]:t[r]})};r(t,"get"),r(_,"value")},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>test_helpers,testComponentStyles:()=>testComponentStyles});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),consent_manager_provider_cjs_namespaceObject=require("../providers/consent-manager-provider.cjs");async function testComponentStyles({component:e,testCases:t,noStyle:_=!1,theme:r}){let{container:a}=await (0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",noStyle:_,theme:r},children:e}));for(let{testId:e,styles:r}of(await new Promise(e=>setTimeout(e,50)),t)){let t=a.querySelector(`[data-testid="${e}"]`),s=document.body.querySelector(`[data-testid="${e}"]`),c=t||s;if(!c){console.warn(`Element with testId "${e}" not found in DOM`),(0,external_vitest_namespaceObject.expect)(!0).toBe(!0);continue}(0,external_vitest_namespaceObject.expect)(c).toBeTruthy(),"string"==typeof r&&r?_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r):"object"==typeof r&&r?.className&&(_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r.className):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r.className))}}const test_helpers=testComponentStyles;for(var __rspack_i in exports.default=__webpack_exports__.default,exports.testComponentStyles=__webpack_exports__.testComponentStyles,__webpack_exports__)-1===["default","testComponentStyles"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t,_)=>{var r=(t,_)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[_]:t[r]})};r(t,"get"),r(_,"value")},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>test_helpers,testComponentStyles:()=>testComponentStyles});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),consent_manager_provider_cjs_namespaceObject=require("../providers/consent-manager-provider.cjs");async function testComponentStyles({component:e,testCases:t,noStyle:_=!1,theme:r}){let{container:a}=await (0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",acknowledgeNoRecords:!0,noStyle:_,theme:r},children:e}));for(let{testId:e,styles:r}of(await new Promise(e=>setTimeout(e,50)),t)){let t=a.querySelector(`[data-testid="${e}"]`),s=document.body.querySelector(`[data-testid="${e}"]`),c=t||s;if(!c){console.warn(`Element with testId "${e}" not found in DOM`),(0,external_vitest_namespaceObject.expect)(!0).toBe(!0);continue}(0,external_vitest_namespaceObject.expect)(c).toBeTruthy(),"string"==typeof r&&r?_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r):"object"==typeof r&&r?.className&&(_?(0,external_vitest_namespaceObject.expect)(c.className).toBe(r.className):(0,external_vitest_namespaceObject.expect)(c.className).toContain(r.className))}}const test_helpers=testComponentStyles;for(var __rspack_i in exports.default=__webpack_exports__.default,exports.testComponentStyles=__webpack_exports__.testComponentStyles,__webpack_exports__)-1===["default","testComponentStyles"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/utils/test-helpers.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{expect as e}from"vitest";import{render as o}from"vitest-browser-react";import{ConsentManagerProvider as s}from"../providers/consent-manager-provider.js";async function a({component:r,testCases:n,noStyle:i=!1,theme:m}){let{container:c}=await o(t(s,{options:{mode:"offline",noStyle:i,theme:m},children:r}));for(let{testId:t,styles:o}of(await new Promise(t=>setTimeout(t,50)),n)){let s=c.querySelector(`[data-testid="${t}"]`),a=document.body.querySelector(`[data-testid="${t}"]`),r=s||a;if(!r){console.warn(`Element with testId "${t}" not found in DOM`),e(!0).toBe(!0);continue}e(r).toBeTruthy(),"string"==typeof o&&o?i?e(r.className).toBe(o):e(r.className).toContain(o):"object"==typeof o&&o?.className&&(i?e(r.className).toBe(o.className):e(r.className).toContain(o.className))}}export default a;export{a as testComponentStyles};
+import{jsx as e}from"react/jsx-runtime";import{expect as t}from"vitest";import{render as o}from"vitest-browser-react";import{ConsentManagerProvider as s}from"../providers/consent-manager-provider.js";async function a({component:r,testCases:n,noStyle:i=!1,theme:m}){let{container:c}=await o(e(s,{options:{mode:"offline",acknowledgeNoRecords:!0,noStyle:i,theme:m},children:r}));for(let{testId:e,styles:o}of(await new Promise(e=>setTimeout(e,50)),n)){let s=c.querySelector(`[data-testid="${e}"]`),a=document.body.querySelector(`[data-testid="${e}"]`),r=s||a;if(!r){console.warn(`Element with testId "${e}" not found in DOM`),t(!0).toBe(!0);continue}t(r).toBeTruthy(),"string"==typeof o&&o?i?t(r.className).toBe(o):t(r.className).toContain(o):"object"==typeof o&&o?.className&&(i?t(r.className).toBe(o.className):t(r.className).toContain(o.className))}}export default a;export{a as testComponentStyles};

package/dist/version.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,r)=>{var o=(_,r)=>{for(var o in _)__webpack_require__.o(_,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,[r]:_[o]})};o(_,"get"),o(r,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);const version="2.3.0";for(var __rspack_i in __webpack_require__.d(__webpack_exports__,{},{version:"2.3.0"}),exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,r)=>{var o=(_,r)=>{for(var o in _)__webpack_require__.o(_,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,[r]:_[o]})};o(_,"get"),o(r,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);const version="2.4.0";for(var __rspack_i in __webpack_require__.d(__webpack_exports__,{},{version:"2.4.0"}),exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/version.js

@@ -1 +1 @@
-let e="2.3.0";export{e as version};
+let e="2.4.0";export{e as version};

package/dist-types/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.3.0";
+export declare const version = "2.4.0";

package/docs/frameworks/react/concepts/client-modes.md

@@ -96,6 +96,12 @@ If consent is not stored at all (for example, storage is blocked or frequently c
 
 **Best for:** Local development, Storybook/static demos, resilience fallback, or simpler sites that explicitly accept browser-only consent storage.
 
+### Development warning
+
+In a development build, offline mode logs one warning per page to the browser console. It says that consent stays in this browser, that c15t keeps no server-side record of it, and that every visitor gets the same policy because offline mode has no geolocation. The warning does not block the banner or change consent, and production builds do not log it.
+
+If you chose offline mode on purpose, for example for tests or a static demo, add `acknowledgeNoRecords: true` next to `mode: 'offline'` to hide the message.
+
 ```tsx
 import { type ReactNode } from 'react';
 import { ConsentManagerProvider, ConsentBanner } from '@c15t/react';

package/docs/shared/concepts/client-modes.md

@@ -76,6 +76,12 @@ If consent is not stored at all (for example, storage is blocked or frequently c
 
 **Best for:** Local development, Storybook/static demos, resilience fallback, or simpler sites that explicitly accept browser-only consent storage.
 
+### Development warning
+
+In a development build, offline mode logs one warning per page to the browser console. It says that consent stays in this browser, that c15t keeps no server-side record of it, and that every visitor gets the same policy because offline mode has no geolocation. The warning does not block the banner or change consent, and production builds do not log it.
+
+If you chose offline mode on purpose, for example for tests or a static demo, add `acknowledgeNoRecords: true` next to `mode: 'offline'` to hide the message.
+
 ## Custom Mode
 
 Bring your own backend. You provide handler functions for each consent endpoint, and c15t calls them instead of making HTTP requests.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@c15t/react",
-	"version": "2.3.0",
+	"version": "2.4.0",
 	"description": "React cookie banner, consent manager, preference center, and headless CMP components with IAB TCF and Consent Mode support.",
 	"keywords": [
 		"react",
@@ -163,13 +163,13 @@
 		"not op_mini all"
 	],
 	"dependencies": {
-		"@c15t/ui": "2.2.2",
+		"@c15t/ui": "2.2.3",
 		"@types/google.maps": "3.65.3",
-		"c15t": "2.3.0"
+		"c15t": "2.4.0"
 	},
 	"devDependencies": {
 		"@c15t/backend": "2.3.0",
-		"@c15t/iab": "2.3.0",
+		"@c15t/iab": "2.4.0",
 		"@c15t/typescript-config": "0.0.1",
 		"@c15t/vitest-config": "1.0.0",
 		"@iabtechlabtcf/core": "^1.5.22",
@@ -181,7 +181,8 @@
 		"react-dom": "^19.0.0 || ^19.0.0-rc || ^18.0.0 || ^17.0.0 || ^16.8.0"
 	},
 	"publishConfig": {
-		"access": "public"
+		"access": "public",
+		"tag": "v2-legacy"
 	},
 	"msw": {
 		"workerDirectory": [

package/readme.json

@@ -1,48 +0,0 @@
-{
-	"title": "@c15t/react: React Consent Components",
-	"description": "React cookie banner, consent manager, preference center, and headless CMP components for modern React apps.",
-	"features": [
-		"Works with React 19, 18, 17, and 16.8",
-		"Full 'use client' support for React Server Components",
-		"Prebuilt and fully customizable cookie banner, consent dialog, and preference center UI",
-		"Headless hooks for custom consent flows",
-		"Minimal configuration with TypeScript-first design",
-		"Comprehensive Consent Management Platform (CMP)",
-		"IAB TCF 2.4 UI and hooks through the @c15t/react/iab subpath",
-		"Google Tag Manager, Google Consent Mode v2, Meta Pixel, and analytics integrations through @c15t/scripts",
-		"Built-in internationalization support",
-		"Seamless consent storage and tracking"
-	],
-	"prerequisites": [
-		"React 16.8 or later",
-		"Node.js 18.17.0 or later",
-		"A hosted [c15t instance](https://inth.com) (free sign-up), [self-hosted deployment](https://c15t.com/docs/self-host/quickstart), or offline mode for local-only storage"
-	],
-	"manualInstallation": [
-		"",
-		"```bash\npnpm add @c15t/react\n```",
-		"",
-		"Then add the prebuilt stylesheet to your app-level CSS entrypoint:",
-		"",
-		"```css\n/* src/index.css */\n@import \"@c15t/react/styles.css\";\n```",
-		"",
-		"If you use the prebuilt IAB TCF UI, also import `@c15t/react/iab/styles.css`. It is published separately so non-IAB apps do not ship those component rules.",
-		"",
-		"To manually install, follow the guide in our [docs – manual setup](https://c15t.com/docs/frameworks/react/quickstart#manual-setup)."
-	],
-	"usage": [
-		"Import `ConsentManagerProvider` in your app's root component",
-		"Add `ConsentBanner` and `ConsentDialog` components",
-		"Customize styling and behavior to fit your app",
-		"For full implementation details, see the [React quickstart docs](https://c15t.com/docs/frameworks/react/quickstart)",
-
-		"```tsx\n// App.tsx\nimport {\n  ConsentManagerProvider,\n  ConsentBanner,\n  ConsentDialog,\n} from '@c15t/react'\n\nfunction App() {\n  return (\n    <ConsentManagerProvider>\n      <YourApp />\n      <ConsentBanner />\n      <ConsentDialog />\n    </ConsentManagerProvider>\n  )\n}\n```"
-	],
-	"docsLink": "https://c15t.com/docs/frameworks/react/quickstart",
-	"quickStartLink": "https://c15t.com/docs/frameworks/react/quickstart",
-	"showCLIGeneration": true,
-	"customSections": {
-		"Deployment Modes": "- **Hosted on inth.com**: Hosted c15t backend for policy storage, audit history, and hosted infrastructure\n- **Self-hosted backend**: Use @c15t/backend when you need full infrastructure control\n- **Offline mode**: Browser-only consent storage for local development, demos, previews, static sites, or fallback scenarios",
-		"Popular Integrations": "- Google Tag Manager with Google Consent Mode v2\n- Google Analytics 4 and Google Ads through gtag.js\n- Meta Pixel, TikTok Pixel, LinkedIn Insights, Microsoft UET, X Pixel, Reddit Pixel, and Snapchat Pixel\n- PostHog, Segment, Mixpanel, Microsoft Clarity, Hotjar, Plausible, Fathom, Matomo, Umami, and Vercel Analytics\n- Intercom and Crisp chat widgets"
-	}
-}

package/src/iab/styles.css

@@ -1,11 +0,0 @@
-/**
- * @c15t/react — IAB TCF component styles.
- *
- * Add this stylesheet to the same global CSS entrypoint as your base c15t styles
- * when using IAB consent components. Do not import either stylesheet from JS/TSX.
- *
- * Usage (src/index.css):
- *   @import "@c15t/react/styles.css";
- *   @import "@c15t/react/iab/styles.css";
- */
-@import "@c15t/ui/iab/styles.css";

package/src/styles.css

@@ -1,10 +0,0 @@
-/**
- * @c15t/react — Non-IAB prebuilt component styles.
- *
- * Import this stylesheet once from your app-level CSS entrypoint
- * when using prebuilt (styled) consent components.
- *
- * Usage (src/index.css):
- *   @import "@c15t/react/styles.css";
- */
-@import "@c15t/ui/styles.css";