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

package/dist/index.cjs.js

@@ -1777,45 +1777,44 @@ var MFAGate = function (_a) {
         }
         return parsed.data;
     }, [MFAEndpoints]);
-    // Extract the specific values we need from context for dependencies
+    // Extract primitives from context to avoid object reference churn in deps
     var contextRequiresMFA = "requiresMFA" in context ? context.requiresMFA : false;
     var contextAccessToken = "accessToken" in context ? context.accessToken : "";
+    var contextIdToken = "idToken" in context ? context.idToken : "";
+    var contextHasUser = !!context.user;
+    var contextIsLoading = context.isLoading;
+    // Use refs so callbacks never cause effect/useCallback to re-run
+    var onAuthSuccessRef = React.useRef(onAuthSuccess);
+    var contextOnAuthSuccessRef = React.useRef("onAuthSuccess" in context ? context.onAuthSuccess : undefined);
+    React.useEffect(function () { onAuthSuccessRef.current = onAuthSuccess; }, [onAuthSuccess]);
+    React.useEffect(function () { contextOnAuthSuccessRef.current = "onAuthSuccess" in context ? context.onAuthSuccess : undefined; });
     var fireOnAuthSuccess = React.useCallback(function (tokens) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator$1(this, function (_b) {
-            switch (_b.label) {
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
                 case 0: return [4 /*yield*/, Promise.all([
-                        onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess(tokens),
-                        "onAuthSuccess" in context ? (_a = context.onAuthSuccess) === null || _a === void 0 ? void 0 : _a.call(context, tokens) : undefined,
+                        (_a = onAuthSuccessRef.current) === null || _a === void 0 ? void 0 : _a.call(onAuthSuccessRef, tokens),
+                        (_b = contextOnAuthSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(contextOnAuthSuccessRef, tokens),
                     ])];
                 case 1:
-                    _b.sent();
+                    _c.sent();
                     return [2 /*return*/];
             }
         });
-    }); }, [context, onAuthSuccess]);
+    }); }, [] // stable — reads from refs
+    );
     var handleComplete = React.useCallback(function (success) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var accessToken, idToken;
         return __generator$1(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!success) return [3 /*break*/, 2];
-                    accessToken = "accessToken" in context ? context.accessToken : "";
-                    idToken = "idToken" in context ? context.idToken : "";
-                    camsSdk.Logger.info("MFA Authentication Successful");
-                    setAuthState("Completing");
-                    return [4 /*yield*/, fireOnAuthSuccess({ accessToken: accessToken, idToken: idToken })];
-                case 1:
-                    _a.sent();
-                    setAuthState("Authenticated");
-                    return [3 /*break*/, 3];
-                case 2:
-                    camsSdk.Logger.error("MFA Authentication Failed");
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+            if (success) {
+                camsSdk.Logger.info("MFA Authentication Successful");
+                setAuthState("Completing");
             }
+            else {
+                camsSdk.Logger.error("MFA Authentication Failed");
+            }
+            return [2 /*return*/];
         });
-    }); }, [context, fireOnAuthSuccess]);
+    }); }, []);
     var handleAuthFailed = React.useCallback(function () { return __awaiter$1(void 0, void 0, void 0, function () {
         var _a;
         return __generator$1(this, function (_b) {
@@ -1835,11 +1834,11 @@ var MFAGate = function (_a) {
         });
     }); }, [context, onAuthError]);
     React.useEffect(function () {
-        if (context.isLoading) {
+        if (contextIsLoading) {
             setAuthState("Loading");
             return;
         }
-        if (context.user) {
+        if (contextHasUser) {
             setAuthState("Authenticated");
             return;
         }
@@ -1850,21 +1849,32 @@ var MFAGate = function (_a) {
         var shouldRequireMFA = requiresMFA !== null && requiresMFA !== void 0 ? requiresMFA : contextRequiresMFA;
         if (shouldRequireMFA) {
             setAuthState("MFA_Required");
+            return;
         }
-        else {
-            var accessToken = "accessToken" in context ? context.accessToken : "";
-            var idToken = "idToken" in context ? context.idToken : "";
-            setAuthState("Completing");
-            fireOnAuthSuccess({ accessToken: accessToken, idToken: idToken }).then(function () { return setAuthState("Authenticated"); });
-        }
+        // Only fire once — guard against re-running while already completing/authenticated
+        setAuthState(function (prev) {
+            if (prev === "Completing" || prev === "Authenticated")
+                return prev;
+            return "Completing";
+        });
     }, [
-        context.isLoading,
-        context.user,
+        contextIsLoading,
+        contextHasUser,
         contextRequiresMFA,
         contextAccessToken,
         requiresMFA,
-        fireOnAuthSuccess,
     ]);
+    // Separate effect: fire callback and advance to Authenticated only when Completing
+    React.useEffect(function () {
+        if (authState !== "Completing")
+            return;
+        var cancelled = false;
+        fireOnAuthSuccess({ accessToken: contextAccessToken, idToken: contextIdToken }).then(function () {
+            if (!cancelled)
+                setAuthState("Authenticated");
+        });
+        return function () { cancelled = true; };
+    }, [authState, contextAccessToken, contextIdToken, fireOnAuthSuccess]);
     if (useADLogin && !CredentialsAuthEndpoint)
         return jsxRuntime.jsx(ErrorFallback, { message: "Invalid AD Login Configuration." });
     if (!ValidatedMFAEndpoints)