varminer-app-header 2.1.5 → 2.1.7

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 {
@@ -374,45 +409,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;
     }
@@ -458,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];
@@ -819,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}`;
@@ -969,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