@orsetra/shared-ui 1.0.24 → 1.0.25

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.25",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -92,4 +92,4 @@
     "next": "^16.0.7",
     "typescript": "^5"
   }
-}
+}