@orsetra/shared-ui 1.0.24 → 1.0.26

package/components/layout/layout-container.tsx

@@ -11,6 +11,7 @@ import { useIsMobile } from "../../hooks/use-mobile"
 import { Menu } from "lucide-react"
 
 interface LayoutContainerProps {
+  main_base_url: string
   children: React.ReactNode
   sidebarMenus: SidebarMenus
   user?: { profile?: { email?: string; preferred_username?: string } } | null
@@ -19,7 +20,7 @@ interface LayoutContainerProps {
   userMenuConfig?: UserMenuConfig
 }
 
-function LayoutContent({ children, sidebarMenus, user, onSignOut, mode = 'expanded', userMenuConfig }: LayoutContainerProps) {
+function LayoutContent({ children, sidebarMenus, user, onSignOut, mode = 'expanded', userMenuConfig, main_base_url }: LayoutContainerProps) {
   const pathname = usePathname()
   const { setOpen } = useSidebar()
   const isMobile = useIsMobile()
@@ -69,6 +70,7 @@ function LayoutContent({ children, sidebarMenus, user, onSignOut, mode = 'expand
       
       {/* MainSidebar - always available, opens as overlay when isHidden */}
       <MainSidebar 
+        main_base_url={main_base_url}
         isOpen={isMainSidebarOpen}
         onToggle={handleMainSidebarToggle}
         onMenuSelect={handleMenuSelect}

package/components/layout/sidebar/main-sidebar.tsx

@@ -13,6 +13,7 @@ import Link from "next/link"
 export type SidebarMode = 'expanded' | 'minimized' | 'hidden'
 
 interface MainSidebarProps {
+  main_base_url: string
   isOpen: boolean
   onToggle: () => void
   onMenuSelect: (menu: string) => void
@@ -23,6 +24,7 @@ interface MainSidebarProps {
 }
 
 export function MainSidebar({ 
+  main_base_url,
   isOpen, 
   onToggle, 
   onMenuSelect, 
@@ -49,7 +51,7 @@ export function MainSidebar({
       router.push(subMenus[0].href)
     } else {
       // Fallback: naviguer vers /{menuId} (ex: /assets-manager)
-      router.push(`/${menuId}`)
+      router.push(`${main_base_url}/${menuId}`)
     }
     
     if (!isMinimized) {

package/lib/http-client.ts

@@ -2,6 +2,22 @@
 
 export type AuthHeadersProvider = () => Promise<Record<string, string>> | Record<string, string>;
 
+export class ApiError extends Error {
+  status: number;
+  code?: number;
+  details?: unknown;
+  raw?: unknown;
+
+  constructor(message: string, params: { status: number; code?: number; details?: unknown; raw?: unknown }) {
+    super(message);
+    this.name = 'ApiError';
+    this.status = params.status;
+    this.code = params.code;
+    this.details = params.details;
+    this.raw = params.raw;
+  }
+}
+
 class HttpClient {
   private baseUrl: string;
   private authHeadersProvider?: AuthHeadersProvider;
@@ -58,8 +74,9 @@ class HttpClient {
     if (!response.ok) {
       // Try to extract error message from API response
       let errorMessage = `Request failed: ${response.status}`;
+      let errorBody: any = undefined;
       try {
-        const errorBody = await response.json();
+        errorBody = await response.json();
         // Zitadel API returns { code, message, details } on error
         if (errorBody?.message) {
           errorMessage = errorBody.message;
@@ -69,7 +86,32 @@ class HttpClient {
       } catch {
         // If we can't parse JSON, use the default message
       }
-      throw new Error(errorMessage);
+
+      const apiError = new ApiError(errorMessage, {
+        status: response.status,
+        code: typeof errorBody?.code === 'number' ? errorBody.code : undefined,
+        details: errorBody?.details,
+        raw: errorBody,
+      });
+
+      // Zitadel step-up requirement
+      const isMfaRequired =
+        apiError.code === 7 ||
+        (typeof errorMessage === 'string' && errorMessage.toLowerCase().includes('mfa required'));
+
+      if (isMfaRequired && typeof window !== 'undefined') {
+        try {
+          window.dispatchEvent(
+            new CustomEvent('zitadel:mfa-required', {
+              detail: { url, status: apiError.status, code: apiError.code, error: apiError.raw },
+            })
+          );
+        } catch {
+          // ignore event dispatch issues
+        }
+      }
+
+      throw apiError;
     }
     
     if (response.status === 204) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -92,4 +92,4 @@
     "next": "^16.0.7",
     "typescript": "^5"
   }
-}
+}