@orsetra/shared-ui 1.0.23 → 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;
@@ -56,7 +72,46 @@ class HttpClient {
     });
 
     if (!response.ok) {
-      throw new Error(`Request failed: ${response.status}`);
+      // Try to extract error message from API response
+      let errorMessage = `Request failed: ${response.status}`;
+      let errorBody: any = undefined;
+      try {
+        errorBody = await response.json();
+        // Zitadel API returns { code, message, details } on error
+        if (errorBody?.message) {
+          errorMessage = errorBody.message;
+        } else if (errorBody?.error) {
+          errorMessage = errorBody.error;
+        }
+      } catch {
+        // If we can't parse JSON, use the default message
+      }
+
+      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) {
@@ -121,8 +176,23 @@ class HttpClient {
     });
     
     if (!response.ok) {
-      const errorText = await response.text();
-      throw new Error(`Upload failed: ${response.status} ${response.statusText} - ${errorText}`);
+      // Try to extract error message from API response
+      let errorMessage = `Upload failed: ${response.status} ${response.statusText}`;
+      try {
+        const errorBody = await response.json();
+        if (errorBody?.message) {
+          errorMessage = errorBody.message;
+        } else if (errorBody?.error) {
+          errorMessage = errorBody.error;
+        }
+      } catch {
+        // Try text if JSON fails
+        try {
+          const errorText = await response.text();
+          if (errorText) errorMessage = errorText;
+        } catch { /* ignore */ }
+      }
+      throw new Error(errorMessage);
     }
     
     if (response.status === 204) {
@@ -143,7 +213,17 @@ class HttpClient {
     });
     
     if (!response.ok) {
-      throw new Error(`Download failed: ${response.status} ${response.statusText}`);
+      // Try to extract error message from API response
+      let errorMessage = `Download failed: ${response.status} ${response.statusText}`;
+      try {
+        const errorBody = await response.json();
+        if (errorBody?.message) {
+          errorMessage = errorBody.message;
+        } else if (errorBody?.error) {
+          errorMessage = errorBody.error;
+        }
+      } catch { /* ignore */ }
+      throw new Error(errorMessage);
     }
     
     return await response.blob();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.23",
+  "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"
   }
-}
+}