@nibssplc/cams-sdk-react 1.0.0-rc.46 → 1.0.0-rc.48

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './styles.css';
 export * from './hooks/useCAMSAuth';
 export * from './hooks/useCAMSMSALAuth';
 export { useWebAuthn } from './hooks/useFIDOAuth';

package/dist/index.esm.js

@@ -413,7 +413,7 @@ var deleteCookie = function (name) {
 
 function useCAMSMSALAuth(options) {
     var _this = this;
-    var optStorageKey = options.storageKey, optScopes = options.scopes, prompt = options.prompt, appCode = options.appCode, MFAEndpoint = options.MFAEndpoint, onAuthSuccess = options.onAuthSuccess, onAuthError = options.onAuthError, _a = options.activeCookiePeriod, activeCookiePeriod = _a === void 0 ? 1 : _a;
+    var optStorageKey = options.storageKey, optScopes = options.scopes, prompt = options.prompt, appCode = options.appCode, MFAEndpoint = options.MFAEndpoint, _a = options.activeCookiePeriod, activeCookiePeriod = _a === void 0 ? 1 : _a;
     var storageKey = optStorageKey || "CAMS-MSAL-AUTH-SDK";
     var _b = useMsal(), instance = _b.instance, inProgress = _b.inProgress, accounts = _b.accounts;
     var account = useAccount(accounts[0] || {});
@@ -542,10 +542,6 @@ function useCAMSMSALAuth(options) {
                             idToken: response.idToken,
                         }));
                     }
-                    onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess({
-                        accessToken: response.accessToken,
-                        idToken: response.idToken,
-                    });
                     return [3 /*break*/, 4];
                 case 3:
                     err_1 = _b.sent();
@@ -565,12 +561,10 @@ function useCAMSMSALAuth(options) {
                         ((_a = err_1.message) === null || _a === void 0 ? void 0 : _a.includes("popup"))) {
                         camsError_1 = new CAMSError(CAMSErrorType.POPUP_BLOCKED, "Popup blocked by browser. Please allow popups and try again.");
                         setError(camsError_1);
-                        onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError(camsError_1);
                         return [2 /*return*/];
                     }
                     camsError = new CAMSError(CAMSErrorType.API_VALIDATION_ERROR, "Login failed: " + err_1.message || err_1);
                     setError(camsError);
-                    onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError(camsError);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -581,8 +575,6 @@ function useCAMSMSALAuth(options) {
         prompt,
         appCode,
         MFAEndpoint,
-        onAuthSuccess,
-        onAuthError,
         storageKey,
         inProgress,
     ]);
@@ -1475,8 +1467,8 @@ function CAMSProviderCore(props) {
     ]);
     var value = useMemo(function () {
         auth.logout; var authRest = __rest(auth, ["logout"]);
-        return __assign(__assign({}, authRest), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode });
-    }, [auth, userProfile, mode]);
+        return __assign(__assign({}, authRest), { logout: enhancedLogout, userProfile: userProfile, setUserProfile: setUserProfile, authMode: mode, onAuthSuccess: mode === "MSAL" ? props.onAuthSuccess : undefined, onAuthError: mode === "MSAL" ? props.onAuthError : undefined });
+    }, [auth, userProfile, mode, props]);
     return jsxRuntimeExports.jsx(CAMSContext.Provider, { value: value, children: children });
 }
 function UnifiedCAMSProvider(props) {
@@ -1823,36 +1815,6 @@ function DialogTitle(_a) {
 
 var a="container_f782f4",i="inner_37f4c9",c="bar_409d0f";const r=({size:r=35,color:l="black",speed:d=1,stroke:o=3.5})=>jsxRuntimeExports.jsx("div",{className:a,style:{"--uib-size":r+"px","--uib-color":l,"--uib-speed":d+"s","--uib-stroke":o+"px"},children:jsxRuntimeExports.jsxs("div",{className:i,children:[jsxRuntimeExports.jsx("div",{className:c}),jsxRuntimeExports.jsx("div",{className:c}),jsxRuntimeExports.jsx("div",{className:c}),jsxRuntimeExports.jsx("div",{className:c})]})});
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".container_f782f4 {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: calc(var(--uib-size) * 0.9);\n  width: var(--uib-size);\n}\n\n.inner_37f4c9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: var(--uib-size);\n  height: calc(var(--uib-size) * 0.9);\n}\n\n.bar_409d0f {\n  width: var(--uib-stroke);\n  height: 100%;\n  background-color: var(--uib-color);\n  transition: background-color 0.3s ease;\n}\n\n.bar_409d0f:nth-child(1) {\n  animation: grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.45) infinite;\n}\n\n.bar_409d0f:nth-child(2) {\n  animation: grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.3) infinite;\n}\n\n.bar_409d0f:nth-child(3) {\n  animation: grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.15) infinite;\n}\n\n.bar_409d0f:nth-child(4) {\n  animation: grow_ca6a4e var(--uib-speed) ease-in-out infinite;\n}\n\n@keyframes grow_ca6a4e {\n  0%, 100% {\n    transform: scaleY(0.3);\n  }\n  50% {\n    transform: scaleY(1);\n  }\n}";
-styleInject(css_248z);
-
 var LoadingSpinner = function (_a) {
     var loadingText = _a.loadingText;
     return (jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-center items-center h-full w-full py-10", children: [jsxRuntimeExports.jsx("script", { type: "module", defer: true, src: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/waveform.js" }), jsxRuntimeExports.jsx(r, { size: "35", stroke: "3.5", speed: "1", color: "green" }), loadingText && (jsxRuntimeExports.jsx("p", { className: "text-center font-semibold mt-3", children: "Loading..." }))] }));
@@ -2427,7 +2389,7 @@ var MFAGate = function (_a) {
     // loginComponent: LoginComponent = DefaultLoginPage,
     _c = _a.usePassKey, 
     // loginComponent: LoginComponent = DefaultLoginPage,
-    usePassKey = _c === void 0 ? false : _c, _d = _a.useADLogin, useADLogin = _d === void 0 ? false : _d, CredentialsAuthEndpoint = _a.CredentialsAuthEndpoint, PassKeysRegisterProps = _a.PassKeysRegisterProps, MFAEndpoints = _a.MFAEndpoints;
+    usePassKey = _c === void 0 ? false : _c, _d = _a.useADLogin, useADLogin = _d === void 0 ? false : _d, CredentialsAuthEndpoint = _a.CredentialsAuthEndpoint, PassKeysRegisterProps = _a.PassKeysRegisterProps, MFAEndpoints = _a.MFAEndpoints, requiresMFA = _a.requiresMFA;
     var context = useCAMSContext();
     var validatedMFAEndpoints = useMemo(function () {
         var parsed = MFAEndpointsSchema.safeParse(MFAEndpoints);
@@ -2438,19 +2400,32 @@ var MFAGate = function (_a) {
         return parsed.data;
     }, [MFAEndpoints]);
     var handleComplete = useCallback(function (success) {
-        if (!success)
+        var _a;
+        if (success && context.authMode === "MSAL") {
+            (_a = context.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(context, {
+                accessToken: context.accessToken,
+                idToken: context.idToken,
+            });
+        }
+        else if (!success) {
             Logger.error("MFA authentication failed");
-    }, []);
+        }
+    }, [context]);
     var handleAuthFailed = useCallback(function () { return __awaiter$1(void 0, void 0, void 0, function () {
-        return __generator$1(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, context.logout()];
+        var _a;
+        return __generator$1(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (context.authMode === "MSAL" && context.error) {
+                        (_a = context.onAuthError) === null || _a === void 0 ? void 0 : _a.call(context, context.error);
+                    }
+                    return [4 /*yield*/, context.logout()];
                 case 1:
-                    _a.sent();
+                    _b.sent();
                     return [2 /*return*/];
             }
         });
-    }); }, [context.logout]);
+    }); }, [context]);
     if (useADLogin && !CredentialsAuthEndpoint)
         return jsxRuntimeExports.jsx(ErrorFallback, { message: "Invalid AD Login Configuration." });
     if (!validatedMFAEndpoints)
@@ -2459,7 +2434,8 @@ var MFAGate = function (_a) {
         return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
     if (context.isLoading)
         return fallback;
-    if (context.requiresMFA) {
+    var shouldRequireMFA = requiresMFA !== null && requiresMFA !== void 0 ? requiresMFA : context.requiresMFA;
+    if (shouldRequireMFA) {
         return (jsxRuntimeExports.jsx(MFAOptions, { MFAEndpoints: validatedMFAEndpoints, usePassKey: usePassKey, onComplete: handleComplete, onAuthFailed: handleAuthFailed }));
     }
     if (!context.isAuthenticated) {