Merge pull request #1103 from fahad-aot/feature/fwf-5993-integrate-login-detials-api

feature/fwf-5993:Integrated federated login details

Author: arun-s-aot

forms-flow-components/src/components/CustomComponents/FilterableDropdown.tsx

@@ -97,15 +97,6 @@ export const FilterableDropdown: React.FC<FilterableDropdownProps> = ({
     return options.find((opt) => opt.value === value || opt.value === defaultValue);
   }, [options, value, defaultValue]);
 
-  // Console options on load
-  useEffect(() => {
-    console.log("FilterableDropdown options on load:", options);
-  }, [options]);
-
-  // Console dropdown state
-  useEffect(() => {
-    console.log("FilterableDropdown isOpen:", isOpen);
-  }, [isOpen]);
 
   // Initialize input value with selected option label only when dropdown is closed and user is not typing
   useEffect(() => {

forms-flow-nav/src/endpoints/index.js

@@ -4,7 +4,8 @@ const API = {
     LANG_UPDATE: `${WEB_BASE_URL}/user/locale`,
     RESET_PASSWORD: (userId) => `${WEB_BASE_URL}/user/${userId}/reset-password`,
     GET_TENANT_DATA: `${MT_ADMIN_BASE_URL}/${MT_ADMIN_BASE_URL_VERSION}/tenant`,
-    INTEGRATION_ENABLE_DETAILS: `${WEB_BASE_URL}/integrations/embed/display`
+    INTEGRATION_ENABLE_DETAILS: `${WEB_BASE_URL}/integrations/embed/display`,
+    USER_LOGIN_DETAILS: (userId) => `${WEB_BASE_URL}/user/${userId}/login-details`,
 }
 
 export default API;

forms-flow-nav/src/services/user/index.js

@@ -1,27 +1,40 @@
-import { RequestService, StorageService } from "@formsflow/service";
+import { RequestService,StorageService } from "@formsflow/service";
 import API from "../../endpoints/index";
 import { WEB_BASE_CUSTOM_URL } from "../../constants/constants";
 
+const extractUserIdFromToken = (token) => {
+    if (!token) return "";
+    const raw = String(token).replace(/^Bearer\s+/i, "").trim();
+    const parts = raw.split(".");
+    if (parts.length < 2) return "";
+    try {
+      const base64Url = parts[1];
+      const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+      const padded = base64.padEnd(base64.length + ((4 - (base64.length % 4)) % 4), "=");
+      const atobFn = typeof atob === "function" ? atob : (typeof window !== "undefined" ? window.atob : null);
+      if (!atobFn) return "";
+      const json = JSON.parse(atobFn(padded));
+      return json?.sub || "";
+    } catch (e) {
+      return "";
+    }
+  };
+ export const fetchUserLoginDetails = () => {
+    const userId = extractUserIdFromToken(StorageService.get(StorageService.User.AUTH_TOKEN));
+    if (!userId) return;
+    const apiUserLoginDetails = API.USER_LOGIN_DETAILS(userId);
+    RequestService.httpGETRequest(apiUserLoginDetails, null, StorageService.get(StorageService.User.AUTH_TOKEN))
+    .then((res) => {
+        localStorage.setItem("USER_LOGIN_DETAILS", JSON.stringify(res.data));
+    })
+    .catch((error) => {
+      console.error(error);
+    });
+};
+
 /**
  * Trigger a reset password email/link for the current user.
  */
-const extractUserIdFromToken = (token) => {
-  if (!token) return "";
-  const raw = String(token).replace(/^Bearer\s+/i, "").trim();
-  const parts = raw.split(".");
-  if (parts.length < 2) return "";
-  try {
-    const base64Url = parts[1];
-    const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
-    const padded = base64.padEnd(base64.length + ((4 - (base64.length % 4)) % 4), "=");
-    const atobFn = typeof atob === "function" ? atob : (typeof window !== "undefined" ? window.atob : null);
-    if (!atobFn) return "";
-    const json = JSON.parse(atobFn(padded));
-    return json?.sub || "";
-  } catch (e) {
-    return "";
-  }
-};
 
 export const requestResetPassword = () => {
   const token = StorageService.get(StorageService.User.AUTH_TOKEN);

forms-flow-nav/src/sidenav/Sidebar.jsx

@@ -22,6 +22,7 @@ import { fetchTenantDetails } from "../services/tenant";
 import { setShowApplications } from "../constants/userContants";
 import { LANGUAGE } from "../constants/constants";
 import { checkIntegrationEnabled } from "../services/integration";
+import { fetchUserLoginDetails } from "../services/user";
 import MenuComponent from "./MenuComponent";
 // import Appname from "./formsflow.svg";
 import { ApplicationLogo, LogoutIcon, MenuToggleIcon } from "@formsflow/components";
@@ -244,8 +245,12 @@ const Sidebar = React.memo(({ props, sidenavHeight="100%" }) => {
     });
   }, []);
 
+  // On successful authentication, load federated login details and integration config
   useEffect(() => {
     if (isAuthenticated) {
+      // Fetch federated login details (saves into localStorage)]
+      fetchUserLoginDetails();
+      
       checkIntegrationEnabled()
         .then((res) => {
           setIntegrationEnabled(res.data?.enabled);