cloudflare-next-intl 0.5.3 → 0.5.5

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

@@ -2,6 +2,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useCookieConsent from '../use_cookie_consent';
 import DefaultPrivacyPolicyLink from './default_privacy_policy_link';
+import DialogPortal from './dialog_portal';
 import { getLocaleCache } from '../../../general/cache_variables';
 import { defaultCookieConsentText } from './default_dialog_text';
 import { defaultCookieDialogClassNames } from './default_dialog_styles';
@@ -26,5 +27,5 @@ export default function CookieConsentDialog({ message, link, privacyPolicyLinkTe
     const resolvedLink = link !== undefined
         ? link
         : _jsx(DefaultPrivacyPolicyLink, { privacyPolicyPath: privacyPolicyPath, text: resolvedPrivacyPolicyLinkText, className: resolvedClassNames.link });
-    return (_jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: resolvedClassNames.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: resolvedClassNames.message, style: styles?.message, children: [resolvedMessage, resolvedLink ? _jsxs("span", { children: [" ", resolvedLink] }) : null] }), _jsxs("div", { className: resolvedClassNames.actions, style: styles?.actions, children: [!hideDecline && (_jsx("button", { type: "button", onClick: () => setConsent(false), className: resolvedClassNames.declineButton, style: styles?.declineButton, children: resolvedDeclineText })), _jsx("button", { type: "button", onClick: () => setConsent(true), className: resolvedClassNames.acceptButton, style: styles?.acceptButton, children: resolvedAcceptText })] })] }));
+    return (_jsx(DialogPortal, { children: _jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: resolvedClassNames.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: resolvedClassNames.message, style: styles?.message, children: [resolvedMessage, resolvedLink ? _jsxs("span", { children: [" ", resolvedLink] }) : null] }), _jsxs("div", { className: resolvedClassNames.actions, style: styles?.actions, children: [!hideDecline && (_jsx("button", { type: "button", onClick: () => setConsent(false), className: resolvedClassNames.declineButton, style: styles?.declineButton, children: resolvedDeclineText })), _jsx("button", { type: "button", onClick: () => setConsent(true), className: resolvedClassNames.acceptButton, style: styles?.acceptButton, children: resolvedAcceptText })] })] }) }));
 }

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

@@ -1,5 +1,5 @@
 export const defaultCookieDialogClassNames = {
-    root: 'fixed bottom-0 w-full bg-cyan-50 dark:bg-cyan-950 text-gray-800 dark:text-gray-200 z-20 flex flex-col sm:flex-row sm:justify-between items-center gap-3 sticky border-t border-t-gray-600 dark:border-t-gray-400 rounded-t-2xl px-4 py-3',
+    root: 'fixed bottom-0 w-full bg-cyan-50 dark:bg-cyan-950 text-gray-800 dark:text-gray-200 z-[2147483647] flex flex-col sm:flex-row sm:justify-between items-center gap-3 sticky border-t border-t-gray-600 dark:border-t-gray-400 rounded-t-2xl px-4 py-3',
     message: 'text-sm sm:text-base text-gray-600 dark:text-gray-300',
     link: 'underline font-bold duration-200 text-gray-600 hover:text-cyan-800 dark:text-gray-200 dark:hover:text-gray-100 active:text-cyan-700',
     actions: 'flex flex-row gap-2',

package/dist/src/cookie_consent/client/components/dialog_portal.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Renders `children` into `document.body` via a portal, so the default
+ * dialogs always stack on top of the host app regardless of its own
+ * stacking contexts (a `z-index` alone can't escape an ancestor with
+ * `transform`/`filter`/`opacity`/`isolation`, all common in app shells).
+ * Only called client-side (both dialogs already gate on `isMounted`), so
+ * `document` is always defined here.
+ */
+export default function DialogPortal({ children }: {
+    children: React.ReactNode;
+}): React.ReactPortal;

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

@@ -0,0 +1,13 @@
+'use client';
+import { createPortal } from 'react-dom';
+/**
+ * Renders `children` into `document.body` via a portal, so the default
+ * dialogs always stack on top of the host app regardless of its own
+ * stacking contexts (a `z-index` alone can't escape an ancestor with
+ * `transform`/`filter`/`opacity`/`isolation`, all common in app shells).
+ * Only called client-side (both dialogs already gate on `isMounted`), so
+ * `document` is always defined here.
+ */
+export default function DialogPortal({ children }) {
+    return createPortal(children, document.body);
+}

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

@@ -2,6 +2,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useCookieConsent from '../use_cookie_consent';
 import DefaultPrivacyPolicyLink from './default_privacy_policy_link';
+import DialogPortal from './dialog_portal';
 import { getLocaleCache } from '../../../general/cache_variables';
 import { defaultPrivacyPolicyUpdateText } from './default_dialog_text';
 import { defaultCookieDialogClassNames } from './default_dialog_styles';
@@ -25,5 +26,5 @@ export default function PrivacyPolicyUpdateDialog({ message, link, privacyPolicy
     const resolvedLink = link !== undefined
         ? link
         : _jsx(DefaultPrivacyPolicyLink, { privacyPolicyPath: privacyPolicyPath, text: resolvedPrivacyPolicyLinkText, className: resolvedClassNames.link });
-    return (_jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: resolvedClassNames.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: resolvedClassNames.message, style: styles?.message, children: [resolvedMessage, resolvedLink ? _jsxs("span", { children: [" ", resolvedLink] }) : null] }), _jsx("button", { type: "button", onClick: acknowledgePrivacyPolicyUpdate, "aria-label": resolvedCloseText, className: resolvedClassNames.closeButton, style: styles?.closeButton, children: resolvedCloseText })] }));
+    return (_jsx(DialogPortal, { children: _jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: resolvedClassNames.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: resolvedClassNames.message, style: styles?.message, children: [resolvedMessage, resolvedLink ? _jsxs("span", { children: [" ", resolvedLink] }) : null] }), _jsx("button", { type: "button", onClick: acknowledgePrivacyPolicyUpdate, "aria-label": resolvedCloseText, className: resolvedClassNames.closeButton, style: styles?.closeButton, children: resolvedCloseText })] }) }));
 }

package/dist/src/cookie_consent/client/cookie_consent_provider.d.ts

@@ -11,7 +11,10 @@ export declare const CookieConsentContext: import("react").Context<CookieConsent
  * `cookieConsent.privacyPolicyDate` is configured: once a visitor has
  * consented, if their stored consent date predates `privacyPolicyDate`,
  * `privacyPolicyUpdated` becomes `true` until they call
- * `acknowledgePrivacyPolicyUpdate()`.
+ * `acknowledgePrivacyPolicyUpdate()` — or until they navigate to
+ * `cookieConsent.privacyPolicyPath`, which auto-acknowledges it (visiting
+ * the page counts as having seen the update; skipped entirely when
+ * `privacyPolicyPath` is `false`).
  *
  * @param requiresConsent Resolved server-side from
  *   `cookieConsent.getCountryCode`/`gdprCountries` — `false` means the

package/dist/src/cookie_consent/client/cookie_consent_provider.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useEffect, useMemo, useState } from 'react';
+import { usePathname } from 'next/navigation';
 import config from '../../config/intl_config';
 import requireCookieConsentConfig from '../require_config';
 import getCookie from '../../client/functions/get_cookie';
@@ -25,7 +26,10 @@ function parseConsent(raw) {
  * `cookieConsent.privacyPolicyDate` is configured: once a visitor has
  * consented, if their stored consent date predates `privacyPolicyDate`,
  * `privacyPolicyUpdated` becomes `true` until they call
- * `acknowledgePrivacyPolicyUpdate()`.
+ * `acknowledgePrivacyPolicyUpdate()` — or until they navigate to
+ * `cookieConsent.privacyPolicyPath`, which auto-acknowledges it (visiting
+ * the page counts as having seen the update; skipped entirely when
+ * `privacyPolicyPath` is `false`).
  *
  * @param requiresConsent Resolved server-side from
  *   `cookieConsent.getCountryCode`/`gdprCountries` — `false` means the
@@ -59,6 +63,7 @@ export default function CookieConsentProvider({ requiresConsent = true, children
     const [consent, setConsentState] = useState(null);
     const [privacyPolicyUpdated, setPrivacyPolicyUpdated] = useState(false);
     const [isMounted, setIsMounted] = useState(false);
+    const pathname = usePathname();
     useEffect(() => {
         const storedConsent = parseConsent(getCookie(consentCookieName));
         const autoAccepted = storedConsent === null && !requiresConsent;
@@ -90,6 +95,15 @@ export default function CookieConsentProvider({ requiresConsent = true, children
         setPrivacyPolicyUpdated(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    // Visiting the privacy-policy page itself counts as having seen the
+    // update — auto-acknowledge instead of also showing the banner there.
+    // `pathname` still carries the locale prefix (e.g. `/de/privacy-policy`),
+    // so match on a trailing segment rather than strict equality.
+    useEffect(() => {
+        if (privacyPolicyUpdated && privacyPolicyPath !== false && pathname.endsWith(privacyPolicyPath)) {
+            acknowledgePrivacyPolicyUpdate();
+        }
+    }, [pathname, privacyPolicyUpdated, privacyPolicyPath, acknowledgePrivacyPolicyUpdate]);
     const contextValue = useMemo(() => ({ consent, privacyPolicyUpdated, isMounted, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath }), [consent, privacyPolicyUpdated, isMounted, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath]);
     return (_jsx(CookieConsentContext.Provider, { value: contextValue, children: children }));
 }

package/package.json

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