synapse-react-client 4.0.44 → 4.0.46

package/dist/components/dataaccess/EDucTemplateTable.js

@@ -7,11 +7,13 @@ import a from "../TanStackTable/ColumnHeader.js";
 import { useEffect as o, useMemo as s, useState as c } from "react";
 import { Alert as l, Box as u, Button as d, IconButton as f, Skeleton as p, Tooltip as m, Typography as h } from "@mui/material";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CheckCircleTwoTone as v, ErrorTwoTone as y, Replay as b } from "@mui/icons-material";
-import x from "dayjs";
-import { createColumnHelper as S, getCoreRowModel as C, useReactTable as w } from "@tanstack/react-table";
+import v from "@mui/icons-material/CheckCircleTwoTone";
+import y from "@mui/icons-material/ErrorTwoTone";
+import b from "dayjs";
+import { createColumnHelper as x, getCoreRowModel as S, useReactTable as C } from "@tanstack/react-table";
+import w from "@mui/icons-material/Replay";
 //#region src/components/dataaccess/EDucTemplateTable.tsx
-var T = S(), E = [
+var T = x(), E = [
 	T.accessor("name", {
 		header: (e) => /* @__PURE__ */ g(a, {
 			...e,
@@ -37,7 +39,7 @@ var T = S(), E = [
 		}),
 		cell: ({ getValue: e }) => {
 			let t = e();
-			return t ? r(x(t)) : "";
+			return t ? r(b(t)) : "";
 		},
 		enableSorting: !1,
 		enableColumnFilter: !1
@@ -49,7 +51,7 @@ var T = S(), E = [
 		}),
 		cell: ({ getValue: e }) => {
 			let t = e();
-			return t ? r(x(t)) : "";
+			return t ? r(b(t)) : "";
 		},
 		enableSorting: !1,
 		enableColumnFilter: !1
@@ -95,7 +97,7 @@ function D(n) {
 						p();
 					},
 					"aria-label": "Re-validate",
-					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+					children: /* @__PURE__ */ g(w, { fontSize: "small" })
 				})
 			})
 		]
@@ -122,7 +124,7 @@ function D(n) {
 						p();
 					},
 					"aria-label": "Re-validate",
-					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+					children: /* @__PURE__ */ g(w, { fontSize: "small" })
 				})
 			})
 		]
@@ -150,7 +152,7 @@ function D(n) {
 						p();
 					},
 					"aria-label": "Re-validate",
-					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+					children: /* @__PURE__ */ g(w, { fontSize: "small" })
 				})
 			})
 		]
@@ -170,10 +172,10 @@ function O() {
 		d,
 		c
 	]);
-	let f = s(() => e?.pages.flatMap((e) => e.results ?? []) ?? [], [e]), m = w({
+	let f = s(() => e?.pages.flatMap((e) => e.results ?? []) ?? [], [e]), m = C({
 		data: f,
 		columns: E,
-		getCoreRowModel: C(),
+		getCoreRowModel: S(),
 		getRowId: (e) => e.templateId ?? ""
 	});
 	return t || a && f.length === 0 ? /* @__PURE__ */ g(u, { children: /* @__PURE__ */ g(p, {

package/dist/components/dataaccess/EDucTemplateTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EDucTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/EDucTemplateTable.tsx"],"sourcesContent":["import {\n  useGetEDucTemplateValidation,\n  useListEDucTemplates,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { CheckCircleTwoTone, ErrorTwoTone, Replay } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  Skeleton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\n\nconst columnHelper = createColumnHelper<EDucTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('description', {\n    header: props => <ColumnHeader {...props} title={'Description'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.display({\n    id: 'validation',\n    header: props => <ColumnHeader {...props} title={'Validation status'} />,\n    cell: ({ row }) => <ValidationCell templateId={row.original.templateId} />,\n  }),\n]\n\nfunction ValidationCell(props: { templateId: string | undefined }) {\n  const { templateId } = props\n  const [hasRequestedValidation, setHasRequestedValidation] = useState(false)\n\n  const { data, error, isFetching, refetch } = useGetEDucTemplateValidation(\n    templateId ?? '',\n    { enabled: hasRequestedValidation && Boolean(templateId) },\n  )\n\n  if (!templateId) return null\n\n  if (!hasRequestedValidation) {\n    return (\n      <Button\n        variant={'outlined'}\n        size={'small'}\n        onClick={() => setHasRequestedValidation(true)}\n      >\n        Validate\n      </Button>\n    )\n  }\n\n  if (isFetching) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        <SynapseSpinner size={16} />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <ErrorTwoTone color={'error'} fontSize={'small'} />\n        <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n          {error.reason}\n        </Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  if (data?.isValid) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <CheckCircleTwoTone color={'success'} fontSize={'small'} />\n        <Typography variant={'smallText1'}>Valid</Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  return (\n    <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n      <ErrorTwoTone color={'error'} fontSize={'small'} />\n      <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n        {data?.reason ?? 'Invalid'}\n      </Typography>\n      <Tooltip title={'Re-validate'}>\n        <IconButton\n          size={'small'}\n          onClick={() => {\n            refetch()\n          }}\n          aria-label={'Re-validate'}\n        >\n          <Replay fontSize={'small'} />\n        </IconButton>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport function EDucTemplateTable() {\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useListEDucTemplates()\n\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<EDucTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.templateId ?? '',\n  })\n\n  if (isLoading || (hasNextPage && templates.length === 0)) {\n    return (\n      <Box>\n        <Skeleton\n          variant={'rectangular'}\n          height={200}\n          data-testid={'EDucTemplateTable-loading'}\n        />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>Sorry, we couldn&apos;t load the eDUC templates.</strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (templates.length === 0) {\n    return (\n      <Alert severity={'info'}>\n        No eDUC templates are registered in DocuSign.\n      </Alert>\n    )\n  }\n\n  return (\n    <Box>\n      <Typography variant={'body1'} sx={{ mb: 2, color: 'grey.700' }}>\n        Templates are managed in DocuSign. Use the <strong>Validate</strong>{' '}\n        action to check whether a template meets Synapse&apos;s eDUC\n        requirements.\n      </Typography>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{ sx: { my: 2 } }}\n      />\n    </Box>\n  )\n}\n\nexport default EDucTemplateTable\n"],"mappings":"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"}
+{"version":3,"file":"EDucTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/EDucTemplateTable.tsx"],"sourcesContent":["import {\n  useGetEDucTemplateValidation,\n  useListEDucTemplates,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport CheckCircleTwoTone from '@mui/icons-material/CheckCircleTwoTone'\nimport ErrorTwoTone from '@mui/icons-material/ErrorTwoTone'\nimport Replay from '@mui/icons-material/Replay'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  Skeleton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\n\nconst columnHelper = createColumnHelper<EDucTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('description', {\n    header: props => <ColumnHeader {...props} title={'Description'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.display({\n    id: 'validation',\n    header: props => <ColumnHeader {...props} title={'Validation status'} />,\n    cell: ({ row }) => <ValidationCell templateId={row.original.templateId} />,\n  }),\n]\n\nfunction ValidationCell(props: { templateId: string | undefined }) {\n  const { templateId } = props\n  const [hasRequestedValidation, setHasRequestedValidation] = useState(false)\n\n  const { data, error, isFetching, refetch } = useGetEDucTemplateValidation(\n    templateId ?? '',\n    { enabled: hasRequestedValidation && Boolean(templateId) },\n  )\n\n  if (!templateId) return null\n\n  if (!hasRequestedValidation) {\n    return (\n      <Button\n        variant={'outlined'}\n        size={'small'}\n        onClick={() => setHasRequestedValidation(true)}\n      >\n        Validate\n      </Button>\n    )\n  }\n\n  if (isFetching) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        <SynapseSpinner size={16} />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <ErrorTwoTone color={'error'} fontSize={'small'} />\n        <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n          {error.reason}\n        </Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  if (data?.isValid) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <CheckCircleTwoTone color={'success'} fontSize={'small'} />\n        <Typography variant={'smallText1'}>Valid</Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  return (\n    <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n      <ErrorTwoTone color={'error'} fontSize={'small'} />\n      <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n        {data?.reason ?? 'Invalid'}\n      </Typography>\n      <Tooltip title={'Re-validate'}>\n        <IconButton\n          size={'small'}\n          onClick={() => {\n            refetch()\n          }}\n          aria-label={'Re-validate'}\n        >\n          <Replay fontSize={'small'} />\n        </IconButton>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport function EDucTemplateTable() {\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useListEDucTemplates()\n\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<EDucTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.templateId ?? '',\n  })\n\n  if (isLoading || (hasNextPage && templates.length === 0)) {\n    return (\n      <Box>\n        <Skeleton\n          variant={'rectangular'}\n          height={200}\n          data-testid={'EDucTemplateTable-loading'}\n        />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>Sorry, we couldn&apos;t load the eDUC templates.</strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (templates.length === 0) {\n    return (\n      <Alert severity={'info'}>\n        No eDUC templates are registered in DocuSign.\n      </Alert>\n    )\n  }\n\n  return (\n    <Box>\n      <Typography variant={'body1'} sx={{ mb: 2, color: 'grey.700' }}>\n        Templates are managed in DocuSign. Use the <strong>Validate</strong>{' '}\n        action to check whether a template meets Synapse&apos;s eDUC\n        requirements.\n      </Typography>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{ sx: { my: 2 } }}\n      />\n    </Box>\n  )\n}\n\nexport default EDucTemplateTable\n"],"mappings":"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"}

package/dist/components/dataaccess/FormTemplateTable.js

@@ -5,8 +5,8 @@ import { useMemo as r, useState as i } from "react";
 import { Alert as a, Box as o, Button as s, Chip as c, FormControlLabel as l, InputAdornment as u, Skeleton as d, Switch as f, TextField as p, Typography as m } from "@mui/material";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { keepPreviousData as v } from "@tanstack/react-query";
-import { SearchOutlined as y } from "@mui/icons-material";
-import { Link as b, useNavigate as x } from "react-router";
+import { Link as y, useNavigate as b } from "react-router";
+import x from "@mui/icons-material/SearchOutlined";
 import { useDebouncedState as S } from "@react-hookz/web";
 import { createColumnHelper as C, getCoreRowModel as w, useReactTable as T } from "@tanstack/react-table";
 //#region src/components/dataaccess/FormTemplateTable.tsx
@@ -16,7 +16,7 @@ var E = "FormTemplates", D = `${E}/new`, O = `${E}/:templateId`, k = `/${E}`, A
 			...e,
 			title: "Name"
 		}),
-		cell: ({ row: e, getValue: t }) => e.original.id ? /* @__PURE__ */ g(b, {
+		cell: ({ row: e, getValue: t }) => e.original.id ? /* @__PURE__ */ g(y, {
 			to: j(e.original.id),
 			children: t()
 		}) : t(),
@@ -42,7 +42,7 @@ var E = "FormTemplates", D = `${E}/new`, O = `${E}/:templateId`, k = `/${E}`, A
 	})
 ];
 function F() {
-	let n = x(), [c, b] = S("", 500), [C, E] = i(!1), { data: D, isLoading: O, error: k, hasNextPage: j, fetchNextPage: M, isFetchingNextPage: N } = e(r(() => ({
+	let n = b(), [c, y] = S("", 500), [C, E] = i(!1), { data: D, isLoading: O, error: k, hasNextPage: j, fetchNextPage: M, isFetchingNextPage: N } = e(r(() => ({
 		name: c || void 0,
 		includeDeprecated: C
 	}), [c, C]), { placeholderData: v }), F = r(() => D?.pages.flatMap((e) => e.results ?? []) ?? [], [D]), I = T({
@@ -93,10 +93,10 @@ function F() {
 				label: "Filter by template name",
 				type: "text",
 				size: "small",
-				onChange: (e) => b(e.target.value),
+				onChange: (e) => y(e.target.value),
 				slotProps: { input: { endAdornment: /* @__PURE__ */ g(u, {
 					position: "end",
-					children: /* @__PURE__ */ g(y, {})
+					children: /* @__PURE__ */ g(x, {})
 				}) } },
 				sx: { minWidth: 300 }
 			}),

package/dist/components/dataaccess/FormTemplateTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/FormTemplateTable.tsx"],"sourcesContent":["import { useSearchFormTemplatesInfinite } from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { SearchOutlined } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  FormControlLabel,\n  InputAdornment,\n  Skeleton,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo, useState } from 'react'\nimport { Link, useNavigate } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { keepPreviousData } from '@tanstack/react-query'\n\nexport const FORM_TEMPLATES_ROUTE = 'FormTemplates'\nexport const NEW_FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/new`\nexport const FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/:templateId`\nexport const FORM_TEMPLATES_PATH = `/${FORM_TEMPLATES_ROUTE}`\nexport const NEW_FORM_TEMPLATE_PATH = `/${NEW_FORM_TEMPLATE_ROUTE}`\nexport const getFormTemplatePath = (templateId: string) =>\n  `${FORM_TEMPLATES_PATH}/${templateId}`\n\n// Time to wait after the search input changes before sending a new request\nexport const NAME_SEARCH_DEBOUNCE_DELAY_MS = 500\n\nconst columnHelper = createColumnHelper<FormTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ row, getValue }) =>\n      row.original.id ? (\n        <Link to={getFormTemplatePath(row.original.id)}>{getValue()}</Link>\n      ) : (\n        getValue()\n      ),\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('versionNumber', {\n    header: props => <ColumnHeader {...props} title={'Version'} />,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('deprecated', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    cell: ({ getValue }) =>\n      getValue() ? <Chip label={'Deprecated'} size={'small'} /> : null,\n    enableColumnFilter: false,\n  }),\n]\n\nexport function FormTemplateTable() {\n  const navigate = useNavigate()\n  const [name, setName] = useDebouncedState<string>(\n    '',\n    NAME_SEARCH_DEBOUNCE_DELAY_MS,\n  )\n  const [includeDeprecated, setIncludeDeprecated] = useState(false)\n\n  const request = useMemo(\n    () => ({ name: name || undefined, includeDeprecated }),\n    [name, includeDeprecated],\n  )\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useSearchFormTemplatesInfinite(request, {\n    // keepPreviousData avoids a flicker when the request changes\n    placeholderData: keepPreviousData,\n  })\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<FormTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.id ?? '',\n  })\n\n  const errorAlert = error && (\n    <Alert severity={'error'}>\n      <strong>Sorry, we couldn&apos;t load the form templates.</strong>\n      <br />\n      {error.reason}\n    </Alert>\n  )\n\n  let content\n  if (isLoading) {\n    content = <Skeleton variant={'rectangular'} height={200} />\n  } else if (error && !data) {\n    content = errorAlert\n  } else if (templates.length === 0) {\n    content = (\n      <Typography variant={'body1'} sx={{ textAlign: 'center', my: 2 }}>\n        No form templates found.\n      </Typography>\n    )\n  } else {\n    content = (\n      <>\n        <StyledTanStackTable\n          table={table}\n          styledTableContainerProps={{ sx: { my: 2 } }}\n        />\n        {/* A failed \"Load more\" keeps the loaded rows; clicking \"Load more\" again retries */}\n        {errorAlert}\n        {hasNextPage && (\n          <Button\n            variant={'outlined'}\n            disabled={isFetchingNextPage}\n            onClick={() => void fetchNextPage()}\n          >\n            Load more\n          </Button>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          // The text field's label sits above its input, so align to the bottom to line up with the input\n          alignItems: 'flex-end',\n          gap: 2,\n          flexWrap: 'wrap',\n          mb: 2,\n        }}\n      >\n        <TextField\n          label={'Filter by template name'}\n          type={'text'}\n          size={'small'}\n          onChange={e => setName(e.target.value)}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position={'end'}>\n                  <SearchOutlined />\n                </InputAdornment>\n              ),\n            },\n          }}\n          sx={{ minWidth: 300 }}\n        />\n        <FormControlLabel\n          label={'Include deprecated'}\n          // Drop the inherited bottom margin so the switch lines up with the input\n          sx={{ mb: 0 }}\n          control={\n            <Switch\n              // The hidden input's default margin overflows the switch and scrolls it when checked\n              sx={{ '& .MuiSwitch-input': { m: 0 } }}\n              checked={includeDeprecated}\n              onChange={e => setIncludeDeprecated(e.target.checked)}\n            />\n          }\n        />\n        <Button\n          variant={'contained'}\n          sx={{ ml: 'auto' }}\n          onClick={() => void navigate(NEW_FORM_TEMPLATE_PATH)}\n        >\n          Create template\n        </Button>\n      </Box>\n      {content}\n    </Box>\n  )\n}\n\nexport default FormTemplateTable\n"],"mappings":"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"}
+{"version":3,"file":"FormTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/FormTemplateTable.tsx"],"sourcesContent":["import { useSearchFormTemplatesInfinite } from '@/synapse-queries/dataaccess/useFormTemplate'\nimport SearchOutlined from '@mui/icons-material/SearchOutlined'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  FormControlLabel,\n  InputAdornment,\n  Skeleton,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo, useState } from 'react'\nimport { Link, useNavigate } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { keepPreviousData } from '@tanstack/react-query'\n\nexport const FORM_TEMPLATES_ROUTE = 'FormTemplates'\nexport const NEW_FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/new`\nexport const FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/:templateId`\nexport const FORM_TEMPLATES_PATH = `/${FORM_TEMPLATES_ROUTE}`\nexport const NEW_FORM_TEMPLATE_PATH = `/${NEW_FORM_TEMPLATE_ROUTE}`\nexport const getFormTemplatePath = (templateId: string) =>\n  `${FORM_TEMPLATES_PATH}/${templateId}`\n\n// Time to wait after the search input changes before sending a new request\nexport const NAME_SEARCH_DEBOUNCE_DELAY_MS = 500\n\nconst columnHelper = createColumnHelper<FormTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ row, getValue }) =>\n      row.original.id ? (\n        <Link to={getFormTemplatePath(row.original.id)}>{getValue()}</Link>\n      ) : (\n        getValue()\n      ),\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('versionNumber', {\n    header: props => <ColumnHeader {...props} title={'Version'} />,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('deprecated', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    cell: ({ getValue }) =>\n      getValue() ? <Chip label={'Deprecated'} size={'small'} /> : null,\n    enableColumnFilter: false,\n  }),\n]\n\nexport function FormTemplateTable() {\n  const navigate = useNavigate()\n  const [name, setName] = useDebouncedState<string>(\n    '',\n    NAME_SEARCH_DEBOUNCE_DELAY_MS,\n  )\n  const [includeDeprecated, setIncludeDeprecated] = useState(false)\n\n  const request = useMemo(\n    () => ({ name: name || undefined, includeDeprecated }),\n    [name, includeDeprecated],\n  )\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useSearchFormTemplatesInfinite(request, {\n    // keepPreviousData avoids a flicker when the request changes\n    placeholderData: keepPreviousData,\n  })\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<FormTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.id ?? '',\n  })\n\n  const errorAlert = error && (\n    <Alert severity={'error'}>\n      <strong>Sorry, we couldn&apos;t load the form templates.</strong>\n      <br />\n      {error.reason}\n    </Alert>\n  )\n\n  let content\n  if (isLoading) {\n    content = <Skeleton variant={'rectangular'} height={200} />\n  } else if (error && !data) {\n    content = errorAlert\n  } else if (templates.length === 0) {\n    content = (\n      <Typography variant={'body1'} sx={{ textAlign: 'center', my: 2 }}>\n        No form templates found.\n      </Typography>\n    )\n  } else {\n    content = (\n      <>\n        <StyledTanStackTable\n          table={table}\n          styledTableContainerProps={{ sx: { my: 2 } }}\n        />\n        {/* A failed \"Load more\" keeps the loaded rows; clicking \"Load more\" again retries */}\n        {errorAlert}\n        {hasNextPage && (\n          <Button\n            variant={'outlined'}\n            disabled={isFetchingNextPage}\n            onClick={() => void fetchNextPage()}\n          >\n            Load more\n          </Button>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          // The text field's label sits above its input, so align to the bottom to line up with the input\n          alignItems: 'flex-end',\n          gap: 2,\n          flexWrap: 'wrap',\n          mb: 2,\n        }}\n      >\n        <TextField\n          label={'Filter by template name'}\n          type={'text'}\n          size={'small'}\n          onChange={e => setName(e.target.value)}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position={'end'}>\n                  <SearchOutlined />\n                </InputAdornment>\n              ),\n            },\n          }}\n          sx={{ minWidth: 300 }}\n        />\n        <FormControlLabel\n          label={'Include deprecated'}\n          // Drop the inherited bottom margin so the switch lines up with the input\n          sx={{ mb: 0 }}\n          control={\n            <Switch\n              // The hidden input's default margin overflows the switch and scrolls it when checked\n              sx={{ '& .MuiSwitch-input': { m: 0 } }}\n              checked={includeDeprecated}\n              onChange={e => setIncludeDeprecated(e.target.checked)}\n            />\n          }\n        />\n        <Button\n          variant={'contained'}\n          sx={{ ml: 'auto' }}\n          onClick={() => void navigate(NEW_FORM_TEMPLATE_PATH)}\n        >\n          Create template\n        </Button>\n      </Box>\n      {content}\n    </Box>\n  )\n}\n\nexport default FormTemplateTable\n"],"mappings":"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"}

package/dist/components/dataaccess/ReviewerDashboard.js

@@ -15,13 +15,13 @@ import _ from "./SubmissionPage/SubmissionPage.js";
 import { useMemo as v } from "react";
 import { Box as y, Typography as b } from "@mui/material";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { DynamicFormOutlined as w } from "@mui/icons-material";
-import { NavLink as T, Navigate as E, Outlet as D, RouterProvider as O, createBrowserRouter as k, createMemoryRouter as A, useParams as j } from "react-router";
-import { RouterProvider as M } from "react-router/dom";
+import { NavLink as w, Navigate as T, Outlet as E, RouterProvider as D, createBrowserRouter as O, createMemoryRouter as k, useParams as A } from "react-router";
+import { RouterProvider as j } from "react-router/dom";
+import M from "@mui/icons-material/DynamicFormOutlined";
 //#region src/components/dataaccess/ReviewerDashboard.tsx
 function N(e) {
 	let { href: t, children: n, icon: r } = e;
-	return /* @__PURE__ */ C(T, {
+	return /* @__PURE__ */ C(w, {
 		className: "Tab",
 		role: "tab",
 		to: t,
@@ -39,7 +39,7 @@ function N(e) {
 	});
 }
 function P(_) {
-	let { routerBaseName: y = "/DataAccessManagement:default", useMemoryRouter: b = !1 } = _, { data: T, isLoading: E } = r(), j = T?.isACTMember, P = T?.isACTMember || T?.isARReviewer, I = n(o.ACT_DASHBOARD_FORM_TEMPLATES), L = j && I, R = v(() => [{
+	let { routerBaseName: y = "/DataAccessManagement:default", useMemoryRouter: b = !1 } = _, { data: w, isLoading: T } = r(), A = w?.isACTMember, P = w?.isACTMember || w?.isARReviewer, I = n(o.ACT_DASHBOARD_FORM_TEMPLATES), L = A && I, R = v(() => [{
 		path: "/",
 		element: /* @__PURE__ */ C("div", {
 			className: "ReviewerDashboard",
@@ -47,19 +47,19 @@ function P(_) {
 				className: "Tabs",
 				role: "tablist",
 				children: [
-					j && /* @__PURE__ */ S(N, {
+					A && /* @__PURE__ */ S(N, {
 						href: "/AccessRequirements",
 						icon: /* @__PURE__ */ S(i, { icon: "accessClosed" }),
 						children: "Access Requirements"
 					}),
-					j && /* @__PURE__ */ S(N, {
+					A && /* @__PURE__ */ S(N, {
 						href: "/EDucTemplates",
 						icon: /* @__PURE__ */ S(i, { icon: "fileOutlined" }),
 						children: "eDUC Templates"
 					}),
 					L && /* @__PURE__ */ S(N, {
 						href: d,
-						icon: /* @__PURE__ */ S(w, {}),
+						icon: /* @__PURE__ */ S(M, {}),
 						children: "Form Templates"
 					}),
 					P && /* @__PURE__ */ S(N, {
@@ -75,17 +75,17 @@ function P(_) {
 				]
 			}), /* @__PURE__ */ S("div", {
 				className: "TabContentContainer",
-				children: /* @__PURE__ */ S(e, { children: /* @__PURE__ */ S(D, {}) })
+				children: /* @__PURE__ */ S(e, { children: /* @__PURE__ */ S(E, {}) })
 			})]
 		}),
 		children: [
 			{
 				path: "AccessRequirements",
-				element: j ? /* @__PURE__ */ S(c, {}) : null
+				element: A ? /* @__PURE__ */ S(c, {}) : null
 			},
 			{
 				path: "EDucTemplates",
-				element: j ? /* @__PURE__ */ S(u, {}) : null
+				element: A ? /* @__PURE__ */ S(u, {}) : null
 			},
 			{
 				path: f,
@@ -101,7 +101,7 @@ function P(_) {
 			},
 			{
 				path: "Submissions",
-				element: P ? /* @__PURE__ */ C(x, { children: [!j && /* @__PURE__ */ S(a, {
+				element: P ? /* @__PURE__ */ C(x, { children: [!A && /* @__PURE__ */ S(a, {
 					name: "DataAccessManagement",
 					title: "Getting Started With Data Access Management",
 					text: "When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.",
@@ -121,22 +121,22 @@ function P(_) {
 			}
 		]
 	}], [
-		j,
+		A,
 		P,
 		L
-	]), z = v(() => b ? A(R, { basename: y }) : k(R, { basename: y }), [
+	]), z = v(() => b ? k(R, { basename: y }) : O(R, { basename: y }), [
 		b,
 		R,
 		y
 	]);
-	return E ? /* @__PURE__ */ S(t, { size: 50 }) : S(b ? O : M, { router: z });
+	return T ? /* @__PURE__ */ S(t, { size: 50 }) : S(b ? D : j, { router: z });
 }
 function F() {
-	let { id: e } = j();
+	let { id: e } = A();
 	return e ? /* @__PURE__ */ S(_, {
 		submissionId: e,
 		isReviewer: !0
-	}) : /* @__PURE__ */ S(E, { to: "Submissions/" });
+	}) : /* @__PURE__ */ S(T, { to: "Submissions/" });
 }
 //#endregion
 export { P as ReviewerDashboard, P as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { DynamicFormOutlined } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport { EDucTemplateTable } from './EDucTemplateTable'\nimport { FormTemplateEditorRoute } from './FormTemplateEditorRoute'\nimport {\n  FORM_TEMPLATE_ROUTE,\n  FORM_TEMPLATES_PATH,\n  FORM_TEMPLATES_ROUTE,\n  FormTemplateTable,\n  NEW_FORM_TEMPLATE_ROUTE,\n} from './FormTemplateTable'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: {\n  href: string\n  children: ReactNode\n  icon: ReactNode\n}) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <Box\n        component=\"span\"\n        sx={{ display: 'inline-flex', paddingRight: '0.2rem' }}\n      >\n        {icon}\n      </Box>\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n  const isFormTemplatesFeatureEnabled = useGetFeatureFlag(\n    FeatureFlagEnum.ACT_DASHBOARD_FORM_TEMPLATES,\n  )\n  const showFormTemplates = hasActPermissions && isFormTemplatesFeatureEnabled\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/AccessRequirements\"\n                  icon={<IconSvg icon=\"accessClosed\" />}\n                >\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/EDucTemplates\"\n                  icon={<IconSvg icon=\"fileOutlined\" />}\n                >\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {showFormTemplates && (\n                <LinkTab\n                  href={FORM_TEMPLATES_PATH}\n                  icon={<DynamicFormOutlined />}\n                >\n                  Form Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/Submissions\"\n                  icon={<IconSvg icon=\"discussion\" />}\n                >\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/UserAccessHistory\"\n                  icon={<IconSvg icon=\"history\" />}\n                >\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'EDucTemplates',\n            element: hasActPermissions ? <EDucTemplateTable /> : null,\n          },\n          {\n            path: FORM_TEMPLATES_ROUTE,\n            element: showFormTemplates ? <FormTemplateTable /> : null,\n          },\n          {\n            path: NEW_FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions, showFormTemplates],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":"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"}
+{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport DynamicFormOutlined from '@mui/icons-material/DynamicFormOutlined'\nimport { Box, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport { EDucTemplateTable } from './EDucTemplateTable'\nimport { FormTemplateEditorRoute } from './FormTemplateEditorRoute'\nimport {\n  FORM_TEMPLATE_ROUTE,\n  FORM_TEMPLATES_PATH,\n  FORM_TEMPLATES_ROUTE,\n  FormTemplateTable,\n  NEW_FORM_TEMPLATE_ROUTE,\n} from './FormTemplateTable'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: {\n  href: string\n  children: ReactNode\n  icon: ReactNode\n}) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <Box\n        component=\"span\"\n        sx={{ display: 'inline-flex', paddingRight: '0.2rem' }}\n      >\n        {icon}\n      </Box>\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n  const isFormTemplatesFeatureEnabled = useGetFeatureFlag(\n    FeatureFlagEnum.ACT_DASHBOARD_FORM_TEMPLATES,\n  )\n  const showFormTemplates = hasActPermissions && isFormTemplatesFeatureEnabled\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/AccessRequirements\"\n                  icon={<IconSvg icon=\"accessClosed\" />}\n                >\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/EDucTemplates\"\n                  icon={<IconSvg icon=\"fileOutlined\" />}\n                >\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {showFormTemplates && (\n                <LinkTab\n                  href={FORM_TEMPLATES_PATH}\n                  icon={<DynamicFormOutlined />}\n                >\n                  Form Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/Submissions\"\n                  icon={<IconSvg icon=\"discussion\" />}\n                >\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/UserAccessHistory\"\n                  icon={<IconSvg icon=\"history\" />}\n                >\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'EDucTemplates',\n            element: hasActPermissions ? <EDucTemplateTable /> : null,\n          },\n          {\n            path: FORM_TEMPLATES_ROUTE,\n            element: showFormTemplates ? <FormTemplateTable /> : null,\n          },\n          {\n            path: NEW_FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions, showFormTemplates],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,EAAQ,GAId;CACD,IAAM,EAAE,SAAM,aAAU,YAAS;CACjC,OACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IAAE,SAAS;IAAe,cAAc;GAAS;aAEpD;EACE,CAAA,GACL,kBAAC,GAAD;GAAY,SAAQ;GAAc;EAAqB,CAAA,CAChD;;AAEb;AASA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,oBAAiB,iCACjB,qBAAkB,OAChB,GAEE,EAAE,MAAM,GAAY,iBAAc,EAAwB,GAE1D,IAAoB,GAAY,aAChC,IACJ,GAAY,eAAe,GAAY,cACnC,IAAgC,EACpC,EAAgB,4BAClB,GACM,IAAoB,KAAqB,GAEzC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA;gBACrC;KAEQ,CAAA;KAEV,KACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA;gBACrC;KAEQ,CAAA;KAEV,KACC,kBAAC,GAAD;MACE,MAAM;MACN,MAAM,kBAAC,GAAD,CAAsB,CAAA;gBAC7B;KAEQ,CAAA;KAEV,KACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,MAAK,aAAc,CAAA;gBACnC;KAEQ,CAAA;KAEV,KACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,MAAK,UAAW,CAAA;gBAChC;KAEQ,CAAA;IAER;OACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAS,CAAA,EACW,CAAA;GACnB,CAAA,CACF;;EAEP,UAAU;GACR;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA6B,CAAA,IAAI;GAChE;GACA;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAAoB,CAAA,IAAI;GACvD;GACA;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAAoB,CAAA,IAAI;GACvD;GACA;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA0B,CAAA,IAAI;GAC7D;GACA;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA0B,CAAA,IAAI;GAC7D;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,IAAI;MACF,QAAQ;MACR,OAAO;KACT;IACD,CAAA,GAEH,kBAAC,GAAD,CAAgC,CAAA,CAChC,EAAA,CAAA,IACA;GACN;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAC,GAAD,CAA8B,CAAA,IAC5B;GACN;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA;EAAC;EAAmB;EAAwB;CAAiB,CAC/D,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAU5C,OARI,IACK,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAI3B,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C;AAEA,SAAS,IAA8B;CACrC,IAAM,EAAE,UAAO,EAA0B;CAIzC,OAHK,IAGE,kBAAC,GAAD;EAAgB,cAAc;EAAI,YAAY;CAAO,CAAA,IAFnD,kBAAC,GAAD,EAAU,IAAG,eAAgB,CAAA;AAGxC"}

package/dist/components/dataaccess/SubmissionPage/SubmissionPage.js

@@ -27,10 +27,10 @@ import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ACCESS_TYPE as oe, SubmissionState as j } from "@sage-bionetworks/synapse-types";
 import { useNavigate as M } from "react-router";
 import N from "dayjs";
-import P from "dayjs/plugin/duration";
-import F from "@mui/icons-material/ExpandMore";
+import P from "@mui/icons-material/ExpandMore";
+import F from "dayjs/plugin/duration";
 //#region src/components/dataaccess/SubmissionPage/SubmissionPage.tsx
-N.extend(P);
+N.extend(F);
 var I = "Use this thread to communicate with the reviewers about this access request.";
 function L(e) {
 	let { data: t } = i(e.accessRequirementId, { throwOnError: !0 });
@@ -41,7 +41,7 @@ function L(e) {
 		variant: "outlined",
 		slotProps: { transition: { unmountOnExit: !0 } },
 		children: [/* @__PURE__ */ k(S, {
-			expandIcon: /* @__PURE__ */ k(F, {}),
+			expandIcon: /* @__PURE__ */ k(P, {}),
 			children: /* @__PURE__ */ k(D, {
 				variant: "headline1",
 				component: "h2",

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AAiJA;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,mDAgK1C"}
+{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AA+IA;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,mDAsK1C"}

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js

@@ -184,7 +184,10 @@ function I() {
 					color: "error",
 					loading: R,
 					onClick: () => {
-						O?.requestId && L(O.requestId);
+						O?.requestId && O.accessRequirementId && L({
+							requestId: O.requestId,
+							accessRequirementId: O.accessRequirementId
+						});
 					},
 					children: "Cancel Request"
 				})] })

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"InFlightEDucSignaturesTable.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"sourcesContent":["import AccessRequirementList from '@/components/AccessRequirementList/AccessRequirementList'\nimport {\n  getFirstRequestStep,\n  RequestableAccessRequirement,\n} from '@/components/AccessRequirementList/RequestDataStep'\nimport { SkeletonTable } from '@/components/Skeleton'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport {\n  useListAllUserDataAccessRequests,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Link as MuiLink,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessRequestSummary,\n  AccessRequestSummaryStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link as RouterLink } from 'react-router'\nimport {\n  USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH,\n  USER_ACCESS_HISTORY_REQUEST_SUBPATH,\n} from './RouteConstants'\n\nconst IN_FLIGHT_STATUSES: readonly AccessRequestSummaryStatusEnum[] = [\n  'sent',\n  'delivered',\n  'declined',\n  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\n  declined: 'Signature declined',\n  completed: 'Ready to submit',\n}\n\nconst signatureDeepLink = (requestId: string) =>\n  `/${USER_ACCESS_HISTORY_REQUEST_SUBPATH}/${requestId}/${USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH}`\n\nconst columnHelper = createColumnHelper<AccessRequestSummary>()\n\ntype ActionCallbacks = {\n  onModify: (summary: AccessRequestSummary) => void\n  onCancel: (summary: AccessRequestSummary) => void\n  modifyLoadingArId: string | undefined\n}\n\nfunction buildColumns(actions: ActionCallbacks) {\n  return [\n    columnHelper.accessor('accessRequirementName', {\n      header: props => <ColumnHeader {...props} title={'Request type'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: 'signatureProgress',\n      header: props => <ColumnHeader {...props} title={'Signature progress'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const acquired = ctx.row.original.signaturesAcquired ?? 0\n        const requested = ctx.row.original.signaturesRequested ?? 0\n        return `${acquired} of ${requested}`\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.accessor('status', {\n      header: props => <ColumnHeader {...props} title={'Current status'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const status = ctx.getValue()\n        return status ? (STATUS_DISPLAY[status] ?? status) : ''\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n      cell: ctx => {\n        const summary = ctx.row.original\n        const requestId = summary.requestId\n        if (!requestId) return null\n        const isModifyLoading =\n          actions.modifyLoadingArId !== undefined &&\n          actions.modifyLoadingArId === summary.accessRequirementId\n        return (\n          <Stack\n            direction={'column'}\n            sx={{ alignItems: 'flex-start', gap: 0.5 }}\n          >\n            <MuiLink component={RouterLink} to={signatureDeepLink(requestId)}>\n              Review Signatures and Submit\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onModify(summary)}\n              disabled={\n                !summary.accessRequirementId ||\n                actions.modifyLoadingArId !== undefined\n              }\n              sx={{ textAlign: 'left' }}\n            >\n              {isModifyLoading ? 'Loading…' : 'Modify Request'}\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onCancel(summary)}\n              sx={{ textAlign: 'left' }}\n            >\n              Cancel Request\n            </MuiLink>\n          </Stack>\n        )\n      },\n      size: 220,\n    }),\n  ]\n}\n\n/**\n * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).\n *\n * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`,\n * pushing the `isEDuc: true` filter to the server so the walk skips non-eDUC requests. Status is\n * still filtered client-side because the list endpoint has no server-side status filter.\n *\n * Renders nothing when the fully-loaded, filtered list is empty.\n */\nexport function InFlightEDucSignaturesTable() {\n  const {\n    data: summaries,\n    isLoading,\n    error,\n  } = useListAllUserDataAccessRequests({ isEDuc: true })\n\n  const [modifyingArId, setModifyingArId] = useState<string | undefined>()\n  const [cancellingSummary, setCancellingSummary] = useState<\n    AccessRequestSummary | undefined\n  >()\n\n  const {\n    data: modifyAccessRequirement,\n    isFetching: isFetchingModifyAr,\n    error: modifyArError,\n  } = useGetAccessRequirements<RequestableAccessRequirement>(\n    modifyingArId ?? '',\n    {\n      enabled: Boolean(modifyingArId),\n      staleTime: Infinity,\n    },\n  )\n\n  // Bail out of the Modify flow if the AR fetch fails so the user isn't stuck on a disabled button.\n  useEffect(() => {\n    if (modifyArError && modifyingArId) {\n      displayToast(\n        `Sorry, we couldn't load your request. ${modifyArError.reason ?? ''}`.trim(),\n        'danger',\n      )\n      setModifyingArId(undefined)\n    }\n  }, [modifyArError, modifyingArId])\n\n  const { mutate: voidSignature, isPending: isVoiding } =\n    useVoidDataAccessRequestSignature({\n      onSuccess: () => {\n        displayToast('Your access request has been cancelled.', 'success')\n        setCancellingSummary(undefined)\n      },\n      onError: e => {\n        displayToast(\n          `Sorry, we couldn't cancel your request. ${e.reason ?? ''}`.trim(),\n          'danger',\n        )\n      },\n    })\n\n  const modifyLoadingArId = isFetchingModifyAr ? modifyingArId : undefined\n\n  const columns = useMemo(\n    () =>\n      buildColumns({\n        onModify: summary => {\n          if (summary.accessRequirementId) {\n            setModifyingArId(summary.accessRequirementId)\n          }\n        },\n        onCancel: summary => setCancellingSummary(summary),\n        modifyLoadingArId,\n      }),\n    [modifyLoadingArId],\n  )\n\n  const rows = useMemo(\n    () =>\n      (summaries ?? []).filter(\n        summary =>\n          summary.status !== undefined &&\n          (IN_FLIGHT_STATUSES as readonly string[]).includes(summary.status),\n      ),\n    [summaries],\n  )\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>\n          Sorry, we couldn&apos;t load your in-flight eDUC signatures.\n        </strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <SkeletonTable numCols={columns.length} fullWidthCells />\n  }\n\n  if (rows.length === 0) {\n    return null\n  }\n\n  return (\n    <Box>\n      <Stack sx={{ gap: 2 }}>\n        <Typography variant=\"headline1\" gutterBottom>\n          In-flight eDUC signatures\n        </Typography>\n        <StyledTanStackTable table={table} fullWidth={true} />\n      </Stack>\n      {modifyAccessRequirement && (\n        <AccessRequirementList\n          renderAsModal\n          onHide={() => setModifyingArId(undefined)}\n          initialWizardEntry={{\n            step: getFirstRequestStep(modifyAccessRequirement),\n            accessRequirement: modifyAccessRequirement,\n          }}\n        />\n      )}\n      <Dialog\n        open={Boolean(cancellingSummary)}\n        onClose={() => setCancellingSummary(undefined)}\n      >\n        <DialogTitle>Cancel request?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Cancelling this request will void the electronic signature envelope\n            for{' '}\n            <strong>\n              {cancellingSummary?.accessRequirementName ?? 'this request'}\n            </strong>\n            . Any signatures already collected will be discarded. You can start\n            a new request at any time. This action cannot be undone.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant={'outlined'}\n            onClick={() => setCancellingSummary(undefined)}\n            disabled={isVoiding}\n          >\n            Keep Request\n          </Button>\n          <Button\n            variant={'contained'}\n            color={'error'}\n            loading={isVoiding}\n            onClick={() => {\n              if (cancellingSummary?.requestId) {\n                voidSignature(cancellingSummary.requestId)\n              }\n            }}\n          >\n            Cancel Request\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"InFlightEDucSignaturesTable.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"sourcesContent":["import AccessRequirementList from '@/components/AccessRequirementList/AccessRequirementList'\nimport { getFirstRequestStep } from '@/components/AccessRequirementList/RequestDataStep'\nimport { RequestableAccessRequirement } from '@/utils/types/RequestableAccessRequirement'\nimport { SkeletonTable } from '@/components/Skeleton'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport {\n  useListAllUserDataAccessRequests,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Link as MuiLink,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessRequestSummary,\n  AccessRequestSummaryStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link as RouterLink } from 'react-router'\nimport {\n  USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH,\n  USER_ACCESS_HISTORY_REQUEST_SUBPATH,\n} from './RouteConstants'\n\nconst IN_FLIGHT_STATUSES: readonly AccessRequestSummaryStatusEnum[] = [\n  'sent',\n  'delivered',\n  'declined',\n  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\n  declined: 'Signature declined',\n  completed: 'Ready to submit',\n}\n\nconst signatureDeepLink = (requestId: string) =>\n  `/${USER_ACCESS_HISTORY_REQUEST_SUBPATH}/${requestId}/${USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH}`\n\nconst columnHelper = createColumnHelper<AccessRequestSummary>()\n\ntype ActionCallbacks = {\n  onModify: (summary: AccessRequestSummary) => void\n  onCancel: (summary: AccessRequestSummary) => void\n  modifyLoadingArId: string | undefined\n}\n\nfunction buildColumns(actions: ActionCallbacks) {\n  return [\n    columnHelper.accessor('accessRequirementName', {\n      header: props => <ColumnHeader {...props} title={'Request type'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: 'signatureProgress',\n      header: props => <ColumnHeader {...props} title={'Signature progress'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const acquired = ctx.row.original.signaturesAcquired ?? 0\n        const requested = ctx.row.original.signaturesRequested ?? 0\n        return `${acquired} of ${requested}`\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.accessor('status', {\n      header: props => <ColumnHeader {...props} title={'Current status'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const status = ctx.getValue()\n        return status ? (STATUS_DISPLAY[status] ?? status) : ''\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n      cell: ctx => {\n        const summary = ctx.row.original\n        const requestId = summary.requestId\n        if (!requestId) return null\n        const isModifyLoading =\n          actions.modifyLoadingArId !== undefined &&\n          actions.modifyLoadingArId === summary.accessRequirementId\n        return (\n          <Stack\n            direction={'column'}\n            sx={{ alignItems: 'flex-start', gap: 0.5 }}\n          >\n            <MuiLink component={RouterLink} to={signatureDeepLink(requestId)}>\n              Review Signatures and Submit\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onModify(summary)}\n              disabled={\n                !summary.accessRequirementId ||\n                actions.modifyLoadingArId !== undefined\n              }\n              sx={{ textAlign: 'left' }}\n            >\n              {isModifyLoading ? 'Loading…' : 'Modify Request'}\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onCancel(summary)}\n              sx={{ textAlign: 'left' }}\n            >\n              Cancel Request\n            </MuiLink>\n          </Stack>\n        )\n      },\n      size: 220,\n    }),\n  ]\n}\n\n/**\n * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).\n *\n * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`,\n * pushing the `isEDuc: true` filter to the server so the walk skips non-eDUC requests. Status is\n * still filtered client-side because the list endpoint has no server-side status filter.\n *\n * Renders nothing when the fully-loaded, filtered list is empty.\n */\nexport function InFlightEDucSignaturesTable() {\n  const {\n    data: summaries,\n    isLoading,\n    error,\n  } = useListAllUserDataAccessRequests({ isEDuc: true })\n\n  const [modifyingArId, setModifyingArId] = useState<string | undefined>()\n  const [cancellingSummary, setCancellingSummary] = useState<\n    AccessRequestSummary | undefined\n  >()\n\n  const {\n    data: modifyAccessRequirement,\n    isFetching: isFetchingModifyAr,\n    error: modifyArError,\n  } = useGetAccessRequirements<RequestableAccessRequirement>(\n    modifyingArId ?? '',\n    {\n      enabled: Boolean(modifyingArId),\n      staleTime: Infinity,\n    },\n  )\n\n  // Bail out of the Modify flow if the AR fetch fails so the user isn't stuck on a disabled button.\n  useEffect(() => {\n    if (modifyArError && modifyingArId) {\n      displayToast(\n        `Sorry, we couldn't load your request. ${modifyArError.reason ?? ''}`.trim(),\n        'danger',\n      )\n      setModifyingArId(undefined)\n    }\n  }, [modifyArError, modifyingArId])\n\n  const { mutate: voidSignature, isPending: isVoiding } =\n    useVoidDataAccessRequestSignature({\n      onSuccess: () => {\n        displayToast('Your access request has been cancelled.', 'success')\n        setCancellingSummary(undefined)\n      },\n      onError: e => {\n        displayToast(\n          `Sorry, we couldn't cancel your request. ${e.reason ?? ''}`.trim(),\n          'danger',\n        )\n      },\n    })\n\n  const modifyLoadingArId = isFetchingModifyAr ? modifyingArId : undefined\n\n  const columns = useMemo(\n    () =>\n      buildColumns({\n        onModify: summary => {\n          if (summary.accessRequirementId) {\n            setModifyingArId(summary.accessRequirementId)\n          }\n        },\n        onCancel: summary => setCancellingSummary(summary),\n        modifyLoadingArId,\n      }),\n    [modifyLoadingArId],\n  )\n\n  const rows = useMemo(\n    () =>\n      (summaries ?? []).filter(\n        summary =>\n          summary.status !== undefined &&\n          (IN_FLIGHT_STATUSES as readonly string[]).includes(summary.status),\n      ),\n    [summaries],\n  )\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>\n          Sorry, we couldn&apos;t load your in-flight eDUC signatures.\n        </strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <SkeletonTable numCols={columns.length} fullWidthCells />\n  }\n\n  if (rows.length === 0) {\n    return null\n  }\n\n  return (\n    <Box>\n      <Stack sx={{ gap: 2 }}>\n        <Typography variant=\"headline1\" gutterBottom>\n          In-flight eDUC signatures\n        </Typography>\n        <StyledTanStackTable table={table} fullWidth={true} />\n      </Stack>\n      {modifyAccessRequirement && (\n        <AccessRequirementList\n          renderAsModal\n          onHide={() => setModifyingArId(undefined)}\n          initialWizardEntry={{\n            step: getFirstRequestStep(modifyAccessRequirement),\n            accessRequirement: modifyAccessRequirement,\n          }}\n        />\n      )}\n      <Dialog\n        open={Boolean(cancellingSummary)}\n        onClose={() => setCancellingSummary(undefined)}\n      >\n        <DialogTitle>Cancel request?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Cancelling this request will void the electronic signature envelope\n            for{' '}\n            <strong>\n              {cancellingSummary?.accessRequirementName ?? 'this request'}\n            </strong>\n            . Any signatures already collected will be discarded. You can start\n            a new request at any time. This action cannot be undone.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant={'outlined'}\n            onClick={() => setCancellingSummary(undefined)}\n            disabled={isVoiding}\n          >\n            Keep Request\n          </Button>\n          <Button\n            variant={'contained'}\n            color={'error'}\n            loading={isVoiding}\n            onClick={() => {\n              if (\n                cancellingSummary?.requestId &&\n                cancellingSummary.accessRequirementId\n              ) {\n                voidSignature({\n                  requestId: cancellingSummary.requestId,\n                  accessRequirementId: cancellingSummary.accessRequirementId,\n                })\n              }\n            }}\n          >\n            Cancel Request\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/doi/CreateOrUpdateDoiModal.js

@@ -23,7 +23,7 @@ import { isEmpty as u } from "lodash-es";
 import { Alert as d, Button as f, InputLabel as be, Link as xe, MenuItem as p, Select as Se, TextField as Ce, Typography as m } from "@mui/material";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { DoiObjectType as v, DoiResourceTypeGeneral as y, EntityType as b } from "@sage-bionetworks/synapse-client";
-import { HelpTwoTone as x } from "@mui/icons-material";
+import x from "@mui/icons-material/HelpTwoTone";
 //#region src/components/doi/CreateOrUpdateDoiModal.tsx
 function S(e) {
 	return e === b.project || e === b.folder ? y.Collection : y.Dataset;

package/dist/components/doi/CreateOrUpdateDoiModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateDoiModal.js","names":[],"sources":["../../../src/components/doi/CreateOrUpdateDoiModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport { doiFormSchema, doiFormUiSchema } from '@/components/doi/DoiFormSchemas'\nimport { PrivateEntityDoiWarning } from '@/components/doi/PrivateEntityDoiWarning'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { MarkdownPopover } from '@/components/Markdown/MarkdownPopover'\nimport { StyledFormControl } from '@/components/styled/StyledFormControl'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport { useCreateOrUpdateDOI, useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { useGetVersions } from '@/synapse-queries/entity/useEntity'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetPortal } from '@/synapse-queries/portal/usePortal'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { DATA_CATALOG_PATH_SEGMENT } from '@/utils/SynapseConstants'\nimport { HelpTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Button,\n  InputLabel,\n  Link,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport {\n  DoiObjectType,\n  DoiResourceTypeGeneral,\n  DoiResourceTypeResourceTypeGeneralEnum,\n  EntityType,\n  V2Doi,\n} from '@sage-bionetworks/synapse-client'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype CreateOrUpdateDoiModalStep = 'warning' | 'form'\n\nexport type CreateOrUpdateDoiModalProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback to call when the dialog is closed */\n  onClose: () => void\n  /** The type of object */\n  objectType: DoiObjectType\n  /** The ID of the object */\n  objectId: string\n  /** The optional version number of the object used to populate the form. */\n  defaultVersionNumber?: number\n  /** If minting a DOI for a portal, the ID of the portal object in Synapse */\n  portalId?: string\n}\n\ntype DoiFormData = {\n  titles?: string[]\n  creators?: string[]\n  resourceTypeGeneral?: DoiResourceTypeResourceTypeGeneralEnum\n  publicationYear?: number\n}\n\nfunction getSuggestedResourceTypeGeneral(\n  type: EntityType,\n): DoiResourceTypeGeneral {\n  if (type === EntityType.project || type === EntityType.folder) {\n    return DoiResourceTypeGeneral.Collection\n  } else {\n    return DoiResourceTypeGeneral.Dataset\n  }\n}\n\nfunction convertDoiToFormData(doi: V2Doi): DoiFormData {\n  return {\n    titles: (doi.titles || []).map(title => title.title!),\n    creators: (doi.creators || []).map(creator => creator.creatorName!),\n    resourceTypeGeneral: doi.resourceType?.resourceTypeGeneral,\n    publicationYear: doi.publicationYear,\n  }\n}\n\n/**\n * Returns true if the DOI has fields that are not exposed in the UI, so we can let the user know that any changes\n * may be destructive to hidden fields.\n */\nfunction getWasModifiedViaAPI(doi: V2Doi) {\n  if (doi.creators?.some(creator => !isEmpty(creator.nameIdentifiers))) {\n    return true\n  }\n  return false\n}\n\nfunction convertFormDataToDoi(formData: DoiFormData): V2Doi {\n  return {\n    titles: formData.titles?.map(title => ({ title })) || [],\n    creators:\n      formData.creators?.map(creator => ({ creatorName: creator })) || [],\n    resourceType: {\n      resourceTypeGeneral: formData.resourceTypeGeneral,\n    },\n    publicationYear: formData.publicationYear,\n  }\n}\n\nexport function CreateOrUpdateDoiModal(props: CreateOrUpdateDoiModalProps) {\n  const {\n    open,\n    onClose,\n    objectType,\n    objectId,\n    defaultVersionNumber,\n    portalId,\n  } = props\n\n  const [showConfirmCloseModal, setShowConfirmCloseDialog] = useState(false)\n  const [currentStep, setCurrentStep] =\n    useState<CreateOrUpdateDoiModalStep | null>(null)\n  const hasSetInitialStepForThisSession = useRef(false)\n  const { isEditing, setIsEditing } = useGlobalIsEditingContext()\n  useEffect(() => {\n    setIsEditing(open)\n\n    return () => {\n      setIsEditing(false)\n    }\n  }, [open, setIsEditing])\n\n  function handleClose() {\n    if (isEditing) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  const [selectedVersionNumber, setSelectedVersionNumber] =\n    useState(defaultVersionNumber)\n\n  const { data: portal } = useGetPortal(portalId!, {\n    enabled: Boolean(portalId),\n  })\n\n  const [formData, setFormData] = useState<DoiFormData>({\n    titles: [''],\n    creators: [''],\n  })\n  const { data: currentUser, isLoading: isLoadingCurrentUser } =\n    useGetCurrentUserProfile()\n  const { data: entityBundle, isLoading: isLoadingEntity } = useGetEntityBundle(\n    objectId,\n    selectedVersionNumber,\n    {\n      includeEntity: true,\n      includeBenefactorACL: true,\n    },\n    {\n      enabled: objectType === DoiObjectType.ENTITY,\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n  const { data: realmPrincipals, isLoading: isLoadingRealmPrincipals } =\n    useGetRealmPrincipals()\n  const { data: doi, isLoading: isLoadingDoi } = useGetDOI(\n    {\n      id: objectId,\n      version: selectedVersionNumber,\n      type: objectType,\n      portalId: portalId,\n    },\n    {\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const shouldShowWarning = useMemo(() => {\n    if (objectType !== DoiObjectType.ENTITY) {\n      return false\n    }\n    return (\n      open &&\n      doi === null && // Creating new DOI\n      entityBundle?.benefactorAcl &&\n      realmPrincipals &&\n      !isEntityPublic(\n        entityBundle.benefactorAcl.resourceAccess,\n        realmPrincipals,\n      )\n    )\n  }, [open, doi, entityBundle, realmPrincipals, objectType])\n\n  useEffect(() => {\n    if (\n      open &&\n      !hasSetInitialStepForThisSession.current &&\n      doi !== undefined && // Wait for DOI query to resolve before determining step\n      shouldShowWarning !== undefined\n    ) {\n      const newStep = shouldShowWarning ? 'warning' : 'form'\n      setCurrentStep(newStep)\n      hasSetInitialStepForThisSession.current = true\n    } else if (!open) {\n      setCurrentStep(null)\n      hasSetInitialStepForThisSession.current = false\n    }\n  }, [shouldShowWarning, open, doi])\n\n  const doiCanBeAppliedToVersion =\n    objectType === DoiObjectType.ENTITY &&\n    entityBundle?.entity &&\n    isVersionableEntity(entityBundle.entity)\n\n  const { data: entityVersions } = useGetVersions(\n    objectId,\n    undefined,\n    undefined,\n    {\n      enabled: doiCanBeAppliedToVersion,\n    },\n  )\n  const formRef = useRef<RJSF>(null)\n\n  const entityType = entityBundle?.entityType ?? EntityType.file\n  const entityTypeDisplay = entityTypeToFriendlyName(entityType)\n  let versionHelpMarkdown = `A DOI can be associated with a specific version of this ${entityTypeDisplay}.\n  \n  Versioned DOIs will link to the specified version of the ${entityTypeDisplay}.\n  \n  A DOI without a version will always link to the newest version of this ${entityTypeDisplay},\n     so the data that someone retrieves using the DOI may change over time.`\n  if (entityBundle?.entity && isTable(entityBundle.entity)) {\n    const tableVersionCopy = isDataset(entityBundle.entity)\n      ? 'version'\n      : 'snapshot'\n    versionHelpMarkdown += `\\n\\nTo create a DOI that will always link to the current set of data in the ${entityTypeDisplay},\n     create a new ${tableVersionCopy} and mint a DOI for that ${tableVersionCopy}.`\n  }\n\n  const {\n    mutate: createOrUpdateDoi,\n    isPending: updateIsPending,\n    error: updateDoiError,\n  } = useCreateOrUpdateDOI({\n    onSuccess: () => {\n      displayToast('The DOI was successfully updated.', 'success')\n      onClose()\n    },\n  })\n\n  const isLoading =\n    updateIsPending ||\n    isLoadingCurrentUser ||\n    isLoadingEntity ||\n    isLoadingDoi ||\n    isLoadingRealmPrincipals\n\n  const wasModifiedViaAPI = Boolean(doi && getWasModifiedViaAPI(doi))\n\n  useEffect(() => {\n    if (doi) {\n      setFormData(convertDoiToFormData(doi))\n    }\n    // If there is no DOI, then pre-fill the form.\n    if (currentUser && entityBundle?.entity && doi === null) {\n      const newFormData = {\n        titles: [entityBundle.entity.name],\n        creators: new Array<string>(),\n        resourceTypeGeneral: getSuggestedResourceTypeGeneral(\n          entityBundle.entityType,\n        ),\n        publicationYear: new Date().getFullYear(),\n      } satisfies DoiFormData\n      if (currentUser.lastName && currentUser.firstName) {\n        newFormData.creators.push(\n          `${currentUser.lastName}, ${currentUser.firstName}`,\n        )\n      }\n      setFormData(newFormData)\n    }\n  }, [currentUser, doi, entityBundle])\n\n  function onSave() {\n    if (formRef.current?.validateForm()) {\n      const requestDoi: V2Doi = convertFormDataToDoi(formData)\n      requestDoi.objectType = objectType\n      requestDoi.objectId = objectId\n      requestDoi.objectVersion = selectedVersionNumber\n      requestDoi.etag = doi?.etag\n      requestDoi.portalId = portalId\n      createOrUpdateDoi({\n        doi: requestDoi,\n        concreteType: 'org.sagebionetworks.repo.model.doi.v2.DoiRequest',\n      })\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <Typography variant={'body1'} gutterBottom>\n        Minting a DOI allows you to credit contributors and makes it easy to\n        cite your work.\n      </Typography>\n      <Typography variant={'body1'} gutterBottom sx={{ mb: 2 }}>\n        Note that while the DOI and its associated metadata will be publicly\n        visible outside of Synapse, your data will still adhere to its existing\n        access conditions. If your data is private, it will remain restricted,\n        but the DOI will still be listed. Resources with DOIs may be added to\n        the{' '}\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}${DATA_CATALOG_PATH_SEGMENT}`}\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          Synapse Data Catalog\n        </Link>\n        .\n      </Typography>\n      {portalId && (\n        <TextField\n          label={'Publisher'}\n          fullWidth\n          value={portal?.name || ''}\n          disabled\n        />\n      )}\n      {doiCanBeAppliedToVersion && (\n        <StyledFormControl className=\"limit-type\" fullWidth sx={{ my: 2 }}>\n          <InputLabel\n            id=\"doi-version-select\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              width: '100%',\n            }}\n          >\n            <span>Version</span>\n            <MarkdownPopover\n              contentProps={{ markdown: versionHelpMarkdown }}\n              maxWidth=\"350px\"\n            >\n              <HelpTwoTone className={`HelpButton`} />\n            </MarkdownPopover>\n          </InputLabel>\n          <Select\n            labelId=\"doi-version-select\"\n            value={selectedVersionNumber ?? -1}\n            onChange={e => {\n              if (e.target.value === -1) {\n                setSelectedVersionNumber(undefined)\n              } else {\n                setSelectedVersionNumber(e.target.value)\n              }\n            }}\n          >\n            <MenuItem value={-1}>No version</MenuItem>\n            {entityVersions &&\n              entityVersions.results.map(version => (\n                <MenuItem\n                  key={version.versionNumber}\n                  value={version.versionNumber}\n                >\n                  Version {version.versionNumber}\n                  {/* display the version label if it exists & is different from the number itself */}\n                  {version.versionLabel &&\n                  version.versionLabel !== String(version.versionNumber)\n                    ? ` / ${version.versionLabel}`\n                    : ''}\n                </MenuItem>\n              ))}\n          </Select>\n        </StyledFormControl>\n      )}\n      <JsonSchemaForm\n        formRef={formRef}\n        disabled={isLoading || wasModifiedViaAPI}\n        schema={doiFormSchema}\n        formData={formData}\n        onChange={e => {\n          setFormData(e.formData)\n        }}\n        uiSchema={doiFormUiSchema}\n        showErrorList={false}\n      />\n      {doi && (\n        <Alert severity={'warning'}>\n          <Typography variant={'body1'}>\n            A DOI has already been created. Updating the DOI information will\n            cause old information to be lost!\n          </Typography>\n        </Alert>\n      )}\n      {wasModifiedViaAPI && (\n        <Alert severity={'warning'} sx={{ my: 1 }}>\n          <Typography variant={'body1'}>\n            The metadata for this DOI was modified using a programmatic client,\n            so data may be hidden from this view. Any changes may result in\n            metadata being lost.\n          </Typography>\n        </Alert>\n      )}\n      {updateDoiError && (\n        <Alert severity={'error'} sx={{ mt: 1 }}>\n          <Typography variant={'body1'}>{updateDoiError.message}</Typography>\n        </Alert>\n      )}\n    </>\n  )\n\n  const dialogActions = (\n    <>\n      <Button variant=\"outlined\" disabled={isLoading} onClick={handleClose}>\n        Cancel\n      </Button>\n      <Button\n        variant=\"contained\"\n        disabled={isLoading}\n        onClick={\n          currentStep === 'warning'\n            ? () => setCurrentStep('form')\n            : e => {\n                // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n                e.preventDefault()\n                onSave()\n              }\n        }\n      >\n        {currentStep === 'warning' ? 'Continue' : 'Save'}\n      </Button>\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseModal}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <DialogBase\n        open={open}\n        onCancel={handleClose}\n        title={\n          currentStep === 'warning'\n            ? 'This page is private'\n            : 'Create or Update a DOI'\n        }\n        content={\n          !currentStep ? (\n            <SynapseSpinner />\n          ) : (\n            <>\n              {currentStep === 'warning' && <PrivateEntityDoiWarning />}\n              {currentStep === 'form' && dialogContent}\n            </>\n          )\n        }\n        actions={dialogActions}\n      />\n    </>\n  )\n}\n\nexport default CreateOrUpdateDoiModal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,SAAS,EACP,GACwB;CAItB,OAHE,MAAS,EAAW,WAAW,MAAS,EAAW,SAC9C,EAAuB,aAEvB,EAAuB;AAElC;AAEA,SAAS,EAAqB,GAAyB;CACrD,OAAO;EACL,SAAS,EAAI,UAAU,CAAC,GAAG,KAAI,MAAS,EAAM,KAAM;EACpD,WAAW,EAAI,YAAY,CAAC,GAAG,KAAI,MAAW,EAAQ,WAAY;EAClE,qBAAqB,EAAI,cAAc;EACvC,iBAAiB,EAAI;CACvB;AACF;AAMA,SAAS,EAAqB,GAAY;CAIxC,OAHA,EAAI,EAAI,UAAU,MAAK,MAAW,CAAC,EAAQ,EAAQ,eAAe,CAAC;AAIrE;AAEA,SAAS,EAAqB,GAA8B;CAC1D,OAAO;EACL,QAAQ,EAAS,QAAQ,KAAI,OAAU,EAAE,SAAM,EAAE,KAAK,CAAC;EACvD,UACE,EAAS,UAAU,KAAI,OAAY,EAAE,aAAa,EAAQ,EAAE,KAAK,CAAC;EACpE,cAAc,EACZ,qBAAqB,EAAS,oBAChC;EACA,iBAAiB,EAAS;CAC5B;AACF;AAEA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,SACA,YACA,eACA,aACA,yBACA,gBACE,GAEE,CAAC,IAAuB,KAA6B,EAAS,EAAK,GACnE,CAAC,GAAa,KAClB,EAA4C,IAAI,GAC5C,IAAkC,EAAO,EAAK,GAC9C,EAAE,eAAW,oBAAiB,GAA0B;CAC9D,SACE,EAAa,CAAI,SAEJ;EACX,EAAa,EAAK;CACpB,IACC,CAAC,GAAM,CAAY,CAAC;CAEvB,SAAS,IAAc;EACrB,AAAI,KACF,EAA0B,EAAI,IAE9B,EAAQ;CAEZ;CAEA,IAAM,CAAC,GAAuB,KAC5B,EAAS,CAAoB,GAEzB,EAAE,MAAM,OAAW,EAAa,GAAW,EAC/C,SAAS,EAAQ,EACnB,CAAC,GAEK,CAAC,GAAU,KAAe,EAAsB;EACpD,QAAQ,CAAC,EAAE;EACX,UAAU,CAAC,EAAE;CACf,CAAC,GACK,EAAE,MAAM,GAAa,WAAW,OACpC,EAAyB,GACrB,EAAE,MAAM,GAAc,WAAW,OAAoB,EACzD,GACA,GACA;EACE,eAAe;EACf,sBAAsB;CACxB,GACA;EACE,SAAS,MAAe,EAAc;EACtC,WAAW;EACX,cAAc;CAChB,CACF,GACM,EAAE,MAAM,GAAiB,WAAW,OACxC,GAAsB,GAClB,EAAE,MAAM,GAAK,WAAW,OAAiB,GAC7C;EACE,IAAI;EACJ,SAAS;EACT,MAAM;EACI;CACZ,GACA;EACE,WAAW;EACX,cAAc;CAChB,CACF,GAEM,IAAoB,SACpB,MAAe,EAAc,SAI/B,KACA,MAAQ,QACR,GAAc,iBACd,KACA,CAAC,GACC,EAAa,cAAc,gBAC3B,CACF,IAVO,IAYR;EAAC;EAAM;EAAK;EAAc;EAAiB;CAAU,CAAC;CAEzD,QAAgB;EACd,AACE,KACA,CAAC,EAAgC,WACjC,MAAQ,KAAA,KACR,MAAsB,KAAA,KAGtB,EADgB,IAAoB,YAAY,MAC1B,GACtB,EAAgC,UAAU,MAChC,MACV,EAAe,IAAI,GACnB,EAAgC,UAAU;CAE9C,GAAG;EAAC;EAAmB;EAAM;CAAG,CAAC;CAEjC,IAAM,IACJ,MAAe,EAAc,UAC7B,GAAc,UACd,GAAoB,EAAa,MAAM,GAEnC,EAAE,MAAM,MAAmB,EAC/B,GACA,KAAA,GACA,KAAA,GACA,EACE,SAAS,EACX,CACF,GACM,IAAU,EAAa,IAAI,GAG3B,IAAoB,GADP,GAAc,cAAc,EAAW,IACG,GACzD,IAAsB,2DAA2D,EAAkB;;6DAE5C,EAAkB;;2EAEJ,EAAkB;;CAE3F,IAAI,GAAc,UAAU,GAAQ,EAAa,MAAM,GAAG;EACxD,IAAM,IAAmB,GAAU,EAAa,MAAM,IAClD,YACA;EACJ,KAAuB,+EAA+E,EAAkB;oBACxG,EAAiB,2BAA2B,EAAiB;CAC/E;CAEA,IAAM,EACJ,QAAQ,IACR,WAAW,IACX,OAAO,MACL,EAAqB,EACvB,iBAAiB;EAEf,AADA,EAAa,qCAAqC,SAAS,GAC3D,EAAQ;CACV,EACF,CAAC,GAEK,IACJ,MACA,MACA,MACA,MACA,IAEI,IAAoB,GAAQ,KAAO,EAAqB,CAAG;CAEjE,QAAgB;EAKd,IAJI,KACF,EAAY,EAAqB,CAAG,CAAC,GAGnC,KAAe,GAAc,UAAU,MAAQ,MAAM;GACvD,IAAM,IAAc;IAClB,QAAQ,CAAC,EAAa,OAAO,IAAI;IACjC,UAAU,CAAkB;IAC5B,qBAAqB,EACnB,EAAa,UACf;IACA,kCAAiB,IAAI,KAAK,GAAE,YAAY;GAC1C;GAMA,AALI,EAAY,YAAY,EAAY,aACtC,EAAY,SAAS,KACnB,GAAG,EAAY,SAAS,IAAI,EAAY,WAC1C,GAEF,EAAY,CAAW;EACzB;CACF,GAAG;EAAC;EAAa;EAAK;CAAY,CAAC;CAEnC,SAAS,KAAS;EAChB,IAAI,EAAQ,SAAS,aAAa,GAAG;GACnC,IAAM,IAAoB,EAAqB,CAAQ;GAMvD,AALA,EAAW,aAAa,GACxB,EAAW,WAAW,GACtB,EAAW,gBAAgB,GAC3B,EAAW,OAAO,GAAK,MACvB,EAAW,WAAW,GACtB,GAAkB;IAChB,KAAK;IACL,cAAc;GAChB,CAAC;EACH;CACF;CAEA,IAAM,KACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAS;GAAS,cAAA;aAAa;EAG/B,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;GAAS,cAAA;GAAa,IAAI,EAAE,IAAI,EAAE;aAAvD;IAA0D;IAKpD;IACJ,kBAAC,IAAD;KACE,MAAM,GAAG,GACP,GAAuB,eACzB,IAAI;KACJ,QAAO;KACP,KAAI;eACL;IAEK,CAAA;IAAC;GAEG;;EACX,KACC,kBAAC,IAAD;GACE,OAAO;GACP,WAAA;GACA,OAAO,IAAQ,QAAQ;GACvB,UAAA;EACD,CAAA;EAEF,KACC,kBAAC,IAAD;GAAmB,WAAU;GAAa,WAAA;GAAU,IAAI,EAAE,IAAI,EAAE;aAAhE,CACE,kBAAC,IAAD;IACE,IAAG;IACH,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;KAChB,OAAO;IACT;cAPF,CASE,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,GACnB,kBAAC,IAAD;KACE,cAAc,EAAE,UAAU,EAAoB;KAC9C,UAAS;eAET,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IACxB,CAAA,CACP;OACZ,kBAAC,IAAD;IACE,SAAQ;IACR,OAAO,KAAyB;IAChC,WAAU,MAAK;KACb,AAAI,EAAE,OAAO,UAAU,KACrB,EAAyB,KAAA,CAAS,IAElC,EAAyB,EAAE,OAAO,KAAK;IAE3C;cATF,CAWE,kBAAC,GAAD;KAAU,OAAO;eAAI;IAAoB,CAAA,GACxC,KACC,EAAe,QAAQ,KAAI,MACzB,kBAAC,GAAD;KAEE,OAAO,EAAQ;eAFjB;MAGC;MACU,EAAQ;MAEhB,EAAQ,gBACT,EAAQ,iBAAiB,OAAO,EAAQ,aAAa,IACjD,MAAM,EAAQ,iBACd;KACI;OATH,EAAQ,aASL,CACX,CACG;KACS;;EAErB,kBAAC,IAAD;GACW;GACT,UAAU,KAAa;GACvB,QAAQ;GACE;GACV,WAAU,MAAK;IACb,EAAY,EAAE,QAAQ;GACxB;GACA,UAAU;GACV,eAAe;EAChB,CAAA;EACA,KACC,kBAAC,GAAD;GAAO,UAAU;aACf,kBAAC,GAAD;IAAY,SAAS;cAAS;GAGlB,CAAA;EACP,CAAA;EAER,KACC,kBAAC,GAAD;GAAO,UAAU;GAAW,IAAI,EAAE,IAAI,EAAE;aACtC,kBAAC,GAAD;IAAY,SAAS;cAAS;GAIlB,CAAA;EACP,CAAA;EAER,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,EAAE;aACpC,kBAAC,GAAD;IAAY,SAAS;cAAU,EAAe;GAAoB,CAAA;EAC7D,CAAA;CAET,EAAA,CAAA;CA0BJ,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;EACE,MAAM;EACN,gBAAgB;GACd,EAA0B,EAAK;EACjC;EACA,iBAAiB;GAEf,AADA,EAA0B,EAAK,GAC/B,EAAQ;EACV;CACD,CAAA,GACD,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,OACE,MAAgB,YACZ,yBACA;EAEN,SACG,IAGC,kBAAA,GAAA,EAAA,UAAA,CACG,MAAgB,aAAa,kBAAC,IAAD,CAA0B,CAAA,GACvD,MAAgB,UAAU,EAC3B,EAAA,CAAA,IALF,kBAAC,IAAD,CAAiB,CAAA;EAQrB,SApDJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAW,UAAU;GAAW,SAAS;aAAa;EAE9D,CAAA,GACR,kBAAC,GAAD;GACE,SAAQ;GACR,UAAU;GACV,SACE,MAAgB,kBACN,EAAe,MAAM,KAC3B,MAAK;IAGH,AADA,EAAE,eAAe,GACjB,GAAO;GACT;aAGL,MAAgB,YAAY,aAAa;EACpC,CAAA,CACR,EAAA,CAiCW;CACV,CAAA,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"CreateOrUpdateDoiModal.js","names":[],"sources":["../../../src/components/doi/CreateOrUpdateDoiModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport { doiFormSchema, doiFormUiSchema } from '@/components/doi/DoiFormSchemas'\nimport { PrivateEntityDoiWarning } from '@/components/doi/PrivateEntityDoiWarning'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { MarkdownPopover } from '@/components/Markdown/MarkdownPopover'\nimport { StyledFormControl } from '@/components/styled/StyledFormControl'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport { useCreateOrUpdateDOI, useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { useGetVersions } from '@/synapse-queries/entity/useEntity'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetPortal } from '@/synapse-queries/portal/usePortal'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { DATA_CATALOG_PATH_SEGMENT } from '@/utils/SynapseConstants'\nimport HelpTwoTone from '@mui/icons-material/HelpTwoTone'\nimport {\n  Alert,\n  Button,\n  InputLabel,\n  Link,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport {\n  DoiObjectType,\n  DoiResourceTypeGeneral,\n  DoiResourceTypeResourceTypeGeneralEnum,\n  EntityType,\n  V2Doi,\n} from '@sage-bionetworks/synapse-client'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype CreateOrUpdateDoiModalStep = 'warning' | 'form'\n\nexport type CreateOrUpdateDoiModalProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback to call when the dialog is closed */\n  onClose: () => void\n  /** The type of object */\n  objectType: DoiObjectType\n  /** The ID of the object */\n  objectId: string\n  /** The optional version number of the object used to populate the form. */\n  defaultVersionNumber?: number\n  /** If minting a DOI for a portal, the ID of the portal object in Synapse */\n  portalId?: string\n}\n\ntype DoiFormData = {\n  titles?: string[]\n  creators?: string[]\n  resourceTypeGeneral?: DoiResourceTypeResourceTypeGeneralEnum\n  publicationYear?: number\n}\n\nfunction getSuggestedResourceTypeGeneral(\n  type: EntityType,\n): DoiResourceTypeGeneral {\n  if (type === EntityType.project || type === EntityType.folder) {\n    return DoiResourceTypeGeneral.Collection\n  } else {\n    return DoiResourceTypeGeneral.Dataset\n  }\n}\n\nfunction convertDoiToFormData(doi: V2Doi): DoiFormData {\n  return {\n    titles: (doi.titles || []).map(title => title.title!),\n    creators: (doi.creators || []).map(creator => creator.creatorName!),\n    resourceTypeGeneral: doi.resourceType?.resourceTypeGeneral,\n    publicationYear: doi.publicationYear,\n  }\n}\n\n/**\n * Returns true if the DOI has fields that are not exposed in the UI, so we can let the user know that any changes\n * may be destructive to hidden fields.\n */\nfunction getWasModifiedViaAPI(doi: V2Doi) {\n  if (doi.creators?.some(creator => !isEmpty(creator.nameIdentifiers))) {\n    return true\n  }\n  return false\n}\n\nfunction convertFormDataToDoi(formData: DoiFormData): V2Doi {\n  return {\n    titles: formData.titles?.map(title => ({ title })) || [],\n    creators:\n      formData.creators?.map(creator => ({ creatorName: creator })) || [],\n    resourceType: {\n      resourceTypeGeneral: formData.resourceTypeGeneral,\n    },\n    publicationYear: formData.publicationYear,\n  }\n}\n\nexport function CreateOrUpdateDoiModal(props: CreateOrUpdateDoiModalProps) {\n  const {\n    open,\n    onClose,\n    objectType,\n    objectId,\n    defaultVersionNumber,\n    portalId,\n  } = props\n\n  const [showConfirmCloseModal, setShowConfirmCloseDialog] = useState(false)\n  const [currentStep, setCurrentStep] =\n    useState<CreateOrUpdateDoiModalStep | null>(null)\n  const hasSetInitialStepForThisSession = useRef(false)\n  const { isEditing, setIsEditing } = useGlobalIsEditingContext()\n  useEffect(() => {\n    setIsEditing(open)\n\n    return () => {\n      setIsEditing(false)\n    }\n  }, [open, setIsEditing])\n\n  function handleClose() {\n    if (isEditing) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  const [selectedVersionNumber, setSelectedVersionNumber] =\n    useState(defaultVersionNumber)\n\n  const { data: portal } = useGetPortal(portalId!, {\n    enabled: Boolean(portalId),\n  })\n\n  const [formData, setFormData] = useState<DoiFormData>({\n    titles: [''],\n    creators: [''],\n  })\n  const { data: currentUser, isLoading: isLoadingCurrentUser } =\n    useGetCurrentUserProfile()\n  const { data: entityBundle, isLoading: isLoadingEntity } = useGetEntityBundle(\n    objectId,\n    selectedVersionNumber,\n    {\n      includeEntity: true,\n      includeBenefactorACL: true,\n    },\n    {\n      enabled: objectType === DoiObjectType.ENTITY,\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n  const { data: realmPrincipals, isLoading: isLoadingRealmPrincipals } =\n    useGetRealmPrincipals()\n  const { data: doi, isLoading: isLoadingDoi } = useGetDOI(\n    {\n      id: objectId,\n      version: selectedVersionNumber,\n      type: objectType,\n      portalId: portalId,\n    },\n    {\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const shouldShowWarning = useMemo(() => {\n    if (objectType !== DoiObjectType.ENTITY) {\n      return false\n    }\n    return (\n      open &&\n      doi === null && // Creating new DOI\n      entityBundle?.benefactorAcl &&\n      realmPrincipals &&\n      !isEntityPublic(\n        entityBundle.benefactorAcl.resourceAccess,\n        realmPrincipals,\n      )\n    )\n  }, [open, doi, entityBundle, realmPrincipals, objectType])\n\n  useEffect(() => {\n    if (\n      open &&\n      !hasSetInitialStepForThisSession.current &&\n      doi !== undefined && // Wait for DOI query to resolve before determining step\n      shouldShowWarning !== undefined\n    ) {\n      const newStep = shouldShowWarning ? 'warning' : 'form'\n      setCurrentStep(newStep)\n      hasSetInitialStepForThisSession.current = true\n    } else if (!open) {\n      setCurrentStep(null)\n      hasSetInitialStepForThisSession.current = false\n    }\n  }, [shouldShowWarning, open, doi])\n\n  const doiCanBeAppliedToVersion =\n    objectType === DoiObjectType.ENTITY &&\n    entityBundle?.entity &&\n    isVersionableEntity(entityBundle.entity)\n\n  const { data: entityVersions } = useGetVersions(\n    objectId,\n    undefined,\n    undefined,\n    {\n      enabled: doiCanBeAppliedToVersion,\n    },\n  )\n  const formRef = useRef<RJSF>(null)\n\n  const entityType = entityBundle?.entityType ?? EntityType.file\n  const entityTypeDisplay = entityTypeToFriendlyName(entityType)\n  let versionHelpMarkdown = `A DOI can be associated with a specific version of this ${entityTypeDisplay}.\n  \n  Versioned DOIs will link to the specified version of the ${entityTypeDisplay}.\n  \n  A DOI without a version will always link to the newest version of this ${entityTypeDisplay},\n     so the data that someone retrieves using the DOI may change over time.`\n  if (entityBundle?.entity && isTable(entityBundle.entity)) {\n    const tableVersionCopy = isDataset(entityBundle.entity)\n      ? 'version'\n      : 'snapshot'\n    versionHelpMarkdown += `\\n\\nTo create a DOI that will always link to the current set of data in the ${entityTypeDisplay},\n     create a new ${tableVersionCopy} and mint a DOI for that ${tableVersionCopy}.`\n  }\n\n  const {\n    mutate: createOrUpdateDoi,\n    isPending: updateIsPending,\n    error: updateDoiError,\n  } = useCreateOrUpdateDOI({\n    onSuccess: () => {\n      displayToast('The DOI was successfully updated.', 'success')\n      onClose()\n    },\n  })\n\n  const isLoading =\n    updateIsPending ||\n    isLoadingCurrentUser ||\n    isLoadingEntity ||\n    isLoadingDoi ||\n    isLoadingRealmPrincipals\n\n  const wasModifiedViaAPI = Boolean(doi && getWasModifiedViaAPI(doi))\n\n  useEffect(() => {\n    if (doi) {\n      setFormData(convertDoiToFormData(doi))\n    }\n    // If there is no DOI, then pre-fill the form.\n    if (currentUser && entityBundle?.entity && doi === null) {\n      const newFormData = {\n        titles: [entityBundle.entity.name],\n        creators: new Array<string>(),\n        resourceTypeGeneral: getSuggestedResourceTypeGeneral(\n          entityBundle.entityType,\n        ),\n        publicationYear: new Date().getFullYear(),\n      } satisfies DoiFormData\n      if (currentUser.lastName && currentUser.firstName) {\n        newFormData.creators.push(\n          `${currentUser.lastName}, ${currentUser.firstName}`,\n        )\n      }\n      setFormData(newFormData)\n    }\n  }, [currentUser, doi, entityBundle])\n\n  function onSave() {\n    if (formRef.current?.validateForm()) {\n      const requestDoi: V2Doi = convertFormDataToDoi(formData)\n      requestDoi.objectType = objectType\n      requestDoi.objectId = objectId\n      requestDoi.objectVersion = selectedVersionNumber\n      requestDoi.etag = doi?.etag\n      requestDoi.portalId = portalId\n      createOrUpdateDoi({\n        doi: requestDoi,\n        concreteType: 'org.sagebionetworks.repo.model.doi.v2.DoiRequest',\n      })\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <Typography variant={'body1'} gutterBottom>\n        Minting a DOI allows you to credit contributors and makes it easy to\n        cite your work.\n      </Typography>\n      <Typography variant={'body1'} gutterBottom sx={{ mb: 2 }}>\n        Note that while the DOI and its associated metadata will be publicly\n        visible outside of Synapse, your data will still adhere to its existing\n        access conditions. If your data is private, it will remain restricted,\n        but the DOI will still be listed. Resources with DOIs may be added to\n        the{' '}\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}${DATA_CATALOG_PATH_SEGMENT}`}\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          Synapse Data Catalog\n        </Link>\n        .\n      </Typography>\n      {portalId && (\n        <TextField\n          label={'Publisher'}\n          fullWidth\n          value={portal?.name || ''}\n          disabled\n        />\n      )}\n      {doiCanBeAppliedToVersion && (\n        <StyledFormControl className=\"limit-type\" fullWidth sx={{ my: 2 }}>\n          <InputLabel\n            id=\"doi-version-select\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              width: '100%',\n            }}\n          >\n            <span>Version</span>\n            <MarkdownPopover\n              contentProps={{ markdown: versionHelpMarkdown }}\n              maxWidth=\"350px\"\n            >\n              <HelpTwoTone className={`HelpButton`} />\n            </MarkdownPopover>\n          </InputLabel>\n          <Select\n            labelId=\"doi-version-select\"\n            value={selectedVersionNumber ?? -1}\n            onChange={e => {\n              if (e.target.value === -1) {\n                setSelectedVersionNumber(undefined)\n              } else {\n                setSelectedVersionNumber(e.target.value)\n              }\n            }}\n          >\n            <MenuItem value={-1}>No version</MenuItem>\n            {entityVersions &&\n              entityVersions.results.map(version => (\n                <MenuItem\n                  key={version.versionNumber}\n                  value={version.versionNumber}\n                >\n                  Version {version.versionNumber}\n                  {/* display the version label if it exists & is different from the number itself */}\n                  {version.versionLabel &&\n                  version.versionLabel !== String(version.versionNumber)\n                    ? ` / ${version.versionLabel}`\n                    : ''}\n                </MenuItem>\n              ))}\n          </Select>\n        </StyledFormControl>\n      )}\n      <JsonSchemaForm\n        formRef={formRef}\n        disabled={isLoading || wasModifiedViaAPI}\n        schema={doiFormSchema}\n        formData={formData}\n        onChange={e => {\n          setFormData(e.formData)\n        }}\n        uiSchema={doiFormUiSchema}\n        showErrorList={false}\n      />\n      {doi && (\n        <Alert severity={'warning'}>\n          <Typography variant={'body1'}>\n            A DOI has already been created. Updating the DOI information will\n            cause old information to be lost!\n          </Typography>\n        </Alert>\n      )}\n      {wasModifiedViaAPI && (\n        <Alert severity={'warning'} sx={{ my: 1 }}>\n          <Typography variant={'body1'}>\n            The metadata for this DOI was modified using a programmatic client,\n            so data may be hidden from this view. Any changes may result in\n            metadata being lost.\n          </Typography>\n        </Alert>\n      )}\n      {updateDoiError && (\n        <Alert severity={'error'} sx={{ mt: 1 }}>\n          <Typography variant={'body1'}>{updateDoiError.message}</Typography>\n        </Alert>\n      )}\n    </>\n  )\n\n  const dialogActions = (\n    <>\n      <Button variant=\"outlined\" disabled={isLoading} onClick={handleClose}>\n        Cancel\n      </Button>\n      <Button\n        variant=\"contained\"\n        disabled={isLoading}\n        onClick={\n          currentStep === 'warning'\n            ? () => setCurrentStep('form')\n            : e => {\n                // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n                e.preventDefault()\n                onSave()\n              }\n        }\n      >\n        {currentStep === 'warning' ? 'Continue' : 'Save'}\n      </Button>\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseModal}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <DialogBase\n        open={open}\n        onCancel={handleClose}\n        title={\n          currentStep === 'warning'\n            ? 'This page is private'\n            : 'Create or Update a DOI'\n        }\n        content={\n          !currentStep ? (\n            <SynapseSpinner />\n          ) : (\n            <>\n              {currentStep === 'warning' && <PrivateEntityDoiWarning />}\n              {currentStep === 'form' && dialogContent}\n            </>\n          )\n        }\n        actions={dialogActions}\n      />\n    </>\n  )\n}\n\nexport default CreateOrUpdateDoiModal\n"],"mappings":"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"}

package/dist/components/download_list/DownloadDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadDetails.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadDetails.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAOD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmFlE"}
+{"version":3,"file":"DownloadDetails.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadDetails.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAOD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmFlE"}