@nibssplc/cams-sdk-react 0.0.1-beta.30 → 0.0.1-beta.32

package/dist/index.d.ts

@@ -2,6 +2,6 @@ export * from './hooks/useCAMSAuth';
 export * from './hooks/useCAMSMSALAuth';
 export * from './components/CAMSProvider';
 export * from './components/ProtectedRoute';
-export * from './components/CAMSMSALProvider';
+export { CAMSMSALProvider, useCAMSMSALContext } from './components/CAMSMSALProvider';
 export * from './components/ClientOnly';
 export * from '@nibssplc/cams-sdk';

package/dist/index.esm.js

@@ -16700,11 +16700,12 @@ function useCAMSMSALAuth(options) {
     var _d = useState(null), idToken = _d[0], setIdToken = _d[1];
     var _e = useState(null), accessToken = _e[0], setAccessToken = _e[1];
     var _f = useState(false), isMFAPending = _f[0], setIsMFAPending = _f[1];
+    var _g = useState(false), hasRedirected = _g[0], setHasRedirected = _g[1];
     var isLoading = inProgress !== InteractionStatus.None;
     var isAuthenticated = !!account && !!token && !isMFAPending;
     var scopes = options.scopes || ["openid", "profile", "email"];
     useEffect(function () {
-        if (account && !isMFAPending) {
+        if (account && !isMFAPending && !hasRedirected) {
             // Get token in foreground popup
             instance
                 .acquireTokenPopup({
@@ -16718,9 +16719,13 @@ function useCAMSMSALAuth(options) {
                 setAccessToken(response.accessToken);
                 setIdToken(response.idToken);
                 setIsMFAPending(true);
-                if (typeof window !== "undefined") {
-                    window.location.href = options.mfaUrl;
-                }
+                setHasRedirected(true);
+                // Small delay to ensure popup closes before redirect
+                setTimeout(function () {
+                    if (typeof window !== "undefined" && process.env.NODE_ENV !== 'test') {
+                        window.location.href = options.mfaUrl;
+                    }
+                }, 100);
                 (_a = options.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(options, response.accessToken);
             })
                 .catch(function (err) {
@@ -16730,7 +16735,7 @@ function useCAMSMSALAuth(options) {
                 (_a = options.onAuthError) === null || _a === void 0 ? void 0 : _a.call(options, camsError);
             });
         }
-    }, [account, instance, isMFAPending]);
+    }, [account, instance, isMFAPending, hasRedirected]);
     var login = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
         var err_1, redirectErr_1, camsError_1, camsError;
         var _a, _b, _c;
@@ -16741,7 +16746,7 @@ function useCAMSMSALAuth(options) {
                     _d.label = 1;
                 case 1:
                     _d.trys.push([1, 3, , 8]);
-                    return [4 /*yield*/, instance.loginPopup({
+                    return [4 /*yield*/, instance.loginRedirect({
                             scopes: scopes,
                             prompt: options.prompt || "login",
                         })];
@@ -16789,6 +16794,7 @@ function useCAMSMSALAuth(options) {
                     setToken(null);
                     setError(null);
                     setIsMFAPending(false);
+                    setHasRedirected(false);
                     return [3 /*break*/, 3];
                 case 2:
                     err_2 = _a.sent();
@@ -17234,16 +17240,9 @@ var jsxRuntimeExports = jsxRuntime.exports;
 var CAMSContext = createContext(null);
 function CAMSProvider(_a) {
     var children = _a.children, defaultConfig = _a.defaultConfig, msalOptions = _a.msalOptions, authOptions = __rest(_a, ["children", "defaultConfig", "msalOptions"]);
-    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     var auth = useCAMSAuth(authOptions);
     var msalAuth = useCAMSMSALAuth(msalOptions || { mfaUrl: '/auth/multi-factor' });
-    useEffect(function () {
-        setMounted(true);
-    }, []);
     var value = useMemo(function () { return (__assign(__assign({}, auth), { defaultConfig: defaultConfig, isAuthenticated: msalAuth.isAuthenticated, idToken: msalAuth.idToken, accessToken: msalAuth.accessToken })); }, [auth, defaultConfig, msalAuth.isAuthenticated, msalAuth.idToken, msalAuth.accessToken]);
-    if (!mounted) {
-        return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
-    }
     return (jsxRuntimeExports.jsx(CAMSContext.Provider, { value: value, children: children }));
 }
 function useCAMSContext() {
@@ -17270,10 +17269,48 @@ function ProtectedRoute(_a) {
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 }
 
-function CAMSMSALProvider(_a) {
-    var children = _a.children, msalConfig = _a.msalConfig, msalInstance = _a.msalInstance;
+var CAMSMSALContext = createContext(null);
+function CAMSMSALProviderInner(_a) {
+    var children = _a.children, authOptions = __rest(_a, ["children"]);
+    var auth = useCAMSMSALAuth(authOptions);
+    var _b = useState({
+        isAuthenticated: false,
+        idToken: null,
+        accessToken: null
+    }), persistedAuth = _b[0], setPersistedAuth = _b[1];
+    useEffect(function () {
+        if (typeof window !== 'undefined') {
+            var stored = localStorage.getItem('cams-msal-auth');
+            if (stored) {
+                setPersistedAuth(JSON.parse(stored));
+            }
+        }
+    }, []);
+    useEffect(function () {
+        var authState = {
+            isAuthenticated: auth.isAuthenticated,
+            idToken: auth.idToken,
+            accessToken: auth.accessToken
+        };
+        setPersistedAuth(authState);
+        if (typeof window !== 'undefined') {
+            localStorage.setItem('cams-msal-auth', JSON.stringify(authState));
+        }
+    }, [auth.isAuthenticated, auth.idToken, auth.accessToken]);
+    var value = useMemo(function () { return (__assign(__assign({}, auth), { isAuthenticated: persistedAuth.isAuthenticated, idToken: persistedAuth.idToken, accessToken: persistedAuth.accessToken })); }, [auth, persistedAuth]);
+    return (jsxRuntimeExports.jsx(CAMSMSALContext.Provider, { value: value, children: children }));
+}
+function CAMSMSALProvider(props) {
+    var msalConfig = props.msalConfig, msalInstance = props.msalInstance;
     var instance = msalInstance || new PublicClientApplication(msalConfig);
-    return (jsxRuntimeExports.jsx(MsalProvider, { instance: instance, children: children }));
+    return (jsxRuntimeExports.jsx(MsalProvider, { instance: instance, children: jsxRuntimeExports.jsx(CAMSMSALProviderInner, __assign({}, props)) }));
+}
+function useCAMSMSALContext() {
+    var context = useContext(CAMSMSALContext);
+    if (!context) {
+        throw new Error('useCAMSMSALContext must be used within a CAMSMSALProvider');
+    }
+    return context;
 }
 
 function ClientOnly(_a) {
@@ -17288,5 +17325,5 @@ function ClientOnly(_a) {
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 }
 
-export { CAMSMSALProvider, CAMSProvider, ClientOnly, ProtectedRoute, useCAMSAuth, useCAMSContext, useCAMSMSALAuth };
+export { CAMSMSALProvider, CAMSProvider, ClientOnly, ProtectedRoute, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext };
 //# sourceMappingURL=index.esm.js.map