@nibssplc/cams-sdk-react 0.0.1-beta.74 → 0.0.1-beta.76

package/dist/components/ErrorFallback.d.ts

@@ -0,0 +1,5 @@
+interface ErrorFallbackProps {
+    message: string;
+}
+declare const ErrorFallback: ({ message }: ErrorFallbackProps) => import("react/jsx-runtime").JSX.Element;
+export default ErrorFallback;

package/dist/components/MFAGate.d.ts

@@ -4,5 +4,5 @@ interface MFAGateProps {
     loginComponent?: React.ComponentType;
     MFAEndpoint?: string;
 }
-declare const MFAGate: ({ children, fallback, loginComponent: LoginComponent, MFAEndpoint, }: MFAGateProps) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+declare const MFAGate: ({ children, fallback, loginComponent: LoginComponent, MFAEndpoint, }: MFAGateProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
 export default MFAGate;

package/dist/hooks/useCAMSMSALAuth.d.ts

@@ -23,7 +23,8 @@ export interface UseCAMSMSALAuthReturn {
     appCode: string;
     mfaAuthenticator: CAMSMFAAuthenticator | null;
     requiresMFA: boolean;
-    completeMFA: (code: string, type: "EmailOTP" | "AuthenticatorCode") => Promise<MFAResponse>;
+    completeMFA: (data: UserValidatedResponse) => Promise<MFAResponse>;
+    setRequiresMFA: React.Dispatch<React.SetStateAction<boolean>>;
     sendEmailOTP: () => Promise<boolean>;
 }
 export declare function useCAMSMSALAuth(options: UseCAMSMSALAuthOptions): UseCAMSMSALAuthReturn;

package/dist/index.cjs.js

@@ -256,11 +256,21 @@ function useCAMSAuth(options) {
     };
 }
 
+var CAMSContext$1 = React.createContext(null);
+function useCAMSContext$1() {
+    var context = React.useContext(CAMSContext$1);
+    if (!context) {
+        throw new Error("useCAMSContext must be used within a UnifiedCAMSProvider");
+    }
+    return context;
+}
+
 function useCAMSMSALAuth(options) {
     var _this = this;
     var storageKey = options.storageKey || "CAMS-MSAL-AUTH-SDK";
     var _a = msalReact.useMsal(), instance = _a.instance, inProgress = _a.inProgress, accounts = _a.accounts;
     var account = msalReact.useAccount(accounts[0] || {});
+    var setUserProfile = useCAMSContext$1().setUserProfile;
     var _b = React.useState(null), error = _b[0], setError = _b[1];
     var _c = React.useState(""), idToken = _c[0], setIdToken = _c[1];
     var _d = React.useState(""), accessToken = _d[0], setAccessToken = _d[1];
@@ -358,7 +368,7 @@ function useCAMSMSALAuth(options) {
                         })];
                 case 2:
                     response = _e.sent();
-                    camsSdk.Logger.debug("Login Token response:", {
+                    console.log("Login Token response:", {
                         accessToken: response.accessToken,
                         idToken: response.idToken,
                     });
@@ -389,7 +399,7 @@ function useCAMSMSALAuth(options) {
                     err_1 = _e.sent();
                     // Handle user cancellation gracefully
                     if (err_1.errorCode === "user_cancelled") {
-                        camsSdk.Logger.info("User cancelled login");
+                        camsSdk.Logger.error("User cancelled login");
                         setError(null); // Don't treat cancellation as an error
                         return [2 /*return*/];
                     }
@@ -409,50 +419,41 @@ function useCAMSMSALAuth(options) {
             }
         });
     }); }, [instance, scopes, options]);
-    var completeMFA = React.useCallback(function (code, type) { return __awaiter(_this, void 0, void 0, function () {
-        var mfaResponse, error_1;
+    var completeMFA = React.useCallback(function (data) { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!mfaAuthenticator) {
-                        throw new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "MFA Authenticator not initialized");
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, mfaAuthenticator.verifyOTP(code, type)];
-                case 2:
-                    mfaResponse = _a.sent();
-                    if (mfaResponse.isAuthenticated) {
-                        // Update storage with complete authentication BEFORE setting state
-                        if (typeof window !== "undefined") {
-                            localStorage.setItem(storageKey, JSON.stringify({
-                                isAuthenticated: true,
-                                requiresMFA: false,
-                                accessToken: accessToken,
-                                idToken: idToken,
-                                userProfile: mfaResponse,
-                            }));
-                            camsSdk.Logger.info("MFA completed successfully, storage updated", {
-                                accessToken: accessToken,
-                                idToken: idToken,
-                                isAuthenticated: isAuthenticated,
-                                requiresMFA: requiresMFA,
-                            });
-                        }
-                        // Set requiresMFA to false after storage update
-                        setRequiresMFA(false);
-                        camsSdk.Logger.debug("MFA completed successfully, requiresMFA set to false");
-                    }
-                    return [2 /*return*/, mfaResponse];
-                case 3:
-                    error_1 = _a.sent();
-                    setError(error_1);
-                    throw error_1;
-                case 4: return [2 /*return*/];
+            if (!mfaAuthenticator) {
+                throw new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "MFA Authenticator not initialized");
+            }
+            camsSdk.Logger.info("Completed MFA.. Setting State");
+            try {
+                // Update storage with complete authentication BEFORE setting state
+                if (typeof window !== "undefined") {
+                    localStorage.setItem(storageKey, JSON.stringify({
+                        isAuthenticated: true,
+                        requiresMFA: false,
+                        accessToken: accessToken,
+                        idToken: idToken,
+                    }));
+                    setUserProfile({ type: "AUTH_SUCCESS", userProfile: __assign({}, data) });
+                    setRequiresMFA(false);
+                    // Set requiresMFA to false after storage update
+                    camsSdk.Logger.debug("MFA completed successfully, storage updated", {
+                        accessToken: accessToken,
+                        idToken: idToken,
+                        isAuthenticated: true,
+                        requiresMFA: false,
+                    });
+                }
+                camsSdk.Logger.debug("MFA completed successfully, requiresMFA set to false");
+                return [2 /*return*/, data];
+            }
+            catch (error) {
+                setError(error);
+                throw error;
             }
+            return [2 /*return*/];
         });
-    }); }, [mfaAuthenticator, accessToken, idToken, storageKey, requiresMFA]);
+    }); }, [mfaAuthenticator, accessToken, idToken, storageKey]);
     var sendEmailOTP = React.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -507,6 +508,7 @@ function useCAMSMSALAuth(options) {
         requiresMFA: requiresMFA,
         completeMFA: completeMFA,
         sendEmailOTP: sendEmailOTP,
+        setRequiresMFA: setRequiresMFA,
     };
 }
 
@@ -979,9 +981,9 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-var CAMSContext$1 = React.createContext(null);
-function useCAMSContext$1() {
-    var context = React.useContext(CAMSContext$1);
+var CAMSContext = React.createContext(null);
+function useCAMSContext() {
+    var context = React.useContext(CAMSContext);
     if (!context) {
         throw new Error('useCAMSContext must be used within a CAMSProvider');
     }
@@ -990,7 +992,7 @@ function useCAMSContext$1() {
 
 function ProtectedRoute(_a) {
     var children = _a.children, fallback = _a.fallback, redirectTo = _a.redirectTo;
-    var _b = useCAMSContext$1(), isAuthenticated = _b.isAuthenticated, isLoading = _b.isLoading;
+    var _b = useCAMSContext(), isAuthenticated = _b.isAuthenticated, isLoading = _b.isLoading;
     if (isLoading) {
         return fallback || jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
@@ -1129,15 +1131,6 @@ var ClientOnly = function (_a) {
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 };
 
-var CAMSContext = React.createContext(null);
-function useCAMSContext() {
-    var context = React.useContext(CAMSContext);
-    if (!context) {
-        throw new Error("useCAMSContext must be used within a UnifiedCAMSProvider");
-    }
-    return context;
-}
-
 var GuidSchema = z.z.uuid("appCode must be a valid GUID");
 var setCookie = function (name, value, days) {
     var expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
@@ -1249,7 +1242,7 @@ function CAMSProviderCore(props) {
     var value = React.useMemo(function () {
         return (__assign(__assign({}, auth), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode }));
     }, [auth, userProfile, mode]);
-    return jsxRuntimeExports.jsx(CAMSContext.Provider, { value: value, children: children });
+    return jsxRuntimeExports.jsx(CAMSContext$1.Provider, { value: value, children: children });
 }
 function UnifiedCAMSProvider(props) {
     // Validate appCode is a valid GUID
@@ -1766,8 +1759,8 @@ var MFAOptions = function (_a) {
     var _d = React.useState(false), otpVisible = _d[0], setOtpVisible = _d[1];
     var _e = React.useState(false), showSuccessAnimation = _e[0], setShowSuccessAnimation = _e[1];
     var _f = React.useState(null), authType = _f[0], setAuthType = _f[1];
-    var _g = React.useState(""), lastOTPCode = _g[0], setLastOTPCode = _g[1];
-    var context = useCAMSContext();
+    var _g = React.useState(""); _g[0]; var setLastOTPCode = _g[1];
+    var context = useCAMSContext$1();
     var _h = context.authMode === "MSAL" && "sendEmailOTP" in context
         ? context
         : { sendEmailOTP: null, completeMFA: null, logout: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
@@ -1783,10 +1776,12 @@ var MFAOptions = function (_a) {
         authenticationType: authType,
         MFAEndpoint: MFAEndpoint,
         onAuthComplete: function (state, data) {
+            console.log("Completed Auth. Handling MFA", state);
             if (state) {
                 // Call completeMFA to update context state
-                if (completeMFA && authType && lastOTPCode) {
-                    completeMFA(lastOTPCode, authType).catch(function (error) {
+                if (completeMFA && data) {
+                    console.log("IN Complete MFA Block. Handling MFA", data);
+                    completeMFA(data).catch(function (error) {
                         console.error("Failed to complete MFA:", error);
                     });
                 }
@@ -1802,7 +1797,7 @@ var MFAOptions = function (_a) {
                             onAuthFailed === null || onAuthFailed === void 0 ? void 0 : onAuthFailed();
                             onComplete === null || onComplete === void 0 ? void 0 : onComplete(false);
                         });
-                    }, 1000);
+                    }, 3000);
                 }
             }
         },
@@ -1874,7 +1869,7 @@ var AuthLogo = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2
 var MicrosoftLogo = "data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22microsoft_svgrepo.com%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M20.75%2013.25H13.25V20.75H20.75V13.25Z%22%20fill%3D%22%23FEBA08%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M11.75%2013.25H4.25V20.75H11.75V13.25Z%22%20fill%3D%22%2305A6F0%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M20.75%204.25H13.25V11.75H20.75V4.25Z%22%20fill%3D%22%2380BC06%22%2F%3E%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M11.75%204.25H4.25V11.75H11.75V4.25Z%22%20fill%3D%22%23F25325%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
 
 var DefaultLoginPage = function () {
-    var context = useCAMSContext();
+    var context = useCAMSContext$1();
     var login = context.login, isLoading = context.isLoading, authMode = context.authMode;
     var handleLogin = function () {
         if (authMode === "MSAL") {
@@ -1902,41 +1897,49 @@ var DefaultLoginPage = function () {
                                 className: "w-full flex items-center justify-center cursor-pointer bg-[#506f4a] hover:bg-[#506f4a] rounded-lg border border-transparent px-5 py-8 text-base font-medium transition-colors duration-250", onClick: handleLogin, disabled: isLoading, children: [jsxRuntimeExports.jsx("img", { src: MicrosoftLogo, alt: "Microsoft Logo", width: 35, height: 35 }), jsxRuntimeExports.jsx("span", { children: isLoading ? 'Logging in...' : "Sign in with Microsoft" })] }) }), jsxRuntimeExports.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntimeExports.jsx(lucideReact.ShieldCheck, { className: "w-4 h-4 text-[#506f4a] pulse-glow" }), jsxRuntimeExports.jsx("span", { children: "Powered By NIBSS" })] })] }) }) }, "landing") }));
 };
 
+var ErrorFallback = function (_a) {
+    var message = _a.message;
+    return (jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center min-h-screen bg-gray-50", children: jsxRuntimeExports.jsxs("div", { className: "bg-white p-6 rounded-lg shadow-lg border border-red-200 max-w-md", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [jsxRuntimeExports.jsx("svg", { className: "w-6 h-6 text-red-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Configuration Error" })] }), jsxRuntimeExports.jsx("p", { className: "text-red-600", children: message })] }) }));
+};
+
 var MFAEndpointUrlSchema = z.url("MFAEndpoint must be a valid URL");
 var MFAGate = function (_a) {
-    var children = _a.children, fallback = _a.fallback, LoginComponent = _a.loginComponent, MFAEndpoint = _a.MFAEndpoint;
-    var context = useCAMSContext();
-    var urlValidation = MFAEndpointUrlSchema.safeParse(MFAEndpoint);
-    if (!urlValidation.success) {
-        throw new Error("Invalid MFAEndpoint: ".concat(urlValidation.error.issues[0].message));
-    }
+    var children = _a.children, _b = _a.fallback, fallback = _b === void 0 ? jsxRuntimeExports.jsx(LoadingSpinner, {}) : _b, _c = _a.loginComponent, LoginComponent = _c === void 0 ? DefaultLoginPage : _c, MFAEndpoint = _a.MFAEndpoint;
+    var context = useCAMSContext$1();
+    var validatedMFAEndpoint = React.useMemo(function () {
+        var parsed = MFAEndpointUrlSchema.safeParse(MFAEndpoint);
+        if (!parsed.success) {
+            camsSdk.Logger.error("Invalid MFAEndpoint", parsed.error);
+            return null;
+        }
+        return parsed.data;
+    }, [MFAEndpoint]);
+    var handleComplete = React.useCallback(function (success) {
+        if (!success)
+            camsSdk.Logger.error("MFA authentication failed");
+    }, []);
+    var handleAuthFailed = React.useCallback(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*/];
+            }
+        });
+    }); }, [context.logout]);
     camsSdk.Logger.debug("MFA Endpoint >>>", { MFAEndpoint: MFAEndpoint });
-    // Only apply MFA gate for MSAL mode
-    if (context.authMode !== "MSAL") {
+    if (!validatedMFAEndpoint)
+        return jsxRuntimeExports.jsx(ErrorFallback, { message: "Invalid MFA configuration." });
+    if (context.authMode !== "MSAL")
         return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
+    if (context.isLoading)
+        return fallback;
+    if (context.requiresMFA) {
+        return (jsxRuntimeExports.jsx(MFAOptions, { MFAEndpoint: validatedMFAEndpoint, onComplete: handleComplete, onAuthFailed: handleAuthFailed }));
     }
-    var requiresMFA = context.requiresMFA, isAuthenticated = context.isAuthenticated, isLoading = context.isLoading;
-    if (isLoading) {
-        return fallback || jsxRuntimeExports.jsx("div", { className: "flex h-dvh items-center justify-center", children: "Loading..." });
-    }
-    if (requiresMFA) {
-        return (jsxRuntimeExports.jsx(MFAOptions, { MFAEndpoint: MFAEndpoint, onComplete: function (success) {
-                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 LoginComponent ? jsxRuntimeExports.jsx(LoginComponent, {}) : jsxRuntimeExports.jsx(DefaultLoginPage, {});
+    if (!context.isAuthenticated) {
+        return jsxRuntimeExports.jsx(LoginComponent, {});
     }
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 };
@@ -1950,7 +1953,7 @@ exports.MFAOptions = MFAOptions;
 exports.ProtectedRoute = ProtectedRoute;
 exports.UnifiedCAMSProvider = UnifiedCAMSProvider;
 exports.useCAMSAuth = useCAMSAuth;
-exports.useCAMSContext = useCAMSContext;
+exports.useCAMSContext = useCAMSContext$1;
 exports.useCAMSMSALAuth = useCAMSMSALAuth;
 exports.useCAMSMSALContext = useCAMSMSALContext;
 exports.useCAMSPopupAuth = useCAMSPopupAuth;