synapse-react-client 3.1.24 → 3.1.26

package/dist/utils/hooks/SynapseAPI/user/useUserGroupHeader.js

@@ -7,8 +7,8 @@ var __1 = require("../../..");
 var SynapseContext_1 = require("../../../SynapseContext");
 function useGetUserGroupHeader(principalId, options) {
     var _this = this;
-    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    var queryKey = ['userGroupHeader', principalId];
+    var _a = (0, SynapseContext_1.useSynapseContext)(), accessToken = _a.accessToken, keyFactory = _a.keyFactory;
+    var queryKey = keyFactory.getUserGroupHeaderQueryKey(principalId);
     return (0, react_query_1.useQuery)(queryKey, function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
         var responsePage;
         return tslib_1.__generator(this, function (_a) {
@@ -27,7 +27,8 @@ function useGetUserGroupHeader(principalId, options) {
 exports.useGetUserGroupHeader = useGetUserGroupHeader;
 function useSearchUserGroupHeaders(prefix, filter, options) {
     var _this = this;
-    var queryKey = ['userGroupHeader', 'search', prefix, filter];
+    var keyFactory = (0, SynapseContext_1.useSynapseContext)().keyFactory;
+    var queryKey = keyFactory.getUserGroupHeaderSearchQueryKey(prefix, filter);
     return (0, react_query_1.useQuery)(queryKey, function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
         var responsePage;
         return tslib_1.__generator(this, function (_a) {
@@ -43,7 +44,8 @@ function useSearchUserGroupHeaders(prefix, filter, options) {
 exports.useSearchUserGroupHeaders = useSearchUserGroupHeaders;
 function useGetUserGroupHeaderWithAlias(aliases, options) {
     var _this = this;
-    var queryKey = ['userGroupHeader', aliases];
+    var keyFactory = (0, SynapseContext_1.useSynapseContext)().keyFactory;
+    var queryKey = keyFactory.getUserGroupHeaderWithAliasQueryKey(aliases);
     return (0, react_query_1.useQuery)(queryKey, function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
         var response;
         return tslib_1.__generator(this, function (_a) {

package/dist/utils/hooks/SynapseAPI/user/useUserGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserGroupHeader.js","sourceRoot":"","sources":["../../../../../src/lib/utils/hooks/SynapseAPI/user/useUserGroupHeader.ts"],"names":[],"mappings":";;;;AAAA,2CAAuD;AACvD,8BAAwC;AAExC,0DAA2D;AAG3D,SAAgB,qBAAqB,CACnC,WAAmB,EACnB,OAA8D;IAFhE,iBAuBC;IAnBS,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IAC3C,IAAM,QAAQ,GAAG,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;IAEjD,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACuB,qBAAM,iBAAa,CAAC,oBAAoB,CAC3D,CAAC,WAAW,CAAC,EACb,WAAW,CACZ,EAAA;;oBAHK,YAAY,GAAG,SAGpB;oBACD,IAAI,YAAY,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;wBACtC,MAAM,IAAI,KAAK,CACb,iEAA0D,WAAW,mBAAS,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAE,CAC7G,CAAA;qBACF;oBACD,sBAAO,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA;;;SAChC,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAvBD,sDAuBC;AAED,SAAgB,yBAAyB,CACvC,MAAc,EACd,MAAoB,EACpB,OAAgE;IAHlE,iBAkBC;IAbC,IAAM,QAAQ,GAAG,CAAC,iBAAiB,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAE9D,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACuB,qBAAM,iBAAa,CAAC,mBAAmB,CAC1D,MAAM,EACN,MAAM,CACP,EAAA;;oBAHK,YAAY,GAAG,SAGpB;oBACD,sBAAO,YAAY,CAAC,QAAQ,EAAA;;;SAC7B,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAlBD,8DAkBC;AAED,SAAgB,8BAA8B,CAC5C,OAAiB,EACjB,OAAgE;IAFlE,iBAgBC;IAZC,IAAM,QAAQ,GAAG,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAA;IAE7C,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACmB,qBAAM,iBAAa,CAAC,6BAA6B,CAChE,OAAO,CACR,EAAA;;oBAFK,QAAQ,GAAG,SAEhB;oBACD,sBAAO,QAAQ,CAAC,IAAI,EAAA;;;SACrB,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAhBD,wEAgBC"}
+{"version":3,"file":"useUserGroupHeader.js","sourceRoot":"","sources":["../../../../../src/lib/utils/hooks/SynapseAPI/user/useUserGroupHeader.ts"],"names":[],"mappings":";;;;AAAA,2CAAuD;AACvD,8BAAwC;AAExC,0DAA2D;AAG3D,SAAgB,qBAAqB,CACnC,WAAmB,EACnB,OAA8D;IAFhE,iBAuBC;IAnBO,IAAA,KAA8B,IAAA,kCAAiB,GAAE,EAA/C,WAAW,iBAAA,EAAE,UAAU,gBAAwB,CAAA;IACvD,IAAM,QAAQ,GAAG,UAAU,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAA;IAEnE,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACuB,qBAAM,iBAAa,CAAC,oBAAoB,CAC3D,CAAC,WAAW,CAAC,EACb,WAAW,CACZ,EAAA;;oBAHK,YAAY,GAAG,SAGpB;oBACD,IAAI,YAAY,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;wBACtC,MAAM,IAAI,KAAK,CACb,iEAA0D,WAAW,mBAAS,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAE,CAC7G,CAAA;qBACF;oBACD,sBAAO,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA;;;SAChC,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAvBD,sDAuBC;AAED,SAAgB,yBAAyB,CACvC,MAAc,EACd,MAAoB,EACpB,OAAgE;IAHlE,iBAmBC;IAdS,IAAA,UAAU,GAAK,IAAA,kCAAiB,GAAE,WAAxB,CAAwB;IAC1C,IAAM,QAAQ,GAAG,UAAU,CAAC,gCAAgC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAE5E,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACuB,qBAAM,iBAAa,CAAC,mBAAmB,CAC1D,MAAM,EACN,MAAM,CACP,EAAA;;oBAHK,YAAY,GAAG,SAGpB;oBACD,sBAAO,YAAY,CAAC,QAAQ,EAAA;;;SAC7B,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAnBD,8DAmBC;AAED,SAAgB,8BAA8B,CAC5C,OAAiB,EACjB,OAAgE;IAFlE,iBAkBC;IAdS,IAAA,UAAU,GAAK,IAAA,kCAAiB,GAAE,WAAxB,CAAwB;IAE1C,IAAM,QAAQ,GAAG,UAAU,CAAC,mCAAmC,CAAC,OAAO,CAAC,CAAA;IAExE,OAAO,IAAA,sBAAQ,EACb,QAAQ,EACR;;;;wBACmB,qBAAM,iBAAa,CAAC,6BAA6B,CAChE,OAAO,CACR,EAAA;;oBAFK,QAAQ,GAAG,SAEhB;oBACD,sBAAO,QAAQ,CAAC,IAAI,EAAA;;;SACrB,EACD,OAAO,CACR,CAAA;AACH,CAAC;AAlBD,wEAkBC"}

package/dist/utils/hooks/index.d.ts

@@ -0,0 +1,15 @@
+export * from './useCompare';
+export * from './useDebouncedEffect';
+export * from './useDetectSSOCode';
+export * from './useFocus';
+export * from './useGetInfoFromIds';
+export * from './useGetIsAllSelectedInfiniteList';
+export * from './useLogin';
+export * from './useListState';
+export * from './useOverlay';
+export * from './usePreFetchResource';
+export * from './usePrevious';
+export * from './useSet';
+export * from './useShowDesktop';
+export * from './useTraceUpdate';
+export * as SynapseQueries from './SynapseAPI';

package/dist/utils/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SynapseQueries = void 0;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useCompare"), exports);
+tslib_1.__exportStar(require("./useDebouncedEffect"), exports);
+tslib_1.__exportStar(require("./useDetectSSOCode"), exports);
+tslib_1.__exportStar(require("./useFocus"), exports);
+tslib_1.__exportStar(require("./useGetInfoFromIds"), exports);
+tslib_1.__exportStar(require("./useGetIsAllSelectedInfiniteList"), exports);
+tslib_1.__exportStar(require("./useLogin"), exports);
+tslib_1.__exportStar(require("./useListState"), exports);
+tslib_1.__exportStar(require("./useOverlay"), exports);
+tslib_1.__exportStar(require("./usePreFetchResource"), exports);
+tslib_1.__exportStar(require("./usePrevious"), exports);
+tslib_1.__exportStar(require("./useSet"), exports);
+tslib_1.__exportStar(require("./useShowDesktop"), exports);
+tslib_1.__exportStar(require("./useTraceUpdate"), exports);
+exports.SynapseQueries = tslib_1.__importStar(require("./SynapseAPI"));
+//# sourceMappingURL=index.js.map

package/dist/utils/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/index.ts"],"names":[],"mappings":";;;;AAAA,uDAA4B;AAC5B,+DAAoC;AACpC,6DAAkC;AAClC,qDAA0B;AAC1B,8DAAmC;AACnC,4EAAiD;AACjD,qDAA0B;AAC1B,yDAA8B;AAC9B,uDAA4B;AAC5B,gEAAqC;AACrC,wDAA6B;AAC7B,mDAAwB;AACxB,2DAAgC;AAChC,2DAAgC;AAChC,uEAA8C"}

package/dist/utils/hooks/useDetectSSOCode.d.ts

@@ -0,0 +1,8 @@
+import { TwoFactorAuthErrorResponse } from '../synapseTypes/ErrorResponse';
+type UseDetectSSOCodeOptions = {
+    registerAccountUrl?: string;
+    onError?: (err: unknown) => void;
+    onTwoFactorAuthRequired?: (resp: TwoFactorAuthErrorResponse, callback: () => void) => void;
+};
+export default function useDetectSSOCode(opts?: UseDetectSSOCodeOptions): void;
+export {};

package/dist/utils/hooks/useDetectSSOCode.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var getEndpoint_1 = require("../functions/getEndpoint");
+var SynapseClient_1 = require("../SynapseClient");
+var react_1 = require("react");
+var AuthenticationMethodSelection_1 = require("../../containers/auth/AuthenticationMethodSelection");
+/*
+ * During SSO login, the authorization provider (Google) will send the user back to the portal with an authorization code,
+ * which can be exchanged for a Synapse user session. This function should be called whenever the root App is initialized
+ * (to look for this code parameter and complete the round-trip). If state is included, then we assume that this is being
+ * used for account creation, where we pass the username through the process.
+ */
+function useDetectSSOCode(opts) {
+    if (opts === void 0) { opts = {}; }
+    var _a = opts.registerAccountUrl, registerAccountUrl = _a === void 0 ? "".concat(getEndpoint_1.PRODUCTION_ENDPOINT_CONFIG.PORTAL, "#!RegisterAccount:0") : _a, onError = opts.onError, onTwoFactorAuthRequired = opts.onTwoFactorAuthRequired;
+    (0, react_1.useEffect)(function () {
+        var redirectURL = (0, SynapseClient_1.getRootURL)();
+        // 'code' handling (from SSO) should be preformed on the root page, and then redirect to original route.
+        var fullUrl = new URL(window.location.href);
+        // in test environment the searchParams isn't defined
+        var searchParams = fullUrl.searchParams;
+        if (!searchParams) {
+            return;
+        }
+        var code = searchParams.get('code');
+        var provider = searchParams.get('provider');
+        var state = searchParams.get('state');
+        // state is used during OAuth based Synapse account creation (it's the username)
+        if (code && provider) {
+            var redirectUrl = "".concat(redirectURL, "?provider=").concat(provider);
+            var redirectAfterSuccess_1 = function () {
+                // go back to original route after successful SSO login
+                var originalUrl = localStorage.getItem('after-sso-login-url');
+                localStorage.removeItem('after-sso-login-url');
+                if (originalUrl) {
+                    window.location.replace(originalUrl);
+                }
+            };
+            if (AuthenticationMethodSelection_1.PROVIDERS.GOOGLE == provider) {
+                var onSuccess = function (response) {
+                    if ('accessToken' in response) {
+                        (0, SynapseClient_1.setAccessTokenCookie)(response.accessToken).then(redirectAfterSuccess_1);
+                    }
+                    else {
+                        // The app will redirect or open a modal to handle 2FA
+                        if (onTwoFactorAuthRequired) {
+                            onTwoFactorAuthRequired(response, redirectAfterSuccess_1);
+                        }
+                    }
+                };
+                var onFailure = function (err) {
+                    if (err.status === 404) {
+                        // Synapse account not found, send to registration page
+                        window.location.replace(registerAccountUrl);
+                    }
+                    console.error('Error with Google account association: ', err);
+                    if (onError) {
+                        onError(err.reason);
+                    }
+                };
+                if (state) {
+                    (0, SynapseClient_1.oAuthRegisterAccountStep2)(state, provider, code, redirectUrl, getEndpoint_1.BackendDestinationEnum.REPO_ENDPOINT)
+                        .then(onSuccess)
+                        .catch(onFailure);
+                }
+                else {
+                    (0, SynapseClient_1.oAuthSessionRequest)(provider, code, redirectUrl, getEndpoint_1.BackendDestinationEnum.REPO_ENDPOINT)
+                        .then(onSuccess)
+                        .catch(onFailure);
+                }
+            }
+            else if (AuthenticationMethodSelection_1.PROVIDERS.ORCID == provider) {
+                // now bind this to the user account
+                var onFailure = function (err) {
+                    console.error('Error binding ORCiD to account: ', err);
+                    if (onError) {
+                        onError(err.reason);
+                    }
+                };
+                (0, SynapseClient_1.bindOAuthProviderToAccount)(provider, code, redirectUrl, getEndpoint_1.BackendDestinationEnum.REPO_ENDPOINT)
+                    .then(redirectAfterSuccess_1)
+                    .catch(onFailure);
+            }
+        }
+        // Intentionally have an empty dep array -- this should only run once per mount since it's checking for params that come from a redirect
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}
+exports.default = useDetectSSOCode;
+//# sourceMappingURL=useDetectSSOCode.js.map

package/dist/utils/hooks/useDetectSSOCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectSSOCode.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/useDetectSSOCode.ts"],"names":[],"mappings":"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"}

package/dist/utils/hooks/useFocus.d.ts

@@ -0,0 +1,15 @@
+/**
+ * How to use:
+   const [inputRef, setInputFocus] = useFocus()
+    return (
+        <>
+            <button onClick={setInputFocus} >
+               Click to ask input to request focus
+            </button>
+            <input ref={inputRef} />
+        </>
+    )
+ */
+/// <reference types="react" />
+declare const useFocus: () => (import("react").MutableRefObject<HTMLInputElement | undefined> | (() => void))[];
+export default useFocus;

package/dist/utils/hooks/useFocus.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * How to use:
+   const [inputRef, setInputFocus] = useFocus()
+    return (
+        <>
+            <button onClick={setInputFocus} >
+               Click to ask input to request focus
+            </button>
+            <input ref={inputRef} />
+        </>
+    )
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useFocus = function () {
+    var ref = (0, react_1.useRef)();
+    var setFocus = function () {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    return [ref, setFocus];
+};
+exports.default = useFocus;
+//# sourceMappingURL=useFocus.js.map

package/dist/utils/hooks/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/useFocus.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;;AAEH,+BAA8B;AAE9B,IAAM,QAAQ,GAAG;IACf,IAAM,GAAG,GAAG,IAAA,cAAM,GAAoB,CAAA;IACtC,IAAM,QAAQ,GAAG;;QACf,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACtB,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

package/dist/utils/hooks/useLogin.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TwoFactorAuthOtpType } from '../synapseTypes/TwoFactorAuthLoginRequest';
+import { TwoFactorAuthErrorResponse } from '../synapseTypes/ErrorResponse';
+export type UseLoginReturn = {
+    step: 'CHOOSE_AUTH_METHOD' | 'USERNAME_PASSWORD' | 'VERIFICATION_CODE' | 'RECOVERY_CODE' | 'LOGGED_IN';
+    onStepChange: Dispatch<SetStateAction<UseLoginReturn['step']>>;
+    submitUsernameAndPassword: (username: string, password: string) => void;
+    submitOneTimePassword: (code: string, otpType?: TwoFactorAuthOtpType) => void;
+    errorMessage: string | undefined;
+    isLoading: boolean;
+};
+/**
+ * Stateful hook that manages logging into Synapse
+ */
+export default function useLogin(sessionCallback?: () => void, twoFaErrorResponse?: TwoFactorAuthErrorResponse): UseLoginReturn;

package/dist/utils/hooks/useLogin.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var index_1 = require("../index");
+var SynapseConstants_1 = require("../SynapseConstants");
+var react_query_1 = require("react-query");
+/**
+ * Stateful hook that manages logging into Synapse
+ */
+function useLogin(sessionCallback, twoFaErrorResponse) {
+    var _this = this;
+    var _a = (0, react_1.useState)('CHOOSE_AUTH_METHOD'), step = _a[0], setStep = _a[1];
+    var _b = (0, react_1.useState)(), errorMessage = _b[0], setErrorMessage = _b[1];
+    var _c = (0, react_1.useState)(), userId = _c[0], setUserId = _c[1];
+    var _d = (0, react_1.useState)(), twoFaToken = _d[0], setTwoFaToken = _d[1];
+    /*
+     * In SWC, if logging in with OAuth, the servlet will call POST /oauth2/session2 to get the access token.
+     *
+     * If the user has 2FA enabled, the servlet will receive a 401 with the userId and twoFaToken in the response.
+     * The servlet will then redirect the user to the login page with the userId and twoFaToken in the searchParams.
+     *
+     * This effect will check if the search params are present, and change the step to 'VERIFICATION_CODE' if they are.
+     */
+    (0, react_1.useEffect)(function () {
+        // Replace the hash with a slash to handle SWC, which uses a hash in the URL. Otherwise, the searchParams aren't found
+        var fullUrl = new URL(window.location.href.replaceAll('#', '/'));
+        var searchParams = fullUrl.searchParams;
+        if (searchParams) {
+            var userId_1 = searchParams.get('userId');
+            var twoFaToken_1 = searchParams.get('twoFaToken');
+            if (userId_1 && twoFaToken_1) {
+                setUserId(parseInt(userId_1, 10));
+                setTwoFaToken(twoFaToken_1);
+                if (!['VERIFICATION_CODE', 'RECOVERY_CODE', 'LOGGED_IN'].includes(step)) {
+                    setStep('VERIFICATION_CODE');
+                }
+            }
+        }
+    }, [step]);
+    /*
+     * In client-only apps (like Portals), if logging in with OAuth, the client app will call POST /oauth2/session2 to get the access token.
+     *
+     * If the user has 2FA enabled, the client app will receive a 401 with the userId and twoFaToken in the response.
+     *
+     * The app can pass the error response as a prop/argument, and we'll use it here to jump straight to the VERIFICATION_CODE step.
+     */
+    (0, react_1.useEffect)(function () {
+        if (twoFaErrorResponse) {
+            setTwoFaToken(twoFaErrorResponse.twoFaToken);
+            setUserId(twoFaErrorResponse.userId);
+            if (!['VERIFICATION_CODE', 'RECOVERY_CODE', 'LOGGED_IN'].includes(step)) {
+                setStep('VERIFICATION_CODE');
+            }
+        }
+    }, [twoFaErrorResponse]);
+    function finishLogin(loginResponse) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, index_1.SynapseClient.setAccessTokenCookie(loginResponse.accessToken)];
+                    case 1:
+                        _a.sent();
+                        localStorage.setItem(SynapseConstants_1.AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY, loginResponse.authenticationReceipt);
+                        setStep('LOGGED_IN');
+                        if (sessionCallback) {
+                            sessionCallback();
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var _e = (0, react_query_1.useMutation)(function (_a) {
+        var username = _a.username, password = _a.password, authenticationReceipt = _a.authenticationReceipt;
+        return index_1.SynapseClient.login(username, password, authenticationReceipt);
+    }, {
+        onError: function (error) {
+            setErrorMessage(error.reason);
+        },
+        onSuccess: function (loginResponse) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!('errorCode' in loginResponse)) return [3 /*break*/, 1];
+                        setStep('VERIFICATION_CODE');
+                        setTwoFaToken(loginResponse.twoFaToken);
+                        setUserId(loginResponse.userId);
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, finishLogin(loginResponse)];
+                    case 2:
+                        _a.sent();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); },
+    }), mutateLoginWithUsernameAndPassword = _e.mutate, isLoadingLoginWithUsernameAndPassword = _e.isLoading;
+    var _f = (0, react_query_1.useMutation)(index_1.SynapseClient.loginWith2fa, {
+        onError: function (e) {
+            setErrorMessage(e.reason);
+            if (
+            // The twoFaToken wasn't transmitted correctly
+            e.reason.includes('The provided twoFaToken is invalid') ||
+                // The user waited too long to enter the code.
+                e.reason.includes('Token has expired')) {
+                console.warn(e);
+                // Instruct the user refresh to start over.
+                setErrorMessage('Something went wrong. Refresh the page and try again.');
+                // If the 2FA token is in the search parameters, remove it so the user doesn't just get the same error again.
+                if (window.location.href.includes('twoFaToken')) {
+                    window.history.replaceState({}, document.title, 
+                    // using regex because SWC hashbang doesn't work with URLSearchParams
+                    window.location.href.replaceAll(/(twoFaToken|userId)=[^&]*&?/g, ''));
+                }
+            }
+        },
+        onSuccess: finishLogin,
+    }), mutateLoginWith2FACode = _f.mutate, isLoadingLoginWith2FACode = _f.isLoading;
+    var submitUsernameAndPassword = function (username, password) {
+        setErrorMessage(undefined);
+        var authenticationReceipt = localStorage.getItem(SynapseConstants_1.AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY);
+        mutateLoginWithUsernameAndPassword({
+            username: username,
+            password: password,
+            authenticationReceipt: authenticationReceipt,
+        });
+    };
+    var submitOneTimePassword = function (code, otpType) {
+        if (otpType === void 0) { otpType = step === 'RECOVERY_CODE' ? 'RECOVERY_CODE' : 'TOTP'; }
+        setErrorMessage(undefined);
+        if (twoFaToken == null || userId == null) {
+            // This could happen if the 2FA component exists on its own route, and the user directly navigates to it without first logging in with credentials/OAuth
+            setErrorMessage('You did not first log in with your password or a third-party identity provider.');
+            return;
+        }
+        var request = {
+            userId: userId,
+            twoFaToken: twoFaToken,
+            otpCode: code,
+            otpType: otpType,
+        };
+        mutateLoginWith2FACode(request);
+    };
+    return {
+        step: step,
+        onStepChange: setStep,
+        submitUsernameAndPassword: submitUsernameAndPassword,
+        submitOneTimePassword: submitOneTimePassword,
+        errorMessage: errorMessage,
+        isLoading: isLoadingLoginWithUsernameAndPassword || isLoadingLoginWith2FACode,
+    };
+}
+exports.default = useLogin;
+//# sourceMappingURL=useLogin.js.map

package/dist/utils/hooks/useLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogin.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/useLogin.ts"],"names":[],"mappings":"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"}

package/dist/utils/hooks/useTraceUpdate.d.ts

@@ -0,0 +1 @@
+export default function useTraceUpdate(props: any): void;

package/dist/utils/hooks/useTraceUpdate.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+// https://stackoverflow.com/questions/41004631/trace-why-a-react-component-is-re-rendering
+function useTraceUpdate(props) {
+    var prev = (0, react_1.useRef)(props);
+    (0, react_1.useEffect)(function () {
+        var changedProps = Object.entries(props).reduce(function (ps, _a) {
+            var k = _a[0], v = _a[1];
+            if (prev.current[k] !== v) {
+                ps[k] = [prev.current[k], v];
+            }
+            return ps;
+        }, {});
+        if (Object.keys(changedProps).length > 0) {
+            console.log('Changed props:', changedProps);
+        }
+        prev.current = props;
+    });
+}
+exports.default = useTraceUpdate;
+//# sourceMappingURL=useTraceUpdate.js.map

package/dist/utils/hooks/useTraceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTraceUpdate.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/useTraceUpdate.ts"],"names":[],"mappings":";;AAAA,+BAAyC;AAEzC,2FAA2F;AAC3F,SAAwB,cAAc,CAAC,KAAU;IAC/C,IAAM,IAAI,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAC1B,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAC,EAAE,EAAE,EAAM;gBAAL,CAAC,QAAA,EAAE,CAAC,QAAA;YAC1D,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;gBACzB,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;aAC7B;YACD,OAAO,EAAE,CAAA;QACX,CAAC,EAAE,EAAE,CAAC,CAAA;QACN,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAA;SAC5C;QACD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACtB,CAAC,CAAC,CAAA;AACJ,CAAC;AAdD,iCAcC"}

package/dist/utils/index.d.ts

@@ -1,6 +1,7 @@
 import * as SynapseConstants from './SynapseConstants';
 import * as SynapseClient from './SynapseClient';
-import * as SynapseQueries from './hooks/SynapseAPI';
+import * as SynapseHookUtils from './hooks';
+import { SynapseQueries } from './hooks';
 import { RequiredProperties } from './types/RequiredProperties';
-export { SynapseConstants, SynapseClient, SynapseQueries };
+export { SynapseConstants, SynapseClient, SynapseHookUtils, SynapseQueries };
 export type { RequiredProperties };

package/dist/utils/index.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SynapseQueries = exports.SynapseClient = exports.SynapseConstants = void 0;
+exports.SynapseQueries = exports.SynapseHookUtils = exports.SynapseClient = exports.SynapseConstants = void 0;
 var tslib_1 = require("tslib");
 var SynapseConstants = tslib_1.__importStar(require("./SynapseConstants"));
 exports.SynapseConstants = SynapseConstants;
 var SynapseClient = tslib_1.__importStar(require("./SynapseClient"));
 exports.SynapseClient = SynapseClient;
-var SynapseQueries = tslib_1.__importStar(require("./hooks/SynapseAPI"));
-exports.SynapseQueries = SynapseQueries;
+var SynapseHookUtils = tslib_1.__importStar(require("./hooks"));
+exports.SynapseHookUtils = SynapseHookUtils;
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "SynapseQueries", { enumerable: true, get: function () { return hooks_1.SynapseQueries; } });
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/utils/index.tsx"],"names":[],"mappings":";;;;AAAA,2EAAsD;AAK7C,4CAAgB;AAJzB,qEAAgD;AAIrB,sCAAa;AAHxC,yEAAoD;AAGV,wCAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/utils/index.tsx"],"names":[],"mappings":";;;;AAAA,2EAAsD;AAM7C,4CAAgB;AALzB,qEAAgD;AAKrB,sCAAa;AAJxC,gEAA2C;AAID,4CAAgB;AAH1D,iCAAwC;AAGoB,+FAHnD,sBAAc,OAGmD"}

package/dist/utils/synapseTypes/ErrorResponse.d.ts

@@ -0,0 +1,22 @@
+export declare enum ErrorResponseCode {
+    PASSWORD_RESET_VIA_EMAIL_REQUIRED = "PASSWORD_RESET_VIA_EMAIL_REQUIRED",
+    USER_CERTIFICATION_REQUIRED = "USER_CERTIFICATION_REQUIRED",
+    INVALID_TABLE_QUERY_FACET_COLUMN_REQUEST = "INVALID_TABLE_QUERY_FACET_COLUMN_REQUEST",
+    OAUTH_CLIENT_NOT_VERIFIED = "OAUTH_CLIENT_NOT_VERIFIED",
+    TWO_FA_REQUIRED = "TWO_FA_REQUIRED"
+}
+/**
+ * https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/ErrorResponse.html
+ */
+export type ErrorResponse = {
+    concreteType: 'org.sagebionetworks.repo.model.ErrorResponse';
+    reason: string;
+    errorCode?: ErrorResponseCode;
+};
+export type TwoFactorAuthErrorResponse = {
+    concreteType: 'org.sagebionetworks.repo.model.auth.TwoFactorAuthErrorResponse';
+    userId: number;
+    twoFaToken: string;
+    reason: string;
+    errorCode: ErrorResponseCode.TWO_FA_REQUIRED;
+};

package/dist/utils/synapseTypes/ErrorResponse.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorResponseCode = void 0;
+var ErrorResponseCode;
+(function (ErrorResponseCode) {
+    /* The user's password must be reset via email. */
+    ErrorResponseCode["PASSWORD_RESET_VIA_EMAIL_REQUIRED"] = "PASSWORD_RESET_VIA_EMAIL_REQUIRED";
+    /* The user has not passed the certification process. */
+    ErrorResponseCode["USER_CERTIFICATION_REQUIRED"] = "USER_CERTIFICATION_REQUIRED";
+    /* At least one of the columns listed in a FacetColumnRequest is not facet-able according to the table's schema. */
+    ErrorResponseCode["INVALID_TABLE_QUERY_FACET_COLUMN_REQUEST"] = "INVALID_TABLE_QUERY_FACET_COLUMN_REQUEST";
+    /* The OAuth Client is not verified. */
+    ErrorResponseCode["OAUTH_CLIENT_NOT_VERIFIED"] = "OAUTH_CLIENT_NOT_VERIFIED";
+    /* Two-factor authentication is required. */
+    ErrorResponseCode["TWO_FA_REQUIRED"] = "TWO_FA_REQUIRED";
+})(ErrorResponseCode = exports.ErrorResponseCode || (exports.ErrorResponseCode = {}));
+//# sourceMappingURL=ErrorResponse.js.map

package/dist/utils/synapseTypes/ErrorResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorResponse.js","sourceRoot":"","sources":["../../../src/lib/utils/synapseTypes/ErrorResponse.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAWX;AAXD,WAAY,iBAAiB;IAC3B,kDAAkD;IAClD,4FAAuE,CAAA;IACvE,wDAAwD;IACxD,gFAA2D,CAAA;IAC3D,mHAAmH;IACnH,0GAAqF,CAAA;IACrF,uCAAuC;IACvC,4EAAuD,CAAA;IACvD,4CAA4C;IAC5C,wDAAmC,CAAA;AACrC,CAAC,EAXW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAW5B"}

package/dist/utils/synapseTypes/LoginResponse.d.ts

@@ -1,6 +1,5 @@
 export type LoginResponse = {
     accessToken: string;
-    sessionToken: string;
     acceptsTermsOfUse: boolean;
     authenticationReceipt: string;
 };

package/dist/utils/synapseTypes/TwoFactorAuthLoginRequest.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Used to log in when two-factor authentication is enabled.
+ *
+ * https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/auth/TwoFactorAuthLoginRequest.html
+ */
+export type TwoFactorAuthLoginRequest = {
+    userId: number;
+    twoFaToken: string;
+    otpCode: string;
+    otpType: TwoFactorAuthOtpType;
+};
+export type TwoFactorAuthOtpType = 'TOTP' | 'RECOVERY_CODE';

package/dist/utils/synapseTypes/TwoFactorAuthLoginRequest.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TwoFactorAuthLoginRequest.js.map

package/dist/utils/synapseTypes/TwoFactorAuthLoginRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorAuthLoginRequest.js","sourceRoot":"","sources":["../../../src/lib/utils/synapseTypes/TwoFactorAuthLoginRequest.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "3.1.24",
+  "version": "3.1.26",
   "private": false,
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -20,7 +20,8 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.11.0",
-    "@mui/material": "^5.11.6",
+    "@mui/material": "^5.11.8",
+    "@mui/system": "^5.11.9",
     "@mui/x-date-pickers": "^5.0.15",
     "@popperjs/core": "^2.10.2",
     "@react-google-maps/api": "^2.13.1",
@@ -57,6 +58,7 @@
     "markdown-it-synapse-heading": "^1.0.1",
     "markdown-it-synapse-math": "^3.0.4",
     "markdown-it-synapse-table": "^1.0.6",
+    "mui-one-time-password-input": "^1.0.4",
     "plotly.js-basic-dist": "^2.11.1",
     "pluralize": "^8.0.0",
     "raf": "^3.4.1",
@@ -132,7 +134,7 @@
     "@types/brainhubeu__react-carousel": "1.15.0",
     "@types/dagre": "^0.7.47",
     "@types/google.maps": "^3.50.2",
-    "@types/jest": "^28.1.5",
+    "@types/jest": "^29.4.0",
     "@types/jest-when": "^3.5.0",
     "@types/jquery": "^3.5.14",
     "@types/json-schema": "^7.0.11",
@@ -162,7 +164,7 @@
     "@vitejs/plugin-legacy": "^3.0.2",
     "@vitejs/plugin-react": "^3.0.1",
     "@welldone-software/why-did-you-render": "^7.0.1",
-    "babel-jest": "^28.1.1",
+    "babel-jest": "^29.4.3",
     "babel-loader": "^8.2.5",
     "buffer": "^6.0.3",
     "copyfiles": "^2.4.1",
@@ -181,8 +183,8 @@
     "eslint-plugin-testing-library": "^5.0.6",
     "https-browserify": "^1.0.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-fail-on-console": "^3.0.2",
     "jest-html-reporter": "^3.7.0",
     "jest-mock-promise": "^1.1.10",
@@ -252,7 +254,7 @@
     "test:coverage": "jest --coverage --runInBand",
     "build": "rimraf dist && pnpm build:js && pnpm build:copy-assets && pnpm build:esbuild",
     "build:js": "tsc --p tsconfig.build.json",
-    "build:copy-assets": "copyfiles -u 2 src/lib/**/*.{css,scss,svg} dist",
+    "build:copy-assets": "copyfiles -u 2 \"src/lib/**/*.{css,scss,svg}\" dist",
     "build:esbuild": "node esbuild.config.mjs",
     "serve:docs": "pnpm storybook",
     "build:docs": "pnpm build:storybook",