@nibssplc/cams-sdk-react 1.0.0-rc.133 → 1.0.0-rc.135

package/dist/index.cjs.js

@@ -415,15 +415,42 @@ function useCAMSMSALAuth(options) {
     var optStorageKey = options.storageKey, optScopes = options.scopes, prompt = options.prompt, appCode = options.appCode, ValidateUserEndpoint = options.ValidateUserEndpoint, _a = options.activeCookiePeriod, activeCookiePeriod = _a === void 0 ? 1 : _a, _b = options.DisableCAMSUserProfileValidation, DisableCAMSUserProfileValidation = _b === void 0 ? false : _b;
     var storageKey = optStorageKey || "CAMS-MSAL-AUTH-SDK";
     var _c = msalReact.useMsal(), instance = _c.instance, inProgress = _c.inProgress, accounts = _c.accounts;
-    var account = msalReact.useAccount(accounts[0] || {});
+    msalReact.useAccount(accounts[0] || {});
+    var isTokenValid = function (token) {
+        try {
+            var payload = JSON.parse(atob(token.split(".")[1]));
+            return payload.exp * 1000 > Date.now();
+        }
+        catch (_a) {
+            return false;
+        }
+    };
+    var readFromStorage = function () {
+        var _a, _b, _c;
+        if (typeof window === "undefined")
+            return { accessToken: "", idToken: "", email: "" };
+        try {
+            var raw = localStorage.getItem(storageKey);
+            if (!raw)
+                return { accessToken: "", idToken: "", email: "" };
+            var parsed = JSON.parse(raw);
+            var token = (_a = parsed.accessToken) !== null && _a !== void 0 ? _a : "";
+            return isTokenValid(token)
+                ? { accessToken: token, idToken: (_b = parsed.idToken) !== null && _b !== void 0 ? _b : "", email: (_c = parsed.email) !== null && _c !== void 0 ? _c : "" }
+                : { accessToken: "", idToken: "", email: "" };
+        }
+        catch (_d) {
+            return { accessToken: "", idToken: "", email: "" };
+        }
+    };
     var _d = React.useState(null), error = _d[0], setError = _d[1];
-    var _e = React.useState(""), idToken = _e[0], setIdToken = _e[1];
-    var _f = React.useState(""), accessToken = _f[0], setAccessToken = _f[1];
-    var _g = React.useState(""), email = _g[0], setEmail = _g[1];
+    var _e = React.useState(function () { return readFromStorage().idToken; }), idToken = _e[0], setIdToken = _e[1];
+    var _f = React.useState(function () { return readFromStorage().accessToken; }), accessToken = _f[0], setAccessToken = _f[1];
+    var _g = React.useState(function () { return readFromStorage().email; }), email = _g[0], setEmail = _g[1];
     var _h = React.useState(false), requiresMFA = _h[0], setRequiresMFA = _h[1];
     var _j = React.useState(false), isFetchingMFAConfig = _j[0], setIsFetchingMFAConfig = _j[1];
     var isLoading = inProgress !== msalBrowser.InteractionStatus.None || isFetchingMFAConfig;
-    var isAuthenticated = !!account && !!accessToken && !requiresMFA;
+    var isAuthenticated = !!accessToken && !requiresMFA;
     var scopes = optScopes || ["openid", "profile", "email"];
     var login = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
         var response, authenticator, email_1, userConfig, camsError, error_1, err_1, camsError_1, camsError;
@@ -446,8 +473,9 @@ function useCAMSMSALAuth(options) {
                 case 2:
                     response = _e.sent();
                     authenticator = new camsSdk.CAMSMFAAuthenticator();
-                    if (!DisableCAMSUserProfileValidation) return [3 /*break*/, 3];
                     email_1 = ((_a = response.account) === null || _a === void 0 ? void 0 : _a.username) || ((_b = response.idTokenClaims) === null || _b === void 0 ? void 0 : _b.preferred_username) || "";
+                    localStorage.setItem(storageKey, JSON.stringify({ accessToken: response.accessToken, idToken: response.idToken, email: email_1, appCode: appCode }));
+                    if (!DisableCAMSUserProfileValidation) return [3 /*break*/, 3];
                     setAccessToken(response.accessToken);
                     setIdToken(response.idToken);
                     setEmail(email_1);
@@ -478,6 +506,7 @@ function useCAMSMSALAuth(options) {
                         setIdToken(response.idToken);
                         setEmail(userConfig.userInfo.email);
                         setRequiresMFA(userConfig.userInfo.isMFAEnabled);
+                        localStorage.setItem(storageKey, JSON.stringify({ accessToken: response.accessToken, idToken: response.idToken, email: userConfig.userInfo.email, appCode: appCode }));
                     }
                     else {
                         camsError = new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "Login failed: " + userConfig.message);
@@ -575,6 +604,8 @@ function useCAMSMSALAuth(options) {
                 setEmail("");
                 setError(null);
                 setRequiresMFA(false);
+                if (typeof window !== "undefined")
+                    localStorage.removeItem(storageKey);
             }
             catch (err) {
                 camsError = new camsSdk.CAMSError(camsSdk.CAMSErrorType.API_VALIDATION_ERROR, "Logout failed: " + err);
@@ -1728,13 +1759,13 @@ var DefaultLoginPage = function (_a) {
                         onADLoginSuccess === null || onADLoginSuccess === void 0 ? void 0 : onADLoginSuccess();
                     } }) }) }));
     }
-    return (jsxRuntime.jsxs("main", { className: "cams-sdk min-h-screen bg-gray-50", children: [jsxRuntime.jsx(framerMotion.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.5 }, children: jsxRuntime.jsx("div", { className: "flex h-screen items-center justify-center", children: jsxRuntime.jsxs(framerMotion.motion.div, { variants: cardVariants, initial: "hidden", animate: "visible", exit: "exit", className: "w-full max-w-md p-6 space-y-4 rounded-2xl shadow-2xl", children: [jsxRuntime.jsxs(CardHeader, { className: "text-center space-y-3", children: [jsxRuntime.jsx("div", { className: "w-full flex items-center justify-center", children: jsxRuntime.jsx("img", { src: NIBSSLogo, alt: "NIBSS Logo", width: 225, height: 225 }) }), jsxRuntime.jsx(CardTitle, { className: "text-3xl font-bold", children: "NIBSS CAMS" }), jsxRuntime.jsx(CardTitle, { className: "text-gray-500 dark:text-gray-400 font-bold text-lg", children: "Centralized Authentication" })] }), jsxRuntime.jsxs(CardAction, { className: "w-full flex flex-col items-center justify-center text-center text-gray-500 dark:text-gray-400 mb-8", children: [jsxRuntime.jsx("img", { src: AuthLogo, alt: "Auth Logo", width: 365, height: 365 }), "Use Below Identity Providers To Authenticate"] }), jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs(Button
+    return (jsxRuntime.jsxs("main", { className: "cams-sdk min-h-screen bg-gray-50", children: [jsxRuntime.jsx(framerMotion.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.5 }, children: jsxRuntime.jsx("div", { className: "flex h-screen items-center justify-center", children: jsxRuntime.jsxs(framerMotion.motion.div, { variants: cardVariants, initial: "hidden", animate: "visible", exit: "exit", className: "w-full max-w-md p-6 space-y-6 rounded-2xl shadow-2xl", children: [jsxRuntime.jsxs(CardHeader, { className: "text-center space-y-3", children: [jsxRuntime.jsx("div", { className: "w-full flex items-center justify-center", children: jsxRuntime.jsx("img", { src: NIBSSLogo, alt: "NIBSS Logo", width: 250, height: 250 }) }), jsxRuntime.jsx(CardTitle, { className: "text-3xl font-bold", children: "NIBSS CAMS" }), jsxRuntime.jsx(CardTitle, { className: "text-gray-500 dark:text-gray-400 font-bold text-2xl", children: "Centralized Authentication" })] }), jsxRuntime.jsxs(CardAction, { className: "w-full flex flex-col items-center justify-center text-center text-gray-500 dark:text-gray-400 mb-8", children: [jsxRuntime.jsx("img", { src: AuthLogo, alt: "Auth Logo", width: 385, height: 385 }), "Use Below Identity Providers To Authenticate"] }), jsxRuntime.jsxs("div", { className: "space-y-6", children: [jsxRuntime.jsxs(Button
                                     // 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: handleMSALLogin, disabled: isLoading, children: [jsxRuntime.jsx("img", { src: MicrosoftLogo, alt: "Microsoft Logo", width: 35, height: 35 }), jsxRuntime.jsx("span", { className: "ml-2", children: isLoading ? "Logging in..." : "Sign in with Microsoft" })] }), useADLogin && (jsxRuntime.jsxs(Button, { 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: [jsxRuntime.jsx(lucideReact.KeyIcon, { className: "text-[#506f4a]", size: 64 }), jsxRuntime.jsx("span", { children: isLoading
                                                     ? "Logging in..."
-                                                    : "Sign in with ActiveDirectory" })] }))] }), jsxRuntime.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "w-4 h-4 text-[#506f4a] pulse-glow" }), jsxRuntime.jsx("span", { children: "Powered By NIBSS" })] })] }) }) }, "landing"), jsxRuntime.jsx(ADLoginModal, { open: showADModal, onOpenChange: setShowADModal, isLoading: context.isLoading || isCredAuthLoading, setIsLoading: setIsCredAuthLoading, onLogin: function (_a) { return __awaiter$1(void 0, [_a], void 0, function (_b) {
+                                                    : "Sign in with Active Directory" })] }))] }), jsxRuntime.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "w-6 h-6 text-[#506f4a] pulse-glow" }), jsxRuntime.jsx("span", { className: "font-semibold", children: "Powered By NIBSS" })] })] }) }) }, "landing"), jsxRuntime.jsx(ADLoginModal, { open: showADModal, onOpenChange: setShowADModal, isLoading: context.isLoading || isCredAuthLoading, setIsLoading: setIsCredAuthLoading, onLogin: function (_a) { return __awaiter$1(void 0, [_a], void 0, function (_b) {
                     var username = _b.username, password = _b.password, MFACode = _b.MFACode, appCode = _b.appCode;
                     return __generator$1(this, function (_c) {
                         switch (_c.label) {