cloudflare-next-intl 0.9.60 → 0.9.62

package/dist/src/client/components/client_provider.js

@@ -7,6 +7,7 @@ import useLazyWrappingProvider from "./use_lazy_wrapping_provider.js";
 import config from "@intl-config";
 import installConsoleErrorOverride from "../../error_handling/install_console_error_override.js";
 import installGlobalErrorOverride from "../../error_handling/install_global_error_override.js";
+import AuthUserPendingProvider from "../../firebase_auth/client/auth_user_pending_provider.js";
 export const LocaleContext = createContext(undefined);
 const loadAuthUserProvider = () => import("../../firebase_auth/client/auth_user_provider.js");
 const AutoFirebasePerformanceEvents = dynamic(() => import("../../firebase_auth/client/components/auto_firebase_performance_events.js"));
@@ -24,7 +25,7 @@ export default function LocationzationClientProvider({ language, messages, initi
     const { Provider: CookieConsentProvider, isReady: cookieConsentReady } = useLazyWrappingProvider(loadCookieConsentProvider);
     let providedChildren = children;
     if (config.firebaseAuth && !skipAuthProvider) {
-        providedChildren = _jsxs(AuthUserProvider, { initialUser: initialAuthUser, children: [children, config.firebaseAuth.performance !== false && _jsx(AutoFirebasePerformanceEvents, {})] });
+        providedChildren = _jsx(AuthUserPendingProvider, { initialUser: initialAuthUser, children: _jsxs(AuthUserProvider, { initialUser: initialAuthUser, children: [children, config.firebaseAuth.performance !== false && _jsx(AutoFirebasePerformanceEvents, {})] }) });
     }
     if (config.cookieConsent) {
         providedChildren = _jsxs(CookieConsentProvider, { requiresConsent: requiresConsent, children: [providedChildren, cookieConsentReady && analyticsConfig && _jsx(CookieConsentAnalytics, { config: analyticsConfig }), cookieConsentReady && analyticsConfig && (analyticsConfig.googleAnalyticsId || analyticsConfig.googleAdsId) && _jsx(AutoAnalyticsEvents, { config: autoAnalyticsEventsConfig }), cookieConsentReady && autoWireDialogs && _jsx(CookieConsentDialog, { ...dialogProps }), cookieConsentReady && autoWireDialogs && _jsx(PrivacyPolicyUpdateDialog, { ...updateDialogProps })] });

package/dist/src/firebase_auth/client/auth_user_context.d.ts

@@ -0,0 +1,10 @@
+import type { AuthActionCodeSettings, AuthUser } from '../types.js';
+export interface AuthUserContextType {
+    user: AuthUser | null;
+    loading: boolean;
+    reloadUser: () => Promise<void>;
+    sendVerificationEmail: (actionCodeSettings?: AuthActionCodeSettings) => Promise<void>;
+    logout: () => Promise<void>;
+}
+export declare const AuthUserContext: import("react").Context<AuthUserContextType | null>;
+export default AuthUserContext;

package/dist/src/firebase_auth/client/auth_user_context.js

@@ -0,0 +1,4 @@
+'use client';
+import { createContext } from 'react';
+export const AuthUserContext = createContext(null);
+export default AuthUserContext;

package/dist/src/firebase_auth/client/auth_user_pending_provider.d.ts

@@ -0,0 +1,5 @@
+import type { SerializedAuthUser } from '../types.js';
+export default function AuthUserPendingProvider({ initialUser, children }: {
+    initialUser?: SerializedAuthUser | null;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/src/firebase_auth/client/auth_user_pending_provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { AuthUserContext } from './auth_user_context.js';
+function notReady() {
+    return Promise.reject(new Error('AuthUserProvider is still loading'));
+}
+export default function AuthUserPendingProvider({ initialUser = null, children }) {
+    const value = useMemo(() => ({
+        user: initialUser,
+        loading: initialUser === null,
+        reloadUser: notReady,
+        sendVerificationEmail: notReady,
+        logout: notReady,
+    }), [initialUser]);
+    return _jsx(AuthUserContext.Provider, { value: value, children: children });
+}

package/dist/src/firebase_auth/client/auth_user_provider.d.ts

@@ -1,12 +1,7 @@
-import type { AuthActionCodeSettings, AuthUser, SerializedAuthUser } from '../types.js';
-export interface AuthUserContextType {
-    user: AuthUser | null;
-    loading: boolean;
-    reloadUser: () => Promise<void>;
-    sendVerificationEmail: (actionCodeSettings?: AuthActionCodeSettings) => Promise<void>;
-    logout: () => Promise<void>;
-}
-export declare const AuthUserContext: import("react").Context<AuthUserContextType | null>;
+import type { SerializedAuthUser } from '../types.js';
+import { AuthUserContext, type AuthUserContextType } from './auth_user_context.js';
+export { AuthUserContext };
+export type { AuthUserContextType };
 export default function AuthUserProvider({ initialUser, children }: {
     initialUser?: SerializedAuthUser | null;
     children: React.ReactNode;

package/dist/src/firebase_auth/client/auth_user_provider.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useRouter } from 'next/navigation.js';
 import usePathname from '../../client/hooks/use_path_name.js';
 import config from '@intl-config';
@@ -14,7 +14,8 @@ import withRedirectQuery from '../preserve_redirect_query.js';
 import setCookie from '../../client/functions/set_cookie.js';
 import getCookie from '../../client/functions/get_cookie.js';
 import clearSessionAction from '../server/clear_session_action.js';
-export const AuthUserContext = createContext(null);
+import { AuthUserContext } from './auth_user_context.js';
+export { AuthUserContext };
 function writeSessionCookie(sessionCookieName, idToken, maxAge) {
     setCookie({ name: sessionCookieName, value: idToken, maxAge });
 }

package/dist/src/firebase_auth/client/use_auth_user.d.ts

@@ -1,2 +1,2 @@
-import { type AuthUserContextType } from './auth_user_provider.js';
+import { type AuthUserContextType } from './auth_user_context.js';
 export default function useAuthUser(): AuthUserContextType;

package/dist/src/firebase_auth/client/use_auth_user.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
-import { AuthUserContext } from './auth_user_provider.js';
+import { AuthUserContext } from './auth_user_context.js';
 export default function useAuthUser() {
     const context = useContext(AuthUserContext);
     if (context === null) {

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

@@ -55,7 +55,17 @@ export default function HelperScript() {
                         if (!document.getElementById(overlayStyleId)) {
                             var st = document.createElement('style');
                             st.id = overlayStyleId;
-                            st.textContent = 'html{background:#ffffff !important}body>*:not(#' + overlayId + '){visibility:hidden !important}';
+                            st.textContent = [
+                                'html,body{background:#ffffff !important}',
+                                'body>*:not(#' + overlayId + '){visibility:hidden !important}',
+                                // Until <body> exists there is nowhere to put
+                                // the spinner element, and a blank screen reads
+                                // as a hang. A pseudo-element needs no host, so
+                                // it covers that gap and steps aside as soon as
+                                // the real overlay is in the document.
+                                'html:not(:has(#' + overlayId + '))::after{content:"";position:fixed;top:50%;left:50%;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;border:0.1875rem solid #e5e7eb;border-top-color:#17181b;border-radius:50%;animation:cfni-spin 0.8s linear infinite;z-index:2147483647}',
+                                '@keyframes cfni-spin{to{transform:rotate(360deg)}}'
+                            ].join('');
                             (document.head || document.documentElement).appendChild(st);
                         }
                         if (document.getElementById(overlayId)) return;

package/package.json

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