cloudflare-next-intl 0.5.1 → 0.5.2

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

@@ -12,8 +12,8 @@ import { defaultCookieDialogClassNames } from './default_dialog_styles';
  * particular design system.
  */
 export default function CookieConsentDialog({ message, link, privacyPolicyLinkText, acceptText, declineText, hideDecline = false, id = 'cookie-consent-dialog', classNames, styles, render, }) {
-    const { consent, setConsent, privacyPolicyPath } = useCookieConsent();
-    if (consent !== null)
+    const { consent, isMounted, setConsent, privacyPolicyPath } = useCookieConsent();
+    if (!isMounted || consent !== null)
         return null;
     if (render)
         return _jsx(_Fragment, { children: render({ setConsent }) });

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

@@ -58,14 +58,14 @@ export default function CookieConsentProvider({ requiresConsent = true, children
     }, []);
     const [consent, setConsentState] = useState(null);
     const [privacyPolicyUpdated, setPrivacyPolicyUpdated] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
     useEffect(() => {
         const storedConsent = parseConsent(getCookie(consentCookieName));
-        if (storedConsent === null && !requiresConsent) {
-            setConsentState(true);
-            return;
-        }
-        setConsentState(storedConsent);
-        if (storedConsent === null || !policyDate)
+        const autoAccepted = storedConsent === null && !requiresConsent;
+        setConsentState(autoAccepted ? true : storedConsent);
+        setIsMounted(true);
+        const isFirstVisit = storedConsent === null && !autoAccepted;
+        if (isFirstVisit || !policyDate)
             return;
         const storedDateRaw = getCookie(dateCookieName);
         if (!storedDateRaw) {
@@ -90,6 +90,6 @@ export default function CookieConsentProvider({ requiresConsent = true, children
         setPrivacyPolicyUpdated(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const contextValue = useMemo(() => ({ consent, privacyPolicyUpdated, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath }), [consent, privacyPolicyUpdated, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath]);
+    const contextValue = useMemo(() => ({ consent, privacyPolicyUpdated, isMounted, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath }), [consent, privacyPolicyUpdated, isMounted, setConsent, acknowledgePrivacyPolicyUpdate, privacyPolicyPath]);
     return (_jsx(CookieConsentContext.Provider, { value: contextValue, children: children }));
 }

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

@@ -4,6 +4,14 @@ export type ConsentValue = boolean | null;
 export interface CookieConsentContextType {
     /** Current consent value; `null` until the visitor decides. */
     consent: ConsentValue;
+    /**
+     * `false` until the client has read the stored consent/date cookies once
+     * (always `false` during SSR and the first client render, to avoid a
+     * hydration mismatch). The default dialog components render nothing
+     * until this is `true`, so a returning visitor's decided consent never
+     * flashes the banner before disappearing.
+     */
+    isMounted: boolean;
     /**
      * `true` once a privacy-policy update has been detected (stored consent
      * predates `cookieConsent.privacyPolicyDate`) and hasn't been

package/package.json

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

package/dist/src/general/get_layout_states.js

@@ -1,39 +0,0 @@
-"use strict";
-// NOTE: currently disabled — this file exports nothing at runtime, even
-// though "./getLayoutStates" is listed in package.json's exports map.
-// Do not rely on `cloudflare-next-intl/getLayoutStates` until this is
-// re-enabled; use `getLocale()` + read the theme cookie manually instead.
-// "use server";
-// import { cookies } from "next/headers";
-// import { localeCookieName, isDarkCookieKey } from "../config/cookie_key";
-// import config from "../config/intl_config";
-// interface HtmlParamProps {
-//     className?: string;
-//     suppressHydrationWarning?: boolean;
-//     lang: string;
-// }
-// export default async function getLayoutStates(): Promise<{
-//     isDark: boolean | null;
-//     locale: string;
-//     htmlParam?: HtmlParamProps;
-// }> {
-//     const cookie = await cookies();
-//     const isDarkMode = cookie.get(isDarkCookieKey)?.value;
-//     const isDark = getCookieBooleanValue(isDarkMode);
-//     const cookieLocale = (cookie.get(localeCookieName)?.value as string) ?? config.defaultLocale;
-//     const htmlParam: HtmlParamProps = { suppressHydrationWarning: !isDarkMode, lang: cookieLocale };
-//     if (isDark === true) {
-//         htmlParam.className = 'dark';
-//     }
-//     return { isDark, locale: cookieLocale, htmlParam };
-// }
-// function getCookieBooleanValue(cookieValue: string | undefined): boolean | null {
-//     switch (cookieValue) {
-//         case "true":
-//             return true;
-//         case "false":
-//             return false;
-//         default:
-//             return null;
-//     }
-// }