@nibssplc/cams-sdk-react 0.0.1-beta.54 → 0.0.1-beta.57

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './hooks/useCAMSAuth';
 export * from './hooks/useCAMSMSALAuth';
+export * from './hooks/useCAMSPopupAuth';
 export * from './components/ProtectedRoute';
 export { CAMSMSALProvider, useCAMSMSALContext } from './components/CAMSMSALProvider';
 export * from './components/ClientOnly';

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import * as React__default from 'react';
 import React__default__default, { useState, useRef, useEffect, useCallback, useMemo, useReducer, useContext, createContext } from 'react';
-import { CAMSSessionManager, CAMSError, CAMSErrorType, Logger as Logger$1, ProfileSchema, AuthFailureMessageSchema, ErrorMessageSchema } from '@nibssplc/cams-sdk';
+import { isPopupWindow, initializePopupAuth, CAMSSessionManager, CAMSError, CAMSErrorType, Logger as Logger$1, ProfileSchema, AuthFailureMessageSchema, ErrorMessageSchema } from '@nibssplc/cams-sdk';
 export * from '@nibssplc/cams-sdk';
 
 /******************************************************************************
@@ -103,6 +103,10 @@ function useCAMSAuth(options) {
         // Only initialize on client side
         if (typeof window === "undefined")
             return;
+        // Initialize popup auth handler if in popup
+        if (isPopupWindow()) {
+            initializePopupAuth();
+        }
         (_a = sessionManagerRef.current) !== null && _a !== void 0 ? _a : (sessionManagerRef.current = new CAMSSessionManager(localStorage, options.storageKey || "CAMS-SDK", {
             onAuthSuccess: function (res) {
                 var _a;
@@ -128,12 +132,14 @@ function useCAMSAuth(options) {
                 (_a = options.onTokenExpired) === null || _a === void 0 ? void 0 : _a.call(options);
             },
         }));
-        // Check initial auth state
-        var initialAuth = sessionManagerRef.current.isAuthenticated();
-        setIsAuthenticated(initialAuth);
-        if (initialAuth) {
-            setToken((_b = sessionManagerRef.current.getAccessToken()) !== null && _b !== void 0 ? _b : "");
-            sessionManagerRef.current.getProfile().then(setProfile);
+        // Check initial auth state (skip if in popup)
+        if (!isPopupWindow()) {
+            var initialAuth = sessionManagerRef.current.isAuthenticated();
+            setIsAuthenticated(initialAuth);
+            if (initialAuth) {
+                setToken((_b = sessionManagerRef.current.getAccessToken()) !== null && _b !== void 0 ? _b : "");
+                sessionManagerRef.current.getProfile().then(setProfile);
+            }
         }
     }, [options.storageKey]);
     var login = useCallback(function (config) { return __awaiter(_this, void 0, void 0, function () {
@@ -16707,6 +16713,7 @@ function useAccount(accountIdentifiers) {
 function useCAMSMSALAuth(options) {
     var _this = this;
     if (options === void 0) { options = {
+        appCode: "",
         mfaUrl: "/auth/multi-factor",
         storageKey: "CAMS-MSAL-AUTH-SDK",
     }; }
@@ -16714,8 +16721,7 @@ function useCAMSMSALAuth(options) {
     var account = useAccount(accounts[0] || {});
     var _b = useState(null), error = _b[0], setError = _b[1];
     var _c = useState(""), idToken = _c[0], setIdToken = _c[1];
-    var _d = useState(""), appCode = _d[0], setAppCode = _d[1];
-    var _e = useState(""), accessToken = _e[0], setAccessToken = _e[1];
+    var _d = useState(""), accessToken = _d[0], setAccessToken = _d[1];
     var isLoading = inProgress !== InteractionStatus.None;
     var isAuthenticated = !!account && !!accessToken;
     var scopes = options.scopes || ["openid", "profile", "email"];
@@ -16733,11 +16739,11 @@ function useCAMSMSALAuth(options) {
             var stored = localStorage.getItem(options.storageKey);
             if (stored) {
                 try {
-                    var _a = JSON.parse(stored), accessToken_1 = _a.accessToken, idToken_1 = _a.idToken, appCode_1 = _a.appCode;
+                    var _a = JSON.parse(stored), accessToken_1 = _a.accessToken, idToken_1 = _a.idToken, appCode = _a.appCode;
                     if (accessToken_1 && isTokenValid(accessToken_1)) {
                         setAccessToken(accessToken_1);
                         setIdToken(idToken_1);
-                        setAppCode(appCode_1);
+                        console.log("App Code >>>", appCode, options.appCode);
                     }
                     else {
                         localStorage.removeItem(options.storageKey);
@@ -16924,7 +16930,6 @@ function useCAMSMSALAuth(options) {
                     _a.sent();
                     setAccessToken("");
                     setIdToken("");
-                    setAppCode("");
                     setError(null);
                     if (typeof window !== "undefined") {
                         localStorage.removeItem(options.storageKey);
@@ -16948,7 +16953,57 @@ function useCAMSMSALAuth(options) {
         error: error,
         idToken: idToken,
         accessToken: accessToken,
-        appCode: appCode,
+        appCode: options.appCode,
+    };
+}
+
+/**
+ * Hook for handling authentication in popup windows
+ * This should be used by the popup app to complete authentication
+ */
+function useCAMSPopupAuth(options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.storageKey, storageKey = _a === void 0 ? "CAMS-SDK" : _a, targetOrigin = options.targetOrigin, onAuthComplete = options.onAuthComplete, onAuthError = options.onAuthError;
+    useEffect(function () {
+        if (typeof window === "undefined" || !isPopupWindow())
+            return;
+        // Initialize popup auth handler
+        initializePopupAuth(targetOrigin);
+        // Set up global handlers for the popup app
+        var globalHandlers = window.__CAMS_POPUP_AUTH__;
+        if (globalHandlers) {
+            var originalCompleteAuth_1 = globalHandlers.completeAuth;
+            var originalErrorAuth_1 = globalHandlers.errorAuth;
+            globalHandlers.completeAuth = function (profile) {
+                onAuthComplete === null || onAuthComplete === void 0 ? void 0 : onAuthComplete(profile);
+                originalCompleteAuth_1(profile);
+            };
+            globalHandlers.errorAuth = function (error) {
+                onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError(error);
+                originalErrorAuth_1(error);
+            };
+        }
+    }, [targetOrigin, onAuthComplete, onAuthError]);
+    var completeAuth = useCallback(function (profile) {
+        if (!isPopupWindow()) {
+            console.warn("completeAuth called outside of popup window");
+            return;
+        }
+        var sessionManager = new CAMSSessionManager(localStorage, storageKey);
+        sessionManager.completePopupAuth(profile, targetOrigin);
+    }, [storageKey, targetOrigin]);
+    var errorAuth = useCallback(function (error) {
+        if (!isPopupWindow()) {
+            console.warn("errorAuth called outside of popup window");
+            return;
+        }
+        var sessionManager = new CAMSSessionManager(localStorage, storageKey);
+        sessionManager.errorPopupAuth(error, targetOrigin);
+    }, [storageKey, targetOrigin]);
+    return {
+        completeAuth: completeAuth,
+        errorAuth: errorAuth,
+        isPopup: isPopupWindow(),
     };
 }
 
@@ -19233,7 +19288,9 @@ function CAMSProviderInner(props) {
     var regularAuth = useCAMSAuth(mode === "REGULAR"
         ? __assign(__assign({}, props), { appCode: appCode })
         : { appCode: "" });
-    var msalAuth = useCAMSMSALAuth(mode === "MSAL" ? props : {});
+    var msalAuth = useCAMSMSALAuth(mode === "MSAL"
+        ? __assign(__assign({}, props), { appCode: appCode })
+        : { appCode: "" });
     var auth = mode === "REGULAR" ? regularAuth : msalAuth;
     var profileStorageKey = "".concat(auth.storageKey, "-PROFILE");
     var getInitialProfile = function () {
@@ -19311,5 +19368,5 @@ function useCAMSContext() {
 // Backward compatibility exports
 var CAMSProvider = function (props) { return (jsxRuntimeExports.jsx(UnifiedCAMSProvider, __assign({}, props, { mode: "REGULAR" }))); };
 
-export { CAMSMSALProvider, CAMSProvider, ClientOnly, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext };
+export { CAMSMSALProvider, CAMSProvider, ClientOnly, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext, useCAMSPopupAuth };
 //# sourceMappingURL=index.esm.js.map