varminer-app-header 2.2.0 → 2.2.2

package/dist/index.d.ts

@@ -79,21 +79,38 @@ interface UserDetailsItem {
  * Does not write or overwrite this key; IAM app is the source of truth.
  */
 declare function getStoredUserDetails(): UserDetailsItem | null;
+/** Unique localStorage key for this header package. Used only for access token; user details come from IAM (linn-i-am-userDetails). */
+declare const PERSIST_HEADER_KEY = "persist:varminer-app-header";
+/** Auth shape stored under PERSIST_HEADER_KEY. Host app should call setHeaderAuth after login so the header can make authenticated calls. */
+interface HeaderAuthState {
+    accessToken?: string;
+    refreshToken?: string;
+    user_id?: number | string;
+    [key: string]: unknown;
+}
+/**
+ * Store auth (e.g. accessToken) in the header's own persist key. Call this after login so the header can use the token for profile picture etc.
+ * User details are not stored here; they come from IAM (linn-i-am-userDetails).
+ */
+declare function setHeaderAuth(auth: HeaderAuthState | null): void;
+/**
+ * User display data: from IAM only (linn-i-am-userDetails). No dependency on persist:userdb.
+ */
 declare const getUserDataFromStorage: () => {
-    name: any;
-    email: any;
-    role: any;
-    avatar: any;
-    initials: any;
+    name: string;
+    email: string;
+    role: string;
+    avatar?: string;
+    initials?: string;
 } | null;
 declare const getNotificationCountFromStorage: () => number;
 declare const getMessageCountFromStorage: () => number | undefined;
 declare const getI18nLocaleFromStorage: () => string | null;
 declare const setI18nLocaleToStorage: (locale: string) => void;
 /**
- * Get all data from localStorage (persist:userdb) including decoded accessToken
- * This function reads all available data without hardcoding and doesn't require any parameters
- * @returns Comprehensive object containing all available data from localStorage and decoded JWT payload
+ * Get auth (and decoded token) for header use. Reads from header's own persist key first; falls back to persist:userdb only for access token.
+ * User details are not read from userdb—use getStoredUserDetails / getUserDataFromStorage (IAM) for that.
+ * @returns Object with auth, decodedToken, and other keys (user/userDetails/profile null when using header key)
  */
 declare const getAllDataFromStorage: () => any;
 /**
@@ -123,5 +140,5 @@ declare const fetchProfilePictureAsBlobUrl: (baseUrl?: string, messageId?: strin
     bucket?: string;
 }) => Promise<string | null>;
 
-export { AppHeader, DrawerProvider, USER_DETAILS_STORAGE_KEY, fetchProfilePictureAsBlobUrl, getAllDataFromStorage, getI18nLocaleFromStorage, getMessageCountFromStorage, getNotificationCountFromStorage, getProfilePictureUrl, getStoredUserDetails, getTranslations, getUserDataFromStorage, setI18nLocaleToStorage, translations, useDrawer };
-export type { AppHeaderProps, SupportedLanguage, Translations, UserDetailsItem, UserDetailsStoredResponse, UserProfile };
+export { AppHeader, DrawerProvider, PERSIST_HEADER_KEY, USER_DETAILS_STORAGE_KEY, fetchProfilePictureAsBlobUrl, getAllDataFromStorage, getI18nLocaleFromStorage, getMessageCountFromStorage, getNotificationCountFromStorage, getProfilePictureUrl, getStoredUserDetails, getTranslations, getUserDataFromStorage, setHeaderAuth, setI18nLocaleToStorage, translations, useDrawer };
+export type { AppHeaderProps, HeaderAuthState, SupportedLanguage, Translations, UserDetailsItem, UserDetailsStoredResponse, UserProfile };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACtB,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.esm.js

@@ -57,77 +57,38 @@ function getStoredUserDetails() {
         return null;
     }
 }
-const getUserDataFromStorage = () => {
-    // Prefer IAM user details when available (same origin, after verify-OTP)
-    const iamUser = getStoredUserDetails();
-    if (iamUser) {
-        const name = [iamUser.firstName, iamUser.lastName].filter(Boolean).join(" ").trim();
-        const role = iamUser.roles?.length ? iamUser.roles[0] : iamUser.workInfo?.jobTitle ?? "";
-        return {
-            name: name || "",
-            email: iamUser.email || "",
-            role: role || "",
-            avatar: undefined,
-            initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
-        };
+// --- Header-owned persist store (unique key, no conflict with other apps) ---
+/** Unique localStorage key for this header package. Used only for access token; user details come from IAM (linn-i-am-userDetails). */
+const PERSIST_HEADER_KEY = "persist:varminer-app-header";
+/**
+ * Store auth (e.g. accessToken) in the header's own persist key. Call this after login so the header can use the token for profile picture etc.
+ * User details are not stored here; they come from IAM (linn-i-am-userDetails).
+ */
+function setHeaderAuth(auth) {
+    try {
+        const payload = auth ? { auth } : {};
+        localStorage.setItem(PERSIST_HEADER_KEY, JSON.stringify(payload));
     }
-    const userDbString = localStorage.getItem("persist:userdb");
-    if (userDbString) {
-        try {
-            const parsedOuter = JSON.parse(userDbString);
-            const parseNested = (value) => {
-                if (typeof value === 'string') {
-                    try {
-                        return JSON.parse(value);
-                    }
-                    catch {
-                        return value;
-                    }
-                }
-                return value;
-            };
-            let userData = null;
-            if (parsedOuter.userDetails) {
-                const parsedUserDetails = parseNested(parsedOuter.userDetails);
-                userData = parsedUserDetails.user || parsedUserDetails.data || parsedUserDetails;
-            }
-            if (!userData && parsedOuter.user) {
-                const parsedUser = parseNested(parsedOuter.user);
-                userData = parsedUser.user || parsedUser.data || parsedUser.currentUser || parsedUser;
-            }
-            if (!userData && parsedOuter.authDetails) {
-                const parsedAuthDetails = parseNested(parsedOuter.authDetails);
-                if (parsedAuthDetails.auth) {
-                    userData = parsedAuthDetails.auth.user || parsedAuthDetails.auth.userData;
-                }
-                if (!userData) {
-                    userData = parsedAuthDetails.user || parsedAuthDetails.userData || parsedAuthDetails.currentUser;
-                }
-            }
-            if (!userData && parsedOuter.profile) {
-                const parsedProfile = parseNested(parsedOuter.profile);
-                userData = parsedProfile.user || parsedProfile.data || parsedProfile;
-            }
-            if (userData) {
-                let name = userData.name || userData.fullName || userData.userName || "";
-                if (!name && (userData.firstName || userData.lastName)) {
-                    name = [userData.firstName, userData.lastName].filter(Boolean).join(' ');
-                }
-                return {
-                    name: name || "",
-                    email: userData.email || userData.emailAddress || "",
-                    role: userData.role || userData.userRole || userData.designation || userData.title || "",
-                    avatar: userData.avatar || userData.profilePicture || userData.imageUrl || userData.profileImage,
-                    initials: userData.initials,
-                };
-            }
-        }
-        catch (err) {
-            console.error("Error parsing user data from localStorage:", err);
-            return null;
-        }
+    catch (err) {
+        console.error("Error setting header auth:", err);
     }
-    return null;
+}
+/**
+ * User display data: from IAM only (linn-i-am-userDetails). No dependency on persist:userdb.
+ */
+const getUserDataFromStorage = () => {
+    const iamUser = getStoredUserDetails();
+    if (!iamUser)
+        return null;
+    const name = [iamUser.firstName, iamUser.lastName].filter(Boolean).join(" ").trim();
+    const role = iamUser.roles?.length ? iamUser.roles[0] : iamUser.workInfo?.jobTitle ?? "";
+    return {
+        name: name || "",
+        email: iamUser.email || "",
+        role: role || "",
+        avatar: undefined,
+        initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
+    };
 };
 const getNotificationCountFromStorage = () => {
     const userDbString = localStorage.getItem("persist:userdb");
@@ -243,26 +204,49 @@ const decodeJWT = (token) => {
         return null;
     }
 };
+const emptyStorageResult = () => ({
+    auth: null,
+    user: null,
+    authDetails: null,
+    userDetails: null,
+    profile: null,
+    notifications: null,
+    messages: null,
+    app: null,
+    decodedToken: null,
+    rawData: null,
+});
 /**
- * Get all data from localStorage (persist:userdb) including decoded accessToken
- * This function reads all available data without hardcoding and doesn't require any parameters
- * @returns Comprehensive object containing all available data from localStorage and decoded JWT payload
+ * Get auth (and decoded token) for header use. Reads from header's own persist key first; falls back to persist:userdb only for access token.
+ * User details are not read from userdb—use getStoredUserDetails / getUserDataFromStorage (IAM) for that.
+ * @returns Object with auth, decodedToken, and other keys (user/userDetails/profile null when using header key)
  */
 const getAllDataFromStorage = () => {
+    // Prefer header-owned persist key (unique, no conflict with other apps)
+    const headerStr = localStorage.getItem(PERSIST_HEADER_KEY);
+    if (headerStr) {
+        try {
+            const parsed = JSON.parse(headerStr);
+            const auth = parsed?.auth;
+            const accessToken = auth?.accessToken;
+            if (accessToken) {
+                const decodedToken = decodeJWT(accessToken);
+                return {
+                    ...emptyStorageResult(),
+                    auth: auth,
+                    decodedToken: decodedToken ? Object.fromEntries(Object.entries(decodedToken).map(([k, v]) => [k, v ?? null])) : null,
+                    rawData: parsed,
+                };
+            }
+        }
+        catch (err) {
+            console.error("Error parsing header persist:", err);
+        }
+    }
+    // Fallback: read access token from persist:userdb (e.g. legacy or shared auth)
     const userDbString = localStorage.getItem("persist:userdb");
     if (!userDbString) {
-        return {
-            auth: null,
-            user: null,
-            authDetails: null,
-            userDetails: null,
-            profile: null,
-            notifications: null,
-            messages: null,
-            app: null,
-            decodedToken: null,
-            rawData: null,
-        };
+        return emptyStorageResult();
     }
     try {
         const parsedOuter = JSON.parse(userDbString);
@@ -340,19 +324,7 @@ const getAllDataFromStorage = () => {
     }
     catch (err) {
         console.error("Error parsing all data from localStorage:", err);
-        return {
-            auth: null,
-            user: null,
-            authDetails: null,
-            userDetails: null,
-            profile: null,
-            notifications: null,
-            messages: null,
-            app: null,
-            decodedToken: null,
-            rawData: null,
-            error: err instanceof Error ? err.message : 'Unknown error',
-        };
+        return { ...emptyStorageResult(), error: err instanceof Error ? err.message : "Unknown error" };
     }
 };
 /**
@@ -494,13 +466,19 @@ const fetchProfilePictureAsBlobUrl = async (baseUrl = "http://objectstore.impact
         // Generate message ID and correlation ID if not provided
         const msgId = messageId || `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
         const corrId = correlationId || `corr-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const allData = getAllDataFromStorage();
+        const accessToken = allData.auth?.accessToken;
+        const headers = {
+            'X-Message-Id': msgId,
+            'X-Correlation-Id': corrId,
+        };
+        if (accessToken) {
+            headers['Authorization'] = `Bearer ${accessToken}`;
+        }
         // Step 1: Fetch the profile picture path from API (returns JSON with filePath)
         const apiResponse = await fetch(profilePictureUrl, {
             method: 'GET',
-            headers: {
-                'X-Message-Id': msgId,
-                'X-Correlation-Id': corrId,
-            },
+            headers,
         });
         // Check if the API response is successful
         if (!apiResponse.ok) {
@@ -1127,5 +1105,5 @@ const AppHeader = ({ language: languageProp }) => {
                                 }, children: jsx(MoreIcon, {}) }) })] }) }), renderMobileMenu, renderMenu] }));
 };
 
-export { AppHeader, DrawerProvider, USER_DETAILS_STORAGE_KEY, fetchProfilePictureAsBlobUrl, getAllDataFromStorage, getI18nLocaleFromStorage, getMessageCountFromStorage, getNotificationCountFromStorage, getProfilePictureUrl, getStoredUserDetails, getTranslations, getUserDataFromStorage, setI18nLocaleToStorage, translations, useDrawer };
+export { AppHeader, DrawerProvider, PERSIST_HEADER_KEY, USER_DETAILS_STORAGE_KEY, fetchProfilePictureAsBlobUrl, getAllDataFromStorage, getI18nLocaleFromStorage, getMessageCountFromStorage, getNotificationCountFromStorage, getProfilePictureUrl, getStoredUserDetails, getTranslations, getUserDataFromStorage, setHeaderAuth, setI18nLocaleToStorage, translations, useDrawer };
 //# sourceMappingURL=index.esm.js.map