@chemmangat/msal-next 5.3.0 → 5.3.2

package/dist/index.d.mts

@@ -1037,6 +1037,11 @@ interface GraphApiOptions extends RequestInit {
      * @default false
      */
     debug?: boolean;
+    /**
+     * Expected response type. Use 'blob' for binary data like images.
+     * @default 'json'
+     */
+    responseType?: 'json' | 'blob' | 'text';
 }
 interface UseGraphApiReturn {
     /**

package/dist/index.d.ts

@@ -1037,6 +1037,11 @@ interface GraphApiOptions extends RequestInit {
      * @default false
      */
     debug?: boolean;
+    /**
+     * Expected response type. Use 'blob' for binary data like images.
+     * @default 'json'
+     */
+    responseType?: 'json' | 'blob' | 'text';
 }
 interface UseGraphApiReturn {
     /**

package/dist/index.js

@@ -1430,6 +1430,7 @@ function useGraphApi() {
         scopes = ["User.Read"],
         version = "v1.0",
         debug = false,
+        responseType = "json",
         ...fetchOptions
       } = options;
       try {
@@ -1455,9 +1456,16 @@ function useGraphApi() {
         if (response.status === 204 || response.headers.get("content-length") === "0") {
           return null;
         }
-        const data = await response.json();
+        let data;
+        if (responseType === "blob") {
+          data = await response.blob();
+        } else if (responseType === "text") {
+          data = await response.text();
+        } else {
+          data = await response.json();
+        }
         if (debug) {
-          console.log("[GraphAPI] Response:", data);
+          console.log("[GraphAPI] Response:", responseType === "blob" ? "[Blob]" : data);
         }
         return data;
       } catch (error) {
@@ -1565,17 +1573,17 @@ function useUserProfile() {
       try {
         const photoBlob = await graph.get("/me/photo/$value", {
           scopes: ["User.Read"],
-          headers: {
-            "Content-Type": "image/jpeg"
-          }
+          responseType: "blob"
         });
-        if (photoBlob) {
+        if (photoBlob instanceof Blob && photoBlob.size > 0) {
           photoUrl = URL.createObjectURL(photoBlob);
         }
       } catch (photoError) {
         console.debug("[UserProfile] Photo not available");
       }
       const profileData = {
+        ...userData,
+        // spread first so explicit fields below always take precedence
         id: userData.id,
         displayName: userData.displayName,
         givenName: userData.givenName,
@@ -1611,9 +1619,8 @@ function useUserProfile() {
         accountEnabled: userData.accountEnabled,
         ageGroup: userData.ageGroup,
         userType: userData.userType,
-        photo: photoUrl,
-        ...userData
-        // Include any additional fields from the API
+        photo: photoUrl
+        // always last — blob URL must never be overwritten by raw API data
       };
       profileCache.set(cacheKey, {
         data: profileData,

package/dist/index.mjs

@@ -1371,6 +1371,7 @@ function useGraphApi() {
         scopes = ["User.Read"],
         version = "v1.0",
         debug = false,
+        responseType = "json",
         ...fetchOptions
       } = options;
       try {
@@ -1396,9 +1397,16 @@ function useGraphApi() {
         if (response.status === 204 || response.headers.get("content-length") === "0") {
           return null;
         }
-        const data = await response.json();
+        let data;
+        if (responseType === "blob") {
+          data = await response.blob();
+        } else if (responseType === "text") {
+          data = await response.text();
+        } else {
+          data = await response.json();
+        }
         if (debug) {
-          console.log("[GraphAPI] Response:", data);
+          console.log("[GraphAPI] Response:", responseType === "blob" ? "[Blob]" : data);
         }
         return data;
       } catch (error) {
@@ -1506,17 +1514,17 @@ function useUserProfile() {
       try {
         const photoBlob = await graph.get("/me/photo/$value", {
           scopes: ["User.Read"],
-          headers: {
-            "Content-Type": "image/jpeg"
-          }
+          responseType: "blob"
         });
-        if (photoBlob) {
+        if (photoBlob instanceof Blob && photoBlob.size > 0) {
           photoUrl = URL.createObjectURL(photoBlob);
         }
       } catch (photoError) {
         console.debug("[UserProfile] Photo not available");
       }
       const profileData = {
+        ...userData,
+        // spread first so explicit fields below always take precedence
         id: userData.id,
         displayName: userData.displayName,
         givenName: userData.givenName,
@@ -1552,9 +1560,8 @@ function useUserProfile() {
         accountEnabled: userData.accountEnabled,
         ageGroup: userData.ageGroup,
         userType: userData.userType,
-        photo: photoUrl,
-        ...userData
-        // Include any additional fields from the API
+        photo: photoUrl
+        // always last — blob URL must never be overwritten by raw API data
       };
       profileCache.set(cacheKey, {
         data: profileData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chemmangat/msal-next",
-  "version": "5.3.0",
+  "version": "5.3.2",
   "description": "Production-ready Microsoft/Azure AD authentication for Next.js App Router. Zero-config setup, TypeScript-first, multi-account support, auto token refresh. The easiest way to add Microsoft login to your Next.js app.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",