synapse-react-client 3.1.26 → 3.1.27

package/dist/containers/TextField.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-type TextFieldProps = Pick<MuiTextFieldProps, 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'fullWidth' | 'id' | 'label' | 'maxRows' | 'minRows' | 'multiline' | 'onBlur' | 'onChange' | 'placeholder' | 'required' | 'sx' | 'type' | 'value'>;
+type TextFieldProps = Pick<MuiTextFieldProps, 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'fullWidth' | 'id' | 'inputProps' | 'label' | 'maxRows' | 'minRows' | 'multiline' | 'onBlur' | 'onChange' | 'placeholder' | 'required' | 'sx' | 'type' | 'value'> & {
+    noWrapInFormControl?: boolean;
+};
 /**
  * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.
  */

package/dist/containers/TextField.js

@@ -9,11 +9,17 @@ var material_1 = require("@mui/material");
 function TextField(props) {
     var id = (0, react_1.useId)();
     var palette = (0, material_1.useTheme)().palette;
-    return (react_1.default.createElement(material_1.FormControl, { fullWidth: true, sx: { my: 1 } },
-        react_1.default.createElement(material_1.Typography, { component: 'label', htmlFor: props.id || id, variant: 'body1', sx: { fontWeight: 700, mb: '4px' } },
+    var noWrapInFormControl = props.noWrapInFormControl, rest = tslib_1.__rest(props, ["noWrapInFormControl"]);
+    var Wrapper = (0, react_1.useMemo)(function () {
+        return noWrapInFormControl
+            ? function (props) { return (react_1.default.createElement(react_1.default.Fragment, null, props.children)); }
+            : function (props) { return (react_1.default.createElement(material_1.FormControl, { fullWidth: true, sx: { my: 1 } }, props.children)); };
+    }, [noWrapInFormControl]);
+    return (react_1.default.createElement(Wrapper, null,
+        props.label && (react_1.default.createElement(material_1.Typography, { component: 'label', htmlFor: props.id || id, variant: 'body1', sx: { fontWeight: 700, mb: '4px' } },
             props.label,
-            props.required ? (react_1.default.createElement(material_1.Box, { component: 'span', sx: { ml: '3px', color: 'secondary.main' } }, '*')) : (react_1.default.createElement(react_1.default.Fragment, null))),
-        react_1.default.createElement(material_1.InputBase, tslib_1.__assign({}, props, { id: props.id || id, sx: tslib_1.__assign(tslib_1.__assign({ backgroundColor: 'grey.200', px: 2, py: 1 }, props.sx), { '&.Mui-focused': {
+            props.required ? (react_1.default.createElement(material_1.Box, { component: 'span', sx: { ml: '3px', color: 'secondary.main' } }, '*')) : (react_1.default.createElement(react_1.default.Fragment, null)))),
+        react_1.default.createElement(material_1.InputBase, tslib_1.__assign({}, rest, { id: props.id || id, sx: tslib_1.__assign(tslib_1.__assign({ backgroundColor: 'grey.200', px: 2, py: 1 }, props.sx), { '&.Mui-focused': {
                     backgroundColor: palette.background.default,
                     outline: "1px solid ".concat(palette.primary.main),
                 } }) }))));

package/dist/containers/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/lib/containers/TextField.tsx"],"names":[],"mappings":";;;AAAA,qDAAoC;AACpC,0CAOsB;AAuBtB;;GAEG;AACH,SAAwB,SAAS,CAAC,KAAqB;IACrD,IAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IACV,IAAA,OAAO,GAAK,IAAA,mBAAQ,GAAE,QAAf,CAAe;IAC9B,OAAO,CACL,8BAAC,sBAAW,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QAClC,8BAAC,qBAAU,IACT,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE;YAEjC,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,cAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAC/D,GAAG,CACA,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACU;QACb,8BAAC,oBAAS,uBACJ,KAAK,IACT,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAClB,EAAE,sCACA,eAAe,EAAE,UAAU,EAC3B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IACF,KAAK,CAAC,EAAE,KACX,eAAe,EAAE;oBACf,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO;oBAC3C,OAAO,EAAE,oBAAa,OAAO,CAAC,OAAO,CAAC,IAAI,CAAE;iBAC7C,OAEQ,CACD,CACf,CAAA;AACH,CAAC;AApCD,4BAoCC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/lib/containers/TextField.tsx"],"names":[],"mappings":";;;AAAA,qDAA6C;AAC7C,0CAOsB;AAwBtB;;GAEG;AACH,SAAwB,SAAS,CAAC,KAAqB;IACrD,IAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IACV,IAAA,OAAO,GAAK,IAAA,mBAAQ,GAAE,QAAf,CAAe;IACtB,IAAA,mBAAmB,GAAc,KAAK,oBAAnB,EAAK,IAAI,kBAAK,KAAK,EAAxC,uBAAgC,CAAF,CAAU;IAC9C,IAAM,OAAO,GAAG,IAAA,eAAO,EACrB;QACE,OAAA,mBAAmB;YACjB,CAAC,CAAC,UAAC,KAAsC,IAAK,OAAA,CAC1C,8BAAC,eAAK,CAAC,QAAQ,QAAE,KAAK,CAAC,QAAQ,CAAkB,CAClD,EAF2C,CAE3C;YACH,CAAC,CAAC,UAAC,KAAsC,IAAK,OAAA,CAC1C,8BAAC,sBAAW,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IACjC,KAAK,CAAC,QAAQ,CACH,CACf,EAJ2C,CAI3C;IARL,CAQK,EACP,CAAC,mBAAmB,CAAC,CACtB,CAAA;IACD,OAAO,CACL,8BAAC,OAAO;QACL,KAAK,CAAC,KAAK,IAAI,CACd,8BAAC,qBAAU,IACT,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE;YAEjC,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,cAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAC/D,GAAG,CACA,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACU,CACd;QACD,8BAAC,oBAAS,uBACJ,IAAI,IACR,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAClB,EAAE,sCACA,eAAe,EAAE,UAAU,EAC3B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IACF,KAAK,CAAC,EAAE,KACX,eAAe,EAAE;oBACf,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO;oBAC3C,OAAO,EAAE,oBAAa,OAAO,CAAC,OAAO,CAAC,IAAI,CAAE;iBAC7C,OAEQ,CACL,CACX,CAAA;AACH,CAAC;AApDD,4BAoDC"}

package/dist/umd/synapse-react-client.development.js

@@ -29928,7 +29928,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     "package.json"(exports2, module2) {
       module2.exports = {
         name: "synapse-react-client",
-        version: "3.1.26",
+        version: "3.1.27",
         private: false,
         main: "dist/index.js",
         types: "./dist/index.d.ts",
@@ -29989,6 +29989,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           "mui-one-time-password-input": "^1.0.4",
           "plotly.js-basic-dist": "^2.11.1",
           pluralize: "^8.0.0",
+          qrcode: "^1.5.1",
           raf: "^3.4.1",
           "react-app-polyfill": "^3.0.0",
           "react-bootstrap": "^1.5.2",
@@ -30073,6 +30074,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           "@types/plotly.js": "^1.54.20",
           "@types/plotly.js-basic-dist": "^1.54.0",
           "@types/pluralize": "^0.0.29",
+          "@types/qrcode": "^1.5.0",
           "@types/react": "^18.0.27",
           "@types/react-addons-css-transition-group": "^15.0.5",
           "@types/react-dom": "^18.0.6",
@@ -36910,6 +36912,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     changePasswordWithToken: () => changePasswordWithToken,
     checkUploadComplete: () => checkUploadComplete,
     clearDownloadListV2: () => clearDownloadListV2,
+    complete2FAEnrollment: () => complete2FAEnrollment,
     consentToOAuth2Request: () => consentToOAuth2Request,
     createACL: () => createACL,
     createEntity: () => createEntity,
@@ -37087,6 +37090,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     setAccessTokenCookie: () => setAccessTokenCookie,
     signOut: () => signOut,
     signSynapseTermsOfUse: () => signSynapseTermsOfUse,
+    start2FAEnrollment: () => start2FAEnrollment,
     startMultipartUpload: () => startMultipartUpload,
     submitDataAccessRequest: () => submitDataAccessRequest,
     submitFormData: () => submitFormData,
@@ -37766,6 +37770,22 @@ Please use another name.` : formatMuiErrorMessage(18));
       )
     );
   };
+  function start2FAEnrollment(accessToken) {
+    return doPost(
+      "/auth/v1/2fa/enroll",
+      null,
+      accessToken,
+      0 /* REPO_ENDPOINT */
+    );
+  }
+  function complete2FAEnrollment(request, accessToken) {
+    return doPost(
+      "/auth/v1/2fa",
+      request,
+      accessToken,
+      0 /* REPO_ENDPOINT */
+    );
+  }
   var createEntity = (entity, accessToken) => {
     return doPost(
       ENTITY,
@@ -62560,6 +62580,9 @@ Please use another name.` : formatMuiErrorMessage(18));
         }
       }
     }, [twoFaErrorResponse]);
+    (0, import_react25.useEffect)(() => {
+      setErrorMessage(void 0);
+    }, [step]);
     function finishLogin(loginResponse) {
       return __async(this, null, function* () {
         yield SynapseClient_exports.setAccessTokenCookie(loginResponse.accessToken);
@@ -88719,7 +88742,12 @@ ${e4.message}`);
   function TextField3(props) {
     const id2 = (0, import_react159.useId)();
     const { palette: palette3 } = useTheme4();
-    return /* @__PURE__ */ import_react159.default.createElement(FormControl_default, { fullWidth: true, sx: { my: 1 } }, /* @__PURE__ */ import_react159.default.createElement(
+    const _a = props, { noWrapInFormControl } = _a, rest2 = __objRest(_a, ["noWrapInFormControl"]);
+    const Wrapper3 = (0, import_react159.useMemo)(
+      () => noWrapInFormControl ? (props2) => /* @__PURE__ */ import_react159.default.createElement(import_react159.default.Fragment, null, props2.children) : (props2) => /* @__PURE__ */ import_react159.default.createElement(FormControl_default, { fullWidth: true, sx: { my: 1 } }, props2.children),
+      [noWrapInFormControl]
+    );
+    return /* @__PURE__ */ import_react159.default.createElement(Wrapper3, null, props.label && /* @__PURE__ */ import_react159.default.createElement(
       Typography_default,
       {
         component: "label",
@@ -88731,7 +88759,7 @@ ${e4.message}`);
       props.required ? /* @__PURE__ */ import_react159.default.createElement(Box_default, { component: "span", sx: { ml: "3px", color: "secondary.main" } }, "*") : /* @__PURE__ */ import_react159.default.createElement(import_react159.default.Fragment, null)
     ), /* @__PURE__ */ import_react159.default.createElement(
       InputBase_default,
-      __spreadProps(__spreadValues({}, props), {
+      __spreadProps(__spreadValues({}, rest2), {
         id: props.id || id2,
         sx: __spreadProps(__spreadValues({
           backgroundColor: "grey.200",