@nibssplc/cams-sdk-react 0.0.1-beta.60 → 0.0.1-beta.61

package/dist/components/UnifiedCAMSProvider.d.ts

@@ -14,7 +14,6 @@ interface MSALProviderProps extends BaseProviderProps, UseCAMSMSALAuthOptions {
     mode: "MSAL";
     msalConfig: Configuration;
     msalInstance?: PublicClientApplication;
-    validateTokenUrl?: string;
 }
 type UnifiedCAMSProviderProps = RegularProviderProps | MSALProviderProps;
 export declare function UnifiedCAMSProvider(props: UnifiedCAMSProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/context/CAMSContext.d.ts

@@ -6,7 +6,6 @@ interface BaseCAMSContextValue {
     userProfile: Profile | null;
     setUserProfile: (profile: Profile | null) => void;
     authMode: AuthMode;
-    validateTokenUrl?: string;
 }
 interface RegularCAMSContextValue extends BaseCAMSContextValue, UseCAMSAuthReturn {
     authMode: "REGULAR";

package/dist/hooks/useCAMSMSALAuth.d.ts

@@ -5,12 +5,11 @@ export interface UseCAMSMSALAuthOptions {
     onTokenExpired?: () => void;
     scopes?: string[];
     storageKey?: string;
-    mfaUrl?: string;
     prompt?: string;
     messageOrigin?: string;
     appCode: string;
     allowedOrigins?: string[];
-    mfaApiEndpoint?: string;
+    MFAEndpoint: string;
 }
 export interface UseCAMSMSALAuthReturn {
     login: () => Promise<void>;

package/dist/index.cjs.js

@@ -260,7 +260,7 @@ function useCAMSMSALAuth(options) {
     var _this = this;
     if (options === void 0) { options = {
         appCode: "",
-        mfaUrl: "/auth/multi-factor",
+        MFAEndpoint: "/auth/multi-factor",
         storageKey: "CAMS-MSAL-AUTH-SDK",
     }; }
     var _a = msalReact.useMsal(), instance = _a.instance, inProgress = _a.inProgress, accounts = _a.accounts;
@@ -356,7 +356,7 @@ function useCAMSMSALAuth(options) {
                         idToken: response.idToken,
                         appCode: options.appCode,
                         provider: "MSAL",
-                        apiEndpoint: options.mfaApiEndpoint,
+                        apiEndpoint: options.MFAEndpoint,
                     };
                     authenticator = new camsSdk.CAMSMFAAuthenticator(mfaConfig);
                     setMfaAuthenticator(authenticator);
@@ -1138,14 +1138,14 @@ var deleteCookie = function (name) {
 };
 function CAMSProviderCore(props) {
     var _this = this;
-    var _a = props, children = _a.children, mode = _a.mode, appCode = _a.appCode, validateTokenUrl = _a.validateTokenUrl;
+    var children = props.children, mode = props.mode, appCode = props.appCode;
     // Always call both hooks to satisfy Rules of Hooks
     var regularAuth = useCAMSAuth(mode === "REGULAR"
         ? __assign(__assign({}, props), { appCode: appCode })
         : { appCode: "" });
     var msalAuth = useCAMSMSALAuth(mode === "MSAL"
         ? __assign(__assign({}, props), { appCode: appCode })
-        : { appCode: "" });
+        : { appCode: "", MFAEndpoint: "/auth/multi-factor" });
     var auth = mode === "REGULAR" ? regularAuth : msalAuth;
     var profileStorageKey = "".concat(auth.storageKey, "-PROFILE");
     var getInitialProfile = function () {
@@ -1159,7 +1159,7 @@ function CAMSProviderCore(props) {
             return null;
         }
     };
-    var _b = React.useState(getInitialProfile), userProfile = _b[0], setUserProfile = _b[1];
+    var _a = React.useState(getInitialProfile), userProfile = _a[0], setUserProfile = _a[1];
     React.useEffect(function () {
         if (typeof window !== "undefined") {
             var storedProfile = getCookie(profileStorageKey);
@@ -1197,7 +1197,11 @@ function CAMSProviderCore(props) {
     }); };
     // Handle MFA completion for MSAL mode
     React.useEffect(function () {
-        if (mode === "MSAL" && "requiresMFA" in auth && !auth.requiresMFA && auth.isAuthenticated && !userProfile) {
+        if (mode === "MSAL" &&
+            "requiresMFA" in auth &&
+            !auth.requiresMFA &&
+            auth.isAuthenticated &&
+            !userProfile) {
             // MFA completed, extract profile from stored data
             var storedData = getCookie(auth.storageKey);
             if (storedData) {
@@ -1212,8 +1216,8 @@ function CAMSProviderCore(props) {
         }
     }, [mode, auth, userProfile]);
     var value = React.useMemo(function () {
-        return (__assign(__assign({}, auth), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode, validateTokenUrl: validateTokenUrl }));
-    }, [auth, userProfile, mode, validateTokenUrl]);
+        return (__assign(__assign({}, auth), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode }));
+    }, [auth, userProfile, mode]);
     return jsxRuntimeExports.jsx(CAMSContext.Provider, { value: value, children: children });
 }
 function UnifiedCAMSProvider(props) {
@@ -1222,11 +1226,11 @@ function UnifiedCAMSProvider(props) {
     if (!appCodeValidation.success) {
         throw new Error("Invalid appCode: ".concat(appCodeValidation.error.issues[0].message));
     }
-    // Validate validateTokenUrl if provided
-    if (props.mode === "MSAL" && props.validateTokenUrl) {
-        var urlValidation = UrlSchema.safeParse(props.validateTokenUrl);
+    // Validate apiEndpoint if provided
+    if (props.mode === "MSAL" && props.MFAEndpoint) {
+        var urlValidation = UrlSchema.safeParse(props.MFAEndpoint);
         if (!urlValidation.success) {
-            throw new Error("Invalid validateTokenUrl: ".concat(urlValidation.error.issues[0].message));
+            throw new Error("Invalid apiEndpoint: ".concat(urlValidation.error.issues[0].message));
         }
     }
     if (props.mode === "MSAL") {
@@ -1680,18 +1684,18 @@ var MFAOptions = function (_a) {
     var _f = React.useState(null), authType = _f[0], setAuthType = _f[1];
     var context = useCAMSContext();
     var isSDKMode = context.authMode === "MSAL" && "completeMFA" in context;
-    var _g = isSDKMode
+    var sendEmailOTP = (isSDKMode
         ? context
-        : { completeMFA: null, sendEmailOTP: null }; _g.completeMFA; var sendEmailOTP = _g.sendEmailOTP;
+        : { sendEmailOTP: null }).sendEmailOTP;
     var accessToken = context.authMode === "MSAL" ? context.accessToken : "";
     var idToken = context.authMode === "MSAL" ? context.idToken : "";
-    var _h = useOTPHandler({
+    var _g = useOTPHandler({
         provider: "azure",
         accessToken: accessToken || "",
         idToken: idToken || "",
         appCode: context.appCode || "",
         authenticationType: authType,
-        validateTokenUrl: context.validateTokenUrl || "/api/validate-token",
+        validateTokenUrl: ((context.authMode === "MSAL" && "MFAEndpoint" in context) ? (context.MFAEndpoint || "/api/auth/verify-mfa") : "/api/validate-token"),
         onAuthComplete: function (success, data) {
             if (success) {
                 setShowSuccessAnimation(true);
@@ -1705,7 +1709,7 @@ var MFAOptions = function (_a) {
                 }
             }
         },
-    }), handleSubmitOTP = _h.handleSubmitOTP, loading = _h.loading, attemptCount = _h.attemptCount, isMaxAttemptsReached = _h.isMaxAttemptsReached, remainingAttempts = _h.remainingAttempts, resetAttempts = _h.resetAttempts;
+    }), handleSubmitOTP = _g.handleSubmitOTP, loading = _g.loading, attemptCount = _g.attemptCount, isMaxAttemptsReached = _g.isMaxAttemptsReached, remainingAttempts = _g.remainingAttempts, resetAttempts = _g.resetAttempts;
     var handleGoBack = function () {
         setAuthType(null);
         setOtpVisible(false);
@@ -1743,7 +1747,7 @@ var MFAOptions = function (_a) {
                                 resetAttempts();
                                 setAuthType("AuthenticatorCode");
                                 setOtpVisible(true);
-                            }, children: [jsxRuntimeExports.jsx("img", { src: "/microsoftauthenticator.svg", alt: "Authenticator", className: "rounded-full", width: 24, height: 24 }), jsxRuntimeExports.jsxs("div", { className: "text-left", children: [jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Authenticator App" }), jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: "Use Authenticator App" })] })] })] })] }));
+                            }, children: [jsxRuntimeExports.jsx("img", { src: "/images/microsoftauthenticator.svg", alt: "Authenticator", className: "rounded-full", width: 24, height: 24 }), jsxRuntimeExports.jsxs("div", { className: "text-left", children: [jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Authenticator App" }), jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: "Use Authenticator App" })] })] })] })] }));
     }
     else if (authType === "EmailOTP") {
         content = (jsxRuntimeExports.jsxs(Dialog, { open: otpVisible, onOpenChange: function () {
@@ -1755,7 +1759,7 @@ var MFAOptions = function (_a) {
     else if (authType === "AuthenticatorCode") {
         content = (jsxRuntimeExports.jsxs(Dialog, { open: otpVisible, onOpenChange: handleGoBack, children: [jsxRuntimeExports.jsx(DialogHeader, { children: jsxRuntimeExports.jsx(DialogTitle, { children: "Authenticator App" }) }), jsxRuntimeExports.jsx(DialogContent, { className: "sm:max-w-[425px]", children: loading ? (jsxRuntimeExports.jsx("div", { className: "p-3 flex justify-center items-center", children: jsxRuntimeExports.jsx(LoadingSpinner, {}) })) : (jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600 text-center", children: "Enter the 6-digit Code from your Authenticator app" }), jsxRuntimeExports.jsx(GenericOTPVerifier, { value: value, setValue: setValue, isDisabled: loading || isMaxAttemptsReached, onChangeOTP: handleSubmitOTP, fieldName: "AuthenticatorCode", attemptCount: attemptCount, remainingAttempts: remainingAttempts, isMaxAttemptsReached: isMaxAttemptsReached })] })) })] }));
     }
-    return (jsxRuntimeExports.jsxs(Card, { className: "mx-auto space-y-6 p-6 bg-white rounded-lg shadow-md", children: [jsxRuntimeExports.jsxs(CardHeader, { children: [jsxRuntimeExports.jsx("img", { src: "/OTPAuthentication1.svg", alt: "NIBSS Logo", width: 365, height: 365 }), jsxRuntimeExports.jsx(CardTitle, { className: "text-3xl font-bold mb-6 text-center", children: "Two-Factor Authentication" }), jsxRuntimeExports.jsx(CardTitle, { className: "text-gray-300 text-sm -tracking-wide text-center", children: "Your Microsoft account has been validated. Please complete two-factor authentication to continue." })] }), jsxRuntimeExports.jsx(CardContent, { children: content }), 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" })] })] }));
+    return (jsxRuntimeExports.jsx("div", { className: "flex justify-center items-center", children: jsxRuntimeExports.jsxs(Card, { className: "mx-auto space-y-6 p-6 bg-white rounded-lg shadow-md", children: [jsxRuntimeExports.jsxs(CardHeader, { children: [jsxRuntimeExports.jsx("img", { src: "/images/OTPAuthentication.svg", alt: "NIBSS Logo", width: 365, height: 365 }), jsxRuntimeExports.jsx(CardTitle, { className: "text-3xl font-bold mb-6 text-center", children: "Two-Factor Authentication" }), jsxRuntimeExports.jsx(CardTitle, { className: "text-gray-300 text-sm -tracking-wide text-center", children: "Your Microsoft account has been validated. Please complete two-factor authentication to continue." })] }), jsxRuntimeExports.jsx(CardContent, { children: content }), 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" })] })] }) }));
 };
 
 var LoginButton = function () {