synapse-react-client 3.1.27 → 3.1.29

package/dist/containers/StorybookComponentWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare function sessionChangeHandler(): Promise<{
+    accessToken: string;
+    profile: import("../utils/synapseTypes").UserProfile;
+    authenticatedOn: undefined;
+}>;
+/**
+ * Wraps storybook story components to ensure that all components receive required context.
+ * @param props
+ * @returns
+ */
+export declare function StorybookComponentWrapper(props: {
+    children: React.ReactNode;
+    storybookContext: any;
+}): JSX.Element;
+export default StorybookComponentWrapper;

package/dist/containers/StorybookComponentWrapper.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StorybookComponentWrapper = exports.sessionChangeHandler = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var SynapseContext_1 = require("../utils/SynapseContext");
+var react_query_1 = require("react-query");
+var utils_1 = require("../utils");
+var ToastMessage_1 = require("./ToastMessage");
+var devtools_1 = require("react-query/devtools");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var SynapseClient_1 = require("../utils/SynapseClient");
+var SynapseClientError_1 = require("../utils/SynapseClientError");
+var getEndpoint_1 = require("../utils/functions/getEndpoint");
+var DefaultTheme_1 = tslib_1.__importDefault(require("../utils/theme/DefaultTheme"));
+var Palettes_1 = require("../utils/theme/palette/Palettes");
+var useDetectSSOCode_1 = tslib_1.__importDefault(require("../utils/hooks/useDetectSSOCode"));
+function sessionChangeHandler() {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var accessToken, profile, err_1, date;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, SynapseClient_1.getAccessTokenFromCookie)()];
+                case 1:
+                    accessToken = _a.sent();
+                    _a.label = 2;
+                case 2:
+                    _a.trys.push([2, 4, , 7]);
+                    return [4 /*yield*/, (0, SynapseClient_1.getUserProfile)(accessToken)];
+                case 3:
+                    profile = _a.sent();
+                    return [3 /*break*/, 7];
+                case 4:
+                    err_1 = _a.sent();
+                    if (!(err_1 instanceof SynapseClientError_1.SynapseClientError && err_1.status === 401)) return [3 /*break*/, 6];
+                    console.error('Encountered error fetching profile: ', err_1, 'Signing out...');
+                    return [4 /*yield*/, (0, SynapseClient_1.signOut)()];
+                case 5:
+                    _a.sent();
+                    accessToken = undefined;
+                    _a.label = 6;
+                case 6: 
+                // Otherwise rethrow
+                throw err_1;
+                case 7:
+                    if (accessToken) {
+                        (0, SynapseClient_1.getAuthenticatedOn)(accessToken).then(function (authenticatedOn) {
+                            date = (0, dayjs_1.default)(authenticatedOn.authenticatedOn).format('L LT');
+                        });
+                    }
+                    return [2 /*return*/, { accessToken: accessToken, profile: profile, authenticatedOn: date }];
+            }
+        });
+    });
+}
+exports.sessionChangeHandler = sessionChangeHandler;
+var storybookQueryClient = new react_query_1.QueryClient(SynapseContext_1.defaultQueryClientConfig);
+function overrideEndpoint(stack) {
+    var endpointConfig = getEndpoint_1.STACK_MAP[stack];
+    window['SRC'] = {
+        OVERRIDE_ENDPOINT_CONFIG: endpointConfig,
+    };
+    storybookQueryClient.resetQueries();
+}
+var paletteMap = {
+    default: Palettes_1.palette,
+    sageBionetworks: Palettes_1.sageBionetworksPalette,
+    mtb: Palettes_1.mtbPalette,
+    arkPortal: Palettes_1.arkPortalPalette,
+    adKnowledgePortal: Palettes_1.adKnowledgePortalPalette,
+    nfPortal: Palettes_1.nfPortalPalette,
+    bsmnPortal: Palettes_1.bsmnPortalPalette,
+    psychEncodePortal: Palettes_1.psychEncodePortalPalette,
+    stopAdPortal: Palettes_1.stopAdPortalPalette,
+    digitalHealthPortal: Palettes_1.digitalHealthPortalPalette,
+    crcResearcherPortal: Palettes_1.crcResearcherPortalPalette,
+    cancerComplexityPortal: Palettes_1.cancerComplexityPortalPalette,
+};
+/**
+ * Wraps storybook story components to ensure that all components receive required context.
+ * @param props
+ * @returns
+ */
+function StorybookComponentWrapper(props) {
+    var storybookContext = props.storybookContext;
+    (0, react_1.useEffect)(function () {
+        overrideEndpoint(storybookContext.globals.stack);
+    }, [storybookContext.globals.stack]);
+    var _a = react_1.default.useState(undefined), accessToken = _a[0], setAccessToken = _a[1];
+    (0, useDetectSSOCode_1.default)();
+    (0, react_1.useEffect)(function () {
+        sessionChangeHandler().then(function (data) {
+            setAccessToken(data.accessToken);
+        });
+    });
+    (0, react_1.useEffect)(function () {
+        function resetCache() {
+            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*/, storybookQueryClient.cancelQueries()];
+                        case 1:
+                            _a.sent();
+                            storybookQueryClient.removeQueries();
+                            return [4 /*yield*/, storybookQueryClient.invalidateQueries()];
+                        case 2:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        resetCache();
+    }, [accessToken]);
+    var synapseContext = (0, react_1.useMemo)(function () { return ({
+        accessToken: accessToken,
+        isInExperimentalMode: utils_1.SynapseClient.isInSynapseExperimentalMode(),
+        utcTime: utils_1.SynapseClient.getUseUtcTimeFromCookie(),
+        withErrorBoundary: true,
+        downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',
+    }); }, [accessToken]);
+    return (react_1.default.createElement(SynapseContext_1.SynapseContextProvider, { queryClient: storybookQueryClient, key: accessToken, synapseContext: synapseContext, theme: tslib_1.__assign(tslib_1.__assign({}, DefaultTheme_1.default), { palette: paletteMap[storybookContext.globals.palette] }) },
+        react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
+            storybookContext.globals.showReactQueryDevtools && (react_1.default.createElement(devtools_1.ReactQueryDevtools, null)),
+            react_1.default.createElement(ToastMessage_1.SynapseToastContainer, null),
+            react_1.default.createElement("main", null, props.children))));
+}
+exports.StorybookComponentWrapper = StorybookComponentWrapper;
+exports.default = StorybookComponentWrapper;
+//# sourceMappingURL=StorybookComponentWrapper.js.map

package/dist/containers/StorybookComponentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorybookComponentWrapper.js","sourceRoot":"","sources":["../../src/lib/containers/StorybookComponentWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAAiD;AACjD,qDAA+C;AAC/C,0DAIgC;AAChC,2CAAyC;AACzC,kCAAwC;AACxC,+CAAsD;AACtD,iDAAyD;AACzD,wDAAyB;AACzB,wDAK+B;AAC/B,kEAAgE;AAChE,8DAAwE;AACxE,qFAAyD;AACzD,4DAawC;AACxC,6FAA8D;AAE9D,SAAsB,oBAAoB;;;;;wBACF,qBAAM,IAAA,wCAAwB,GAAE,EAAA;;oBAAlE,WAAW,GAAuB,SAAgC;;;;oBAG1D,qBAAM,IAAA,8BAAc,EAAC,WAAW,CAAC,EAAA;;oBAA3C,OAAO,GAAG,SAAiC,CAAA;;;;yBAEvC,CAAA,KAAG,YAAY,uCAAkB,IAAI,KAAG,CAAC,MAAM,KAAK,GAAG,CAAA,EAAvD,wBAAuD;oBACzD,OAAO,CAAC,KAAK,CACX,sCAAsC,EACtC,KAAG,EACH,gBAAgB,CACjB,CAAA;oBACD,qBAAM,IAAA,uBAAO,GAAE,EAAA;;oBAAf,SAAe,CAAA;oBACf,WAAW,GAAG,SAAS,CAAA;;;gBAEzB,oBAAoB;gBACpB,MAAM,KAAG,CAAA;;oBAGX,IAAI,WAAW,EAAE;wBACf,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAA,eAAe;4BAClD,IAAI,GAAG,IAAA,eAAK,EAAC,eAAe,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;wBAC9D,CAAC,CAAC,CAAA;qBACH;oBACD,sBAAO,EAAE,WAAW,aAAA,EAAE,OAAO,SAAA,EAAE,eAAe,EAAE,IAAI,EAAE,EAAA;;;;CACvD;AAzBD,oDAyBC;AACD,IAAM,oBAAoB,GAAG,IAAI,yBAAW,CAAC,yCAAwB,CAAC,CAAA;AAEtE,SAAS,gBAAgB,CAAC,KAAmB;IAC3C,IAAM,cAAc,GAAG,uBAAS,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,KAAK,CAAC,GAAG;QACd,wBAAwB,EAAE,cAAc;KACzC,CAAA;IACD,oBAAoB,CAAC,YAAY,EAAE,CAAA;AACrC,CAAC;AAED,IAAM,UAAU,GAAG;IACjB,OAAO,EAAE,kBAAO;IAChB,eAAe,EAAE,iCAAsB;IACvC,GAAG,EAAE,qBAAU;IACf,SAAS,EAAE,2BAAgB;IAC3B,iBAAiB,EAAE,mCAAwB;IAC3C,QAAQ,EAAE,0BAAe;IACzB,UAAU,EAAE,4BAAiB;IAC7B,iBAAiB,EAAE,mCAAwB;IAC3C,YAAY,EAAE,8BAAmB;IACjC,mBAAmB,EAAE,qCAA0B;IAC/C,mBAAmB,EAAE,qCAA0B;IAC/C,sBAAsB,EAAE,wCAA6B;CACtD,CAAA;AAED;;;;GAIG;AACH,SAAgB,yBAAyB,CAAC,KAIzC;IACS,IAAA,gBAAgB,GAAK,KAAK,iBAAV,CAAU;IAElC,IAAA,iBAAS,EAAC;QACR,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAqB,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAE9B,IAAA,KAAgC,eAAK,CAAC,QAAQ,CAClD,SAAS,CACV,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC,CAAA;IAED,IAAA,0BAAgB,GAAE,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,oBAAoB,EAAE,CAAC,IAAI,CAAC,UAAA,IAAI;YAC9B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAClC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,SAAe,UAAU;;;;gCACvB,qBAAM,oBAAoB,CAAC,aAAa,EAAE,EAAA;;4BAA1C,SAA0C,CAAA;4BAC1C,oBAAoB,CAAC,aAAa,EAAE,CAAA;4BACpC,qBAAM,oBAAoB,CAAC,iBAAiB,EAAE,EAAA;;4BAA9C,SAA8C,CAAA;;;;;SAC/C;QACD,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAM,cAAc,GAAgC,IAAA,eAAO,EACzD,cAAM,OAAA,CAAC;QACL,WAAW,EAAE,WAAW;QACxB,oBAAoB,EAAE,qBAAa,CAAC,2BAA2B,EAAE;QACjE,OAAO,EAAE,qBAAa,CAAC,uBAAuB,EAAE;QAChD,iBAAiB,EAAE,IAAI;QACvB,mBAAmB,EAAE,+CAA+C;KACrE,CAAC,EANI,CAMJ,EACF,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,8BAAC,uCAAsB,IACrB,WAAW,EAAE,oBAAoB,EACjC,GAAG,EAAE,WAAW,EAChB,cAAc,EAAE,cAAc,EAC9B,KAAK,wCACA,sBAAe,KAClB,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC;QAGvD,8BAAC,+BAAY;YACV,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,IAAI,CAClD,8BAAC,6BAAkB,OAAG,CACvB;YACD,8BAAC,oCAAqB,OAAG;YACzB,4CAAO,KAAK,CAAC,QAAQ,CAAQ,CAChB,CACQ,CAC1B,CAAA;AACH,CAAC;AA9DD,8DA8DC;AAED,kBAAe,yBAAyB,CAAA"}

package/dist/containers/TemplateComponent.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    userId: string;
+};
+export default function TemplateComponent({ userId }: Props): JSX.Element;
+export {};

package/dist/containers/TemplateComponent.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+function TemplateComponent(_a) {
+    var userId = _a.userId;
+    var _b = (0, react_1.useState)(0), count = _b[0], setCount = _b[1];
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("button", { style: { backgroundColor: 'blue', color: 'white' }, onClick: function () { return setCount(count + 1); } }, "Click to increment count!"),
+        react_1.default.createElement("p", null,
+            " Count = ",
+            count,
+            " "),
+        react_1.default.createElement("p", null,
+            " Passed in userId = ",
+            userId,
+            " ")));
+}
+exports.default = TemplateComponent;
+//# sourceMappingURL=TemplateComponent.js.map

package/dist/containers/TemplateComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateComponent.js","sourceRoot":"","sources":["../../src/lib/containers/TemplateComponent.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AAMvC,SAAwB,iBAAiB,CAAC,EAAiB;QAAf,MAAM,YAAA;IAC1C,IAAA,KAAoB,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAA;IAE7C,OAAO,CACL;QACE,0CACE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAClD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,EAAnB,CAAmB,gCAG3B;QACT;;YAAa,KAAK;gBAAM;QAExB;;YAAwB,MAAM;gBAAM,CAChC,CACP,CAAA;AACH,CAAC;AAhBD,oCAgBC"}

package/dist/containers/UserSearchBoxV2.js

@@ -47,7 +47,7 @@ var UserSearchBoxV2 = function (props) {
     }, [isLoading, debouncedInput, inputValue]);
     var options = (data !== null && data !== void 0 ? data : [])
         .filter(filterPredicate !== null && filterPredicate !== void 0 ? filterPredicate : (function () { return true; }))
-        // Map the AR(s) to options for the select input component
+        // Map each user to an options object for the select input component
         .map(function (item) { return ({
         id: item.ownerId.toString(),
         value: item.ownerId.toString(),

package/dist/containers/UserSearchBoxV2.js.map

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

package/dist/containers/access_requirement_list/ManagedACTAccessRequirement.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ManagedACTAccessRequirement } from '../../utils/synapseTypes';
+import { AccessRequirementProps } from './AccessRequirementProps';
+export default function ManagedACTAccessRequirementComponent({ accessRequirement, user, onHide, accessRequirementStatus, entityId, }: AccessRequirementProps<ManagedACTAccessRequirement>): JSX.Element;

package/dist/containers/access_requirement_list/ManagedACTAccessRequirement.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("../../utils");
+var AcceptedRequirements_1 = tslib_1.__importDefault(require("./AcceptedRequirements"));
+var SynapseContext_1 = require("../../utils/SynapseContext");
+function ManagedACTAccessRequirementComponent(_a) {
+    var _this = this;
+    var accessRequirement = _a.accessRequirement, user = _a.user, onHide = _a.onHide, accessRequirementStatus = _a.accessRequirementStatus, entityId = _a.entityId;
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _b = (0, react_1.useState)(), wikiPage = _b[0], setWikiPage = _b[1];
+    (0, react_1.useEffect)(function () {
+        var getManagedACTAccessData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var wikipageRequirement, err_1;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, utils_1.SynapseClient.getWikiPageKeyForAccessRequirement(accessToken, accessRequirement.id)];
+                    case 1:
+                        wikipageRequirement = _a.sent();
+                        setWikiPage(wikipageRequirement);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        console.error('Error on get ManagedACTAccessRequirement', err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        getManagedACTAccessData();
+    }, [accessToken, accessRequirement]);
+    return (react_1.default.createElement(AcceptedRequirements_1.default, { accessRequirement: accessRequirement, accessRequirementStatus: accessRequirementStatus, entityId: entityId, user: user, wikiPage: wikiPage, onHide: onHide }));
+}
+exports.default = ManagedACTAccessRequirementComponent;
+//# sourceMappingURL=ManagedACTAccessRequirement.js.map

package/dist/containers/access_requirement_list/ManagedACTAccessRequirement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagedACTAccessRequirement.js","sourceRoot":"","sources":["../../../src/lib/containers/access_requirement_list/ManagedACTAccessRequirement.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAKlD,qCAA2C;AAC3C,wFAAyD;AAEzD,6DAA8D;AAE9D,SAAwB,oCAAoC,CAAC,EAMP;IANtD,iBAqCC;QApCC,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,uBAAuB,6BAAA,EACvB,QAAQ,cAAA;IAEA,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IACrC,IAAA,KAA0B,IAAA,gBAAQ,GAAe,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAA;IAEvD,IAAA,iBAAS,EAAC;QACR,IAAM,uBAAuB,GAAG;;;;;;wBAG1B,qBAAM,qBAAa,CAAC,kCAAkC,CACpD,WAAW,EACX,iBAAiB,CAAC,EAAE,CACrB,EAAA;;wBAJG,mBAAmB,GACvB,SAGC;wBACH,WAAW,CAAC,mBAAmB,CAAC,CAAA;;;;wBAEhC,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAG,CAAC,CAAA;;;;;aAEjE,CAAA;QAED,uBAAuB,EAAE,CAAA;IAC3B,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,8BAAoB,IACnB,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;AACH,CAAC;AArCD,uDAqCC"}

package/dist/containers/auth/AuthenticationMethodSelection.js

@@ -36,11 +36,13 @@ function AuthenticationMethodSelection(props) {
         });
     }
     return (react_1.default.createElement(material_1.Box, null,
-        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "outlined", color: "primary", onClick: onGoogleSignIn, sx: {
+        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "outlined", onClick: onGoogleSignIn, sx: {
+                color: 'grey.800',
                 height: '50px',
                 mb: '10px',
             }, startIcon: react_1.default.createElement(GoogleIcon24_1.GoogleIcon24, { sx: { width: '28px', height: '28px' } }) }, "Sign in with Google"),
-        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "outlined", color: "primary", startIcon: react_1.default.createElement(IconSvg_1.default, { icon: "email", sx: { width: '28px', height: '28px' } }), sx: {
+        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "outlined", startIcon: react_1.default.createElement(IconSvg_1.default, { icon: "email", sx: { width: '28px', height: '28px' } }), sx: {
+                color: 'grey.800',
                 height: '50px',
                 mb: '10px',
             }, onClick: onSelectUsernameAndPassword }, "Sign in with your email")));

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

@@ -1 +1 @@
-{"version":3,"file":"AuthenticationMethodSelection.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/AuthenticationMethodSelection.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAC3C,0DAAwD;AACxD,+DAAgC;AAChC,wDAAyB;AACzB,qCAA2C;AAU9B,QAAA,SAAS,GAAG;IACvB,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE,OAAO;CACf,CAAA;AACD;;;;GAIG;AACH,SAAwB,6BAA6B,CACnD,KAAyC;IAEjC,IAAA,kBAAkB,GACxB,KAAK,mBADmB,EAAE,cAAc,GACxC,KAAK,eADmC,EAAE,2BAA2B,GACrE,KAAK,4BADgE,CAChE;IACP,SAAS,cAAc,CAAC,KAA0C;QAChE,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,EAAE,CAAA;SACrB;QAED,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAM,WAAW,GAAG,cAAc;YAChC,CAAC,CAAC,UAAG,cAAc,SAAG,iBAAS,CAAC,MAAM,CAAE;YACxC,CAAC,CAAC,UAAG,qBAAa,CAAC,UAAU,EAAE,uBAAa,iBAAS,CAAC,MAAM,CAAE,CAAA;QAChE,qBAAa,CAAC,eAAe,CAAC,iBAAS,CAAC,MAAM,EAAE,WAAW,CAAC;aACzD,IAAI,CAAC,UAAA,IAAI;YACR,yCAAyC;YACzC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAuC,CAAA;QAChE,CAAC,CAAC;aACD,KAAK,CAAC,UAAC,GAAuB;YAC7B,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QACzC,CAAC,CAAC,CAAA;IACN,CAAC;IAED,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAc,EACvB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,MAAM;aACX,EACD,SAAS,EAAE,8BAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,0BAG3D;QACT,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,SAAS,EACP,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAEjE,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,MAAM;aACX,EACD,OAAO,EAAE,2BAA2B,8BAG7B,CACL,CACP,CAAA;AACH,CAAC;AAxDD,gDAwDC"}
+{"version":3,"file":"AuthenticationMethodSelection.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/AuthenticationMethodSelection.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAC3C,0DAAwD;AACxD,+DAAgC;AAChC,wDAAyB;AACzB,qCAA2C;AAU9B,QAAA,SAAS,GAAG;IACvB,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE,OAAO;CACf,CAAA;AACD;;;;GAIG;AACH,SAAwB,6BAA6B,CACnD,KAAyC;IAEjC,IAAA,kBAAkB,GACxB,KAAK,mBADmB,EAAE,cAAc,GACxC,KAAK,eADmC,EAAE,2BAA2B,GACrE,KAAK,4BADgE,CAChE;IACP,SAAS,cAAc,CAAC,KAA0C;QAChE,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,EAAE,CAAA;SACrB;QAED,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAM,WAAW,GAAG,cAAc;YAChC,CAAC,CAAC,UAAG,cAAc,SAAG,iBAAS,CAAC,MAAM,CAAE;YACxC,CAAC,CAAC,UAAG,qBAAa,CAAC,UAAU,EAAE,uBAAa,iBAAS,CAAC,MAAM,CAAE,CAAA;QAChE,qBAAa,CAAC,eAAe,CAAC,iBAAS,CAAC,MAAM,EAAE,WAAW,CAAC;aACzD,IAAI,CAAC,UAAA,IAAI;YACR,yCAAyC;YACzC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAuC,CAAA;QAChE,CAAC,CAAC;aACD,KAAK,CAAC,UAAC,GAAuB;YAC7B,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QACzC,CAAC,CAAC,CAAA;IACN,CAAC;IAED,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,cAAc,EACvB,EAAE,EAAE;gBACF,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,MAAM;aACX,EACD,SAAS,EAAE,8BAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,0BAG3D;QACT,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,SAAS,EACP,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAEjE,EAAE,EAAE;gBACF,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,MAAM;aACX,EACD,OAAO,EAAE,2BAA2B,8BAG7B,CACL,CACP,CAAA;AACH,CAAC;AAxDD,gDAwDC"}

package/dist/containers/auth/LoginForm.js

@@ -24,7 +24,7 @@ function LoginForm(props) {
         step === 'RECOVERY_CODE' && (react_1.default.createElement(RecoveryCodeForm_1.default, { isLoading: isLoading, onSubmit: function (recoveryCode) {
                 submitOneTimePassword(recoveryCode, 'RECOVERY_CODE');
             } })),
-        (step === 'CHOOSE_AUTH_METHOD' || step === 'USERNAME_PASSWORD') && (react_1.default.createElement(material_1.Box, { display: 'flex', justifyContent: 'center' },
+        (step === 'CHOOSE_AUTH_METHOD' || step === 'USERNAME_PASSWORD') && (react_1.default.createElement(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', mt: '10px' } },
             react_1.default.createElement(material_1.Link, { href: registerAccountUrl, align: 'center' }, "Don't have an account? Create one now"))),
         errorMessage && (react_1.default.createElement(FullWidthAlert_1.default, { variant: 'warning', isGlobal: false, description: errorMessage }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/LoginForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,iEAG0C;AAC1C,0CAAyC;AACzC,6EAA8C;AAG9C,gEAAiC;AACjC,wFAAyD;AACzD,0GAA2E;AAC3E,gFAAiD;AAkBjD,SAAwB,SAAS,CAAC,KAAY;IAE1C,IAAA,cAAc,GAYZ,KAAK,eAZO,EACd,KAWE,KAAK,mBATe,EAFtB,kBAAkB,mBAAG,UAAG,IAAA,yBAAW,EACjC,oCAAsB,CAAC,eAAe,CACvC,wBAAqB,KAAA,EACtB,gBAAgB,GAQd,KAAK,iBARS,EAChB,kBAAkB,GAOhB,KAAK,mBAPW,EAClB,YAAY,GAMV,KAAK,aANK,EACZ,IAAI,GAKF,KAAK,KALH,EACJ,yBAAyB,GAIvB,KAAK,0BAJkB,EACzB,qBAAqB,GAGnB,KAAK,sBAHc,EACrB,YAAY,GAEV,KAAK,aAFK,EACZ,SAAS,GACP,KAAK,UADE,CACF;IAET,OAAO,CACL;QACG,IAAI,IAAI,oBAAoB,IAAI,CAC/B,8BAAC,uCAA6B,IAC5B,2BAA2B,EAAE,cAAM,OAAA,YAAY,CAAC,mBAAmB,CAAC,EAAjC,CAAiC,EACpE,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,GAC9B,CACH;QACA,IAAI,KAAK,mBAAmB,IAAI,CAC/B,8BAAC,8BAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,UAAC,QAAQ,EAAE,QAAQ;gBAC3B,yBAAyB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC/C,CAAC,GACD,CACH;QACA,IAAI,KAAK,mBAAmB,IAAI,CAC/B;YACE,8BAAC,kBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAA,IAAI;oBACZ,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBACrC,CAAC,GACD;YACF,8BAAC,eAAI,IACH,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,UAAU,EACjB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EACpC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,eAAe,CAAC,EAA7B,CAA6B,gCAGvC,CACN,CACJ;QACA,IAAI,KAAK,eAAe,IAAI,CAC3B,8BAAC,0BAAgB,IACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAA,YAAY;gBACpB,qBAAqB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA;YACtD,CAAC,GACD,CACH;QACA,CAAC,IAAI,KAAK,oBAAoB,IAAI,IAAI,KAAK,mBAAmB,CAAC,IAAI,CAClE,8BAAC,cAAG,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ;YAC5C,8BAAC,eAAI,IAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,4CAExC,CACH,CACP;QACA,YAAY,IAAI,CACf,8BAAC,wBAAc,IACb,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,YAAY,GACzB,CACH,CACA,CACJ,CAAA;AACH,CAAC;AA5ED,4BA4EC"}
+{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/LoginForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,iEAG0C;AAC1C,0CAAyC;AACzC,6EAA8C;AAG9C,gEAAiC;AACjC,wFAAyD;AACzD,0GAA2E;AAC3E,gFAAiD;AAkBjD,SAAwB,SAAS,CAAC,KAAY;IAE1C,IAAA,cAAc,GAYZ,KAAK,eAZO,EACd,KAWE,KAAK,mBATe,EAFtB,kBAAkB,mBAAG,UAAG,IAAA,yBAAW,EACjC,oCAAsB,CAAC,eAAe,CACvC,wBAAqB,KAAA,EACtB,gBAAgB,GAQd,KAAK,iBARS,EAChB,kBAAkB,GAOhB,KAAK,mBAPW,EAClB,YAAY,GAMV,KAAK,aANK,EACZ,IAAI,GAKF,KAAK,KALH,EACJ,yBAAyB,GAIvB,KAAK,0BAJkB,EACzB,qBAAqB,GAGnB,KAAK,sBAHc,EACrB,YAAY,GAEV,KAAK,aAFK,EACZ,SAAS,GACP,KAAK,UADE,CACF;IAET,OAAO,CACL;QACG,IAAI,IAAI,oBAAoB,IAAI,CAC/B,8BAAC,uCAA6B,IAC5B,2BAA2B,EAAE,cAAM,OAAA,YAAY,CAAC,mBAAmB,CAAC,EAAjC,CAAiC,EACpE,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,GAC9B,CACH;QACA,IAAI,KAAK,mBAAmB,IAAI,CAC/B,8BAAC,8BAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,UAAC,QAAQ,EAAE,QAAQ;gBAC3B,yBAAyB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC/C,CAAC,GACD,CACH;QACA,IAAI,KAAK,mBAAmB,IAAI,CAC/B;YACE,8BAAC,kBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAA,IAAI;oBACZ,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBACrC,CAAC,GACD;YACF,8BAAC,eAAI,IACH,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,UAAU,EACjB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EACpC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,eAAe,CAAC,EAA7B,CAA6B,gCAGvC,CACN,CACJ;QACA,IAAI,KAAK,eAAe,IAAI,CAC3B,8BAAC,0BAAgB,IACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAA,YAAY;gBACpB,qBAAqB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA;YACtD,CAAC,GACD,CACH;QACA,CAAC,IAAI,KAAK,oBAAoB,IAAI,IAAI,KAAK,mBAAmB,CAAC,IAAI,CAClE,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;YAChE,8BAAC,eAAI,IAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,4CAExC,CACH,CACP;QACA,YAAY,IAAI,CACf,8BAAC,wBAAc,IACb,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,YAAY,GACzB,CACH,CACA,CACJ,CAAA;AACH,CAAC;AA5ED,4BA4EC"}

package/dist/containers/auth/LoginPage.js

@@ -20,11 +20,16 @@ var Tagline = (0, material_1.styled)(material_1.Typography, {
         font: '300 24px/34px Lato, sans-serif',
     });
 });
-var BACKUP_CODE_INFO_JSX = (React.createElement(React.Fragment, null,
-    "Your backup code is a 16-digit code. We generated 10 of these codes for you when you set up 2FA. If you don\u2019t have access to these codes, please",
-    ' ',
-    React.createElement(material_1.Link, { href: LOST_ACCOUNT_ACCESS_CONTACT_URL }, "contact us"),
-    "."));
+function BackupCodeInstructions(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(material_1.Typography, tslib_1.__assign({}, props), "Your backup code is a 16 digit code, with groups of 4 letters or numbers separated by hyphens, like this:"),
+        React.createElement(material_1.Typography, tslib_1.__assign({}, props, { component: 'div', variant: 'monospace', sx: { my: 1, fontSize: '18px' } }), "xxxx-xxxx-xxxx-xxxx"),
+        React.createElement(material_1.Typography, tslib_1.__assign({}, props),
+            "Each code can only be used once. If you don\u2019t have access to these codes, please",
+            ' ',
+            React.createElement(material_1.Link, { href: LOST_ACCOUNT_ACCESS_CONTACT_URL }, "contact us"),
+            ".")));
+}
 function LoginPage(props) {
     var ssoRedirectUrl = props.ssoRedirectUrl, sessionCallback = props.sessionCallback;
     var showDesktop = (0, useShowDesktop_1.default)(910);
@@ -41,23 +46,22 @@ function LoginPage(props) {
             React.createElement("img", { alt: 'Synapse logo', src: 'https://s3.amazonaws.com/static.synapse.org/images/synapse-logo-blue.svg' }),
             !showDesktop && (React.createElement(material_1.Typography, { variant: "body1", align: "center", sx: { my: 1 } }, "Organize. Get credit. Collaborate."))),
         !showDesktop && step === 'VERIFICATION_CODE' && (React.createElement(material_1.Typography, { variant: 'body1', align: 'center', sx: { my: 1 } }, "Enter the 6-digit, time-based verification code provided by your authenticator app.")),
-        !showDesktop && step === 'RECOVERY_CODE' && (React.createElement(material_1.Typography, { variant: 'body1', align: 'center', sx: { my: 1 } }, BACKUP_CODE_INFO_JSX)),
+        !showDesktop && step === 'RECOVERY_CODE' && (React.createElement(BackupCodeInstructions, { variant: 'body1', align: 'center', sx: { my: 1 } })),
         React.createElement(LoginForm_1.default, { ssoRedirectUrl: ssoRedirectUrl, step: step, onStepChange: onStepChange, submitUsernameAndPassword: submitUsernameAndPassword, submitOneTimePassword: submitOneTimePassword, errorMessage: errorMessage, isLoading: isLoading })));
     if (showDesktop) {
         return (React.createElement(LeftRightPanel_1.LeftRightPanel, { leftContent: React.createElement(React.Fragment, null,
-                React.createElement(material_1.Box, { sx: { py: 10, px: 8, height: '100%', position: 'relative' } },
+                React.createElement(material_1.Box, { sx: { py: 15, px: 8, height: '100%', position: 'relative' } },
                     React.createElement(LoginFlowBackButton_1.default, { step: step, onStepChange: onStepChange, sx: {
                             position: 'absolute',
                             top: theme.spacing(2),
                             left: theme.spacing(2),
                         } }),
                     loginForm)), rightContent: React.createElement(material_1.Box, { sx: {
-                    py: 10,
+                    py: 15,
                     height: '100%',
-                    background: "url('https://s3.amazonaws.com/static.synapse.org/images/login-panel-bg.svg') no-repeat right bottom 20px",
+                    background: "url('https://s3.amazonaws.com/static.synapse.org/images/login-panel-bg.svg') no-repeat right bottom 5px",
                 } },
                 React.createElement(material_1.Box, { sx: {
-                        py: 10,
                         px: 9,
                         color: '#1e4964',
                     } },
@@ -66,7 +70,7 @@ function LoginPage(props) {
                         React.createElement(material_1.Typography, { variant: 'headline2', sx: { lineHeight: '30px' } }, "Enter the 6-digit, time-based verification code provided by your authenticator app."))),
                     step === 'RECOVERY_CODE' && (React.createElement(React.Fragment, null,
                         React.createElement(material_1.Typography, { variant: "headline1", sx: { mb: 4 } }, "Enter your backup code"),
-                        React.createElement(material_1.Typography, { variant: 'headline2', sx: { lineHeight: '30px' } }, BACKUP_CODE_INFO_JSX))),
+                        React.createElement(BackupCodeInstructions, { variant: 'body1', sx: { fontSize: '18px', lineHeight: '30px' } }))),
                     step !== 'VERIFICATION_CODE' && step !== 'RECOVERY_CODE' && (React.createElement(React.Fragment, null,
                         React.createElement(Tagline, { variant: "headline2" },
                             React.createElement("strong", null, "Organize"),

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type LogoutProps = {
+    callback: () => void;
+};
+export default function Logout(props: LogoutProps): JSX.Element;

package/dist/containers/auth/Logout.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var utils_1 = require("../../utils");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+function Logout(props) {
+    var callback = props.callback;
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        react_1.default.createElement(react_bootstrap_1.Button, { variant: "default", onClick: function () {
+                utils_1.SynapseClient.signOut().then(callback);
+            } }, "Log out")));
+}
+exports.default = Logout;
+//# sourceMappingURL=Logout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logout.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/Logout.tsx"],"names":[],"mappings":";;;AAAA,qCAA2C;AAC3C,wDAAyB;AACzB,mDAAwC;AAMxC,SAAwB,MAAM,CAAC,KAAkB;IACvC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QACnC,8BAAC,wBAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE;gBACP,qBAAa,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACxC,CAAC,cAGM,CACL,CACP,CAAA;AACH,CAAC;AAdD,yBAcC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TwoFactorAuthRecoveryCodes } from '../../utils/synapseTypes/TwoFactorAuthRecoveryCodes';
+type RecoveryCodeGridProps = {
+    recoveryCodes?: TwoFactorAuthRecoveryCodes;
+};
+export declare function RecoveryCodeGrid(props: RecoveryCodeGridProps): JSX.Element;
+export {};

package/dist/containers/auth/RecoveryCodeGrid.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecoveryCodeGrid = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var ConditionalWrapper_1 = tslib_1.__importDefault(require("../utils/ConditionalWrapper"));
+var Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var DEFAULT_RECOVERY_CODE_COUNT = 10;
+// Placeholder codes used to render skeletons while loading
+var PLACEHOLDER_RECOVERY_CODE = '1234-5678-9012-3456';
+var PLACEHOLDER_RECOVERY_CODES = Array(DEFAULT_RECOVERY_CODE_COUNT).fill(PLACEHOLDER_RECOVERY_CODE);
+function RecoveryCodeGrid(props) {
+    var _a;
+    var recoveryCodes = props.recoveryCodes;
+    return (react_1.default.createElement(material_1.Box, { sx: {
+            display: 'grid',
+            gridTemplateColumns: '47.5% 47.5%',
+            columnGap: '5%',
+            gridTemplateRows: 'repeat(5, 1fr)',
+            fontFamily: 'Menlo, Courier New, Courier, monospace',
+            my: 2,
+        } }, ((_a = recoveryCodes === null || recoveryCodes === void 0 ? void 0 : recoveryCodes.codes) !== null && _a !== void 0 ? _a : PLACEHOLDER_RECOVERY_CODES).map(function (code, index) {
+        return (react_1.default.createElement(ConditionalWrapper_1.default, { key: index, condition: !recoveryCodes, wrapper: Skeleton_1.default, wrapperProps: { width: '100%', height: '100%' } },
+            react_1.default.createElement(material_1.Box, { sx: {
+                    my: 1,
+                    fontSize: '13px',
+                } }, code)));
+    })));
+}
+exports.RecoveryCodeGrid = RecoveryCodeGrid;
+//# sourceMappingURL=RecoveryCodeGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCodeGrid.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/RecoveryCodeGrid.tsx"],"names":[],"mappings":";;;;AAAA,0CAAmC;AACnC,2FAA4D;AAC5D,4EAA6C;AAC7C,wDAAyB;AAGzB,IAAM,2BAA2B,GAAG,EAAE,CAAA;AAEtC,2DAA2D;AAC3D,IAAM,yBAAyB,GAAG,qBAAqB,CAAA;AACvD,IAAM,0BAA0B,GAAG,KAAK,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACxE,yBAAyB,CAC1B,CAAA;AAMD,SAAgB,gBAAgB,CAAC,KAA4B;;IACnD,IAAA,aAAa,GAAK,KAAK,cAAV,CAAU;IAC/B,OAAO,CACL,8BAAC,cAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,aAAa;YAClC,SAAS,EAAE,IAAI;YACf,gBAAgB,EAAE,gBAAgB;YAClC,UAAU,EAAE,wCAAwC;YACpD,EAAE,EAAE,CAAC;SACN,IAEA,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,0BAA0B,CAAC,CAAC,GAAG,CACvD,UAAC,IAAI,EAAE,KAAK;QACV,OAAO,CACL,8BAAC,4BAAkB,IACjB,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,CAAC,aAAa,EACzB,OAAO,EAAE,kBAAQ,EACjB,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;YAE/C,8BAAC,cAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,MAAM;iBACjB,IAEA,IAAI,CACD,CACa,CACtB,CAAA;IACH,CAAC,CACF,CACG,CACP,CAAA;AACH,CAAC;AApCD,4CAoCC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type RegenerateBackupCodesWarningProps = {
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+export declare function RegenerateBackupCodesWarning(props: RegenerateBackupCodesWarningProps): JSX.Element;
+export {};

package/dist/containers/auth/RegenerateBackupCodesWarning.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegenerateBackupCodesWarning = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var FrontHand_1 = tslib_1.__importDefault(require("../../assets/icons/FrontHand"));
+var react_1 = tslib_1.__importDefault(require("react"));
+function RegenerateBackupCodesWarning(props) {
+    var onConfirm = props.onConfirm, onCancel = props.onCancel;
+    var theme = (0, material_1.useTheme)();
+    return (react_1.default.createElement(material_1.Paper, { sx: { m: 'auto', maxWidth: '500px', p: 8 } },
+        react_1.default.createElement(material_1.Avatar, { sx: {
+                bgcolor: theme.palette.primary[500],
+                height: '100px',
+                width: '100px',
+            } },
+            react_1.default.createElement(FrontHand_1.default, { sx: { height: '54px', width: '54px' } })),
+        react_1.default.createElement(material_1.Box, { sx: { my: 5 } },
+            react_1.default.createElement(material_1.Typography, { variant: 'headline1', sx: { mb: 2 } }, "Really regenerate backup codes?"),
+            react_1.default.createElement(material_1.Typography, { variant: 'body1', sx: { my: 1 } }, "This will invalidate your old backup codes"),
+            react_1.default.createElement(material_1.Typography, { variant: 'body1', sx: { my: 1 } }, "If you click \u201Cyes\u201D, below, we will generate 10 new backup codes, replacing your old ones, which will no longer function.")),
+        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "contained", onClick: onConfirm, sx: { height: '50px', my: 1 } }, "Yes, regenerate backup codes"),
+        react_1.default.createElement(material_1.Button, { fullWidth: true, variant: "text", onClick: onCancel, sx: { height: '50px', my: 1 } }, "Nevermind")));
+}
+exports.RegenerateBackupCodesWarning = RegenerateBackupCodesWarning;
+//# sourceMappingURL=RegenerateBackupCodesWarning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegenerateBackupCodesWarning.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/RegenerateBackupCodesWarning.tsx"],"names":[],"mappings":";;;;AAAA,0CAAgF;AAChF,mFAAoD;AACpD,wDAAyB;AAOzB,SAAgB,4BAA4B,CAC1C,KAAwC;IAEhC,IAAA,SAAS,GAAe,KAAK,UAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACrC,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,8BAAC,gBAAK,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE;QAC/C,8BAAC,iBAAM,IACL,EAAE,EAAE;gBACF,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;gBACnC,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;aACf;YAED,8BAAC,mBAAS,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAC7C;QACT,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;YAChB,8BAAC,qBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,sCAElC;YACb,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,iDAE9B;YACb,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,yIAG9B,CACT;QACN,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,SAAS,EAClB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,mCAGtB;QACT,8BAAC,iBAAM,IACL,SAAS,QACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,gBAGtB,CACH,CACT,CAAA;AACH,CAAC;AA9CD,oEA8CC"}

package/dist/containers/auth/StandaloneLoginForm.js

@@ -18,6 +18,7 @@ function StandaloneLoginForm(props) {
         } },
         react_1.default.createElement(LoginFlowBackButton_1.default, { step: step, onStepChange: onStepChange, sx: { p: 0, mb: 1 } }),
         step === 'VERIFICATION_CODE' && (react_1.default.createElement(material_1.Typography, { variant: 'body1', sx: { my: 2 }, align: 'center' }, "Enter the 6-digit, time-based verification code provided by your authenticator app.")),
+        step === 'RECOVERY_CODE' && (react_1.default.createElement(material_1.Typography, { variant: 'body1', sx: { my: 2 }, align: 'center' }, "Enter a one-time backup code. Your backup code is a 16 digit code, with groups of 4 letters or numbers separated by hyphens.")),
         react_1.default.createElement(LoginForm_1.default, { step: step, onStepChange: onStepChange, submitUsernameAndPassword: submitUsernameAndPassword, submitOneTimePassword: submitOneTimePassword, errorMessage: errorMessage, ssoRedirectUrl: ssoRedirectUrl, registerAccountUrl: registerAccountUrl, resetPasswordUrl: resetPasswordUrl, onBeginOAuthSignIn: onBeginOAuthSignIn, isLoading: isLoading })));
 }
 exports.default = StandaloneLoginForm;

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

@@ -1 +1 @@
-{"version":3,"file":"StandaloneLoginForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/StandaloneLoginForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA+C;AAC/C,gFAAiD;AAEjD,kEAAmC;AACnC,sFAAuD;AAcvD,SAAwB,mBAAmB,CAAC,KAA+B;IAEvE,IAAA,cAAc,GAKZ,KAAK,eALO,EACd,eAAe,GAIb,KAAK,gBAJQ,EACf,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,gBAAgB,GAEd,KAAK,iBAFS,EAChB,kBAAkB,GAChB,KAAK,mBADW,CACX;IAEH,IAAA,KAOF,IAAA,kBAAQ,EAAC,eAAe,EAAE,KAAK,CAAC,+BAA+B,CAAC,EANlE,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,yBAAyB,+BAAA,EACzB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,SAAS,eACyD,CAAA;IAEpE,OAAO,CACL,8BAAC,cAAG,IACF,EAAE,EAAE;YACF,KAAK,EAAE,OAAO;YACd,CAAC,EAAE,CAAC;YACJ,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,aAAa;SACvB;QAED,8BAAC,6BAAmB,IAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GACnB;QACD,IAAI,KAAK,mBAAmB,IAAI,CAC/B,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,0FAG/C,CACd;QACD,8BAAC,mBAAS,IACR,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAA;AACH,CAAC;AArDD,sCAqDC"}
+{"version":3,"file":"StandaloneLoginForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/StandaloneLoginForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA+C;AAC/C,gFAAiD;AAEjD,kEAAmC;AACnC,sFAAuD;AAcvD,SAAwB,mBAAmB,CAAC,KAA+B;IAEvE,IAAA,cAAc,GAKZ,KAAK,eALO,EACd,eAAe,GAIb,KAAK,gBAJQ,EACf,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,gBAAgB,GAEd,KAAK,iBAFS,EAChB,kBAAkB,GAChB,KAAK,mBADW,CACX;IAEH,IAAA,KAOF,IAAA,kBAAQ,EAAC,eAAe,EAAE,KAAK,CAAC,+BAA+B,CAAC,EANlE,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,yBAAyB,+BAAA,EACzB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,SAAS,eACyD,CAAA;IAEpE,OAAO,CACL,8BAAC,cAAG,IACF,EAAE,EAAE;YACF,KAAK,EAAE,OAAO;YACd,CAAC,EAAE,CAAC;YACJ,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,aAAa;SACvB;QAED,8BAAC,6BAAmB,IAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GACnB;QACD,IAAI,KAAK,mBAAmB,IAAI,CAC/B,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,0FAG/C,CACd;QACA,IAAI,KAAK,eAAe,IAAI,CAC3B,8BAAC,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,mIAG/C,CACd;QACD,8BAAC,mBAAS,IACR,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAA;AACH,CAAC;AA3DD,sCA2DC"}

package/dist/containers/auth/TOTPForm.js

@@ -10,7 +10,7 @@ function TOTPForm(props) {
     var onSubmit = props.onSubmit, isLoading = props.isLoading;
     var _a = react_1.default.useState(''), verificationCode = _a[0], setVerificationCode = _a[1];
     return (react_1.default.createElement(material_1.Box, null,
-        react_1.default.createElement(mui_one_time_password_input_1.MuiOtpInput, { length: TOTP_LENGTH, value: verificationCode, onChange: setVerificationCode, onComplete: onSubmit, validateChar: function (character) {
+        react_1.default.createElement(mui_one_time_password_input_1.MuiOtpInput, { autoFocus: true, length: TOTP_LENGTH, value: verificationCode, onChange: setVerificationCode, onComplete: onSubmit, validateChar: function (character) {
                 return DIGIT_CHARACTERS.includes(character) || character === '';
             }, gap: 0, sx: {
                 '.MuiFormControl-root:first-of-type > .MuiInputBase-root': {

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

@@ -1 +1 @@
-{"version":3,"file":"TOTPForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TOTPForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA2C;AAC3C,2EAAyD;AAGzD,IAAM,WAAW,GAAG,CAAC,CAAA;AACrB,IAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAO3E,SAAwB,QAAQ,CAAC,KAAoB;IAC3C,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAC/B,IAAA,KAA0C,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA3D,gBAAgB,QAAA,EAAE,mBAAmB,QAAsB,CAAA;IAClE,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,yCAAW,IACV,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAC,SAAiB;gBAC9B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,EAAE,CAAA;YACjE,CAAC,EACD,GAAG,EAAE,CAAC,EACN,EAAE,EAAE;gBACF,yDAAyD,EAAE;oBACzD,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;iBAC3B;gBACD,wDAAwD,EAAE;oBACxD,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;iBAC1B;gBACD,kFAAkF,EAChF;oBACE,YAAY,EAAE,CAAC;iBAChB;aACJ,GACD;QAEF,8BAAC,iBAAM,IACL,SAAS,QACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;aACN,EACD,QAAQ,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,IAAI,SAAS,EAC9D,OAAO,EAAE,UAAA,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACL,CACP,CAAA;AACH,CAAC;AAlDD,2BAkDC"}
+{"version":3,"file":"TOTPForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TOTPForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA2C;AAC3C,2EAAyD;AAGzD,IAAM,WAAW,GAAG,CAAC,CAAA;AACrB,IAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAO3E,SAAwB,QAAQ,CAAC,KAAoB;IAC3C,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAC/B,IAAA,KAA0C,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA3D,gBAAgB,QAAA,EAAE,mBAAmB,QAAsB,CAAA;IAClE,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,yCAAW,IACV,SAAS,QACT,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAC,SAAiB;gBAC9B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,EAAE,CAAA;YACjE,CAAC,EACD,GAAG,EAAE,CAAC,EACN,EAAE,EAAE;gBACF,yDAAyD,EAAE;oBACzD,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;iBAC3B;gBACD,wDAAwD,EAAE;oBACxD,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;iBAC1B;gBACD,kFAAkF,EAChF;oBACE,YAAY,EAAE,CAAC;iBAChB;aACJ,GACD;QAEF,8BAAC,iBAAM,IACL,SAAS,QACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;aACN,EACD,QAAQ,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,IAAI,SAAS,EAC9D,OAAO,EAAE,UAAA,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACL,CACP,CAAA;AACH,CAAC;AAnDD,2BAmDC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type TwoFactorAuthSettingsPanelProps = {
+    onRegenerateBackupCodes: () => void;
+    onBeginTwoFactorEnrollment: () => void;
+};
+export default function TwoFactorAuthSettingsPanel(props: TwoFactorAuthSettingsPanelProps): JSX.Element;