synapse-react-client 4.0.2 → 4.0.4

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js

@@ -1,4 +1,4 @@
-import { jsxs as y, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { jsxs as C, Fragment as w, jsx as e } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -13,7 +13,7 @@ import "../../utils/PermissionLevelToAccessType.js";
 import { useCallback as l } from "react";
 import { useSynapseContext as E } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Box as m, Button as T } from "@mui/material";
+import { Box as s, Button as T } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -26,75 +26,75 @@ import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
 import "react-router";
-import { EntityType as s } from "@sage-bionetworks/synapse-client";
+import { EntityType as m } from "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useAddFileBatchToDownloadList as g } from "../../synapse-queries/download/useDownloadList.js";
 import A from "@mui/icons-material/AddCircleTwoTone";
 import { EntityChildrenDetails as S } from "../EntityFinder/details/configurations/EntityChildrenDetails.js";
-import { DetailsViewColumn as r } from "../EntityFinder/details/view/DetailsView.js";
+import { DetailsViewColumn as i } from "../EntityFinder/details/view/DetailsView.js";
 import { useEntitySelection as x } from "../EntityFinder/useEntitySelection.js";
 import { VersionSelectionType as b } from "../EntityFinder/VersionSelectionType.js";
-import { displayToast as a } from "../ToastMessage/ToastMessage.js";
-function po({
-  parentContainerId: p
+import { displayToast as p } from "../ToastMessage/ToastMessage.js";
+function ao({
+  parentContainerId: a
 }) {
-  const { downloadCartPageUrl: d } = E(), c = !0, { selectedEntities: o, toggleSelection: u, setInitialVersion: f } = x(c), { mutate: i } = g({
+  const { downloadCartPageUrl: d } = E(), c = !0, { selectedEntities: o, toggleSelection: u, setInitialVersion: f } = x(c), { mutate: r } = g({
     onSuccess: () => {
-      a(
-        "File(s) were successfully added to your Download Cart.",
+      p(
+        "File(s) were successfully added to your Download List.",
         "success",
         {
           primaryButtonConfig: {
-            text: "View Download Cart",
+            text: "View Download List",
             onClick: () => window.location.href = d
           }
         }
       );
     },
     onError: (t) => {
-      a(
-        `Unable to add the file to your Download Cart. ${t.reason}`,
+      p(
+        `Unable to add the file to your Download List. ${t.reason}`,
         "danger"
       );
     }
-  }), C = l(
+  }), D = l(
     (t) => o.has(t.id),
     [o]
-  ), D = l(() => {
+  ), h = l(() => {
     const t = Array.from(o.values()).map((n) => ({
       fileEntityId: n.targetId,
       versionNumber: n.targetVersionNumber
     }));
-    i(t);
-  }, [o, i]), h = {
+    r(t);
+  }, [o, r]), y = {
     versionSelection: b.REQUIRED,
     selectColumnType: "checkbox",
     enableSelectAll: !0,
-    visibleTypes: [s.file],
+    visibleTypes: [m.file],
     selected: o,
-    selectableTypes: [s.file],
-    isIdSelected: C,
+    selectableTypes: [m.file],
+    isIdSelected: D,
     isSelectable: () => !0,
     toggleSelection: u,
     setInitialVersion: f,
     hiddenColumns: [
-      r.BADGES,
-      r.ADD_TO_DOWNLOAD_CART,
-      r.CREATED_ON,
-      r.VERSION,
-      r.MODIFIED_BY
+      i.BADGES,
+      i.ADD_TO_DOWNLOAD_CART,
+      i.CREATED_ON,
+      i.VERSION,
+      i.MODIFIED_BY
     ]
   };
-  return /* @__PURE__ */ y(w, { children: [
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ C(w, { children: [
+    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
       S,
       {
-        parentContainerId: p,
-        ...h
+        parentContainerId: a,
+        ...y
       }
     ) }),
     /* @__PURE__ */ e(
-      m,
+      s,
       {
         sx: {
           mt: 4
@@ -105,9 +105,9 @@ function po({
             endIcon: /* @__PURE__ */ e(A, {}),
             variant: "outlined",
             sx: { alignSelf: "flex-end", height: "47px" },
-            onClick: D,
+            onClick: h,
             disabled: !o.toArray().length,
-            children: "Add to Download Cart"
+            children: "Add to Download List"
           }
         )
       }
@@ -115,6 +115,6 @@ function po({
   ] });
 }
 export {
-  po as ChallengeDataDownload
+  ao as ChallengeDataDownload
 };
 //# sourceMappingURL=ChallengeDataDownload.js.map

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeDataDownload.js","sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download Cart.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download Cart',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download Cart. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download Cart\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"names":["ChallengeDataDownload","parentContainerId","downloadCartPageUrl","useSynapseContext","selectMultiple","selectedEntities","toggleSelection","setInitialVersion","useEntitySelection","addBatchToDownloadList","useAddFileBatchToDownloadList","displayToast","e","isIdSelected","useCallback","entity","onAddClick","entities","reference","sharedProps","VersionSelectionType","EntityType","DetailsViewColumn","jsxs","Fragment","jsx","Box","EntityChildrenDetails","Button","AddCircleTwoToneIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAASA,GAAsB;AAAA,EACpC,mBAAAC;AACF,GAA+B;AAC7B,QAAM,EAAE,qBAAAC,EAAA,IAAwBC,EAAA,GAC1BC,IAAiB,IACjB,EAAE,kBAAAC,GAAkB,iBAAAC,GAAiB,mBAAAC,EAAA,IACzCC,EAAmBJ,CAAc,GAE7B,EAAE,QAAQK,EAAA,IAA2BC,EAA8B;AAAA,IACvE,WAAW,MAAM;AACf,MAAAC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,UACE,qBAAqB;AAAA,YACnB,MAAM;AAAA,YACN,SAAS,MAAO,OAAO,SAAS,OAAOT;AAAA,UAAA;AAAA,QACzC;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAU,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD,GAEKC,IAAeC;AAAA,IACnB,CAACC,MACQV,EAAiB,IAAIU,EAAO,EAAE;AAAA,IAEvC,CAACV,CAAgB;AAAA,EAAA,GAGbW,IAAaF,EAAY,MAAM;AACnC,UAAMG,IAAW,MAAM,KAAKZ,EAAiB,QAAQ,EAAE,IAAI,CAAAa,OAClD;AAAA,MACL,cAAcA,EAAU;AAAA,MACxB,eAAeA,EAAU;AAAA,IAAA,EAE5B;AACD,IAAAT,EAAuBQ,CAAQ;AAAA,EACjC,GAAG,CAACZ,GAAkBI,CAAsB,CAAC,GAEvCU,IAA4C;AAAA,IAChD,kBAAkBC,EAAqB;AAAA,IACvC,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,CAACC,EAAW,IAAI;AAAA,IAC9B,UAAUhB;AAAA,IACV,iBAAiB,CAACgB,EAAW,IAAI;AAAA,IACjC,cAAAR;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,iBAAAP;AAAA,IACA,mBAAAC;AAAA,IACA,eAAe;AAAA,MACbe,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IAAA;AAAA,EACpB;AAEF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,mBAAA1B;AAAA,QACC,GAAGkB;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,QAAA;AAAA,QAGN,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,2BAAUC,GAAA,EAAqB;AAAA,YAC/B,SAAS;AAAA,YACT,IAAI,EAAE,WAAW,YAAY,QAAQ,OAAA;AAAA,YACrC,SAASb;AAAA,YACT,UAAU,CAACX,EAAiB,QAAA,EAAU;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"ChallengeDataDownload.js","sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download List.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download List',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download List. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download List\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"names":["ChallengeDataDownload","parentContainerId","downloadCartPageUrl","useSynapseContext","selectMultiple","selectedEntities","toggleSelection","setInitialVersion","useEntitySelection","addBatchToDownloadList","useAddFileBatchToDownloadList","displayToast","e","isIdSelected","useCallback","entity","onAddClick","entities","reference","sharedProps","VersionSelectionType","EntityType","DetailsViewColumn","jsxs","Fragment","jsx","Box","EntityChildrenDetails","Button","AddCircleTwoToneIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAASA,GAAsB;AAAA,EACpC,mBAAAC;AACF,GAA+B;AAC7B,QAAM,EAAE,qBAAAC,EAAA,IAAwBC,EAAA,GAC1BC,IAAiB,IACjB,EAAE,kBAAAC,GAAkB,iBAAAC,GAAiB,mBAAAC,EAAA,IACzCC,EAAmBJ,CAAc,GAE7B,EAAE,QAAQK,EAAA,IAA2BC,EAA8B;AAAA,IACvE,WAAW,MAAM;AACf,MAAAC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,UACE,qBAAqB;AAAA,YACnB,MAAM;AAAA,YACN,SAAS,MAAO,OAAO,SAAS,OAAOT;AAAA,UAAA;AAAA,QACzC;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAU,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD,GAEKC,IAAeC;AAAA,IACnB,CAACC,MACQV,EAAiB,IAAIU,EAAO,EAAE;AAAA,IAEvC,CAACV,CAAgB;AAAA,EAAA,GAGbW,IAAaF,EAAY,MAAM;AACnC,UAAMG,IAAW,MAAM,KAAKZ,EAAiB,QAAQ,EAAE,IAAI,CAAAa,OAClD;AAAA,MACL,cAAcA,EAAU;AAAA,MACxB,eAAeA,EAAU;AAAA,IAAA,EAE5B;AACD,IAAAT,EAAuBQ,CAAQ;AAAA,EACjC,GAAG,CAACZ,GAAkBI,CAAsB,CAAC,GAEvCU,IAA4C;AAAA,IAChD,kBAAkBC,EAAqB;AAAA,IACvC,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,CAACC,EAAW,IAAI;AAAA,IAC9B,UAAUhB;AAAA,IACV,iBAAiB,CAACgB,EAAW,IAAI;AAAA,IACjC,cAAAR;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,iBAAAP;AAAA,IACA,mBAAAC;AAAA,IACA,eAAe;AAAA,MACbe,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IAAA;AAAA,EACpB;AAEF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,mBAAA1B;AAAA,QACC,GAAGkB;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,QAAA;AAAA,QAGN,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,2BAAUC,GAAA,EAAqB;AAAA,YAC/B,SAAS;AAAA,YACT,IAAI,EAAE,WAAW,YAAY,QAAQ,OAAA;AAAA,YACrC,SAASb;AAAA,YACT,UAAU,CAACX,EAAiB,QAAA,EAAU;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as u, Fragment as r } from "react/jsx-runtime";
 import { LightTooltip as b } from "../styled/LightTooltip.js";
 import { HelpOutlineTwoTone as x } from "@mui/icons-material";
-import { Typography as d, Box as c, Autocomplete as g, TextField as E, MenuItem as L, Button as S, Collapse as A, List as T, ListItem as w } from "@mui/material";
+import { Typography as d, Box as c, Autocomplete as g, TextField as E, MenuItem as L, Button as S, Collapse as w, List as A, ListItem as M } from "@mui/material";
 import { noop as h } from "lodash-es";
-import { useEffect as M, useState as p } from "react";
-import { MarkdownSynapse as y } from "../Markdown/MarkdownSynapse.js";
+import { useEffect as T, useState as p } from "react";
+import { Markdown as k } from "../Markdown/MarkdownSynapse.js";
 function m(t) {
   const { text: i, tooltipMarkdownText: n } = t;
   return /* @__PURE__ */ u(r, { children: [
@@ -19,7 +19,7 @@ function m(t) {
             sx: {
               mb: 0
             },
-            children: /* @__PURE__ */ e(y, { markdown: n })
+            children: /* @__PURE__ */ e(k, { markdown: n })
           }
         ),
         children: /* @__PURE__ */ e(
@@ -40,7 +40,7 @@ function v(t) {
   const { evaluations: i } = t;
   return /* @__PURE__ */ u(r, { children: [
     /* @__PURE__ */ e(d, { variant: "body1", children: "Available Evaluation Queues:" }),
-    /* @__PURE__ */ e(T, { dense: !0, children: i.map((n) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(A, { dense: !0, children: i.map((n) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
       m,
       {
         text: n.name,
@@ -49,7 +49,7 @@ function v(t) {
     ) }, n.id)) })
   ] });
 }
-function C(t) {
+function y(t) {
   const { evaluations: i, isSelectable: n } = t, [a, l] = p(!1), o = n ? 2 : 8, s = i.length >= o;
   return /* @__PURE__ */ e(
     c,
@@ -67,12 +67,12 @@ function C(t) {
             children: `${a ? "Hide" : "Show"} All Available Evaluation Queues`
           }
         ),
-        /* @__PURE__ */ e(A, { in: a, children: /* @__PURE__ */ e(v, { ...t }) })
+        /* @__PURE__ */ e(w, { in: a, children: /* @__PURE__ */ e(v, { ...t }) })
       ] }) : /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(v, { ...t }) })
     }
   );
 }
-function I(t) {
+function C(t) {
   const { evaluations: i, onChangeSelectedEvaluation: n = h } = t, [a, l] = p(null);
   return /* @__PURE__ */ e(
     g,
@@ -84,7 +84,7 @@ function I(t) {
       },
       options: i,
       getOptionLabel: (o) => o.name,
-      renderOption: (o, s, Q, f) => /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ e(
+      renderOption: (o, s, I, f) => /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ e(
         m,
         {
           text: f.getOptionLabel(s),
@@ -101,7 +101,7 @@ function z(t) {
     onChangeSelectedEvaluation: n = h,
     evaluations: a
   } = t, l = a.length;
-  if (M(() => {
+  if (T(() => {
     l === 1 && i && n(a[0]);
   }, [a, i, l, n]), l === 0)
     return /* @__PURE__ */ e(d, { variant: "body1", children: "No evaluations found" });
@@ -129,8 +129,8 @@ function z(t) {
     {
       className: "AvailableEvaluationQueueList",
       children: [
-        i && /* @__PURE__ */ e(I, { ...t }),
-        /* @__PURE__ */ e(C, { ...t })
+        i && /* @__PURE__ */ e(C, { ...t }),
+        /* @__PURE__ */ e(y, { ...t })
       ]
     }
   );

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,uBAAuB,iIAC4F,CAAA;AAEhI,MAAM,MAAM,yBAAyB,GAAG;IAEtC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,gIAmL9B,CAAA"}
+{"version":3,"file":"CreateChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,uBAAuB,iIAC4F,CAAA;AAEhI,MAAM,MAAM,yBAAyB,GAAG;IAEtC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,gIAmL9B,CAAA"}

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.js

@@ -4,8 +4,8 @@ import { Box as n, Typography as l, Alert as _ } from "@mui/material";
 import o from "../TextField/TextField.js";
 import F from "./useCreateAndRegisterChallengeTeam.js";
 import { noop as T, isEmpty as S } from "lodash-es";
-import { parse as V } from "papaparse";
-const j = 3, B = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", J = P(function(C, R) {
+import V from "papaparse";
+const { parse: j } = V, B = 3, D = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", K = P(function(C, R) {
   const { challengeId: v, onCanSubmitChange: f = T, onFinished: g = T } = C, [a, w] = p({
     name: "",
     description: ""
@@ -13,14 +13,14 @@ const j = 3, B = "Please limit the initial number of invited members to three. Y
     const i = { ...a, ...e };
     w(i);
   }, { inviteesParseResult: I, parsedInvitees: u } = N(() => {
-    const e = V(m, {
+    const e = j(m, {
       delimiter: ",",
       transform(A) {
         return A.trim();
       }
     }), i = e.data[0] || [];
     return { inviteesParseResult: e, parsedInvitees: i };
-  }, [m]), c = u.length > j, r = !!(a && a.name && a.name.length > 1 && !c);
+  }, [m]), c = u.length > B, r = !!(a && a.name && a.name.length > 1 && !c);
   O(() => {
     f(r);
   }, [r, f]);
@@ -147,14 +147,14 @@ const j = 3, B = "Please limit the initial number of invited members to three. Y
       }
     ),
     (c || !S(I.errors) || h) && /* @__PURE__ */ y(_, { severity: "error", children: [
-      c && /* @__PURE__ */ t(l, { variant: "body1", children: B }),
+      c && /* @__PURE__ */ t(l, { variant: "body1", children: D }),
       I.errors.map((e, i) => /* @__PURE__ */ t(l, { variant: "body1", children: e.message }, i)),
       h && h.map((e) => /* @__PURE__ */ t(l, { variant: "body1", children: e.reason }, e.reason))
     ] })
   ] });
 });
 export {
-  J as CreateChallengeTeam,
-  B as TOO_MANY_INVITEES_ERROR
+  K as CreateChallengeTeam,
+  D as TOO_MANY_INVITEES_ERROR
 };
 //# sourceMappingURL=CreateChallengeTeam.js.map

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChallengeTeam.js","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport { parse } from 'papaparse'\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        submit() {\n          if (!formDataIsValid) {\n            console.warn(\n              'Attempted to submit when form data was not valid. Nothing will happen.',\n            )\n            return\n          }\n          createAndRegisterTeam(\n            team,\n            challengeId,\n            parsedInvitees,\n            invitationMessage,\n          )\n            .then(([newTeam]) => {\n              onFinished(newTeam.id)\n            })\n            .catch(() => {\n              // The hook will return errors, so no need to handle them here\n            })\n        },\n      }\n    },\n    [\n      formDataIsValid,\n      parsedInvitees,\n      createAndRegisterTeam,\n      team,\n      challengeId,\n      invitationMessage,\n      onFinished,\n    ],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Box>\n  )\n})\n"],"names":["INVITEE_LIMIT","TOO_MANY_INVITEES_ERROR","CreateChallengeTeam","forwardRef","props","ref","challengeId","onCanSubmitChange","noop","onFinished","team","setTeam","useState","invitationMessage","setInvitationMessage","rawInvitees","setRawInvitees","handleTeamUpdate","update","updatedTeam","inviteesParseResult","parsedInvitees","useMemo","parse","value","tooManyInvitees","formDataIsValid","useEffect","createAndRegisterTeam","mutationIsPending","errors","useCreateAndRegisterChallengeTeam","useImperativeHandle","newTeam","Box","jsx","Typography","TextField","event","isEmpty","jsxs","Alert","error","index"],"mappings":"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"}
+{"version":3,"file":"CreateChallengeTeam.js","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        submit() {\n          if (!formDataIsValid) {\n            console.warn(\n              'Attempted to submit when form data was not valid. Nothing will happen.',\n            )\n            return\n          }\n          createAndRegisterTeam(\n            team,\n            challengeId,\n            parsedInvitees,\n            invitationMessage,\n          )\n            .then(([newTeam]) => {\n              onFinished(newTeam.id)\n            })\n            .catch(() => {\n              // The hook will return errors, so no need to handle them here\n            })\n        },\n      }\n    },\n    [\n      formDataIsValid,\n      parsedInvitees,\n      createAndRegisterTeam,\n      team,\n      challengeId,\n      invitationMessage,\n      onFinished,\n    ],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Box>\n  )\n})\n"],"names":["parse","papaparseLib","INVITEE_LIMIT","TOO_MANY_INVITEES_ERROR","CreateChallengeTeam","forwardRef","props","ref","challengeId","onCanSubmitChange","noop","onFinished","team","setTeam","useState","invitationMessage","setInvitationMessage","rawInvitees","setRawInvitees","handleTeamUpdate","update","updatedTeam","inviteesParseResult","parsedInvitees","useMemo","value","tooManyInvitees","formDataIsValid","useEffect","createAndRegisterTeam","mutationIsPending","errors","useCreateAndRegisterChallengeTeam","useImperativeHandle","newTeam","Box","jsx","Typography","TextField","event","isEmpty","jsxs","Alert","error","index"],"mappings":"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"}

package/dist/components/ChangePassword/useChangePasswordFormState.js

@@ -43,11 +43,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 /* empty css                                    */
 import "../Authentication/AuthenticationMethodSelection.js";
@@ -58,7 +61,7 @@ import "react-hot-toast";
 import "react-transition-group";
 import "../Authentication/RecoveryCodeGrid.js";
 const H = "Two-factor authentication is required to change your password. Your password has not yet been changed.";
-function zo(p) {
+function $o(p) {
   const _ = W("/reset2FA"), w = Y(
     _,
     "twoFAResetToken"
@@ -176,6 +179,6 @@ function zo(p) {
 }
 export {
   H as TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT,
-  zo as default
+  $o as default
 };
 //# sourceMappingURL=useChangePasswordFormState.js.map

package/dist/components/ChangePassword/useChangePasswordFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}
+{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}

package/dist/components/CitationPopover/CitationPopoverContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,YAAY,EACb,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAA;AA2B/D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAC9C,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;AAE5D,eAAO,MAAM,sBAAsB,GACjC,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA2LR,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"CitationPopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,YAAY,EACb,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAA;AA2B/D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAC9C,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;AAE5D,eAAO,MAAM,sBAAsB,GACjC,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA4LR,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/CitationPopover/CitationPopoverContent.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t, Fragment as k } from "react/jsx-runtime";
-import { Popover as O, Stack as S, Box as n, Typography as d, Alert as B, FormControl as D, Select as H, MenuItem as i, Button as L } from "@mui/material";
+import { Popover as O, Stack as S, Box as n, Typography as p, Alert as B, FormControl as D, Select as H, MenuItem as i, Button as L } from "@mui/material";
 import { useCitation as F } from "./useCitation.js";
 import { createLinkAndDownload as R } from "./CitationPopoverUtils.js";
 import { KeyboardArrowDown as A } from "@mui/icons-material";
 import E from "@mui/icons-material/Close";
 import { useState as T } from "react";
 import { CopyToClipboardIcon as W } from "../CopyToClipboardIcon.js";
-import { MarkdownSynapse as j } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as j } from "../Markdown/MarkdownSynapse.js";
 const z = {
   width: "100%",
   ".MuiInputBase-root": {
@@ -44,8 +44,8 @@ const z = {
   ), {
     data: a,
     isLoading: v,
-    error: p
-  } = F(x || "", r, !0), C = (o) => {
+    error: d
+  } = F(x || "", r, !0), w = (o) => {
     if (!o)
       return;
     const y = {
@@ -54,9 +54,9 @@ const z = {
       ieee: "ris",
       nature: "ris",
       science: "ris"
-    }[r] || "txt", I = new Blob([o], { type: "text/plain" }), M = URL.createObjectURL(I);
-    R(m || "citation", y, M);
-  }, w = (o) => {
+    }[r] || "txt", M = new Blob([o], { type: "text/plain" }), I = URL.createObjectURL(M);
+    R(m || "citation", y, I);
+  }, C = (o) => {
     g(o.target.value);
   };
   return /* @__PURE__ */ e(
@@ -103,7 +103,7 @@ const z = {
           children: [
             /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center" }, children: [
               /* @__PURE__ */ e(
-                d,
+                p,
                 {
                   sx: { fontSize: "20px", fontWeight: 700, lineHeight: "normal" },
                   children: "Cite As:"
@@ -124,11 +124,12 @@ const z = {
                 }
               )
             ] }),
-            p && /* @__PURE__ */ e(B, { severity: "error", sx: { my: 2 }, icon: !1, children: p.message }),
+            d && /* @__PURE__ */ e(B, { severity: "error", sx: { my: 2 }, icon: !1, children: d.message }),
             /* @__PURE__ */ t(
-              d,
+              p,
               {
                 variant: "smallText1",
+                component: "div",
                 sx: {
                   lineHeight: "normal",
                   maxHeight: "300px",
@@ -171,7 +172,7 @@ const z = {
                         }
                       },
                       value: r,
-                      onChange: w,
+                      onChange: C,
                       IconComponent: A,
                       children: [
                         /* @__PURE__ */ e(i, { value: "bibtex", children: "bibtex" }),
@@ -185,7 +186,7 @@ const z = {
                   /* @__PURE__ */ e(
                     L,
                     {
-                      onClick: () => C(a || ""),
+                      onClick: () => w(a || ""),
                       variant: "contained",
                       sx: {
                         padding: "6px 16px",

package/dist/components/CitationPopover/CitationPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.js","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"names":["selectSx","CitationPopoverContent","props","doi","title","boilerplateText","defaultCitationFormat","onClose","anchorEl","open","id","citationFormat","setCitationFormat","useState","citation","isLoading","error","useCitation","handleDownload","fileExtension","blob","url","createLinkAndDownload","handleChange","event","jsx","Popover","theme","jsxs","Stack","Box","Typography","CloseIcon","Alert","Fragment","MarkdownSynapse","FormControl","Select","KeyboardArrowDown","MenuItem","Button","CopyToClipboardIcon"],"mappings":"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"}
+{"version":3,"file":"CitationPopoverContent.js","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"names":["selectSx","CitationPopoverContent","props","doi","title","boilerplateText","defaultCitationFormat","onClose","anchorEl","open","id","citationFormat","setCitationFormat","useState","citation","isLoading","error","useCitation","handleDownload","fileExtension","blob","url","createLinkAndDownload","handleChange","event","jsx","Popover","theme","jsxs","Stack","Box","Typography","CloseIcon","Alert","Fragment","MarkdownSynapse","FormControl","Select","KeyboardArrowDown","MenuItem","Button","CopyToClipboardIcon"],"mappings":"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"}