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

package/dist/providers/__tests__/test-helpers.js

@@ -0,0 +1,134 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__ from "../../index.js";
+function setupMocks() {
+    const mockFetch = __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn();
+    window.fetch = mockFetch;
+    const mockConfigureConsentManager = __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn();
+    const fetchCallMap = new Map();
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.beforeEach)(()=>{
+        fetchCallMap.clear();
+    });
+    __WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('c15t', async ()=>{
+        const originalModule = await __WEBPACK_EXTERNAL_MODULE_vitest__.vi.importActual('c15t');
+        return {
+            ...originalModule,
+            configureConsentManager: (options)=>{
+                mockConfigureConsentManager(options);
+                const backendURL = options.backendURL || '';
+                if ('c15t' === options.mode) return {
+                    getCallbacks: ()=>options.callbacks,
+                    showConsentBanner: async ()=>{
+                        if (!fetchCallMap.has(backendURL)) {
+                            mockFetch(`${backendURL}/show-consent-banner`, {
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                }
+                            });
+                            fetchCallMap.set(backendURL, true);
+                        }
+                        return {
+                            ok: true,
+                            data: {
+                                showConsentBanner: true
+                            },
+                            error: null,
+                            response: null
+                        };
+                    },
+                    setConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                success: true
+                            },
+                            error: null,
+                            response: null
+                        }),
+                    verifyConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                valid: true
+                            },
+                            error: null,
+                            response: null
+                        })
+                };
+                if ('offline' === options.mode) return {
+                    getCallbacks: ()=>options.callbacks,
+                    showConsentBanner: async ()=>({
+                            ok: true,
+                            data: {
+                                showConsentBanner: true
+                            },
+                            error: null,
+                            response: null
+                        }),
+                    setConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                success: true
+                            },
+                            error: null,
+                            response: null
+                        }),
+                    verifyConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                valid: true
+                            },
+                            error: null,
+                            response: null
+                        })
+                };
+                if ('custom' === options.mode && 'endpointHandlers' in options) {
+                    const handlers = options.endpointHandlers;
+                    return {
+                        getCallbacks: ()=>options.callbacks,
+                        showConsentBanner: async ()=>handlers.showConsentBanner({}),
+                        setConsent: async (data)=>handlers.setConsent(data),
+                        verifyConsent: async (data)=>handlers.verifyConsent(data)
+                    };
+                }
+                return {
+                    getCallbacks: ()=>options.callbacks,
+                    showConsentBanner: async ()=>({
+                            ok: true,
+                            data: {
+                                showConsentBanner: true
+                            },
+                            error: null,
+                            response: null
+                        }),
+                    setConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                success: true
+                            },
+                            error: null,
+                            response: null
+                        }),
+                    verifyConsent: async ()=>({
+                            ok: true,
+                            data: {
+                                valid: true
+                            },
+                            error: null,
+                            response: null
+                        })
+                };
+            }
+        };
+    });
+    return {
+        mockFetch,
+        mockConfigureConsentManager
+    };
+}
+const TestConsumer = ()=>{
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.useConsentManager)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        "data-testid": "consumer",
+        children: consentManager.showPopup ? 'Show' : 'Hide'
+    });
+};
+export { TestConsumer, setupMocks };

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)(()=>{
@@ -49,18 +49,37 @@ 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);
+        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 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'));
+        const isC15tDomain = ('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
         return Boolean(isC15tDomain);
     }, [
-        options
+        mode,
+        backendURL
     ]);
     const consentStore = (0, external_react_namespaceObject.useMemo)(()=>{
         const storeWithTranslations = {
@@ -93,14 +112,27 @@ function ConsentManagerProvider({ children, options }) {
         initialGdprTypes,
         initialComplianceSettings
     ]);
+    (0, use_color_scheme_cjs_namespaceObject.useColorScheme)(colorScheme);
     const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             state,
             store: consentStore,
-            manager: consentManager
+            manager: consentManager,
+            theme,
+            disableAnimation,
+            scrollLock,
+            trapFocus,
+            colorScheme,
+            noStyle
         }), [
         state,
         consentStore,
-        consentManager
+        consentManager,
+        theme,
+        disableAnimation,
+        scrollLock,
+        trapFocus,
+        colorScheme,
+        noStyle
     ]);
     const themeContextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             theme,
@@ -115,7 +147,6 @@ function ConsentManagerProvider({ children, options }) {
         scrollLock,
         trapFocus
     ]);
-    (0, use_color_scheme_cjs_namespaceObject.useColorScheme)(colorScheme);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_context_cjs_namespaceObject.ConsentStateContext.Provider, {
         value: contextValue,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {

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":"AAaA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAM5E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,OAAO,GACP,EAAE,2BAA2B,2CAwL7B"}

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)(()=>{
@@ -21,18 +21,37 @@ 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);
+        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 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'));
+        const isC15tDomain = ('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
         return Boolean(isC15tDomain);
     }, [
-        options
+        mode,
+        backendURL
     ]);
     const consentStore = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const storeWithTranslations = {
@@ -65,14 +84,27 @@ function ConsentManagerProvider({ children, options }) {
         initialGdprTypes,
         initialComplianceSettings
     ]);
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__.useColorScheme)(colorScheme);
     const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             state,
             store: consentStore,
-            manager: consentManager
+            manager: consentManager,
+            theme,
+            disableAnimation,
+            scrollLock,
+            trapFocus,
+            colorScheme,
+            noStyle
         }), [
         state,
         consentStore,
-        consentManager
+        consentManager,
+        theme,
+        disableAnimation,
+        scrollLock,
+        trapFocus,
+        colorScheme,
+        noStyle
     ]);
     const themeContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             theme,
@@ -87,7 +119,6 @@ function ConsentManagerProvider({ children, options }) {
         scrollLock,
         trapFocus
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__.useColorScheme)(colorScheme);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__.ConsentStateContext.Provider, {
         value: contextValue,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__.GlobalThemeContext.Provider, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c15t/react",
-  "version": "0.0.1-rc.21",
+  "version": "0.0.1-rc.22",
   "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.22"
   },
   "devDependencies": {
-    "@c15t/typescript-config": "0.0.1-beta.1"
+    "@c15t/vitest-config": "0.0.1-rc.22",
+    "@c15t/typescript-config": "0.0.1-beta.1",
+    "@c15t/backend": "0.0.1-rc.22"
   },
   "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"
   }
 }