@nibssplc/cams-sdk-react 1.0.0-rc.132 → 1.0.0-rc.134

package/dist/index.cjs.js

@@ -415,15 +415,42 @@ function useCAMSMSALAuth(options) {
     var optStorageKey = options.storageKey, optScopes = options.scopes, prompt = options.prompt, appCode = options.appCode, ValidateUserEndpoint = options.ValidateUserEndpoint, _a = options.activeCookiePeriod, activeCookiePeriod = _a === void 0 ? 1 : _a, _b = options.DisableCAMSUserProfileValidation, DisableCAMSUserProfileValidation = _b === void 0 ? false : _b;
     var storageKey = optStorageKey || "CAMS-MSAL-AUTH-SDK";
     var _c = msalReact.useMsal(), instance = _c.instance, inProgress = _c.inProgress, accounts = _c.accounts;
-    var account = msalReact.useAccount(accounts[0] || {});
+    msalReact.useAccount(accounts[0] || {});
+    var isTokenValid = function (token) {
+        try {
+            var payload = JSON.parse(atob(token.split(".")[1]));
+            return payload.exp * 1000 > Date.now();
+        }
+        catch (_a) {
+            return false;
+        }
+    };
+    var readFromStorage = function () {
+        var _a, _b, _c;
+        if (typeof window === "undefined")
+            return { accessToken: "", idToken: "", email: "" };
+        try {
+            var raw = localStorage.getItem(storageKey);
+            if (!raw)
+                return { accessToken: "", idToken: "", email: "" };
+            var parsed = JSON.parse(raw);
+            var token = (_a = parsed.accessToken) !== null && _a !== void 0 ? _a : "";
+            return isTokenValid(token)
+                ? { accessToken: token, idToken: (_b = parsed.idToken) !== null && _b !== void 0 ? _b : "", email: (_c = parsed.email) !== null && _c !== void 0 ? _c : "" }
+                : { accessToken: "", idToken: "", email: "" };
+        }
+        catch (_d) {
+            return { accessToken: "", idToken: "", email: "" };
+        }
+    };
     var _d = React.useState(null), error = _d[0], setError = _d[1];
-    var _e = React.useState(""), idToken = _e[0], setIdToken = _e[1];
-    var _f = React.useState(""), accessToken = _f[0], setAccessToken = _f[1];
-    var _g = React.useState(""), email = _g[0], setEmail = _g[1];
+    var _e = React.useState(function () { return readFromStorage().idToken; }), idToken = _e[0], setIdToken = _e[1];
+    var _f = React.useState(function () { return readFromStorage().accessToken; }), accessToken = _f[0], setAccessToken = _f[1];
+    var _g = React.useState(function () { return readFromStorage().email; }), email = _g[0], setEmail = _g[1];
     var _h = React.useState(false), requiresMFA = _h[0], setRequiresMFA = _h[1];
     var _j = React.useState(false), isFetchingMFAConfig = _j[0], setIsFetchingMFAConfig = _j[1];
     var isLoading = inProgress !== msalBrowser.InteractionStatus.None || isFetchingMFAConfig;
-    var isAuthenticated = !!account && !!accessToken && !requiresMFA;
+    var isAuthenticated = !!accessToken && !requiresMFA;
     var scopes = optScopes || ["openid", "profile", "email"];
     var login = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
         var response, authenticator, email_1, userConfig, camsError, error_1, err_1, camsError_1, camsError;
@@ -452,6 +479,7 @@ function useCAMSMSALAuth(options) {
                     setIdToken(response.idToken);
                     setEmail(email_1);
                     setRequiresMFA(false);
+                    localStorage.setItem(storageKey, JSON.stringify({ accessToken: response.accessToken, idToken: response.idToken, email: email_1, appCode: appCode }));
                     camsSdk.Logger.info("CAMS User Profile Validation Disabled. Skipping MFA config fetch.");
                     return [3 /*break*/, 7];
                 case 3:
@@ -478,6 +506,7 @@ function useCAMSMSALAuth(options) {
                         setIdToken(response.idToken);
                         setEmail(userConfig.userInfo.email);
                         setRequiresMFA(userConfig.userInfo.isMFAEnabled);
+                        localStorage.setItem(storageKey, JSON.stringify({ accessToken: response.accessToken, idToken: response.idToken, email: userConfig.userInfo.email, appCode: appCode }));
                     }
                     else {
                         camsError = new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "Login failed: " + userConfig.message);
@@ -575,6 +604,8 @@ function useCAMSMSALAuth(options) {
                 setEmail("");
                 setError(null);
                 setRequiresMFA(false);
+                if (typeof window !== "undefined")
+                    localStorage.removeItem(storageKey);
             }
             catch (err) {
                 camsError = new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "Logout failed: " + err);
@@ -1777,45 +1808,44 @@ var MFAGate = function (_a) {
         }
         return parsed.data;
     }, [MFAEndpoints]);
-    // Extract the specific values we need from context for dependencies
+    // Extract primitives from context to avoid object reference churn in deps
     var contextRequiresMFA = "requiresMFA" in context ? context.requiresMFA : false;
     var contextAccessToken = "accessToken" in context ? context.accessToken : "";
+    var contextIdToken = "idToken" in context ? context.idToken : "";
+    var contextHasUser = !!context.user;
+    var contextIsLoading = context.isLoading;
+    // Use refs so callbacks never cause effect/useCallback to re-run
+    var onAuthSuccessRef = React.useRef(onAuthSuccess);
+    var contextOnAuthSuccessRef = React.useRef("onAuthSuccess" in context ? context.onAuthSuccess : undefined);
+    React.useEffect(function () { onAuthSuccessRef.current = onAuthSuccess; }, [onAuthSuccess]);
+    React.useEffect(function () { contextOnAuthSuccessRef.current = "onAuthSuccess" in context ? context.onAuthSuccess : undefined; });
     var fireOnAuthSuccess = React.useCallback(function (tokens) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator$1(this, function (_b) {
-            switch (_b.label) {
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
                 case 0: return [4 /*yield*/, Promise.all([
-                        onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess(tokens),
-                        "onAuthSuccess" in context ? (_a = context.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(context, tokens) : undefined,
+                        (_a = onAuthSuccessRef.current) === null || _a === void 0 ? void 0 : _a.call(onAuthSuccessRef, tokens),
+                        (_b = contextOnAuthSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(contextOnAuthSuccessRef, tokens),
                     ])];
                 case 1:
-                    _b.sent();
+                    _c.sent();
                     return [2 /*return*/];
             }
         });
-    }); }, [context, onAuthSuccess]);
+    }); }, [] // stable — reads from refs
+    );
     var handleComplete = React.useCallback(function (success) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var accessToken, idToken;
         return __generator$1(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!success) return [3 /*break*/, 2];
-                    accessToken = "accessToken" in context ? context.accessToken : "";
-                    idToken = "idToken" in context ? context.idToken : "";
-                    camsSdk.Logger.info("MFA Authentication Successful");
-                    setAuthState("Completing");
-                    return [4 /*yield*/, fireOnAuthSuccess({ accessToken: accessToken, idToken: idToken })];
-                case 1:
-                    _a.sent();
-                    setAuthState("Authenticated");
-                    return [3 /*break*/, 3];
-                case 2:
-                    camsSdk.Logger.error("MFA Authentication Failed");
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+            if (success) {
+                camsSdk.Logger.info("MFA Authentication Successful");
+                setAuthState("Completing");
+            }
+            else {
+                camsSdk.Logger.error("MFA Authentication Failed");
             }
+            return [2 /*return*/];
         });
-    }); }, [context, fireOnAuthSuccess]);
+    }); }, []);
     var handleAuthFailed = React.useCallback(function () { return __awaiter$1(void 0, void 0, void 0, function () {
         var _a;
         return __generator$1(this, function (_b) {
@@ -1835,11 +1865,11 @@ var MFAGate = function (_a) {
         });
     }); }, [context, onAuthError]);
     React.useEffect(function () {
-        if (context.isLoading) {
+        if (contextIsLoading) {
             setAuthState("Loading");
             return;
         }
-        if (context.user) {
+        if (contextHasUser) {
             setAuthState("Authenticated");
             return;
         }
@@ -1850,21 +1880,32 @@ var MFAGate = function (_a) {
         var shouldRequireMFA = requiresMFA !== null && requiresMFA !== void 0 ? requiresMFA : contextRequiresMFA;
         if (shouldRequireMFA) {
             setAuthState("MFA_Required");
+            return;
         }
-        else {
-            var accessToken = "accessToken" in context ? context.accessToken : "";
-            var idToken = "idToken" in context ? context.idToken : "";
-            setAuthState("Completing");
-            fireOnAuthSuccess({ accessToken: accessToken, idToken: idToken }).then(function () { return setAuthState("Authenticated"); });
-        }
+        // Only fire once — guard against re-running while already completing/authenticated
+        setAuthState(function (prev) {
+            if (prev === "Completing" || prev === "Authenticated")
+                return prev;
+            return "Completing";
+        });
     }, [
-        context.isLoading,
-        context.user,
+        contextIsLoading,
+        contextHasUser,
         contextRequiresMFA,
         contextAccessToken,
         requiresMFA,
-        fireOnAuthSuccess,
     ]);
+    // Separate effect: fire callback and advance to Authenticated only when Completing
+    React.useEffect(function () {
+        if (authState !== "Completing")
+            return;
+        var cancelled = false;
+        fireOnAuthSuccess({ accessToken: contextAccessToken, idToken: contextIdToken }).then(function () {
+            if (!cancelled)
+                setAuthState("Authenticated");
+        });
+        return function () { cancelled = true; };
+    }, [authState, contextAccessToken, contextIdToken, fireOnAuthSuccess]);
     if (useADLogin && !CredentialsAuthEndpoint)
         return jsxRuntime.jsx(ErrorFallback, { message: "Invalid AD Login Configuration." });
     if (!ValidatedMFAEndpoints)