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

package/dist/components/ADLoginModal.d.ts

@@ -1,7 +1,7 @@
 interface ADLoginModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    onLogin: (username: string, password: string, mfaCode: string) => Promise<void>;
+    onLogin: (credentials: Credentials) => Promise<void>;
 }
-export declare const ADLoginModal: ({ open, onOpenChange, onLogin }: ADLoginModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ADLoginModal: ({ open, onOpenChange, onLogin, }: ADLoginModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/MFAGate.d.ts

@@ -1,8 +1,7 @@
 interface MFAGateProps {
     children: React.ReactNode;
     fallback?: React.ReactNode;
-    loginComponent?: React.ComponentType;
     MFAEndpoint?: string;
 }
-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;
+declare const MFAGate: ({ children, fallback, 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/useOTPHandler.d.ts

@@ -15,3 +15,16 @@ export declare const useOTPHandler: ({ provider, accessToken, idToken, appCode,
     resetAttempts: () => void;
     remainingAttempts: number;
 };
+export declare const useCredentialsHandler: (credentials: Credentials, appCode: string, CredAuthEndpoint: string, onAuthComplete: (state: boolean, data: UserValidatedResponse | null) => void) => {
+    handleSubmitCredentials: ({ username, password, MFACode, appCode, }: {
+        username: string;
+        password: string;
+        MFACode: string;
+        appCode: string;
+    }) => Promise<boolean>;
+    loading: boolean;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    attemptCount: number;
+    isMaxAttemptsReached: boolean;
+    remainingAttempts: number;
+};

package/dist/index.cjs.js

@@ -534,56 +534,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;
-    React.useEffect(function () {
-        if (typeof window === "undefined" || !camsSdk.isPopupWindow())
-            return;
-        // Initialize popup auth handler
-        camsSdk.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 = React.useCallback(function (profile) {
-        if (!camsSdk.isPopupWindow()) {
-            console.warn("completeAuth called outside of popup window");
-            return;
-        }
-        var sessionManager = new camsSdk.CAMSSessionManager(localStorage, storageKey);
-        sessionManager.completePopupAuth(profile, targetOrigin);
-    }, [storageKey, targetOrigin]);
-    var errorAuth = React.useCallback(function (error) {
-        if (!camsSdk.isPopupWindow()) {
-            console.warn("errorAuth called outside of popup window");
-            return;
-        }
-        var sessionManager = new camsSdk.CAMSSessionManager(localStorage, storageKey);
-        sessionManager.errorPopupAuth(error, targetOrigin);
-    }, [storageKey, targetOrigin]);
-    return {
-        completeAuth: completeAuth,
-        errorAuth: errorAuth,
-        isPopup: camsSdk.isPopupWindow(),
-    };
-}
-
 var jsxRuntime = {exports: {}};
 
 var reactJsxRuntime_production = {};
@@ -1677,12 +1627,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 = React.useState(false), loading = _b[0], setLoading = _b[1];
     var _c = React.useState(0), attemptCount = _c[0], setAttemptCount = _c[1];
     var _d = React.useState(false), isMaxAttemptsReached = _d[0], setIsMaxAttemptsReached = _d[1];
-    var MAX_ATTEMPTS = 3;
     var handleSubmitOTP = React.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) {
@@ -1897,7 +1847,10 @@ var credentialsSchema = z.z.object({
 var ADLoginModal = function (_a) {
     var open = _a.open, onOpenChange = _a.onOpenChange, onLogin = _a.onLogin;
     var _b = React.useState("credentials"), step = _b[0], setStep = _b[1];
-    var _c = React.useState({ username: "", password: "" }), credentials = _c[0], setCredentials = _c[1];
+    var _c = React.useState({
+        username: "",
+        password: "",
+    }), credentials = _c[0], setCredentials = _c[1];
     var _d = React.useState(""), mfaCode = _d[0], setMfaCode = _d[1];
     var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
     var form = reactHookForm.useForm({
@@ -1920,7 +1873,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);
@@ -1945,7 +1902,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(lucideReact.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(lucideReact.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) {
@@ -1985,10 +1942,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(lucideReact.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(lucideReact.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(lucideReact.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(lucideReact.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*/];
                     });
                 }); } })] }));
@@ -2001,7 +1959,9 @@ var ErrorFallback = function (_a) {
 
 var MFAEndpointUrlSchema = z.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 = React.useMemo(function () {
         var parsed = MFAEndpointUrlSchema.safeParse(MFAEndpoint);
@@ -2036,7 +1996,7 @@ 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 });
 };
@@ -2053,7 +2013,6 @@ exports.useCAMSAuth = useCAMSAuth;
 exports.useCAMSContext = useCAMSContext;
 exports.useCAMSMSALAuth = useCAMSMSALAuth;
 exports.useCAMSMSALContext = useCAMSMSALContext;
-exports.useCAMSPopupAuth = useCAMSPopupAuth;
 Object.keys(camsSdk).forEach(function (k) {
     if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
         enumerable: true,