@c15t/react 0.0.1-rc.21 → 0.0.1-rc.23

package/dist/providers/consent-manager-provider.cjs

@@ -31,11 +31,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_c15t_namespaceObject = require("c15t");
 const external_react_namespaceObject = require("react");
 const consent_manager_context_cjs_namespaceObject = require("../context/consent-manager-context.cjs");
-const translations_cjs_namespaceObject = require("../utils/translations.cjs");
 const theme_context_cjs_namespaceObject = require("../context/theme-context.cjs");
 const use_color_scheme_cjs_namespaceObject = require("../hooks/use-color-scheme.cjs");
+const translations_cjs_namespaceObject = require("../utils/translations.cjs");
 function ConsentManagerProvider({ children, options }) {
-    const { store = {}, translations: translationConfig, react = {} } = options;
+    const { mode, backendURL, callbacks, store = {}, translations: translationConfig, react = {} } = options;
     const { initialGdprTypes, initialComplianceSettings } = store;
     const { theme, disableAnimation = false, scrollLock = false, trapFocus = true, colorScheme = 'system', noStyle = false } = react;
     const preparedTranslationConfig = (0, external_react_namespaceObject.useMemo)(()=>{
@@ -48,60 +48,78 @@ function ConsentManagerProvider({ children, options }) {
     }, [
         translationConfig
     ]);
-    const consentManager = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!options) throw new Error('ConsentManagerProvider requires options to be provided');
-        const { store, translations, react, ...coreOpts } = options;
-        return (0, external_c15t_namespaceObject.configureConsentManager)(coreOpts);
-    }, [
-        options
-    ]);
     const isConsentDomain = (0, external_react_namespaceObject.useMemo)(()=>{
         if ('undefined' == typeof window) return false;
-        const isC15tDomain = 'c15t' === options.mode && (options.backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
-        return Boolean(isC15tDomain);
+        return Boolean(('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev')));
     }, [
+        mode,
+        backendURL
+    ]);
+    const consentManager = (0, external_react_namespaceObject.useMemo)(()=>{
+        if ('offline' === mode) return (0, external_c15t_namespaceObject.configureConsentManager)({
+            mode: 'offline',
+            callbacks,
+            store
+        });
+        if ('custom' === mode && 'endpointHandlers' in options) return (0, external_c15t_namespaceObject.configureConsentManager)({
+            mode: 'custom',
+            endpointHandlers: options.endpointHandlers,
+            callbacks,
+            store
+        });
+        return (0, external_c15t_namespaceObject.configureConsentManager)({
+            mode: 'c15t',
+            backendURL: backendURL || '/api/c15t',
+            callbacks,
+            store
+        });
+    }, [
+        mode,
+        backendURL,
+        callbacks,
+        store,
         options
     ]);
+    const storeRef = (0, external_react_namespaceObject.useRef)(null);
+    const prevBackendURLRef = (0, external_react_namespaceObject.useRef)(backendURL);
+    const prevModeRef = (0, external_react_namespaceObject.useRef)(mode);
     const consentStore = (0, external_react_namespaceObject.useMemo)(()=>{
         const storeWithTranslations = {
             ...store,
             translationConfig: preparedTranslationConfig,
             isConsentDomain
         };
-        return (0, external_c15t_namespaceObject.createConsentManagerStore)(consentManager, storeWithTranslations);
+        const shouldRecreateStore = !storeRef.current || prevBackendURLRef.current !== backendURL || prevModeRef.current !== mode;
+        prevBackendURLRef.current = backendURL;
+        prevModeRef.current = mode;
+        if (shouldRecreateStore) storeRef.current = (0, external_c15t_namespaceObject.createConsentManagerStore)(consentManager, storeWithTranslations);
+        return storeRef.current;
     }, [
-        store,
-        preparedTranslationConfig,
         consentManager,
-        isConsentDomain
+        isConsentDomain,
+        preparedTranslationConfig,
+        store,
+        backendURL,
+        mode
     ]);
-    const [state, setState] = (0, external_react_namespaceObject.useState)(consentStore.getState());
+    const [state, setState] = (0, external_react_namespaceObject.useState)(()=>{
+        if (!consentStore) return {};
+        return consentStore.getState();
+    });
     (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!consentStore) return;
         const { setGdprTypes, setComplianceSetting, setDetectedCountry } = consentStore.getState();
         if (initialGdprTypes) setGdprTypes(initialGdprTypes);
         if (initialComplianceSettings) for (const [region, settings] of Object.entries(initialComplianceSettings))setComplianceSetting(region, settings);
         const country = document.querySelector('meta[name="user-country"]')?.getAttribute('content') || 'US';
         setDetectedCountry(country);
-        const unsubscribe = consentStore.subscribe((newState)=>{
-            setState(newState);
-        });
-        return ()=>{
-            unsubscribe();
-        };
+        const unsubscribe = consentStore.subscribe(setState);
+        return unsubscribe;
     }, [
         consentStore,
         initialGdprTypes,
         initialComplianceSettings
     ]);
-    const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
-            state,
-            store: consentStore,
-            manager: consentManager
-        }), [
-        state,
-        consentStore,
-        consentManager
-    ]);
     const themeContextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             theme,
             noStyle,
@@ -116,8 +134,20 @@ function ConsentManagerProvider({ children, options }) {
         trapFocus
     ]);
     (0, use_color_scheme_cjs_namespaceObject.useColorScheme)(colorScheme);
+    const consentContextValue = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!consentStore) throw new Error('Consent store must be initialized before creating context value');
+        return {
+            state,
+            store: consentStore,
+            manager: consentManager
+        };
+    }, [
+        state,
+        consentStore,
+        consentManager
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_context_cjs_namespaceObject.ConsentStateContext.Provider, {
-        value: contextValue,
+        value: consentContextValue,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
             value: themeContextValue,
             children: children

package/dist/providers/consent-manager-provider.d.ts

@@ -1,8 +1,4 @@
 import type { ConsentManagerProviderProps } from '../types/consent-manager';
-/**
- * @packageDocumentation
- * Provider component for consent management functionality.
- */
 /**
  * Provider component for consent management functionality.
  *

package/dist/providers/consent-manager-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../src/providers/consent-manager-provider.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAQ5E;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,OAAO,GACP,EAAE,2BAA2B,2CAmJ7B"}
+{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../src/providers/consent-manager-provider.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAM5E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,OAAO,GACP,EAAE,2BAA2B,2CAwM7B"}

package/dist/providers/consent-manager-provider.js

@@ -3,11 +3,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__ from "../context/consent-manager-context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__ from "../utils/translations.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__ from "../context/theme-context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__ from "../hooks/use-color-scheme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__ from "../utils/translations.js";
 function ConsentManagerProvider({ children, options }) {
-    const { store = {}, translations: translationConfig, react = {} } = options;
+    const { mode, backendURL, callbacks, store = {}, translations: translationConfig, react = {} } = options;
     const { initialGdprTypes, initialComplianceSettings } = store;
     const { theme, disableAnimation = false, scrollLock = false, trapFocus = true, colorScheme = 'system', noStyle = false } = react;
     const preparedTranslationConfig = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
@@ -20,60 +20,78 @@ function ConsentManagerProvider({ children, options }) {
     }, [
         translationConfig
     ]);
-    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!options) throw new Error('ConsentManagerProvider requires options to be provided');
-        const { store, translations, react, ...coreOpts } = options;
-        return (0, __WEBPACK_EXTERNAL_MODULE_c15t__.configureConsentManager)(coreOpts);
-    }, [
-        options
-    ]);
     const isConsentDomain = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if ('undefined' == typeof window) return false;
-        const isC15tDomain = 'c15t' === options.mode && (options.backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
-        return Boolean(isC15tDomain);
+        return Boolean(('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev')));
     }, [
+        mode,
+        backendURL
+    ]);
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if ('offline' === mode) return (0, __WEBPACK_EXTERNAL_MODULE_c15t__.configureConsentManager)({
+            mode: 'offline',
+            callbacks,
+            store
+        });
+        if ('custom' === mode && 'endpointHandlers' in options) return (0, __WEBPACK_EXTERNAL_MODULE_c15t__.configureConsentManager)({
+            mode: 'custom',
+            endpointHandlers: options.endpointHandlers,
+            callbacks,
+            store
+        });
+        return (0, __WEBPACK_EXTERNAL_MODULE_c15t__.configureConsentManager)({
+            mode: 'c15t',
+            backendURL: backendURL || '/api/c15t',
+            callbacks,
+            store
+        });
+    }, [
+        mode,
+        backendURL,
+        callbacks,
+        store,
         options
     ]);
+    const storeRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const prevBackendURLRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(backendURL);
+    const prevModeRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(mode);
     const consentStore = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const storeWithTranslations = {
             ...store,
             translationConfig: preparedTranslationConfig,
             isConsentDomain
         };
-        return (0, __WEBPACK_EXTERNAL_MODULE_c15t__.createConsentManagerStore)(consentManager, storeWithTranslations);
+        const shouldRecreateStore = !storeRef.current || prevBackendURLRef.current !== backendURL || prevModeRef.current !== mode;
+        prevBackendURLRef.current = backendURL;
+        prevModeRef.current = mode;
+        if (shouldRecreateStore) storeRef.current = (0, __WEBPACK_EXTERNAL_MODULE_c15t__.createConsentManagerStore)(consentManager, storeWithTranslations);
+        return storeRef.current;
     }, [
-        store,
-        preparedTranslationConfig,
         consentManager,
-        isConsentDomain
+        isConsentDomain,
+        preparedTranslationConfig,
+        store,
+        backendURL,
+        mode
     ]);
-    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(consentStore.getState());
+    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+        if (!consentStore) return {};
+        return consentStore.getState();
+    });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!consentStore) return;
         const { setGdprTypes, setComplianceSetting, setDetectedCountry } = consentStore.getState();
         if (initialGdprTypes) setGdprTypes(initialGdprTypes);
         if (initialComplianceSettings) for (const [region, settings] of Object.entries(initialComplianceSettings))setComplianceSetting(region, settings);
         const country = document.querySelector('meta[name="user-country"]')?.getAttribute('content') || 'US';
         setDetectedCountry(country);
-        const unsubscribe = consentStore.subscribe((newState)=>{
-            setState(newState);
-        });
-        return ()=>{
-            unsubscribe();
-        };
+        const unsubscribe = consentStore.subscribe(setState);
+        return unsubscribe;
     }, [
         consentStore,
         initialGdprTypes,
         initialComplianceSettings
     ]);
-    const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            state,
-            store: consentStore,
-            manager: consentManager
-        }), [
-        state,
-        consentStore,
-        consentManager
-    ]);
     const themeContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             theme,
             noStyle,
@@ -88,8 +106,20 @@ function ConsentManagerProvider({ children, options }) {
         trapFocus
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__.useColorScheme)(colorScheme);
+    const consentContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!consentStore) throw new Error('Consent store must be initialized before creating context value');
+        return {
+            state,
+            store: consentStore,
+            manager: consentManager
+        };
+    }, [
+        state,
+        consentStore,
+        consentManager
+    ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__.ConsentStateContext.Provider, {
-        value: contextValue,
+        value: consentContextValue,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__.GlobalThemeContext.Provider, {
             value: themeContextValue,
             children: children

package/dist/utils/test-helpers.cjs

@@ -41,7 +41,7 @@ async function testComponentStyles({ component, testCases, noStyle = false }) {
         },
         children: component
     }));
-    await new Promise((resolve)=>setTimeout(resolve, 500));
+    await new Promise((resolve)=>setTimeout(resolve, 50));
     for (const { testId, styles } of testCases){
         const elementInContainer = container.querySelector(`[data-testid="${testId}"]`);
         const elementInBody = document.body.querySelector(`[data-testid="${testId}"]`);

package/dist/utils/test-helpers.js

@@ -12,7 +12,7 @@ async function testComponentStyles({ component, testCases, noStyle = false }) {
         },
         children: component
     }));
-    await new Promise((resolve)=>setTimeout(resolve, 500));
+    await new Promise((resolve)=>setTimeout(resolve, 50));
     for (const { testId, styles } of testCases){
         const elementInContainer = container.querySelector(`[data-testid="${testId}"]`);
         const elementInBody = document.body.querySelector(`[data-testid="${testId}"]`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c15t/react",
-  "version": "0.0.1-rc.21",
+  "version": "0.0.1-rc.23",
   "license": "GPL-3.0-only",
   "sideEffects": false,
   "type": "module",
@@ -65,14 +65,16 @@
     "motion": "^12.6.5",
     "tailwind-variants": "^1.0.0",
     "zustand": "^5.0.3",
-    "c15t": "0.0.1-rc.21"
+    "c15t": "0.0.1-rc.23"
   },
   "devDependencies": {
-    "@c15t/typescript-config": "0.0.1-beta.1"
+    "@c15t/backend": "0.0.1-rc.23",
+    "@c15t/typescript-config": "0.0.1-beta.1",
+    "@c15t/vitest-config": "0.0.1-rc.23"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
   },
   "publishConfig": {
     "access": "public"
@@ -84,7 +86,6 @@
     "fmt": "pnpm biome format --write . && biome check --formatter-enabled=false --linter-enabled=false --organize-imports-enabled=true --write",
     "lint": "pnpm biome lint ./src",
     "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
     "test:watch": "vitest"
   }
 }