@nibssplc/cams-sdk-react 0.0.1-beta.35 → 0.0.1-beta.37

package/dist/components/CAMSMSALProvider.d.ts

@@ -1,13 +1,16 @@
-import React from 'react';
-import { PublicClientApplication, Configuration } from '@azure/msal-browser';
-import { UseCAMSMSALAuthReturn, UseCAMSMSALAuthOptions } from '../hooks/useCAMSMSALAuth';
+import React from "react";
+import { PublicClientApplication, Configuration } from "@azure/msal-browser";
+import { Profile } from "@nibssplc/cams-sdk";
+import { UseCAMSMSALAuthReturn, UseCAMSMSALAuthOptions } from "../hooks/useCAMSMSALAuth";
 interface CAMSMSALContextValue extends UseCAMSMSALAuthReturn {
+    userProfile: Profile | null;
+    setUserProfile: (profile: Profile | null) => void;
 }
 export interface CAMSMSALProviderProps extends UseCAMSMSALAuthOptions {
     children: React.ReactNode;
     msalConfig: Configuration;
     msalInstance?: PublicClientApplication;
 }
-export declare function CAMSMSALProvider(props: CAMSMSALProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CAMSMSALProvider(props: Readonly<CAMSMSALProviderProps>): import("react/jsx-runtime").JSX.Element;
 export declare function useCAMSMSALContext(): CAMSMSALContextValue;
 export {};

package/dist/hooks/useCAMSMSALAuth.d.ts

@@ -10,6 +10,7 @@ export interface UseCAMSMSALAuthOptions {
 export interface UseCAMSMSALAuthReturn {
     login: () => Promise<void>;
     logout: () => Promise<void>;
+    storageKey: string;
     isAuthenticated: boolean;
     isLoading: boolean;
     error: CAMSError | null;

package/dist/index.cjs.js

@@ -16714,6 +16714,7 @@ function useCAMSMSALAuth(options) {
     }; }
     var _a = useMsal(), instance = _a.instance, inProgress = _a.inProgress, accounts = _a.accounts;
     var account = useAccount(accounts[0] || {});
+    var storageKey = 'CAMS-MSAL-AUTH-SDK';
     var _b = React__default.useState(null), error = _b[0], setError = _b[1];
     var _c = React__default.useState(null), token = _c[0], setToken = _c[1];
     var _d = React__default.useState(null), idToken = _d[0], setIdToken = _d[1];
@@ -16732,7 +16733,7 @@ function useCAMSMSALAuth(options) {
     };
     React__default.useEffect(function () {
         if (typeof window !== 'undefined' && !token) {
-            var stored = localStorage.getItem('cams-msal-auth');
+            var stored = localStorage.getItem(storageKey);
             if (stored) {
                 try {
                     var _a = JSON.parse(stored), accessToken_1 = _a.accessToken, idToken_1 = _a.idToken;
@@ -16742,7 +16743,7 @@ function useCAMSMSALAuth(options) {
                         setIdToken(idToken_1);
                     }
                     else {
-                        localStorage.removeItem('cams-msal-auth');
+                        localStorage.removeItem(storageKey);
                     }
                 }
                 catch (_b) { }
@@ -16805,6 +16806,14 @@ function useCAMSMSALAuth(options) {
                             setToken(response.accessToken);
                             setAccessToken(response.accessToken);
                             setIdToken(response.idToken);
+                            // Persist tokens to localStorage
+                            if (typeof window !== 'undefined') {
+                                localStorage.setItem(storageKey, JSON.stringify({
+                                    isAuthenticated: true,
+                                    accessToken: response.accessToken,
+                                    idToken: response.idToken
+                                }));
+                            }
                             (_a = options.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(options, response.accessToken);
                             if (typeof window !== "undefined" &&
                                 process.env.NODE_ENV !== "test") {
@@ -16850,7 +16859,7 @@ function useCAMSMSALAuth(options) {
                     setIdToken(null);
                     setError(null);
                     if (typeof window !== 'undefined') {
-                        localStorage.removeItem('cams-msal-auth');
+                        localStorage.removeItem(storageKey);
                     }
                     return [3 /*break*/, 3];
                 case 2:
@@ -16865,6 +16874,7 @@ function useCAMSMSALAuth(options) {
     return {
         login: login,
         logout: logout,
+        storageKey: storageKey,
         isAuthenticated: isAuthenticated,
         isLoading: isLoading,
         error: error,
@@ -17328,7 +17338,7 @@ function ProtectedRoute(_a) {
 var CAMSMSALContext = React__default.createContext(null);
 var isTokenValid = function (token) {
     try {
-        var payload = JSON.parse(atob(token.split('.')[1]));
+        var payload = JSON.parse(atob(token.split(".")[1]));
         return payload.exp * 1000 > Date.now();
     }
     catch (_a) {
@@ -17336,17 +17346,58 @@ var isTokenValid = function (token) {
     }
 };
 function CAMSMSALProviderInner(_a) {
+    var _this = this;
     var children = _a.children, authOptions = __rest(_a, ["children"]);
     var auth = useCAMSMSALAuth(authOptions);
+    var _b = React__default.useState(null), userProfile = _b[0], setUserProfile = _b[1];
+    var profileStorageKey = "".concat(auth.storageKey, "-PROFILE");
+    // Load profile from storage on mount
     React__default.useEffect(function () {
-        if (auth.accessToken && isTokenValid(auth.accessToken) && typeof window !== 'undefined') {
-            localStorage.setItem('cams-msal-auth', JSON.stringify({
+        if (typeof window !== "undefined" && !userProfile) {
+            var storedProfile = localStorage.getItem(profileStorageKey);
+            if (storedProfile) {
+                try {
+                    setUserProfile(JSON.parse(storedProfile));
+                }
+                catch (_a) { }
+            }
+        }
+    }, [profileStorageKey, userProfile]);
+    // Persist tokens and profile
+    React__default.useEffect(function () {
+        if (auth.accessToken &&
+            isTokenValid(auth.accessToken) &&
+            typeof window !== "undefined") {
+            localStorage.setItem(auth.storageKey, JSON.stringify({
                 accessToken: auth.accessToken,
-                idToken: auth.idToken
+                idToken: auth.idToken,
             }));
         }
-    }, [auth.accessToken, auth.idToken]);
-    var value = React__default.useMemo(function () { return auth; }, [auth]);
+    }, [auth.accessToken, auth.idToken, auth.storageKey]);
+    // Persist profile separately
+    React__default.useEffect(function () {
+        if (typeof window !== "undefined") {
+            if (userProfile) {
+                localStorage.setItem(profileStorageKey, JSON.stringify(userProfile));
+            }
+            else {
+                localStorage.removeItem(profileStorageKey);
+            }
+        }
+    }, [userProfile, profileStorageKey]);
+    // Enhanced logout that also clears profile
+    var enhancedLogout = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, auth.logout()];
+                case 1:
+                    _a.sent();
+                    setUserProfile(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var value = React__default.useMemo(function () { return (__assign(__assign({}, auth), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile })); }, [auth, userProfile]);
     return (jsxRuntimeExports.jsx(CAMSMSALContext.Provider, { value: value, children: children }));
 }
 function CAMSMSALProvider(props) {
@@ -17357,7 +17408,7 @@ function CAMSMSALProvider(props) {
 function useCAMSMSALContext() {
     var context = React__default.useContext(CAMSMSALContext);
     if (!context) {
-        throw new Error('useCAMSMSALContext must be used within a CAMSMSALProvider');
+        throw new Error("useCAMSMSALContext must be used within a CAMSMSALProvider");
     }
     return context;
 }