@nibssplc/cams-sdk-react 1.0.0-rc.83 → 1.0.0-rc.85

package/dist/index.esm.js

@@ -421,7 +421,8 @@ function useCAMSMSALAuth(options) {
     var _e = useState(""), accessToken = _e[0], setAccessToken = _e[1];
     var _f = useState(""), email = _f[0], setEmail = _f[1];
     var _g = useState(false), requiresMFA = _g[0], setRequiresMFA = _g[1];
-    var isLoading = inProgress !== InteractionStatus.None;
+    var _h = useState(false), isFetchingMFAConfig = _h[0], setIsFetchingMFAConfig = _h[1];
+    var isLoading = inProgress !== InteractionStatus.None || isFetchingMFAConfig;
     var isAuthenticated = !!account && !!accessToken;
     var scopes = optScopes || ["openid", "profile", "email"];
     var isTokenValid = function (token) {
@@ -490,9 +491,11 @@ function useCAMSMSALAuth(options) {
                         APIAuthEndpoint: ValidateUserEndpoint,
                     };
                     authenticator = new CAMSMFAAuthenticator();
+                    setIsFetchingMFAConfig(true);
                     return [4 /*yield*/, authenticator.GetUserMFAConfig(mfaConfig)];
                 case 3:
                     userConfig = _b.sent();
+                    setIsFetchingMFAConfig(false);
                     console.log("CAMS MFA Authenticator initialized:", {
                         mfaConfig: mfaConfig,
                         userConfig: userConfig,
@@ -519,6 +522,7 @@ function useCAMSMSALAuth(options) {
                         camsError = new CAMSError(CAMSErrorType.API_VALIDATION_ERROR, "Login failed: " + userConfig.message);
                         toast.error("Login failed");
                         setError(camsError);
+                        setIsFetchingMFAConfig(false);
                     }
                     return [3 /*break*/, 5];
                 case 4:
@@ -543,6 +547,7 @@ function useCAMSMSALAuth(options) {
                     }
                     camsError = new CAMSError(CAMSErrorType.API_VALIDATION_ERROR, "Login failed: " + err_1.message || err_1);
                     setError(camsError);
+                    setIsFetchingMFAConfig(false);
                     return [3 /*break*/, 5];
                 case 5: return [2 /*return*/];
             }
@@ -1530,29 +1535,22 @@ var useCredentialsHandler = function (onAuthComplete) {
 };
 
 var MFAOptions = function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c;
     var onComplete = _a.onComplete, onAuthFailed = _a.onAuthFailed, MFAEndpoints = _a.MFAEndpoints, usePassKey = _a.usePassKey;
-    var _g = useState(""), value = _g[0], setValue = _g[1];
-    var _h = useState(false), otpVisible = _h[0], setOtpVisible = _h[1];
-    var _j = useState(false), showSuccessAnimation = _j[0], setShowSuccessAnimation = _j[1];
-    var _k = useState(null), authType = _k[0], setAuthType = _k[1];
+    var _d = useState(""), value = _d[0], setValue = _d[1];
+    var _e = useState(false), otpVisible = _e[0], setOtpVisible = _e[1];
+    var _f = useState(false), showSuccessAnimation = _f[0], setShowSuccessAnimation = _f[1];
+    var _g = useState(null), authType = _g[0], setAuthType = _g[1];
     var context = useCAMSContext();
-    var _l = context.authMode === "MSAL" && "sendEmailOTP" in context
+    var _h = context.authMode === "MSAL" && "AuthenticatorCode" in context
         ? context
         : { completeMFA: null, logout: function () { return __awaiter$1(void 0, void 0, void 0, function () { return __generator$1(this, function (_a) {
                 return [2 /*return*/];
-            }); }); } }, completeMFA = _l.completeMFA, logout = _l.logout;
-    context.authMode === "MSAL" ? context.accessToken : "";
-    context.authMode === "MSAL" ? context.idToken : "";
+            }); }); } }, completeMFA = _h.completeMFA, logout = _h.logout;
     var authenticate = useWebAuthn().authenticate;
     var authenticator = new CAMSMFAAuthenticator();
-    Logger.debug("User context:", {
-        user: context.user,
-        profile: (_b = context.user) === null || _b === void 0 ? void 0 : _b.profile,
-        email: (_d = (_c = context.user) === null || _c === void 0 ? void 0 : _c.profile) === null || _d === void 0 ? void 0 : _d.email,
-    });
-    var _m = useOTPHandler({
-        email: ((_f = (_e = context.user) === null || _e === void 0 ? void 0 : _e.profile) === null || _f === void 0 ? void 0 : _f.email) || context.email,
+    var _j = useOTPHandler({
+        email: ((_c = (_b = context.user) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.email) || context.email,
         appCode: context.appCode || "",
         MFAEndpoint: MFAEndpoints.ValidateUserMFA,
         onAuthComplete: function (state, data) {
@@ -1581,7 +1579,7 @@ var MFAOptions = function (_a) {
                 }
             }
         },
-    }), handleSubmitOTP = _m.handleSubmitOTP, loading = _m.loading, attemptCount = _m.attemptCount, remainingAttempts = _m.remainingAttempts, isMaxAttemptsReached = _m.isMaxAttemptsReached, resetAttempts = _m.resetAttempts;
+    }), handleSubmitOTP = _j.handleSubmitOTP, loading = _j.loading, attemptCount = _j.attemptCount, remainingAttempts = _j.remainingAttempts, isMaxAttemptsReached = _j.isMaxAttemptsReached, resetAttempts = _j.resetAttempts;
     var handleGoBack = function () {
         setAuthType(null);
         setOtpVisible(false);
@@ -1722,20 +1720,20 @@ var DefaultLoginPage = function (_a) {
     var context = useCAMSContext();
     var login = context.login, isLoading = context.isLoading, authMode = context.authMode;
     var _b = useState(false), showADModal = _b[0], setShowADModal = _b[1];
+    var _c = useState(false), showSuccessAnimation = _c[0], setShowSuccessAnimation = _c[1];
     var register = useWebAuthn().register;
     var authentication = new CAMSMFAAuthenticator();
-    var _c = useCredentialsHandler(function (state, data) { return __awaiter$1(void 0, void 0, void 0, function () {
+    var _d = useCredentialsHandler(function (state, data) { return __awaiter$1(void 0, void 0, void 0, function () {
         return __generator$1(this, function (_a) {
             console.log(data);
             if (state && data && data.isValid) {
-                context.isAuthenticated = true;
+                setShowSuccessAnimation(true);
                 localStorage.setItem(context.storageKey, JSON.stringify({
-                    isAuthenticated: false,
+                    isAuthenticated: true,
                     requiresMFA: false,
                     accessToken: "Credentials",
                     idToken: "Credentials",
                 }));
-                context.requiresMFA = false;
                 context.setUserProfile({
                     state: "AUTH_SUCCESS",
                     message: data.message,
@@ -1748,13 +1746,14 @@ var DefaultLoginPage = function (_a) {
                         tokens: data.tokens,
                     },
                 });
+                setShowADModal(false);
             }
             else {
                 toast.error("\u274C AD Login failed. ".concat((data === null || data === void 0 ? void 0 : data.message) || "Unknown error"));
             }
             return [2 /*return*/];
         });
-    }); }), handleSubmitCredentials = _c.handleSubmitCredentials, isCredAuthLoading = _c.loading, setIsCredAuthLoading = _c.setLoading;
+    }); }), handleSubmitCredentials = _d.handleSubmitCredentials, isCredAuthLoading = _d.loading, setIsCredAuthLoading = _d.setLoading;
     var handleMSALLogin = function () {
         if (typeof window !== "undefined" && !window.crypto) {
             toast.error("Crypto API not available. Please use a modern browser.");
@@ -1768,6 +1767,11 @@ var DefaultLoginPage = function (_a) {
             console.warn("Regular CAMS login requires configuration");
         }
     };
+    if (showSuccessAnimation && useADLogin) {
+        return (jsx("div", { className: "flex justify-center items-center h-dvh", children: jsx(Card, { className: "mx-auto space-y-6 p-6 bg-white rounded-lg shadow-md", children: jsx(AuthSuccessAnimation, { onComplete: function () {
+                        // Animation completed, can add additional logic here if needed
+                    } }) }) }));
+    }
     return (jsxs("main", { className: "cams-sdk min-h-screen bg-gray-50", children: [jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.5 }, children: jsx("div", { className: "flex h-screen items-center justify-center", children: jsxs(motion.div, { variants: cardVariants, initial: "hidden", animate: "visible", exit: "exit", className: "w-full max-w-md p-6 space-y-4 rounded-2xl shadow-2xl", children: [jsxs(CardHeader, { className: "text-center space-y-3", children: [jsx("div", { className: "w-full flex items-center justify-center", children: jsx("img", { src: NIBSSLogo, alt: "NIBSS Logo", width: 225, height: 225 }) }), jsx(CardTitle, { className: "text-3xl font-bold", children: "NIBSS CAMS" }), jsx(CardTitle, { className: "text-gray-500 dark:text-gray-400 font-bold text-lg", children: "Centralized Authentication" })] }), jsxs(CardAction, { className: "w-full flex flex-col items-center justify-center text-center text-gray-500 dark:text-gray-400 mb-8", children: [jsx("img", { src: AuthLogo, alt: "Auth Logo", width: 365, height: 365 }), "Use Below Identity Providers To Authenticate"] }), jsxs("div", { className: "space-y-4", children: [jsxs(Button
                                     // variant="outline"
                                     , { 
@@ -1836,6 +1840,8 @@ var MFAGate = function (_a) {
                     (_a = context.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(context, tokens);
                 }
             }
+            // Force state update after MFA completion
+            setAuthState("Authenticated");
         }
         else if (!success) {
             Logger.error("MFA authentication failed", { context: context || null });