cloudflare-next-intl 0.5.6 → 0.5.7

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

@@ -1,4 +1,4 @@
-import type { CookieDialogClassNames, CookieDialogStyles } from '../../types';
+import type { ConsentValue, CookieDialogClassNames, CookieDialogStyles } from '../../types';
 export interface CookieConsentDialogProps {
     /** Banner message text. */
     message?: React.ReactNode;
@@ -23,7 +23,7 @@ export interface CookieConsentDialogProps {
      * bypasses the default markup entirely. Use for a fully bespoke dialog.
      */
     render?: (props: {
-        setConsent: (value: boolean) => void;
+        setConsent: (value: ConsentValue) => void;
     }) => React.ReactNode;
 }
 /**

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

@@ -65,11 +65,20 @@ export default function CookieConsentProvider({ requiresConsent = true, children
     const [isMounted, setIsMounted] = useState(false);
     const pathname = usePathname();
     useEffect(() => {
-        const storedConsent = parseConsent(getCookie(consentCookieName));
-        const autoAccepted = storedConsent === null && !requiresConsent;
+        // `undefined` (no cookie at all) means a genuine first visit — auto-
+        // accept applies. `'null'` (explicitly stored by `setConsent(null)`,
+        // e.g. a "cookie settings" button) means the visitor already decided
+        // once and is being asked to re-decide, so it must NOT auto-accept
+        // again — otherwise it'd immediately flip back to `true` whenever
+        // `requiresConsent` is `false` (e.g. always in dev, see
+        // `resolveRequiresConsent`), reopening then instantly re-closing the
+        // dialog on the next navigation/refresh.
+        const rawConsent = getCookie(consentCookieName);
+        const storedConsent = parseConsent(rawConsent);
+        const isFirstVisit = rawConsent === null;
+        const autoAccepted = isFirstVisit && !requiresConsent;
         setConsentState(autoAccepted ? true : storedConsent);
         setIsMounted(true);
-        const isFirstVisit = storedConsent === null && !autoAccepted;
         if (isFirstVisit || !policyDate)
             return;
         const storedDateRaw = getCookie(dateCookieName);
@@ -81,10 +90,18 @@ export default function CookieConsentProvider({ requiresConsent = true, children
         setPrivacyPolicyUpdated(!Number.isNaN(storedDate.getTime()) && storedDate < policyDate);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    // `value: null` stores the literal string `'null'` (rather than clearing
+    // the cookie) so the mount effect above can tell "explicitly reset" apart
+    // from "no cookie yet" and skip auto-accept accordingly.
     const setConsent = useCallback((value) => {
-        setCookie({ name: consentCookieName, value, maxAge });
-        if (policyDate)
-            setCookie({ name: dateCookieName, value: policyDate.toISOString(), maxAge });
+        if (value === null) {
+            setCookie({ name: consentCookieName, value: 'null', maxAge });
+        }
+        else {
+            setCookie({ name: consentCookieName, value, maxAge });
+            if (policyDate)
+                setCookie({ name: dateCookieName, value: policyDate.toISOString(), maxAge });
+        }
         setConsentState(value);
         setPrivacyPolicyUpdated(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/src/cookie_consent/types.d.ts

@@ -18,8 +18,13 @@ export interface CookieConsentContextType {
      * acknowledged yet. Always `false` when `privacyPolicyDate` is unset.
      */
     privacyPolicyUpdated: boolean;
-    /** Accepts (or rejects, with `false`) cookie consent and persists it. */
-    setConsent: (value: boolean) => void;
+    /**
+     * Accepts (or rejects, with `false`) cookie consent and persists it.
+     * Pass `null` to clear the stored decision and reset `consent` back to
+     * `null`, so the default `CookieConsentDialog` banner reappears (e.g.
+     * for a "cookie settings" button).
+     */
+    setConsent: (value: ConsentValue) => void;
     /** Acknowledges the privacy-policy update banner and persists the new date. */
     acknowledgePrivacyPolicyUpdate: () => void;
     /**

package/package.json

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