@orsetra/shared-auth 1.0.9 → 1.0.11

package/SessionProvider.tsx

@@ -25,14 +25,18 @@ interface SessionProviderProps {
  * Utilise ZitadelAuthService pour récupérer l'utilisateur
  */
 export function SessionProvider({ children, config }: SessionProviderProps) {
-  if (!ZitadelAuthService.isConfigured()) {
-    ZitadelAuthService.configureAuth(config)
-  }
-
   const [user, setUser] = useState<User | null>(null)
   const [isLoading, setIsLoading] = useState(true)
 
   useEffect(() => {
+    // Skip on server-side
+    if (typeof window === 'undefined') return
+
+    // Configure auth only on client side
+    if (!ZitadelAuthService.isConfigured()) {
+      ZitadelAuthService.configureAuth(config)
+    }
+
     const loadUser = async () => {
       try {
         const currentUser = await ZitadelAuthService.getUser()

package/ZitadelProvider.tsx

@@ -32,6 +32,9 @@ export function ZitadelProvider({ children, config }: ZitadelProviderProps) {
   const [user, setUser] = useState<User | null>(null)
 
   useEffect(() => {
+    // Skip on server-side
+    if (typeof window === 'undefined') return
+
     const configure = async () => {
       try { 
         ZitadelAuthService.configureAuth(config)

package/components/AuthCallbackError.tsx

@@ -0,0 +1,58 @@
+"use client"
+
+interface AuthCallbackErrorProps {
+  error: string
+  onRetry: () => void
+  onBackToWelcome: () => void
+}
+
+export function AuthCallbackError({ error, onRetry, onBackToWelcome }: AuthCallbackErrorProps) {
+  return (
+    <>
+      <div className="text-6xl mb-6 text-center" style={{ color: 'var(--theme-light-warn-500)' }}>
+        ⚠️
+      </div>
+      <h1
+        className="text-2xl font-semibold mb-4 text-center"
+        style={{ color: 'var(--theme-light-text)' }}
+      >
+        Échec de l'authentification
+      </h1>
+      <p
+        className="mb-8 leading-relaxed text-center"
+        style={{ color: 'var(--theme-light-secondary-text)' }}
+      >
+        {error}
+      </p>
+      <div className="space-y-3">
+        <button
+          onClick={onRetry}
+          className="w-full font-medium py-3 px-4 transition-colors"
+          style={{
+            backgroundColor: 'var(--theme-light-primary-500)',
+            color: 'var(--theme-light-primary-contrast-500)',
+            borderRadius: '0'
+          }}
+          onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = 'var(--theme-light-primary-600)')}
+          onMouseLeave={(e) => (e.currentTarget.style.backgroundColor = 'var(--theme-light-primary-500)')}
+        >
+          Réessayer la connexion
+        </button>
+        <button
+          onClick={onBackToWelcome}
+          className="w-full font-medium py-3 px-4 transition-colors"
+          style={{
+            backgroundColor: 'var(--theme-light-background-500)',
+            color: 'var(--theme-light-text)',
+            borderRadius: '0',
+            border: '1px solid var(--theme-light-background-600)'
+          }}
+          onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = 'var(--theme-light-background-600)')}
+          onMouseLeave={(e) => (e.currentTarget.style.backgroundColor = 'var(--theme-light-background-500)')}
+        >
+          Retour à l'accueil
+        </button>
+      </div>
+    </>
+  )
+}

package/components/index.ts

@@ -0,0 +1,2 @@
+export { AuthCard, AuthCardTitle, AuthCardDescription, AuthCardSpinner } from './AuthCard'
+export { AuthCallbackError } from './AuthCallbackError'

package/index.ts

@@ -10,5 +10,6 @@ export { SessionProvider, useSession } from './SessionProvider'
 
 // Components
 export { AuthCard, AuthCardTitle, AuthCardDescription, AuthCardSpinner } from './components/AuthCard'
+export { AuthCallbackError } from './components/AuthCallbackError'
 
 export * from './utils'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-auth",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Shared authentication utilities for Orsetra platform using Zitadel",
   "main": "./index.ts",
   "types": "./index.ts",