@nibssplc/cams-sdk-react 0.0.1-beta.69 → 0.0.1-beta.71

package/dist/components/MFAOptions.d.ts

@@ -1,6 +1,7 @@
 interface MFAOptionsProps {
     onComplete?: (success: boolean) => void;
+    onAuthFailed?: () => void;
     MFAEndpoint?: string;
 }
-declare const MFAOptions: ({ onComplete, MFAEndpoint }?: MFAOptionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const MFAOptions: ({ onComplete, onAuthFailed, MFAEndpoint }?: MFAOptionsProps) => import("react/jsx-runtime").JSX.Element;
 export default MFAOptions;

package/dist/index.cjs.js

@@ -300,7 +300,7 @@ function useCAMSMSALAuth(options) {
                             setMfaAuthenticator(authenticator);
                             setRequiresMFA(true);
                         }
-                        console.log("App Code >>>", options.appCode);
+                        camsSdk.Logger.debug("App Code", { ">>>": options.appCode });
                     }
                     else {
                         localStorage.removeItem(storageKey);
@@ -463,6 +463,7 @@ function useCAMSMSALAuth(options) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
+                    camsSdk.Logger.info("Logging User Out");
                     return [4 /*yield*/, instance.logoutRedirect()];
                 case 1:
                     _a.sent();
@@ -1214,8 +1215,8 @@ function CAMSProviderCore(props) {
             !auth.requiresMFA &&
             auth.isAuthenticated &&
             !userProfile) {
-            // MFA completed, extract profile from stored data
-            var storedData = getCookie(auth.storageKey);
+            // MFA completed, extract profile from localStorage
+            var storedData = localStorage.getItem(auth.storageKey);
             if (storedData) {
                 try {
                     var parsed = JSON.parse(storedData);
@@ -1226,7 +1227,7 @@ function CAMSProviderCore(props) {
                 catch (_a) { }
             }
         }
-    }, [mode, auth, userProfile]);
+    }, [mode, auth, userProfile, auth.storageKey]);
     var value = React.useMemo(function () {
         return (__assign(__assign({}, auth), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode }));
     }, [auth, userProfile, mode, mode === "MSAL" && "requiresMFA" in auth ? auth.requiresMFA : null]);
@@ -1738,7 +1739,7 @@ var useOTPHandler = function (_a) {
 };
 
 var MFAOptions = function (_a) {
-    var _b = _a === void 0 ? {} : _a, onComplete = _b.onComplete, MFAEndpoint = _b.MFAEndpoint;
+    var _b = _a === void 0 ? {} : _a, onComplete = _b.onComplete, onAuthFailed = _b.onAuthFailed, MFAEndpoint = _b.MFAEndpoint;
     var _c = React.useState(""), value = _c[0], setValue = _c[1];
     var _d = React.useState(false), otpVisible = _d[0], setOtpVisible = _d[1];
     var _e = React.useState(false), showSuccessAnimation = _e[0], setShowSuccessAnimation = _e[1];
@@ -1747,7 +1748,9 @@ var MFAOptions = function (_a) {
     var context = useCAMSContext();
     var _h = context.authMode === "MSAL" && "sendEmailOTP" in context
         ? context
-        : { sendEmailOTP: null, completeMFA: null }, sendEmailOTP = _h.sendEmailOTP, completeMFA = _h.completeMFA;
+        : { sendEmailOTP: null, completeMFA: null, logout: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/];
+            }); }); } }, sendEmailOTP = _h.sendEmailOTP, completeMFA = _h.completeMFA, logout = _h.logout;
     var accessToken = context.authMode === "MSAL" ? context.accessToken : "";
     var idToken = context.authMode === "MSAL" ? context.idToken : "";
     var _j = useOTPHandler({
@@ -1757,39 +1760,30 @@ var MFAOptions = function (_a) {
         appCode: context.appCode || "",
         authenticationType: authType,
         MFAEndpoint: MFAEndpoint,
-        onAuthComplete: function (state, data) { return __awaiter(void 0, void 0, void 0, function () {
-            var error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!state) return [3 /*break*/, 5];
-                        if (!(completeMFA && authType && lastOTPCode)) return [3 /*break*/, 4];
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, completeMFA(lastOTPCode, authType)];
-                    case 2:
-                        _a.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        error_1 = _a.sent();
-                        console.error("Failed to complete MFA:", error_1);
-                        return [3 /*break*/, 4];
-                    case 4:
-                        setShowSuccessAnimation(true);
-                        sonner.toast.success(jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-green-600 bg-green-50 p-3 rounded-lg", children: [jsxRuntimeExports.jsx(lucideReact.ShieldCheck, { className: "w-4 h-4" }), jsxRuntimeExports.jsx("span", { children: "Multi-Factor Authentication Successful" })] }));
-                        setTimeout(function () { return onComplete === null || onComplete === void 0 ? void 0 : onComplete(true); }, 2000);
-                        return [3 /*break*/, 6];
-                    case 5:
-                        sonner.toast.error(jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-red-600 bg-red-50 p-3 rounded-lg", children: [jsxRuntimeExports.jsx(lucideReact.ShieldClose, { className: "w-4 h-4" }), jsxRuntimeExports.jsx("span", { children: (data === null || data === void 0 ? void 0 : data.message) || "Invalid code. Please try again." })] }));
-                        if (isMaxAttemptsReached) {
-                            setTimeout(function () { return onComplete === null || onComplete === void 0 ? void 0 : onComplete(false); }, 1000);
-                        }
-                        _a.label = 6;
-                    case 6: return [2 /*return*/];
+        onAuthComplete: function (state, data) {
+            if (state) {
+                // Call completeMFA to update context state
+                if (completeMFA && authType && lastOTPCode) {
+                    completeMFA(lastOTPCode, authType).catch(function (error) {
+                        console.error("Failed to complete MFA:", error);
+                    });
+                }
+                setShowSuccessAnimation(true);
+                sonner.toast.success(jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-green-600 bg-green-50 p-3 rounded-lg", children: [jsxRuntimeExports.jsx(lucideReact.ShieldCheck, { className: "w-4 h-4" }), jsxRuntimeExports.jsx("span", { children: "Multi-Factor Authentication Successful" })] }));
+                setTimeout(function () { return onComplete === null || onComplete === void 0 ? void 0 : onComplete(true); }, 2000);
+            }
+            else {
+                sonner.toast.error(jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-red-600 bg-red-50 p-3 rounded-lg", children: [jsxRuntimeExports.jsx(lucideReact.ShieldClose, { className: "w-4 h-4" }), jsxRuntimeExports.jsx("span", { children: (data === null || data === void 0 ? void 0 : data.message) || "Invalid code. Please try again." })] }));
+                if (isMaxAttemptsReached) {
+                    setTimeout(function () {
+                        logout().then(function () {
+                            onAuthFailed === null || onAuthFailed === void 0 ? void 0 : onAuthFailed();
+                            onComplete === null || onComplete === void 0 ? void 0 : onComplete(false);
+                        });
+                    }, 1000);
                 }
-            });
-        }); },
+            }
+        },
     }), handleSubmitOTP = _j.handleSubmitOTP, loading = _j.loading, setLoading = _j.setLoading, attemptCount = _j.attemptCount, remainingAttempts = _j.remainingAttempts, isMaxAttemptsReached = _j.isMaxAttemptsReached, resetAttempts = _j.resetAttempts;
     var handleGoBack = function () {
         setAuthType(null);
@@ -1874,7 +1868,7 @@ var MFAGate = function (_a) {
     if (!urlValidation.success) {
         throw new Error("Invalid MFAEndpoint: ".concat(urlValidation.error.issues[0].message));
     }
-    console.log("MFA Endpoint >>>", MFAEndpoint);
+    camsSdk.Logger.debug("MFA Endpoint >>>", { MFAEndpoint: MFAEndpoint });
     // Only apply MFA gate for MSAL mode
     if (context.authMode !== "MSAL") {
         return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
@@ -1888,7 +1882,16 @@ var MFAGate = function (_a) {
                 if (!success) {
                     console.error("MFA authentication failed");
                 }
-            } }));
+            }, onAuthFailed: function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, context.logout()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }));
     }
     if (!isAuthenticated) {
         return fallback || (LoginComponent ? jsxRuntimeExports.jsx(LoginComponent, {}) : jsxRuntimeExports.jsx(LoginButton, {}));