varminer-app-header 2.1.5 → 2.1.7

package/dist/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAKtD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwwBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAKtD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6wBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/index.d.ts

@@ -40,5 +40,88 @@ interface Translations {
 declare const translations: Record<SupportedLanguage, Translations>;
 declare const getTranslations: (language?: SupportedLanguage) => Translations;
 
-export { AppHeader, DrawerProvider, getTranslations, translations, useDrawer };
-export type { AppHeaderProps, SupportedLanguage, Translations, UserProfile };
+/** localStorage key used by IAM app for user details (GET /v1/userManagement/userDetails response). */
+declare const USER_DETAILS_STORAGE_KEY = "linn-i-am-userDetails";
+/** Stored value is the full API response from userDetails. */
+interface UserDetailsStoredResponse {
+    status: "SUCCESS" | "FAILURE";
+    statusinfo: {
+        code: string;
+        message: string;
+    };
+    data?: {
+        usersDetails: UserDetailsItem[];
+    };
+    errors?: Record<string, string> | null;
+}
+interface UserDetailsItem {
+    userId: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    status: string;
+    roles?: string[];
+    lastLogin?: string;
+    createdDate?: string;
+    contactNumber?: {
+        phoneType: string;
+        phoneNumber: string;
+    }[];
+    timeZone?: string;
+    workInfo?: {
+        jobTitle?: string;
+        department?: string;
+        supervisor?: string;
+    };
+}
+/**
+ * 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.
+ */
+declare function getStoredUserDetails(): UserDetailsItem | null;
+declare const getUserDataFromStorage: () => {
+    name: any;
+    email: any;
+    role: any;
+    avatar: any;
+    initials: any;
+} | 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
+ */
+declare const getAllDataFromStorage: () => any;
+/**
+ * Get profile picture URL from object store API using tenant_id and user_id from JWT token
+ * @param baseUrl - Base URL for the object store API (default: http://objectstore.impact0mics.local:9012)
+ * @returns Profile picture URL or null if tenant_id or user_id is not available
+ */
+declare const getProfilePictureUrl: (baseUrl?: string) => string | null;
+/**
+ * Fetch profile picture from API with headers, get S3 URL, generate presigned URL, and return as blob URL
+ * This function:
+ * 1. Fetches the profile picture path from the API
+ * 2. Extracts the S3 filePath from the JSON response
+ * 3. Generates a presigned URL for the S3 object
+ * 4. Fetches the image using the presigned URL
+ * 5. Converts it to a blob URL that can be used in img src
+ * @param baseUrl - Base URL for the object store API (default: http://objectstore.impact0mics.local:9012)
+ * @param messageId - Optional message ID for X-Message-Id header (default: generated UUID)
+ * @param correlationId - Optional correlation ID for X-Correlation-Id header (default: generated UUID)
+ * @param awsConfig - AWS configuration (accessKeyId, secretAccessKey, region, bucket)
+ * @returns Promise that resolves to blob URL string or null if fetch fails
+ */
+declare const fetchProfilePictureAsBlobUrl: (baseUrl?: string, messageId?: string, correlationId?: string, awsConfig?: {
+    accessKeyId: string;
+    secretAccessKey: string;
+    region?: string;
+    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 };

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"}
+{"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"}

package/dist/index.esm.js

@@ -35,7 +35,42 @@ const DrawerProvider = ({ children }) => {
 };
 const useDrawer = () => React.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 {
@@ -354,45 +389,167 @@ const getProfilePictureUrl = (baseUrl = "http://objectstore.impact0mics.local:90
     }
 };
 /**
- * Fetch profile picture from API with headers and return as blob URL
- * This function fetches the image with required headers (X-Message-Id, X-Correlation-Id)
- * and converts it to a blob URL that can be used in img src
+ * Generate AWS S3 presigned URL for accessing S3 object
+ * @param s3Url - Full S3 URL (e.g., https://bucket.s3.region.amazonaws.com/key)
+ * @param accessKeyId - AWS Access Key ID
+ * @param secretAccessKey - AWS Secret Access Key
+ * @param region - AWS Region (default: ap-south-2)
+ * @param expiresIn - Expiration time in seconds (default: 3600 = 1 hour)
+ * @returns Presigned URL string
+ */
+const generateS3PresignedUrl = async (s3Url, accessKeyId, secretAccessKey, region = "ap-south-2", expiresIn = 3600) => {
+    try {
+        // Parse S3 URL to extract bucket, region, and key
+        // Format: https://bucket.s3.region.amazonaws.com/key or https://bucket.s3-region.amazonaws.com/key
+        const url = new URL(s3Url);
+        const hostnameParts = url.hostname.split('.');
+        let bucket = hostnameParts[0];
+        let extractedRegion = region;
+        // Try to extract region from hostname (format: bucket.s3.region.amazonaws.com)
+        if (hostnameParts.length >= 3 && hostnameParts[1] === 's3') {
+            extractedRegion = hostnameParts[2] || region;
+        }
+        else if (hostnameParts.length >= 2 && hostnameParts[1].startsWith('s3-')) {
+            // Format: bucket.s3-region.amazonaws.com
+            extractedRegion = hostnameParts[1].substring(3) || region;
+        }
+        const key = url.pathname.substring(1); // Remove leading slash
+        // AWS credentials
+        const awsAccessKeyId = accessKeyId;
+        const awsSecretAccessKey = secretAccessKey;
+        const awsRegion = extractedRegion;
+        // Current timestamp
+        const now = new Date();
+        const dateStamp = now.toISOString().slice(0, 10).replace(/-/g, '');
+        const amzDate = dateStamp + 'T' + now.toISOString().slice(11, 19).replace(/[:-]/g, '') + 'Z';
+        // Step 1: Create canonical request
+        const canonicalUri = '/' + encodeURIComponent(key).replace(/%2F/g, '/');
+        const canonicalQuerystring = `X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=${encodeURIComponent(awsAccessKeyId + '/' + dateStamp + '/' + awsRegion + '/s3/aws4_request')}&X-Amz-Date=${amzDate}&X-Amz-Expires=${expiresIn}&X-Amz-SignedHeaders=host`;
+        const canonicalHeaders = `host:${bucket}.s3.${awsRegion}.amazonaws.com\n`;
+        const signedHeaders = 'host';
+        const payloadHash = 'UNSIGNED-PAYLOAD';
+        const canonicalRequest = `GET\n${canonicalUri}\n${canonicalQuerystring}\n${canonicalHeaders}\n${signedHeaders}\n${payloadHash}`;
+        // Step 2: Create string to sign
+        const algorithm = 'AWS4-HMAC-SHA256';
+        const credentialScope = `${dateStamp}/${awsRegion}/s3/aws4_request`;
+        const stringToSign = `${algorithm}\n${amzDate}\n${credentialScope}\n${await sha256(canonicalRequest)}`;
+        // Step 3: Calculate signature
+        const kDate = await hmacSha256('AWS4' + awsSecretAccessKey, dateStamp);
+        const kRegion = await hmacSha256(kDate, awsRegion);
+        const kService = await hmacSha256(kRegion, 's3');
+        const kSigning = await hmacSha256(kService, 'aws4_request');
+        const signature = await hmacSha256(kSigning, stringToSign);
+        // Convert signature to hex
+        const signatureHex = arrayBufferToHex(signature);
+        // Step 4: Construct presigned URL
+        const presignedUrl = `https://${bucket}.s3.${awsRegion}.amazonaws.com${canonicalUri}?${canonicalQuerystring}&X-Amz-Signature=${signatureHex}`;
+        return presignedUrl;
+    }
+    catch (err) {
+        console.error("Error generating S3 presigned URL:", err);
+        throw err;
+    }
+};
+// Helper function for SHA-256 hashing
+const sha256 = async (message) => {
+    const msgBuffer = new TextEncoder().encode(message);
+    const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
+    return Array.from(new Uint8Array(hashBuffer))
+        .map(b => b.toString(16).padStart(2, '0'))
+        .join('');
+};
+// Helper function for HMAC-SHA256
+const hmacSha256 = async (key, message) => {
+    const encoder = new TextEncoder();
+    let keyBuffer;
+    if (typeof key === 'string') {
+        keyBuffer = encoder.encode(key);
+    }
+    else {
+        keyBuffer = new Uint8Array(key);
+    }
+    const messageBuffer = encoder.encode(message);
+    const cryptoKey = await crypto.subtle.importKey('raw', keyBuffer, { name: 'HMAC', hash: 'SHA-256' }, false, ['sign']);
+    return await crypto.subtle.sign('HMAC', cryptoKey, messageBuffer);
+};
+// Helper function to convert ArrayBuffer to hex string
+const arrayBufferToHex = (buffer) => {
+    return Array.from(new Uint8Array(buffer))
+        .map(b => b.toString(16).padStart(2, '0'))
+        .join('');
+};
+/**
+ * Fetch profile picture from API with headers, get S3 URL, generate presigned URL, and return as blob URL
+ * This function:
+ * 1. Fetches the profile picture path from the API
+ * 2. Extracts the S3 filePath from the JSON response
+ * 3. Generates a presigned URL for the S3 object
+ * 4. Fetches the image using the presigned URL
+ * 5. Converts it to a blob URL that can be used in img src
  * @param baseUrl - Base URL for the object store API (default: http://objectstore.impact0mics.local:9012)
  * @param messageId - Optional message ID for X-Message-Id header (default: generated UUID)
  * @param correlationId - Optional correlation ID for X-Correlation-Id header (default: generated UUID)
+ * @param awsConfig - AWS configuration (accessKeyId, secretAccessKey, region, bucket)
  * @returns Promise that resolves to blob URL string or null if fetch fails
  */
-const fetchProfilePictureAsBlobUrl = async (baseUrl = "http://objectstore.impact0mics.local:9012", messageId, correlationId) => {
+const fetchProfilePictureAsBlobUrl = async (baseUrl = "http://objectstore.impact0mics.local:9012", messageId, correlationId, awsConfig) => {
     try {
         const profilePictureUrl = getProfilePictureUrl(baseUrl);
         if (!profilePictureUrl) {
             return null;
         }
+        // AWS credentials (default values provided by user)
+        const defaultAwsConfig = {
+            accessKeyId: "AKIAVRUVTJGLBCYZEI5L",
+            secretAccessKey: "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",
+            region: "ap-south-2",
+            bucket: "development-varminer-test"
+        };
+        const finalAwsConfig = awsConfig || defaultAwsConfig;
         // 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)}`;
-        // Fetch the image with required headers
-        const response = await fetch(profilePictureUrl, {
+        // 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,
             },
         });
-        // Check if the response is successful
-        if (!response.ok) {
-            console.warn(`Failed to fetch profile picture: ${response.status} ${response.statusText}`);
+        // Check if the API response is successful
+        if (!apiResponse.ok) {
+            console.warn(`Failed to fetch profile picture path: ${apiResponse.status} ${apiResponse.statusText}`);
+            return null;
+        }
+        // Parse JSON response
+        const apiData = await apiResponse.json();
+        // Extract filePath from response
+        const s3Url = apiData?.filePath;
+        if (!s3Url || typeof s3Url !== 'string') {
+            console.warn('Profile picture API response does not contain valid filePath');
+            return null;
+        }
+        // Step 2: Generate presigned URL for S3 object
+        const presignedUrl = await generateS3PresignedUrl(s3Url, finalAwsConfig.accessKeyId, finalAwsConfig.secretAccessKey, finalAwsConfig.region);
+        // Step 3: Fetch the image using presigned URL
+        const imageResponse = await fetch(presignedUrl, {
+            method: 'GET',
+        });
+        // Check if the image response is successful
+        if (!imageResponse.ok) {
+            console.warn(`Failed to fetch profile picture image: ${imageResponse.status} ${imageResponse.statusText}`);
             return null;
         }
         // Check if the response is an image
-        const contentType = response.headers.get('content-type');
+        const contentType = imageResponse.headers.get('content-type');
         if (!contentType || !contentType.startsWith('image/')) {
             console.warn(`Profile picture response is not an image: ${contentType}`);
             return null;
         }
-        // Convert response to blob
-        const blob = await response.blob();
-        // Create blob URL
+        // Step 4: Convert response to blob
+        const blob = await imageResponse.blob();
+        // Step 5: Create blob URL
         const blobUrl = URL.createObjectURL(blob);
         return blobUrl;
     }
@@ -438,7 +595,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__default.useState(null);
     const open = Boolean(anchorEl);
     const currentLang = languages.find((lang) => lang.code === currentLanguage) || languages[0];
@@ -799,7 +957,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}`;
@@ -947,5 +1111,5 @@ const AppHeader = ({ language: languageProp }) => {
                                 }, children: jsx(MoreIcon, {}) }) })] }) }), renderMobileMenu, renderMenu] }));
 };
 
-export { AppHeader, DrawerProvider, getTranslations, translations, useDrawer };
+export { AppHeader, DrawerProvider, USER_DETAILS_STORAGE_KEY, fetchProfilePictureAsBlobUrl, getAllDataFromStorage, getI18nLocaleFromStorage, getMessageCountFromStorage, getNotificationCountFromStorage, getProfilePictureUrl, getStoredUserDetails, getTranslations, getUserDataFromStorage, setI18nLocaleToStorage, translations, useDrawer };
 //# sourceMappingURL=index.esm.js.map