varminer-app-header 2.1.6 → 2.1.8

package/dist/index.js

@@ -55,7 +55,42 @@ const DrawerProvider = ({ children }) => {
 };
 const useDrawer = () => React__namespace.useContext(DrawerContext);
 
+// --- IAM app user details (shared from IAM after verify-OTP, same origin) ---
+/** localStorage key used by IAM app for user details (GET /v1/userManagement/userDetails response). */
+const USER_DETAILS_STORAGE_KEY = "linn-i-am-userDetails";
+/**
+ * Read user details from IAM app localStorage (set after verify-OTP on same origin).
+ * Does not write or overwrite this key; IAM app is the source of truth.
+ */
+function getStoredUserDetails() {
+    try {
+        const raw = localStorage.getItem(USER_DETAILS_STORAGE_KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        if (parsed.status !== "SUCCESS" || !parsed.data?.usersDetails?.length) {
+            return null;
+        }
+        return parsed.data.usersDetails[0];
+    }
+    catch {
+        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,
+        };
+    }
     const userDbString = localStorage.getItem("persist:userdb");
     if (userDbString) {
         try {
@@ -580,7 +615,8 @@ const languages = [
     { code: "en", name: "English", flag: GBFlag },
     { code: "es", name: "Spanish", flag: ESFlag },
 ];
-const LanguageSelector = ({ currentLanguage, onLanguageChange, }) => {
+const LanguageSelector = ({ currentLanguage, onLanguageChange: _onLanguageChange, // reserved for parent callback; we reload the page on select
+ }) => {
     const [anchorEl, setAnchorEl] = React.useState(null);
     const open = Boolean(anchorEl);
     const currentLang = languages.find((lang) => lang.code === currentLanguage) || languages[0];
@@ -941,7 +977,13 @@ const AppHeader = ({ language: languageProp }) => {
     };
     const handleSignOutClick = () => {
         handleClose();
-        localStorage.clear();
+        try {
+            localStorage.clear();
+            sessionStorage.clear();
+        }
+        catch (e) {
+            console.warn("Clear storage on logout:", e);
+        }
         const path = finalRoutes.logout.startsWith('/')
             ? finalRoutes.logout
             : `/${finalRoutes.logout}`;
@@ -1001,7 +1043,7 @@ const AppHeader = ({ language: languageProp }) => {
             width: "100%",
             maxWidth: 360,
             pointerEvents: "none",
-        }, component: "div", "aria-hidden": "true", tabIndex: -1, children: jsxRuntime.jsxs(material.ListItem, { alignItems: "flex-start", className: "profile-menu-item", children: [jsxRuntime.jsx(material.ListItemAvatar, { children: isOnlineStatus ? (jsxRuntime.jsx(OnlineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.online, "aria-label": `${t.online} status badge`, "data-testid": "online-badge", children: jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: colors.deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) : (jsxRuntime.jsx(OfflineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.offline, "aria-label": `${t.offline} status badge`, "data-testid": "offline-badge", children: jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: colors.deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) }), jsxRuntime.jsx(material.ListItemText, { secondary: jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(material.Typography, { className: "profile-name", component: "p", children: user.name }), jsxRuntime.jsx(material.Typography, { className: "profile-email", component: "p", children: user.email }), jsxRuntime.jsxs(material.Typography, { className: "profile-role", component: "p", children: [t.role, ": ", user.role] })] }) })] }) }));
+        }, component: "div", "aria-hidden": "true", tabIndex: -1, children: jsxRuntime.jsxs(material.ListItem, { alignItems: "flex-start", className: "profile-menu-item", children: [jsxRuntime.jsx(material.ListItemAvatar, { children: isOnlineStatus ? (jsxRuntime.jsx(OnlineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.online, "aria-label": `${t.online} status badge`, "data-testid": "online-badge", children: jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: colors.deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) : (jsxRuntime.jsx(OfflineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.offline, "aria-label": `${t.offline} status badge`, "data-testid": "offline-badge", children: jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: colors.deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) }), jsxRuntime.jsx(material.ListItemText, { primary: jsxRuntime.jsx(material.Typography, { className: "profile-name", component: "span", children: user.name || user.email }), secondary: jsxRuntime.jsxs(React.Fragment, { children: [user.name && user.email ? (jsxRuntime.jsx(material.Typography, { className: "profile-email", component: "p", children: user.email })) : null, jsxRuntime.jsxs(material.Typography, { className: "profile-role", component: "p", children: [t.role, ": ", user.role] })] }) })] }) }));
     const renderMenu = (jsxRuntime.jsxs(material.Menu, { anchorEl: anchorEl, id: "account-menu", open: open, onClose: handleClose, onClick: handleClose, slotProps: {
             paper: {
                 elevation: 0,
@@ -1091,7 +1133,17 @@ const AppHeader = ({ language: languageProp }) => {
 
 exports.AppHeader = AppHeader;
 exports.DrawerProvider = DrawerProvider;
+exports.USER_DETAILS_STORAGE_KEY = USER_DETAILS_STORAGE_KEY;
+exports.fetchProfilePictureAsBlobUrl = fetchProfilePictureAsBlobUrl;
+exports.getAllDataFromStorage = getAllDataFromStorage;
+exports.getI18nLocaleFromStorage = getI18nLocaleFromStorage;
+exports.getMessageCountFromStorage = getMessageCountFromStorage;
+exports.getNotificationCountFromStorage = getNotificationCountFromStorage;
+exports.getProfilePictureUrl = getProfilePictureUrl;
+exports.getStoredUserDetails = getStoredUserDetails;
 exports.getTranslations = getTranslations;
+exports.getUserDataFromStorage = getUserDataFromStorage;
+exports.setI18nLocaleToStorage = setI18nLocaleToStorage;
 exports.translations = translations;
 exports.useDrawer = useDrawer;
 //# sourceMappingURL=index.js.map