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

package/dist/hooks/index.cjs

@@ -6,7 +6,7 @@ var __webpack_modules__ = {
     "./use-focus-trap": function(module) {
         module.exports = require("./use-focus-trap.cjs");
     },
-    "./use-theme": function(module) {
+    "~/hooks/use-theme": function(module) {
         module.exports = require("./use-theme.cjs");
     },
     "./use-translations": function(module) {
@@ -68,7 +68,7 @@ var __webpack_exports__ = {};
         return _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./use-theme");
+    var _use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("~/hooks/use-theme");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _use_theme__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _use_theme__WEBPACK_IMPORTED_MODULE_2__[key];

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

@@ -48,6 +48,13 @@ function ConsentManagerProvider({ children, options }) {
     }, [
         translationConfig
     ]);
+    const isConsentDomain = (0, external_react_namespaceObject.useMemo)(()=>{
+        if ('undefined' == typeof window) return false;
+        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',
@@ -73,67 +80,46 @@ function ConsentManagerProvider({ children, options }) {
         store,
         options
     ]);
-    const isConsentDomain = (0, external_react_namespaceObject.useMemo)(()=>{
-        if ('undefined' == typeof window) return false;
-        const isC15tDomain = ('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
-        return Boolean(isC15tDomain);
-    }, [
-        mode,
-        backendURL
-    ]);
+    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
     ]);
-    (0, use_color_scheme_cjs_namespaceObject.useColorScheme)(colorScheme);
-    const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
-            state,
-            store: consentStore,
-            manager: consentManager,
-            theme,
-            disableAnimation,
-            scrollLock,
-            trapFocus,
-            colorScheme,
-            noStyle
-        }), [
-        state,
-        consentStore,
-        consentManager,
-        theme,
-        disableAnimation,
-        scrollLock,
-        trapFocus,
-        colorScheme,
-        noStyle
-    ]);
     const themeContextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             theme,
             noStyle,
@@ -147,8 +133,21 @@ function ConsentManagerProvider({ children, options }) {
         scrollLock,
         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.map

@@ -1 +1 @@
-{"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"}
+{"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

@@ -20,6 +20,13 @@ function ConsentManagerProvider({ children, options }) {
     }, [
         translationConfig
     ]);
+    const isConsentDomain = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if ('undefined' == typeof window) return false;
+        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',
@@ -45,67 +52,46 @@ function ConsentManagerProvider({ children, options }) {
         store,
         options
     ]);
-    const isConsentDomain = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if ('undefined' == typeof window) return false;
-        const isC15tDomain = ('c15t' === mode || 'offline' === mode) && (backendURL?.includes('c15t.dev') || window.location.hostname.includes('c15t.dev'));
-        return Boolean(isC15tDomain);
-    }, [
-        mode,
-        backendURL
-    ]);
+    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
     ]);
-    (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,
-            theme,
-            disableAnimation,
-            scrollLock,
-            trapFocus,
-            colorScheme,
-            noStyle
-        }), [
-        state,
-        consentStore,
-        consentManager,
-        theme,
-        disableAnimation,
-        scrollLock,
-        trapFocus,
-        colorScheme,
-        noStyle
-    ]);
     const themeContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             theme,
             noStyle,
@@ -119,8 +105,21 @@ function ConsentManagerProvider({ children, options }) {
         scrollLock,
         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.22",
+  "version": "0.0.1-rc.24",
   "license": "GPL-3.0-only",
   "sideEffects": false,
   "type": "module",
@@ -65,12 +65,12 @@
     "motion": "^12.6.5",
     "tailwind-variants": "^1.0.0",
     "zustand": "^5.0.3",
-    "c15t": "0.0.1-rc.22"
+    "c15t": "0.0.1-rc.24"
   },
   "devDependencies": {
-    "@c15t/vitest-config": "0.0.1-rc.22",
-    "@c15t/typescript-config": "0.0.1-beta.1",
-    "@c15t/backend": "0.0.1-rc.22"
+    "@c15t/backend": "0.0.1-rc.24",
+    "@c15t/vitest-config": "0.0.1-rc.24",
+    "@c15t/typescript-config": "0.0.1-beta.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",