synapse-react-client 3.1.26 → 3.1.28

package/dist/containers/auth/TwoFactorAuthSettingsPanel.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importDefault(require("react"));
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var TwoFactorEnrollmentForm_1 = require("./TwoFactorEnrollmentForm");
+var useTwoFactorEnrollment_1 = require("../../utils/hooks/SynapseAPI/auth/useTwoFactorEnrollment");
+var ConditionalWrapper_1 = tslib_1.__importDefault(require("../utils/ConditionalWrapper"));
+var ToastMessage_1 = require("../ToastMessage");
+function TwoFactorAuthSettingsPanel(props) {
+    var onRegenerateBackupCodes = props.onRegenerateBackupCodes, onBeginTwoFactorEnrollment = props.onBeginTwoFactorEnrollment;
+    var _a = (0, useTwoFactorEnrollment_1.useGetTwoFactorEnrollmentStatus)(), status = _a.data, isLoadingStatus = _a.isLoading;
+    var isActivated = (status === null || status === void 0 ? void 0 : status.status) === 'ENABLED';
+    var _b = (0, useTwoFactorEnrollment_1.useDisableTwoFactorAuth)({
+        onSuccess: function () {
+            (0, ToastMessage_1.displayToast)('2FA removed from this account', 'info');
+        },
+    }), disable2FA = _b.mutate, isLoadingMutation = _b.isLoading;
+    var isLoading = isLoadingStatus || isLoadingMutation;
+    return (react_1.default.createElement(material_1.Box, null,
+        react_1.default.createElement(material_1.Typography, { variant: 'headline2' }, "Two-factor Authentication (2FA)"),
+        react_1.default.createElement(ConditionalWrapper_1.default, { condition: isLoading, wrapper: material_1.Skeleton },
+            react_1.default.createElement(material_1.Typography, { variant: 'body1', color: isActivated ? 'success.main' : 'error.main', sx: { my: 2, display: 'flex', alignItems: 'center' } },
+                react_1.default.createElement(IconSvg_1.default, { icon: isActivated ? 'check' : 'cross', sx: { mr: 1, height: '24px' } }),
+                isLoading ? 'Loading...' : isActivated ? 'Active' : 'Inactive')),
+        react_1.default.createElement(material_1.Typography, { variant: 'body1Italic', sx: { my: 1 } }, "Required to satisfy certain data access requirements, and recommended for overall account security."),
+        react_1.default.createElement(material_1.Typography, { variant: 'body1', sx: { my: 2 } }, "Synapse uses a time-based system, which you can set up using an app like Google Authenticator, Duo Mobile, Microsoft Authenticator, or Authy. Certain data may require 2FA to be turned on for your account in order to request access."),
+        react_1.default.createElement(material_1.Stack, { direction: 'row', gap: 1 },
+            react_1.default.createElement(ConditionalWrapper_1.default, { condition: isLoadingStatus, wrapper: material_1.Skeleton },
+                react_1.default.createElement(material_1.Button, { variant: 'outlined', disabled: isLoading, onClick: function () {
+                        if (!isActivated) {
+                            onBeginTwoFactorEnrollment();
+                        }
+                        else {
+                            disable2FA();
+                        }
+                    } },
+                    isActivated ? 'Deactivate' : 'Activate',
+                    " 2FA")),
+            (status === null || status === void 0 ? void 0 : status.status) !== 'DISABLED' && (react_1.default.createElement(ConditionalWrapper_1.default, { condition: isLoadingStatus, wrapper: material_1.Skeleton },
+                react_1.default.createElement(material_1.Button, { variant: 'text', disabled: isLoading, onClick: function () {
+                        onRegenerateBackupCodes();
+                    } }, "Regenerate Backup Codes"))),
+            react_1.default.createElement(material_1.Button, { variant: 'text', onClick: function () { return window.open(TwoFactorEnrollmentForm_1.TWO_FACTOR_DOCS_LINK, '_blank'); } }, "More Information"))));
+}
+exports.default = TwoFactorAuthSettingsPanel;
+//# sourceMappingURL=TwoFactorAuthSettingsPanel.js.map

package/dist/containers/auth/TwoFactorAuthSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorAuthSettingsPanel.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TwoFactorAuthSettingsPanel.tsx"],"names":[],"mappings":"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"}

package/dist/containers/auth/TwoFactorBackupCodes.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type TwoFactorBackupCodesProps = {
+    showReplaceOldCodesWarning?: boolean;
+    onClose: () => void;
+};
+export default function TwoFactorBackupCodes(props: TwoFactorBackupCodesProps): JSX.Element;

package/dist/containers/auth/TwoFactorBackupCodes.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var LeftRightPanel_1 = require("../../components/styled/LeftRightPanel");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var react_query_1 = require("react-query");
+var SynapseClient_1 = require("../../utils/SynapseClient");
+var SynapseContext_1 = require("../../utils/SynapseContext");
+var ToastMessage_1 = require("../ToastMessage");
+var RegenerateBackupCodesWarning_1 = require("./RegenerateBackupCodesWarning");
+var RecoveryCodeGrid_1 = require("./RecoveryCodeGrid");
+var useMediaPrintOnly_1 = require("../../utils/hooks/useMediaPrintOnly");
+function TwoFactorBackupCodes(props) {
+    var showReplaceOldCodesWarning = props.showReplaceOldCodesWarning, onClose = props.onClose;
+    var theme = (0, material_1.useTheme)();
+    var _a = (0, react_1.useState)(!showReplaceOldCodesWarning), hasConfirmedRegeneration = _a[0], setHasConfirmedRegeneration = _a[1];
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _b = (0, react_query_1.useMutation)({
+        mutationFn: function () { return (0, SynapseClient_1.createRecoveryCodes)(accessToken); },
+        onMutate: function () {
+            setHasConfirmedRegeneration(true);
+        },
+    }), generateCodes = _b.mutate, recoveryCodes = _b.data, error = _b.error;
+    // Generate codes on mount if no warning is shown
+    (0, react_1.useEffect)(function () {
+        if (!showReplaceOldCodesWarning) {
+            generateCodes();
+        }
+        // Run on mount only
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var _c = (0, useMediaPrintOnly_1.useMediaPrintOnly)(), visibleOnPrintClassName = _c.visibleOnPrintClassName, hiddenOnPrintClassName = _c.hiddenOnPrintClassName;
+    var copyCodesToClipboard = react_1.default.useCallback(function () {
+        var codes = ((recoveryCodes === null || recoveryCodes === void 0 ? void 0 : recoveryCodes.codes) || []).join('\n');
+        navigator.clipboard.writeText(codes).then(function () {
+            (0, ToastMessage_1.displayToast)('Recovery codes copied to clipboard', 'success');
+        });
+    }, [recoveryCodes]);
+    if (showReplaceOldCodesWarning && !hasConfirmedRegeneration) {
+        return (react_1.default.createElement(LeftRightPanel_1.StyledOuterContainer, { sx: { display: 'flex', flexDirection: 'column' } },
+            react_1.default.createElement(RegenerateBackupCodesWarning_1.RegenerateBackupCodesWarning, { onConfirm: generateCodes, onCancel: onClose })));
+    }
+    return (react_1.default.createElement(LeftRightPanel_1.LeftRightPanel, { className: visibleOnPrintClassName, leftContent: react_1.default.createElement(material_1.Box, { sx: {
+                py: 10,
+                px: 8,
+                height: '100%',
+                position: 'relative',
+            } },
+            react_1.default.createElement(material_1.IconButton, { type: "button", onClick: onClose, className: hiddenOnPrintClassName, sx: {
+                    position: 'absolute',
+                    top: theme.spacing(2),
+                    left: theme.spacing(2),
+                } },
+                react_1.default.createElement(IconSvg_1.default, { icon: "arrowBack", wrap: false, sx: { height: '24px', width: '24px' } })),
+            react_1.default.createElement(material_1.Typography, { variant: "headline1", sx: { mt: 7 } }, "Backup codes"),
+            showReplaceOldCodesWarning && (react_1.default.createElement(material_1.Alert, { severity: "warning", className: hiddenOnPrintClassName, sx: {
+                    my: 2,
+                }, icon: false },
+                react_1.default.createElement("strong", null, "These new codes have replaced your old codes."),
+                ' ',
+                "Please save these codes and use them from now on.")),
+            react_1.default.createElement(RecoveryCodeGrid_1.RecoveryCodeGrid, { recoveryCodes: recoveryCodes }),
+            error && (react_1.default.createElement(material_1.Alert, { severity: 'error', sx: { my: 2 }, icon: false }, error.message)),
+            react_1.default.createElement(material_1.Box, { className: hiddenOnPrintClassName, sx: {
+                    display: 'grid',
+                    gridTemplateColumns: '1fr 1fr',
+                    gap: '10px',
+                    mb: '10px',
+                } },
+                react_1.default.createElement(material_1.Button, { variant: 'outlined', onClick: copyCodesToClipboard, disabled: !recoveryCodes }, "Copy to Clipboard"),
+                react_1.default.createElement(material_1.Button, { variant: 'outlined', disabled: !recoveryCodes, onClick: window.print }, "Print Codes")),
+            react_1.default.createElement(material_1.Button, { variant: 'contained', className: hiddenOnPrintClassName, fullWidth: true, disabled: !recoveryCodes, onClick: onClose }, "Done")), rightContent: react_1.default.createElement(material_1.Box, { sx: {
+                py: 10,
+                height: '100%',
+                background: "url(https://s3.amazonaws.com/static.synapse.org/images/twofactor-graphic.svg) no-repeat right bottom",
+                backgroundSize: '100%',
+            } },
+            react_1.default.createElement(material_1.Box, { sx: {
+                    mt: 7,
+                    px: 9,
+                } },
+                react_1.default.createElement(material_1.Typography, { variant: "headline1", sx: { mb: 2.5 } }, "Save these codes"),
+                react_1.default.createElement(material_1.Typography, { variant: "body1", sx: { my: 2 } }, "You can use these 10 backup codes to access your account if you ever lose access to your authentication device."),
+                react_1.default.createElement(material_1.Typography, { variant: "body1", sx: { my: 2 } }, "Each code can only be used once."))) }));
+}
+exports.default = TwoFactorBackupCodes;
+//# sourceMappingURL=TwoFactorBackupCodes.js.map

package/dist/containers/auth/TwoFactorBackupCodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorBackupCodes.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TwoFactorBackupCodes.tsx"],"names":[],"mappings":"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"}

package/dist/containers/auth/TwoFactorEnrollmentForm.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TotpSecret } from '../../utils/synapseTypes/TotpSecret';
+/**
+ * Returns a URL that can be used to generate a QR code that 2FA authenticator apps can interpret
+ * @param secret
+ * @param subject
+ */
+declare function toOtpAuthUrl(secret: TotpSecret, subject: string): string;
+export declare const TWO_FACTOR_DOCS_LINK = "";
+export type TwoFactorEnrollmentFormProps = {
+    onTwoFactorEnrollmentSuccess: () => void;
+};
+export default function TwoFactorEnrollmentForm(props: TwoFactorEnrollmentFormProps): JSX.Element;
+export declare const EXPORTED_FOR_UNIT_TESTING: {
+    toOtpAuthUrl: typeof toOtpAuthUrl;
+};
+export {};

package/dist/containers/auth/TwoFactorEnrollmentForm.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXPORTED_FOR_UNIT_TESTING = exports.TWO_FACTOR_DOCS_LINK = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var LeftRightPanel_1 = require("../../components/styled/LeftRightPanel");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var qrcode_1 = require("qrcode");
+var TextField_1 = tslib_1.__importDefault(require("../TextField"));
+var LoadingScreen_1 = require("../LoadingScreen");
+var FullWidthAlert_1 = tslib_1.__importDefault(require("../FullWidthAlert"));
+var useTwoFactorEnrollment_1 = require("../../utils/hooks/SynapseAPI/auth/useTwoFactorEnrollment");
+var TwoFactorSecretDialog_1 = tslib_1.__importDefault(require("./TwoFactorSecretDialog"));
+/**
+ * Returns a URL that can be used to generate a QR code that 2FA authenticator apps can interpret
+ * @param secret
+ * @param subject
+ */
+function toOtpAuthUrl(secret, subject) {
+    return "otpauth://totp/Synapse:".concat(subject, "?secret=").concat(secret.secret, "&issuer=Sage%20Bionetworks&algorithm=").concat(secret.alg, "&digits=").concat(secret.digits, "&period=").concat(secret.period);
+}
+var Section = (0, material_1.styled)(function (props) { return (react_1.default.createElement(material_1.Box, tslib_1.__assign({ sx: tslib_1.__assign({ my: 3 }, props.sx) }, props))); }, {
+    label: 'Section',
+})(function () { return ({}); });
+var SectionInnerGrid = (0, material_1.styled)(function (props) { return react_1.default.createElement(material_1.Box, tslib_1.__assign({}, props)); }, {
+    label: 'SectionInnerGrid',
+})(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'grid',
+        gridTemplateColumns: 'auto 200px',
+        columnGap: theme.spacing(5),
+    });
+});
+// TODO https://sagebionetworks.jira.com/browse/DOCS-115
+exports.TWO_FACTOR_DOCS_LINK = '';
+function TwoFactorEnrollmentForm(props) {
+    var _a;
+    var onTwoFactorEnrollmentSuccess = props.onTwoFactorEnrollmentSuccess;
+    var _b = (0, react_1.useState)(''), totp = _b[0], setTotp = _b[1];
+    var _c = (0, react_1.useState)(false), hasQrCode = _c[0], setHasQrCode = _c[1];
+    var _d = (0, react_1.useState)(false), showSecretInModal = _d[0], setShowSecretInModal = _d[1];
+    var currentUserEmail = (0, SynapseAPI_1.useGetNotificationEmail)().data;
+    var qrCodeCanvasElement = (0, react_1.useRef)(null);
+    var _e = (0, useTwoFactorEnrollment_1.useStartTwoFactorEnrollment)(), start2FAEnrollment = _e.mutate, totpSecret = _e.data;
+    var _f = (0, useTwoFactorEnrollment_1.useFinishTwoFactorEnrollment)({
+        onSuccess: onTwoFactorEnrollmentSuccess,
+    }), finishEnrollment = _f.mutate, isFinishingEnrollment = _f.isLoading, error = _f.error;
+    /* When the component mounts, begin enrollment by fetching the data for the QR code. */
+    (0, react_1.useEffect)(function () {
+        start2FAEnrollment();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(function () {
+        function createQrCode() {
+            return tslib_1.__awaiter(this, void 0, void 0, function () {
+                return tslib_1.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(totpSecret && currentUserEmail && qrCodeCanvasElement.current)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, (0, qrcode_1.toCanvas)(qrCodeCanvasElement.current, toOtpAuthUrl(totpSecret, currentUserEmail.email), { version: 10, margin: 0, scale: 3.5 })];
+                        case 1:
+                            _a.sent();
+                            setHasQrCode(true);
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        createQrCode();
+    }, [totpSecret, currentUserEmail]);
+    return (react_1.default.createElement(LeftRightPanel_1.StyledOuterContainer, null,
+        react_1.default.createElement(material_1.Paper, { sx: {
+                width: '800px',
+                py: 6.5,
+                px: 8,
+                mx: 'auto',
+            } },
+            react_1.default.createElement(Section, null,
+                react_1.default.createElement(material_1.Typography, { variant: "headline2", sx: { mb: 3 } }, "Activate Two-factor Authentication"),
+                react_1.default.createElement(material_1.Typography, { variant: "body1" },
+                    "After setting up 2FA, you\u2019ll use an authenticator app as part of your login process, in addition to your existing password. If you log in using your Google",
+                    ' ',
+                    false && 'or NIH RAS',
+                    " account, you may need to use 2FA as part of",
+                    "that process as well.",
+                    exports.TWO_FACTOR_DOCS_LINK.length > 0 && (
+                    // Remove conditionality when docs are ready
+                    react_1.default.createElement(react_1.default.Fragment, null,
+                        ' ',
+                        react_1.default.createElement(material_1.Link, { href: exports.TWO_FACTOR_DOCS_LINK }, "Learn more about 2FA"),
+                        ".")))),
+            react_1.default.createElement(Section, null,
+                react_1.default.createElement(SectionInnerGrid, null,
+                    react_1.default.createElement(material_1.Box, null,
+                        react_1.default.createElement(material_1.Typography, { variant: "body1", sx: { fontWeight: 700 } }, "Step 1. Get one of these apps"),
+                        react_1.default.createElement(material_1.Typography, { variant: "body1" }, "Download and install one of these authentication apps to set up 2FA on your mobile device, tablet, or desktop. If you have one of these apps already installed, you can skip this step.")),
+                    react_1.default.createElement(material_1.Stack, { justifyContent: 'space-between', sx: { flexShrink: 0 } },
+                        react_1.default.createElement(material_1.Link, { href: 'https://authy.com/download/' }, "Authy"),
+                        react_1.default.createElement(material_1.Link, { href: 'https://duo.com/product/multi-factor-authentication-mfa/duo-mobile-app' }, "DUO Mobile"),
+                        react_1.default.createElement(material_1.Link, { href: 'https://googleauthenticator.net/' }, "Google Authenticator"),
+                        react_1.default.createElement(material_1.Link, { href: 'https://www.microsoft.com/en-us/security/mobile-authenticator-app' }, "Microsoft Authenticator")))),
+            react_1.default.createElement(material_1.Divider, null),
+            react_1.default.createElement(Section, null,
+                react_1.default.createElement(SectionInnerGrid, null,
+                    react_1.default.createElement(material_1.Box, null,
+                        react_1.default.createElement(material_1.Typography, { variant: "body1", sx: { fontWeight: 700 } }, "Step 2. Scan the QR Code"),
+                        react_1.default.createElement(material_1.Typography, { component: "ol", variant: "body1", sx: { pl: 2, my: 1 } },
+                            react_1.default.createElement("li", null, "Open your authenticator app"),
+                            react_1.default.createElement("li", null, "Tap the \"+\" button"),
+                            react_1.default.createElement("li", null, "Use your camera to scan the image to the right")),
+                        react_1.default.createElement(material_1.Link, { onClick: function () {
+                                setShowSecretInModal(true);
+                            } }, "Can't use your camera?"),
+                        react_1.default.createElement(TwoFactorSecretDialog_1.default, { secret: (_a = totpSecret === null || totpSecret === void 0 ? void 0 : totpSecret.secret) !== null && _a !== void 0 ? _a : '', open: showSecretInModal, onClose: function () { return setShowSecretInModal(false); } })),
+                    react_1.default.createElement(material_1.Box, { display: 'flex', justifyContent: 'center', alignItems: 'middle', height: 'auto' },
+                        !hasQrCode && react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 50 }),
+                        react_1.default.createElement("canvas", { style: { display: hasQrCode ? undefined : 'none' }, ref: qrCodeCanvasElement })))),
+            react_1.default.createElement(material_1.Divider, null),
+            react_1.default.createElement(Section, null,
+                react_1.default.createElement(SectionInnerGrid, null,
+                    react_1.default.createElement(material_1.Box, null,
+                        react_1.default.createElement(material_1.Typography, { variant: "body1", sx: { fontWeight: 700 } }, "Step 3. Enter the Verification Code"),
+                        react_1.default.createElement(material_1.Typography, { variant: "body1" }, "After scanning in the QR code in step 2, your app will provide a 6-digit code. Enter it in in the field to the right.")),
+                    react_1.default.createElement("form", { onSubmit: function (e) {
+                            e.preventDefault();
+                            finishEnrollment({
+                                secretId: totpSecret.secretId,
+                                totp: totp,
+                            });
+                        } },
+                        react_1.default.createElement(material_1.Stack, { direction: 'row', gap: 2, height: '48px' },
+                            react_1.default.createElement(TextField_1.default, { noWrapInFormControl: true, inputProps: { maxLength: totpSecret === null || totpSecret === void 0 ? void 0 : totpSecret.digits }, value: totp, onChange: function (e) {
+                                    setTotp(e.target.value);
+                                } }),
+                            react_1.default.createElement(material_1.Button, { type: 'submit', variant: 'contained', sx: { flexShrink: 0 }, disabled: isFinishingEnrollment || totp.length != (totpSecret === null || totpSecret === void 0 ? void 0 : totpSecret.digits) }, "Activate"))))),
+            error && (react_1.default.createElement(FullWidthAlert_1.default, { variant: 'danger', isGlobal: false, description: error.reason })))));
+}
+exports.default = TwoFactorEnrollmentForm;
+exports.EXPORTED_FOR_UNIT_TESTING = { toOtpAuthUrl: toOtpAuthUrl };
+//# sourceMappingURL=TwoFactorEnrollmentForm.js.map

package/dist/containers/auth/TwoFactorEnrollmentForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorEnrollmentForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TwoFactorEnrollmentForm.tsx"],"names":[],"mappings":"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"}

package/dist/containers/auth/TwoFactorSecretDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type TwoFactorSecretDialogProps = {
+    secret: string;
+    open: boolean;
+    onClose: () => void;
+};
+export default function TwoFactorSecretDialog(props: TwoFactorSecretDialogProps): JSX.Element;
+export {};

package/dist/containers/auth/TwoFactorSecretDialog.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var Typography_1 = require("../../utils/theme/typography/Typography");
+function TwoFactorSecretDialog(props) {
+    var secret = props.secret, open = props.open, onClose = props.onClose;
+    return (react_1.default.createElement(material_1.Dialog, { open: open, onClose: onClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: 'center', gap: '5px' },
+                "Use this code to set up 2FA ",
+                react_1.default.createElement(material_1.Box, { sx: { flexGrow: 1 } }),
+                react_1.default.createElement(material_1.IconButton, { "aria-label": 'Close', onClick: onClose },
+                    react_1.default.createElement(IconSvg_1.default, { icon: 'close', wrap: false, sx: { color: 'grey.700' } })))),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(material_1.Typography, { variant: 'body1' }, "Your authenticator app will ask for a code to activate two-factor authentication. Use the code below:"),
+            react_1.default.createElement(material_1.Box, { sx: function (theme) { return ({
+                    my: 2,
+                    p: 2,
+                    width: '100%',
+                    textAlign: 'center',
+                    background: theme.palette.grey[200],
+                    fontFamily: Typography_1.monospaceFontFamily,
+                    letterSpacing: '2px',
+                    fontSize: '16px',
+                }); } }, secret),
+            react_1.default.createElement(material_1.Typography, { variant: 'body1' }, "After setup, you don\u2019t need to save this code.")),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: 'contained', onClick: onClose }, "Done"))));
+}
+exports.default = TwoFactorSecretDialog;
+//# sourceMappingURL=TwoFactorSecretDialog.js.map

package/dist/containers/auth/TwoFactorSecretDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorSecretDialog.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TwoFactorSecretDialog.tsx"],"names":[],"mappings":";;;AAAA,0CAUsB;AACtB,+DAAgC;AAChC,wDAAyB;AACzB,sEAA6E;AAQ7E,SAAwB,qBAAqB,CAC3C,KAAiC;IAEzB,IAAA,MAAM,GAAoB,KAAK,OAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;IACvC,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;QAClC,8BAAC,sBAAW;YACV,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK;;gBACzB,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAI;gBACxD,8BAAC,qBAAU,kBAAa,OAAO,EAAE,OAAO,EAAE,OAAO;oBAC/C,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,GAAI,CACvD,CACP,CACI;QACd,8BAAC,wBAAa;YACZ,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,4GAGf;YACb,8BAAC,cAAG,IACF,EAAE,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;oBACZ,EAAE,EAAE,CAAC;oBACL,CAAC,EAAE,CAAC;oBACJ,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,QAAQ;oBACnB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBACnC,UAAU,EAAE,gCAAmB;oBAC/B,aAAa,EAAE,KAAK;oBACpB,QAAQ,EAAE,MAAM;iBACjB,CAAC,EATW,CASX,IAED,MAAM,CACH;YACN,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,0DAEf,CACC;QAChB,8BAAC,wBAAa;YACZ,8BAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,WAErC,CACK,CACT,CACV,CAAA;AACH,CAAC;AA5CD,wCA4CC"}

package/dist/containers/dataaccess/AccessHistoryDashboard.js

@@ -14,6 +14,7 @@ var AccessRequestSubmissionTable_1 = require("../AccessRequestSubmissionTable");
 var UserOrTeamBadge_1 = tslib_1.__importDefault(require("../UserOrTeamBadge"));
 var UserSearchBoxV2_1 = tslib_1.__importDefault(require("../UserSearchBoxV2"));
 var AccessRequirementSearchBox_1 = tslib_1.__importDefault(require("./AccessRequirementSearchBox"));
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
 var UserHistoryDashboard = function () {
     var _a = (0, react_1.useState)(), accessRequirementId = _a[0], setAccessRequirementId = _a[1];
     var _b = (0, react_1.useState)(''), accessorId = _b[0], setAccessorId = _b[1];
@@ -27,6 +28,8 @@ var UserHistoryDashboard = function () {
         accessorId: accessorId,
         accessRequirementId: accessRequirementId,
     }), submissionTableProps = _d[0], setSubmissionTableProps = _d[1];
+    var userBundle = (0, SynapseAPI_1.useGetCurrentUserBundle)().data;
+    var hasActPermissions = userBundle === null || userBundle === void 0 ? void 0 : userBundle.isACTMember;
     var location = (0, react_router_dom_1.useLocation)();
     var history = (0, react_router_dom_1.useHistory)();
     var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
@@ -73,7 +76,7 @@ var UserHistoryDashboard = function () {
     var NoSearchResultComponent = function () {
         return (react_1.default.createElement("div", { className: "text-center" },
             react_1.default.createElement("img", { className: "SearchPlaceholderImage", alt: "Begin searching", src: "https://s3.amazonaws.com/static.synapse.org/images/search-happy.svg" }),
-            react_1.default.createElement(material_1.Typography, { variant: "body1Italic" }, "Enter a user or team name in the search field above to view their data access history")));
+            react_1.default.createElement(material_1.Typography, { variant: "body1Italic" }, "Select a user using the search field above to view their data access history")));
     };
     return (react_1.default.createElement("div", { className: "UserHistoryDashboard bootstrap-4-backport" },
         react_1.default.createElement("div", { className: "InputPanel" },
@@ -88,8 +91,9 @@ var UserHistoryDashboard = function () {
                 "Submissions including ",
                 react_1.default.createElement(UserOrTeamBadge_1.default, { principalId: accessorId })),
             react_1.default.createElement(AccessRequestSubmissionTable_1.AccessRequestSubmissionTable, tslib_1.__assign({}, submissionTableProps)),
-            react_1.default.createElement(material_1.Typography, { variant: "headline3" }, "Status in Access Requirements"),
-            react_1.default.createElement(AccessApprovalsTable_1.AccessApprovalsTable, tslib_1.__assign({}, approvalTableProps)))) : (react_1.default.createElement(NoSearchResultComponent, null))));
+            hasActPermissions && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Typography, { variant: "headline3" }, "Status in Access Requirements"),
+                react_1.default.createElement(AccessApprovalsTable_1.AccessApprovalsTable, tslib_1.__assign({}, approvalTableProps)))))) : (react_1.default.createElement(NoSearchResultComponent, null))));
 };
 exports.UserHistoryDashboard = UserHistoryDashboard;
 //# sourceMappingURL=AccessHistoryDashboard.js.map

package/dist/containers/dataaccess/AccessHistoryDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessHistoryDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/AccessHistoryDashboard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccessHistoryDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/AccessHistoryDashboard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/dataaccess/ReviewerDashboard.js

@@ -42,7 +42,7 @@ function ReviewerDashboard(props) {
             react_1.default.createElement("div", { className: "Tabs", role: "tablist" },
                 hasActPermissions && (react_1.default.createElement(LinkTab, { href: "/AccessRequirements", icon: "accessClosed" }, "Access Requirements")),
                 hasReviewerPermissions && (react_1.default.createElement(LinkTab, { href: "/Submissions", icon: "discussion" }, "Submissions")),
-                hasActPermissions && (react_1.default.createElement(LinkTab, { href: "/UserAccessHistory", icon: "history" }, "User Access History"))),
+                hasReviewerPermissions && (react_1.default.createElement(LinkTab, { href: "/UserAccessHistory", icon: "history" }, "User Access History"))),
             react_1.default.createElement("div", { className: "TabContentContainer" },
                 react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, null,
                     react_1.default.createElement(react_router_dom_1.Switch, null,

package/dist/containers/dataaccess/ReviewerDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0C;AAC1C,qDASyB;AACzB,iFAAyF;AACzF,0CAA0C;AAC1C,oDAA2D;AAC3D,+DAA0C;AAC1C,kDAAiD;AACjD,mEAA+D;AAC/D,2EAAyE;AACzE,yEAA2E;AAC3E,4EAA6C;AAE7C,SAAS,OAAO,CAAC,KAIhB;IACS,IAAA,IAAI,GAAqB,KAAK,KAA1B,EAAE,QAAQ,GAAW,KAAK,SAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAU;IACtC,OAAO,CACL,8BAAC,0BAAO,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAE,IAAI;QAC1C,8BAAC,iBAAO,IACN,IAAI,EAAE,IAAI,EACV,EAAE,EAAE;gBACF,YAAY,EAAE,QAAQ;aACvB,GACD;QACF,8BAAC,qBAAU,IAAC,OAAO,EAAC,YAAY,IAAE,QAAQ,CAAc,CAChD,CACX,CAAA;AACH,CAAC;AASD,SAAgB,iBAAiB,CAAC,KAA6B;IAE3D,IAAA,KAEE,KAAK,eAF0C,EAAjD,cAAc,mBAAG,gCAAgC,KAAA,EACjD,KACE,KAAK,gBADgB,EAAvB,eAAe,mBAAG,KAAK,KAAA,CAChB;IAEH,IAAA,KAAkC,IAAA,uCAAuB,GAAE,EAAnD,UAAU,UAAA,EAAE,SAAS,eAA8B,CAAA;IAEjE,IAAM,iBAAiB,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAA;IACjD,IAAM,sBAAsB,GAC1B,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,CAAA,CAAA;IAErD,IAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,UAAC,KAA6C;QAC5C,IAAI,eAAe,EAAE;YACnB,OAAO,8BAAC,+BAAY,uBAAK,KAAK,EAAI,CAAA;SACnC;aAAM;YACL,OAAO,8BAAC,gCAAa,uBAAK,KAAK,EAAI,CAAA;SACpC;IACH,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,IAAI,SAAS,EAAE;QACb,OAAO,8BAAC,8BAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CAAA;KACpC;IAED,OAAO,CACL,8BAAC,MAAM,IAAC,QAAQ,EAAE,cAAc;QAC9B,uCAAK,SAAS,EAAC,mBAAmB;YAChC,uCAAK,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBACjC,iBAAiB,IAAI,CACpB,8BAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,0BAE7C,CACX;gBACA,sBAAsB,IAAI,CACzB,8BAAC,OAAO,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,YAAY,kBAEpC,CACX;gBACA,iBAAiB,IAAI,CACpB,8BAAC,OAAO,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,0BAEvC,CACX,CACG;YACN,uCAAK,SAAS,EAAC,qBAAqB;gBAClC,8BAAC,kCAAoB;oBACnB,8BAAC,yBAAM;wBACJ,iBAAiB,IAAI,CACpB,8BAAC,wBAAK,IAAC,IAAI,EAAC,qBAAqB;4BAC/B,8BAAC,uDAA0B,OAAG,CACxB,CACT;wBACA,sBAAsB,IAAI;4BACzB,8BAAC,wBAAK,IAAC,KAAK,QAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAC,cAAc;gCACjD,8BAAC,yDAA6B,OAAG,CAC3B;4BAER,8BAAC,wBAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,GAAG,EAAC,kBAAkB;gCACnD,8BAAC,2BAA2B,OAAG,CACzB;yBACT;wBAEC,8BAAC,wBAAK,IAAC,KAAK,QAAC,IAAI,EAAC,oBAAoB;4BACpC,8BAAC,6CAAoB,OAAG,CAClB,CAEH,CACY,CACnB,CACF,CACC,CACV,CAAA;AACH,CAAC;AA3ED,8CA2EC;AAED,SAAS,2BAA2B;IAC1B,IAAA,EAAE,GAAK,IAAA,4BAAS,GAAkB,GAAhC,CAAgC;IAC1C,OAAO,8BAAC,wBAAc,IAAC,YAAY,EAAE,EAAE,GAAI,CAAA;AAC7C,CAAC;AAED,kBAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ReviewerDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/oauth/CreateOAuthClient.js

@@ -13,6 +13,9 @@ var WarningModal_1 = require("../synapse_form_wrapper/WarningModal");
 var icons_material_1 = require("@mui/icons-material");
 var material_2 = require("@mui/material");
 var LoadingScreen_1 = require("../LoadingScreen");
+var utils_1 = require("../../utils");
+var hooks_1 = require("../../utils/hooks");
+var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
 var CreateOAuthModal = function (_a) {
     var _b = _a.isShowingModal, isShowingModal = _b === void 0 ? false : _b, isEdit = _a.isEdit, onClose = _a.onClose, client = _a.client, setIsShowingConfirmModal = _a.setIsShowingConfirmModal, isShowingConfirmModal = _a.isShowingConfirmModal, setIsShowingModal = _a.setIsShowingModal;
     var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
@@ -29,6 +32,29 @@ var CreateOAuthModal = function (_a) {
     var warningHeader = 'Are you absolutely sure?';
     var warningBody = 'Editing this detail will render your client invalid and will require you to resubmit verification. This action cannot be undone.';
     var uriHelpMessage = 'Click Add URI to add more Redirect URIs';
+    // Return the OAuth Client definition based on the current client-side UI state
+    var oAuthClient = (0, react_1.useMemo)(function () {
+        var _a;
+        return {
+            client_id: client === null || client === void 0 ? void 0 : client.client_id,
+            client_name: clientName,
+            redirect_uris: (_a = redirectUris === null || redirectUris === void 0 ? void 0 : redirectUris.map(function (str) { return str.uri; })) !== null && _a !== void 0 ? _a : [''],
+            policy_uri: policyUri,
+            client_uri: clientUri,
+            sector_identifier_uri: sectorUri !== null && sectorUri !== void 0 ? sectorUri : '',
+            tos_uri: tosUri,
+            etag: client === null || client === void 0 ? void 0 : client.etag,
+        };
+    }, [
+        client === null || client === void 0 ? void 0 : client.client_id,
+        client === null || client === void 0 ? void 0 : client.etag,
+        clientName,
+        clientUri,
+        policyUri,
+        redirectUris,
+        sectorUri,
+        tosUri,
+    ]);
     (0, react_1.useEffect)(function () {
         var _a, _b, _c, _d, _e, _f;
         setClientName((_a = client === null || client === void 0 ? void 0 : client.client_name) !== null && _a !== void 0 ? _a : '');
@@ -38,16 +64,14 @@ var CreateOAuthModal = function (_a) {
         setSectorUri((_e = client === null || client === void 0 ? void 0 : client.sector_identifier_uri) !== null && _e !== void 0 ? _e : undefined);
         setTosUri((_f = client === null || client === void 0 ? void 0 : client.tos_uri) !== null && _f !== void 0 ? _f : '');
     }, [isShowingModal, client]);
-    (0, react_1.useEffect)(function () {
-        var stateArr = redirectUris === null || redirectUris === void 0 ? void 0 : redirectUris.map(function (str) { return str.uri; });
-        var propArr = client === null || client === void 0 ? void 0 : client.redirect_uris;
-        client &&
-            ((stateArr === null || stateArr === void 0 ? void 0 : stateArr.length) !== (propArr === null || propArr === void 0 ? void 0 : propArr.length) ||
-                !(stateArr === null || stateArr === void 0 ? void 0 : stateArr.every(function (el) { return propArr === null || propArr === void 0 ? void 0 : propArr.includes(el); })) ||
-                sectorUri != (client === null || client === void 0 ? void 0 : client.sector_identifier_uri))
-            ? setWarnTrigger(true)
-            : setWarnTrigger(false);
-    }, [redirectUris, sectorUri, client]);
+    (0, hooks_1.useDebouncedEffect)(function () {
+        if (accessToken) {
+            // SWC-6365: use the pre-check service to determine if we need to show a warning on edit
+            utils_1.SynapseClient.isOAuthClientReverificationRequired(oAuthClient, accessToken).then(function (precheckResult) {
+                setWarnTrigger(precheckResult.reverificationRequired);
+            });
+        }
+    }, [accessToken, oAuthClient], INPUT_CHANGE_DEBOUNCE_DELAY_MS);
     var hide = function () {
         setClientName('');
         setRedirectUris([{ uri: '' }]);
@@ -92,19 +116,8 @@ var CreateOAuthModal = function (_a) {
         },
     }).mutate;
     var onCreateClient = function () {
-        var _a;
         try {
             if (accessToken) {
-                var oAuthClient = {
-                    client_id: client === null || client === void 0 ? void 0 : client.client_id,
-                    client_name: clientName,
-                    redirect_uris: (_a = redirectUris === null || redirectUris === void 0 ? void 0 : redirectUris.map(function (str) { return str.uri; })) !== null && _a !== void 0 ? _a : [''],
-                    policy_uri: policyUri,
-                    client_uri: clientUri,
-                    sector_identifier_uri: sectorUri !== null && sectorUri !== void 0 ? sectorUri : '',
-                    tos_uri: tosUri,
-                    etag: client === null || client === void 0 ? void 0 : client.etag,
-                };
                 setUpdatedClient(oAuthClient);
                 if (warnTrigger === true) {
                     setIsShowingConfirmModal(true);