@nibssplc/cams-sdk-react 0.0.1-beta.82 → 0.0.1-beta.84

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 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 from 'react';
 import React__default, { useState, useRef, useEffect, useCallback, createContext, useContext, useMemo } from 'react';
-import { CAMSSessionManager, isPopupWindow, CAMSMFAAuthenticator, Logger, CAMSError, CAMSErrorType, initializePopupAuth } from '@nibssplc/cams-sdk';
+import { CAMSSessionManager, isPopupWindow, CAMSMFAAuthenticator, Logger, CAMSError, CAMSErrorType } from '@nibssplc/cams-sdk';
 export * from '@nibssplc/cams-sdk';
 import { useMsal, useAccount, MsalProvider } from '@azure/msal-react';
 import { InteractionStatus, PublicClientApplication } from '@azure/msal-browser';
@@ -513,56 +513,6 @@ function useCAMSMSALAuth(options) {
     };
 }
 
-/**
- * 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(),
-    };
-}
-
 var jsxRuntime = {exports: {}};
 
 var reactJsxRuntime_production = {};
@@ -1656,12 +1606,12 @@ var GenerateDeviceId = function () {
     return (_a = deviceId.replace(/[^a-zA-Z0-9-_]/g, "_")) !== null && _a !== void 0 ? _a : "unknown-device";
 };
 
+var MAX_ATTEMPTS = 3;
 var useOTPHandler = function (_a) {
     var provider = _a.provider, accessToken = _a.accessToken, idToken = _a.idToken, appCode = _a.appCode, authenticationType = _a.authenticationType, MFAEndpoint = _a.MFAEndpoint, onAuthComplete = _a.onAuthComplete;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(0), attemptCount = _c[0], setAttemptCount = _c[1];
     var _d = useState(false), isMaxAttemptsReached = _d[0], setIsMaxAttemptsReached = _d[1];
-    var MAX_ATTEMPTS = 3;
     var handleSubmitOTP = useMemo(function () { return function (authenticationValue) { return __awaiter(void 0, void 0, void 0, function () {
         var currentAttempt, response, error_1, currentAttempt;
         return __generator(this, function (_a) {
@@ -1876,7 +1826,10 @@ var credentialsSchema = z.object({
 var ADLoginModal = function (_a) {
     var open = _a.open, onOpenChange = _a.onOpenChange, onLogin = _a.onLogin;
     var _b = useState("credentials"), step = _b[0], setStep = _b[1];
-    var _c = useState({ username: "", password: "" }), credentials = _c[0], setCredentials = _c[1];
+    var _c = useState({
+        username: "",
+        password: "",
+    }), credentials = _c[0], setCredentials = _c[1];
     var _d = useState(""), mfaCode = _d[0], setMfaCode = _d[1];
     var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
     var form = useForm({
@@ -1899,7 +1852,11 @@ var ADLoginModal = function (_a) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, onLogin(credentials.username, credentials.password, code)];
+                    return [4 /*yield*/, onLogin({
+                            username: credentials.username,
+                            password: credentials.password,
+                            MFACode: code,
+                        })];
                 case 2:
                     _a.sent();
                     onOpenChange(false);
@@ -1924,7 +1881,7 @@ var ADLoginModal = function (_a) {
         form.reset();
         setMfaCode("");
     };
-    return (jsxRuntimeExports.jsx(Dialog, { open: open, onOpenChange: handleClose, children: jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-md", children: [jsxRuntimeExports.jsx(DialogHeader, { children: jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(KeyIcon, { className: "w-5 h-5 text-[#506f4a]" }), jsxRuntimeExports.jsx(DialogTitle, { children: "Sign in with AD" })] }) }), step === "credentials" ? (jsxRuntimeExports.jsx(Form, __assign({}, form, { children: jsxRuntimeExports.jsxs("form", { onSubmit: form.handleSubmit(handleCredentialsSubmit), className: "space-y-4", children: [jsxRuntimeExports.jsx(FormField, { control: form.control, name: "username", render: function (_a) {
+    return (jsxRuntimeExports.jsx(Dialog, { open: open, onOpenChange: handleClose, children: jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[85%]", children: [jsxRuntimeExports.jsx(DialogHeader, { children: jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(KeyIcon, { className: "w-8 h-8 text-[#506f4a]" }), jsxRuntimeExports.jsx(DialogTitle, { className: "text-2xl", children: "Sign in with AD" })] }) }), step === "credentials" ? (jsxRuntimeExports.jsx(Form, __assign({}, form, { children: jsxRuntimeExports.jsxs("form", { onSubmit: form.handleSubmit(handleCredentialsSubmit), className: "space-y-4", children: [jsxRuntimeExports.jsx(FormField, { control: form.control, name: "username", render: function (_a) {
                                     var field = _a.field;
                                     return (jsxRuntimeExports.jsxs(FormItem, { children: [jsxRuntimeExports.jsx(FormLabel, { children: "Username" }), jsxRuntimeExports.jsx(FormControl, { children: jsxRuntimeExports.jsx(Input, __assign({ placeholder: "Enter your username" }, field)) }), jsxRuntimeExports.jsx(FormMessage, {})] }));
                                 } }), jsxRuntimeExports.jsx(FormField, { control: form.control, name: "password", render: function (_a) {
@@ -1964,10 +1921,11 @@ var DefaultLoginPage = function () {
                                     // variant="outline"
                                     , { 
                                         // variant="outline"
-                                        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: function () { return setShowADModal(true); }, disabled: isLoading, children: [jsxRuntimeExports.jsx(KeyIcon, {}), jsxRuntimeExports.jsx("span", { children: isLoading ? "Logging in..." : "Sign in with AD" })] })] }), jsxRuntimeExports.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntimeExports.jsx(ShieldCheck, { className: "w-4 h-4 text-[#506f4a] pulse-glow" }), jsxRuntimeExports.jsx("span", { children: "Powered By NIBSS" })] })] }) }) }, "landing"), jsxRuntimeExports.jsx(ADLoginModal, { open: showADModal, onOpenChange: setShowADModal, onLogin: function (username, password, mfaCode) { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
+                                        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: function () { return setShowADModal(true); }, disabled: isLoading, children: [jsxRuntimeExports.jsx(KeyIcon, { className: "w-8 h-8 text-[#506f4a]" }), jsxRuntimeExports.jsx("span", { children: isLoading ? "Logging in..." : "Sign in with ActiveDirectory" })] })] }), jsxRuntimeExports.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntimeExports.jsx(ShieldCheck, { className: "w-4 h-4 text-[#506f4a] pulse-glow" }), jsxRuntimeExports.jsx("span", { children: "Powered By NIBSS" })] })] }) }) }, "landing"), jsxRuntimeExports.jsx(ADLoginModal, { open: showADModal, onOpenChange: setShowADModal, onLogin: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+                    var username = _b.username, password = _b.password, MFACode = _b.MFACode;
+                    return __generator(this, function (_c) {
                         // Implement your AD login logic here
-                        console.log("AD Login:", { username: username, password: password, mfaCode: mfaCode });
+                        console.log("AD Login:", { username: username, password: password, MFACode: MFACode });
                         return [2 /*return*/];
                     });
                 }); } })] }));
@@ -1980,7 +1938,9 @@ var ErrorFallback = function (_a) {
 
 var MFAEndpointUrlSchema = z$1.url("MFAEndpoint must be a valid URL");
 var MFAGate = function (_a) {
-    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 children = _a.children, _b = _a.fallback, fallback = _b === void 0 ? jsxRuntimeExports.jsx(LoadingSpinner, {}) : _b, 
+    // loginComponent: LoginComponent = DefaultLoginPage,
+    MFAEndpoint = _a.MFAEndpoint;
     var context = useCAMSContext();
     var validatedMFAEndpoint = useMemo(function () {
         var parsed = MFAEndpointUrlSchema.safeParse(MFAEndpoint);
@@ -2015,10 +1975,10 @@ var MFAGate = function (_a) {
         return (jsxRuntimeExports.jsx(MFAOptions, { MFAEndpoint: validatedMFAEndpoint, onComplete: handleComplete, onAuthFailed: handleAuthFailed }));
     }
     if (!context.isAuthenticated) {
-        return jsxRuntimeExports.jsx(LoginComponent, {});
+        return jsxRuntimeExports.jsx(DefaultLoginPage, {});
     }
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 };
 
-export { CAMSMSALProvider, CAMSProvider, ClientOnly, DefaultLoginPage as LoginButton, MFAGate, MFAOptions, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext, useCAMSPopupAuth };
+export { CAMSMSALProvider, CAMSProvider, ClientOnly, DefaultLoginPage as LoginButton, MFAGate, MFAOptions, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext };
 //# sourceMappingURL=index.esm.js.map