cloudflare-next-intl 0.4.6 → 0.5.1

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

@@ -2,20 +2,29 @@
 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 { getLocaleCache } from '../../../general/cache_variables';
+import { defaultCookieConsentText } from './default_dialog_text';
+import { defaultCookieDialogClassNames } from './default_dialog_styles';
 /**
  * Cookie-consent banner. Renders `null` once `consent` is already decided.
  * Every visual aspect is overridable via `classNames`/`styles` (per-slot) or
  * `render` (full custom markup) — none of it is hardcoded to Tailwind or any
  * particular design system.
  */
-export default function CookieConsentDialog({ message = 'We use cookies to improve your experience.', link, privacyPolicyLinkText = 'Privacy Policy', acceptText = 'Accept', declineText = 'Necessary only', hideDecline = false, id = 'cookie-consent-dialog', classNames, styles, render, }) {
+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)
         return null;
     if (render)
         return _jsx(_Fragment, { children: render({ setConsent }) });
+    const text = defaultCookieConsentText[getLocaleCache() ?? 'en'] ?? defaultCookieConsentText.en;
+    const resolvedMessage = message ?? text.message;
+    const resolvedPrivacyPolicyLinkText = privacyPolicyLinkText ?? text.privacyPolicyLinkText;
+    const resolvedAcceptText = acceptText ?? text.acceptText;
+    const resolvedDeclineText = declineText ?? text.declineText;
+    const resolvedClassNames = { ...defaultCookieDialogClassNames, ...classNames };
     const resolvedLink = link !== undefined
         ? link
-        : _jsx(DefaultPrivacyPolicyLink, { privacyPolicyPath: privacyPolicyPath, text: privacyPolicyLinkText });
-    return (_jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: classNames?.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: classNames?.message, style: styles?.message, children: [message, resolvedLink ? _jsxs("span", { className: classNames?.link, style: styles?.link, children: [" ", resolvedLink] }) : null] }), _jsxs("div", { className: classNames?.actions, style: styles?.actions, children: [!hideDecline && (_jsx("button", { type: "button", onClick: () => setConsent(false), className: classNames?.declineButton, style: styles?.declineButton, children: declineText })), _jsx("button", { type: "button", onClick: () => setConsent(true), className: classNames?.acceptButton, style: styles?.acceptButton, children: acceptText })] })] }));
+        : _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 })] })] }));
 }

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

@@ -0,0 +1,2 @@
+import type { CookieDialogClassNames } from '../../types';
+export declare const defaultCookieDialogClassNames: CookieDialogClassNames;

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

@@ -0,0 +1,9 @@
+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',
+    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',
+    acceptButton: 'cursor-pointer bg-blue-600 text-white rounded-full px-4 py-2 hover:bg-blue-700 active:bg-blue-800 duration-200 dark:bg-blue-800 dark:hover:bg-blue-700 dark:active:bg-blue-900',
+    declineButton: 'cursor-pointer bg-blue-200 text-gray-800 rounded-full px-4 py-2 hover:bg-blue-300 active:bg-blue-400 duration-200 dark:bg-cyan-900 dark:text-white dark:hover:bg-cyan-800 dark:active:bg-cyan-950',
+    closeButton: 'cursor-pointer bg-blue-200 rounded-full p-2 hover:bg-blue-300 active:bg-blue-400 duration-200 dark:bg-blue-800 dark:text-white dark:hover:bg-blue-700 dark:active:bg-blue-900',
+};

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

@@ -0,0 +1,13 @@
+export interface CookieConsentDefaultText {
+    message: string;
+    privacyPolicyLinkText: string;
+    acceptText: string;
+    declineText: string;
+}
+export interface PrivacyPolicyUpdateDefaultText {
+    message: string;
+    privacyPolicyLinkText: string;
+    closeText: string;
+}
+export declare const defaultCookieConsentText: Record<string, CookieConsentDefaultText>;
+export declare const defaultPrivacyPolicyUpdateText: Record<string, PrivacyPolicyUpdateDefaultText>;

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

@@ -0,0 +1,26 @@
+export const defaultCookieConsentText = {
+    en: {
+        message: 'We use cookies to improve your experience.',
+        privacyPolicyLinkText: 'Privacy Policy',
+        acceptText: 'Accept',
+        declineText: 'Necessary only',
+    },
+    uk: {
+        message: 'Ми використовуємо файли cookie, щоб покращити ваш досвід.',
+        privacyPolicyLinkText: 'Політика конфіденційності',
+        acceptText: 'Прийняти',
+        declineText: 'Тільки необхідні',
+    },
+};
+export const defaultPrivacyPolicyUpdateText = {
+    en: {
+        message: 'Our privacy policy has been updated.',
+        privacyPolicyLinkText: 'Learn more',
+        closeText: 'Got it',
+    },
+    uk: {
+        message: 'Нашу політику конфіденційності було оновлено.',
+        privacyPolicyLinkText: 'Дізнатися більше',
+        closeText: 'Зрозуміло',
+    },
+};

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

@@ -2,20 +2,28 @@
 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 { getLocaleCache } from '../../../general/cache_variables';
+import { defaultPrivacyPolicyUpdateText } from './default_dialog_text';
+import { defaultCookieDialogClassNames } from './default_dialog_styles';
 /**
  * "Privacy policy updated" banner. Auto-enabled only when
  * `cookieConsent.privacyPolicyDate` is set on the `RoutingConfig` — renders
  * `null` otherwise, or once acknowledged. Every visual aspect is overridable
  * via `classNames`/`styles` (per-slot) or `render` (full custom markup).
  */
-export default function PrivacyPolicyUpdateDialog({ message = 'Our privacy policy has been updated.', link, privacyPolicyLinkText = 'Learn more', closeText = 'Got it', id = 'privacy-policy-update-dialog', classNames, styles, render, }) {
+export default function PrivacyPolicyUpdateDialog({ message, link, privacyPolicyLinkText, closeText, id = 'privacy-policy-update-dialog', classNames, styles, render, }) {
     const { privacyPolicyUpdated, acknowledgePrivacyPolicyUpdate, privacyPolicyPath } = useCookieConsent();
     if (!privacyPolicyUpdated)
         return null;
     if (render)
         return _jsx(_Fragment, { children: render({ acknowledge: acknowledgePrivacyPolicyUpdate }) });
+    const text = defaultPrivacyPolicyUpdateText[getLocaleCache() ?? 'en'] ?? defaultPrivacyPolicyUpdateText.en;
+    const resolvedMessage = message ?? text.message;
+    const resolvedPrivacyPolicyLinkText = privacyPolicyLinkText ?? text.privacyPolicyLinkText;
+    const resolvedCloseText = closeText ?? text.closeText;
+    const resolvedClassNames = { ...defaultCookieDialogClassNames, ...classNames };
     const resolvedLink = link !== undefined
         ? link
-        : _jsx(DefaultPrivacyPolicyLink, { privacyPolicyPath: privacyPolicyPath, text: privacyPolicyLinkText });
-    return (_jsxs("div", { id: id, role: "dialog", "aria-modal": "false", "aria-labelledby": `${id}-title`, className: classNames?.root, style: styles?.root, children: [_jsxs("p", { id: `${id}-title`, className: classNames?.message, style: styles?.message, children: [message, resolvedLink ? _jsxs("span", { className: classNames?.link, style: styles?.link, children: [" ", resolvedLink] }) : null] }), _jsx("button", { type: "button", onClick: acknowledgePrivacyPolicyUpdate, "aria-label": closeText, className: classNames?.closeButton, style: styles?.closeButton, children: closeText })] }));
+        : _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 })] }));
 }

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

@@ -8,8 +8,8 @@ export declare const defaultGdprCountries: readonly string[];
 /**
  * Resolves whether the cookie-consent banner is required for a visitor.
  *
- * - Neither getter set: country-based gating is off entirely — consent is
- *   never required (the simplest opt-in-by-default setup).
+ * - Neither getter set: fail-safe — consent is required by default since
+ *   the visitor's country can't be determined at all.
  * - Either getter set: fail-safe — a country that couldn't be resolved
  *   still requires consent; only a resolved country OUTSIDE
  *   `gdprCountries` skips the banner. `getCountryCode` takes precedence

package/dist/src/cookie_consent/gdpr_countries.js

@@ -33,8 +33,8 @@ function getGdprCountriesSet(gdprCountries) {
 /**
  * Resolves whether the cookie-consent banner is required for a visitor.
  *
- * - Neither getter set: country-based gating is off entirely — consent is
- *   never required (the simplest opt-in-by-default setup).
+ * - Neither getter set: fail-safe — consent is required by default since
+ *   the visitor's country can't be determined at all.
  * - Either getter set: fail-safe — a country that couldn't be resolved
  *   still requires consent; only a resolved country OUTSIDE
  *   `gdprCountries` skips the banner. `getCountryCode` takes precedence
@@ -42,7 +42,7 @@ function getGdprCountriesSet(gdprCountries) {
  */
 export default async function resolveRequiresConsent(getCountryCode, getCloudflareContext, gdprCountries) {
     if (!getCountryCode && !getCloudflareContext)
-        return false;
+        return true;
     const countryCode = getCountryCode
         ? await getCountryCode()
         : (await getCloudflareContext({ async: true }))?.cf?.country;

package/dist/src/server/components/server_provider.js

@@ -59,8 +59,17 @@ export default async function LocationzationProvider({ language, messages, child
     let analyticsSecrets;
     let requiresConsent = true;
     if (config.cookieConsent) {
-        requiresConsent = await resolveRequiresConsent(config.cookieConsent.getCountryCode, config.cookieConsent.getCloudflareContext, config.cookieConsent.gdprCountries);
         const isDevEnvironment = process.env.NODE_ENV === 'development';
+        // `getCloudflareContext` under `next dev`'s Cloudflare dev shim can
+        // crash the local workerd process (a native RPC panic, not a
+        // catchable JS error — see cloudflare/workers-sdk#8687) merely by
+        // being called, regardless of what it resolves to. `getCountryCode`
+        // is caller-supplied and may be dev-safe, so only skip the
+        // `getCloudflareContext` path in dev; fail-safe to `true`
+        // (banner shown) same as an unresolved country would.
+        requiresConsent = !isDevEnvironment
+            ? await resolveRequiresConsent(config.cookieConsent.getCountryCode, config.cookieConsent.getCloudflareContext, config.cookieConsent.gdprCountries)
+            : false;
         const analyticsAllowedInEnv = config.cookieConsent.enableAnalyticsInDevMode === true || !isDevEnvironment;
         if (config.cookieConsent.autoWireAnalytics !== false && analyticsAllowedInEnv) {
             analyticsSecrets = config.cookieConsent.getSecrets

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

@@ -155,10 +155,9 @@ export interface CookieConsentRoutingConfig {
      * `getCloudflareContext`) decides whether the cookie-consent banner is
      * required at all: visitors outside `gdprCountries` skip the banner and
      * get analytics immediately (still gated by `enableAnalyticsInDevMode`).
-     * Omit BOTH to skip country-based gating entirely — the banner is never
-     * shown and consent is treated as implicitly granted for everyone. This
-     * is the simplest opt-in-by-default setup; set one of the two getters
-     * once you need real GDPR-region gating.
+     * Omit BOTH to require consent for everyone (fail-safe default — the
+     * visitor's country can't be determined at all without either getter).
+     * Set one of the two getters to scope the banner to GDPR regions only.
      */
     getCloudflareContext?: CookieConsentGetCloudflareContext;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.4.6",
+  "version": "0.5.1",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -201,7 +201,6 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@eslint/js": "^9.27.0",
-    "@microsoft/clarity": "^1.0.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",