cloudflare-next-intl 0.10.26 → 0.10.27

package/dist/src/cookie_consent/client/components/cookie_consent_analytics.js

@@ -1,12 +1,14 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, Suspense } from 'react';
+import { useEffect, useSyncExternalStore, Suspense } from 'react';
 import dynamic from 'next/dynamic.js';
 import useCookieConsent from '../use_cookie_consent.js';
 const ClarityScript = dynamic(() => import('./clarity_script.js'));
+const noopSubscribe = () => () => undefined;
 export default function CookieConsentAnalytics({ config }) {
     const { consent, requiresConsent } = useCookieConsent();
     const granted = consent === true || !requiresConsent;
+    const hydrated = useSyncExternalStore(noopSubscribe, () => true, () => false);
     useEffect(() => {
         if (consent === null && requiresConsent)
             return;
@@ -21,8 +23,19 @@ export default function CookieConsentAnalytics({ config }) {
             analytics_storage: state,
         });
     }, [consent, requiresConsent, granted]);
+    useEffect(() => {
+        if (!granted || !config.cloudflareBeaconToken)
+            return;
+        if (document.querySelector('script[data-cf-beacon]'))
+            return;
+        const script = document.createElement('script');
+        script.defer = true;
+        script.src = 'https://static.cloudflareinsights.com/beacon.min.js';
+        script.setAttribute('data-cf-beacon', config.cloudflareBeaconToken);
+        document.head.appendChild(script);
+    }, [granted, config.cloudflareBeaconToken]);
     const hasGoogle = Boolean(config.googleAnalyticsId || config.googleAdsId || config.googleAdSenseId);
-    return (_jsxs(_Fragment, { children: [hasGoogle && (_jsx("script", { id: "cookie-consent-google-consent-mode", dangerouslySetInnerHTML: { __html: googleConsentModeBootstrapScript(config) } })), granted && config.cloudflareBeaconToken && (_jsx("script", { defer: true, src: "https://static.cloudflareinsights.com/beacon.min.js", "data-cf-beacon": config.cloudflareBeaconToken })), granted && config.clarityProjectId && (_jsx(Suspense, { fallback: null, children: _jsx(ClarityScript, { projectId: config.clarityProjectId }) }))] }));
+    return (_jsxs(_Fragment, { children: [hasGoogle && (_jsx("script", { id: "cookie-consent-google-consent-mode", dangerouslySetInnerHTML: { __html: googleConsentModeBootstrapScript(config) } })), hydrated && granted && config.clarityProjectId && (_jsx(Suspense, { fallback: null, children: _jsx(ClarityScript, { projectId: config.clarityProjectId }) }))] }));
 }
 export function googleConsentModeBootstrapScript(config) {
     const configCalls = [config.googleAnalyticsId, config.googleAdsId]

package/dist/src/cookie_consent/client/components/cookie_consent_dialog.js

@@ -1,14 +1,17 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
 import useCookieConsent from '../use_cookie_consent.js';
 import DefaultPrivacyPolicyLink from './default_privacy_policy_link.js';
 import DialogPortal from './dialog_portal.js';
 import { getLocaleCache } from '../../../general/cache_variables.js';
 import { defaultCookieConsentText } from './default_dialog_text.js';
 import { defaultCookieDialogClassNames } from './default_dialog_styles.js';
+const noopSubscribe = () => () => undefined;
 export default function CookieConsentDialog({ message, link, privacyPolicyLinkText, showPrivacyPolicy, acceptText, declineText, hideDecline = false, id = 'cookie-consent-dialog', classNames, styles, render, }) {
     const { consent, requiresConsent, isMounted, setConsent, privacyPolicyPath, showPrivacyPolicy: showPrivacyPolicyCtx } = useCookieConsent();
-    if (!isMounted || !requiresConsent || consent !== null)
+    const hydrated = useSyncExternalStore(noopSubscribe, () => true, () => false);
+    if (!hydrated || !isMounted || !requiresConsent || consent !== null)
         return null;
     if (render)
         return _jsx(_Fragment, { children: render({ setConsent }) });

package/dist/src/cookie_consent/client/components/privacy_policy_update_dialog.js

@@ -1,14 +1,17 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
 import useCookieConsent from '../use_cookie_consent.js';
 import DefaultPrivacyPolicyLink from './default_privacy_policy_link.js';
 import DialogPortal from './dialog_portal.js';
 import { getLocaleCache } from '../../../general/cache_variables.js';
 import { defaultPrivacyPolicyUpdateText } from './default_dialog_text.js';
 import { defaultCookieDialogClassNames } from './default_dialog_styles.js';
+const noopSubscribe = () => () => undefined;
 export default function PrivacyPolicyUpdateDialog({ message, link, privacyPolicyLinkText, showPrivacyPolicy, closeText, id = 'privacy-policy-update-dialog', classNames, styles, render, }) {
     const { privacyPolicyUpdated, acknowledgePrivacyPolicyUpdate, privacyPolicyPath, showPrivacyPolicy: showPrivacyPolicyCtx } = useCookieConsent();
-    if (!privacyPolicyUpdated)
+    const hydrated = useSyncExternalStore(noopSubscribe, () => true, () => false);
+    if (!hydrated || !privacyPolicyUpdated)
         return null;
     if (render)
         return _jsx(_Fragment, { children: render({ acknowledge: acknowledgePrivacyPolicyUpdate }) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.10.26",
+  "version": "0.10.27",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",