synapse-react-client 4.0.41 → 4.0.43

package/dist/components/dataaccess/FormTemplateEditorRoute.js

@@ -0,0 +1,26 @@
+import { FormTemplateEditor as e } from "../FormTemplateEditor/FormTemplateEditor.js";
+import { FORM_TEMPLATES_PATH as t } from "./FormTemplateTable.js";
+import { Link as n } from "@mui/material";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Link as o, useNavigate as s, useParams as c } from "react-router";
+//#region src/components/dataaccess/FormTemplateEditorRoute.tsx
+function l() {
+	let { templateId: l } = c(), u = s(), d = () => void u(t);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {
+		component: o,
+		to: t,
+		sx: {
+			display: "block",
+			mb: 2
+		},
+		children: "Form Templates"
+	}), /* @__PURE__ */ i(e, {
+		templateId: l,
+		onSaved: d,
+		onCancel: d
+	}, l ?? "new")] });
+}
+//#endregion
+export { l as FormTemplateEditorRoute, l as default };
+
+//# sourceMappingURL=FormTemplateEditorRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateEditorRoute.js","names":[],"sources":["../../../src/components/dataaccess/FormTemplateEditorRoute.tsx"],"sourcesContent":["import { Link as MuiLink } from '@mui/material'\nimport { Link, useNavigate, useParams } from 'react-router'\nimport { FormTemplateEditor } from '../FormTemplateEditor/FormTemplateEditor'\nimport { FORM_TEMPLATES_PATH } from './FormTemplateTable'\n\n/**\n * Route element for creating a form template (no `templateId` param) or editing an existing one.\n * Saving or cancelling returns to the template list.\n */\nexport function FormTemplateEditorRoute() {\n  const { templateId } = useParams<{ templateId: string }>()\n  const navigate = useNavigate()\n  const goToList = () => void navigate(FORM_TEMPLATES_PATH)\n\n  return (\n    <>\n      <MuiLink\n        component={Link}\n        to={FORM_TEMPLATES_PATH}\n        sx={{ display: 'block', mb: 2 }}\n      >\n        Form Templates\n      </MuiLink>\n      <FormTemplateEditor\n        // Reset editor state when navigating between templates\n        key={templateId ?? 'new'}\n        templateId={templateId}\n        onSaved={goToList}\n        onCancel={goToList}\n      />\n    </>\n  )\n}\n\nexport default FormTemplateEditorRoute\n"],"mappings":";;;;;;AASA,SAAgB,IAA0B;CACxC,IAAM,EAAE,kBAAe,EAAkC,GACnD,IAAW,EAAY,GACvB,UAAiB,KAAK,EAAS,CAAmB;CAExD,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;EACJ,IAAI;GAAE,SAAS;GAAS,IAAI;EAAE;YAC/B;CAEQ,CAAA,GACT,kBAAC,GAAD;EAGc;EACZ,SAAS;EACT,UAAU;CACX,GAJM,KAAc,KAIpB,CACD,EAAA,CAAA;AAEN"}

package/dist/components/dataaccess/FormTemplateTable.d.ts

@@ -0,0 +1,10 @@
+export declare const FORM_TEMPLATES_ROUTE = "FormTemplates";
+export declare const NEW_FORM_TEMPLATE_ROUTE = "FormTemplates/new";
+export declare const FORM_TEMPLATE_ROUTE = "FormTemplates/:templateId";
+export declare const FORM_TEMPLATES_PATH = "/FormTemplates";
+export declare const NEW_FORM_TEMPLATE_PATH = "/FormTemplates/new";
+export declare const getFormTemplatePath: (templateId: string) => string;
+export declare const NAME_SEARCH_DEBOUNCE_DELAY_MS = 500;
+export declare function FormTemplateTable(): import("react/jsx-runtime").JSX.Element;
+export default FormTemplateTable;
+//# sourceMappingURL=FormTemplateTable.d.ts.map

package/dist/components/dataaccess/FormTemplateTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateTable.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/FormTemplateTable.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,oBAAoB,kBAAkB,CAAA;AACnD,eAAO,MAAM,uBAAuB,sBAAgC,CAAA;AACpE,eAAO,MAAM,mBAAmB,8BAAwC,CAAA;AACxE,eAAO,MAAM,mBAAmB,mBAA6B,CAAA;AAC7D,eAAO,MAAM,sBAAsB,uBAAgC,CAAA;AACnE,eAAO,MAAM,mBAAmB,GAAI,YAAY,MAAM,WACd,CAAA;AAGxC,eAAO,MAAM,6BAA6B,MAAM,CAAA;AA2BhD,wBAAgB,iBAAiB,4CAiIhC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/dataaccess/FormTemplateTable.js

@@ -0,0 +1,124 @@
+import { useSearchFormTemplatesInfinite as e } from "../../synapse-queries/dataaccess/useFormTemplate.js";
+import t from "../TanStackTable/StyledTanStackTable.js";
+import n from "../TanStackTable/ColumnHeader.js";
+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 { 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
+var E = "FormTemplates", D = `${E}/new`, O = `${E}/:templateId`, k = `/${E}`, A = `/${D}`, j = (e) => `${k}/${e}`, M = 500, N = C(), P = [
+	N.accessor("name", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Name"
+		}),
+		cell: ({ row: e, getValue: t }) => e.original.id ? /* @__PURE__ */ g(b, {
+			to: j(e.original.id),
+			children: t()
+		}) : t(),
+		enableColumnFilter: !1
+	}),
+	N.accessor("versionNumber", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Version"
+		}),
+		enableColumnFilter: !1
+	}),
+	N.accessor("deprecated", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Status"
+		}),
+		cell: ({ getValue: e }) => e() ? /* @__PURE__ */ g(c, {
+			label: "Deprecated",
+			size: "small"
+		}) : null,
+		enableColumnFilter: !1
+	})
+];
+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(() => ({
+		name: c || void 0,
+		includeDeprecated: C
+	}), [c, C]), { placeholderData: v }), F = r(() => D?.pages.flatMap((e) => e.results ?? []) ?? [], [D]), I = T({
+		data: F,
+		columns: P,
+		getCoreRowModel: w(),
+		getRowId: (e) => e.id ?? ""
+	}), L = k && /* @__PURE__ */ _(a, {
+		severity: "error",
+		children: [
+			/* @__PURE__ */ g("strong", { children: "Sorry, we couldn't load the form templates." }),
+			/* @__PURE__ */ g("br", {}),
+			k.reason
+		]
+	}), R;
+	return R = O ? /* @__PURE__ */ g(d, {
+		variant: "rectangular",
+		height: 200
+	}) : k && !D ? L : F.length === 0 ? /* @__PURE__ */ g(m, {
+		variant: "body1",
+		sx: {
+			textAlign: "center",
+			my: 2
+		},
+		children: "No form templates found."
+	}) : /* @__PURE__ */ _(h, { children: [
+		/* @__PURE__ */ g(t, {
+			table: I,
+			styledTableContainerProps: { sx: { my: 2 } }
+		}),
+		L,
+		j && /* @__PURE__ */ g(s, {
+			variant: "outlined",
+			disabled: N,
+			onClick: () => void M(),
+			children: "Load more"
+		})
+	] }), /* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(o, {
+		sx: {
+			display: "flex",
+			alignItems: "flex-end",
+			gap: 2,
+			flexWrap: "wrap",
+			mb: 2
+		},
+		children: [
+			/* @__PURE__ */ g(p, {
+				label: "Filter by template name",
+				type: "text",
+				size: "small",
+				onChange: (e) => b(e.target.value),
+				slotProps: { input: { endAdornment: /* @__PURE__ */ g(u, {
+					position: "end",
+					children: /* @__PURE__ */ g(y, {})
+				}) } },
+				sx: { minWidth: 300 }
+			}),
+			/* @__PURE__ */ g(l, {
+				label: "Include deprecated",
+				sx: { mb: 0 },
+				control: /* @__PURE__ */ g(f, {
+					sx: { "& .MuiSwitch-input": { m: 0 } },
+					checked: C,
+					onChange: (e) => E(e.target.checked)
+				})
+			}),
+			/* @__PURE__ */ g(s, {
+				variant: "contained",
+				sx: { ml: "auto" },
+				onClick: () => void n(A),
+				children: "Create template"
+			})
+		]
+	}), R] });
+}
+//#endregion
+export { k as FORM_TEMPLATES_PATH, E as FORM_TEMPLATES_ROUTE, O as FORM_TEMPLATE_ROUTE, F as FormTemplateTable, F as default, M as NAME_SEARCH_DEBOUNCE_DELAY_MS, A as NEW_FORM_TEMPLATE_PATH, D as NEW_FORM_TEMPLATE_ROUTE, j as getFormTemplatePath };
+
+//# sourceMappingURL=FormTemplateTable.js.map

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

@@ -0,0 +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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"}

package/dist/components/dataaccess/ReviewerDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAuCA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgH9D;AAUD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAsDA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoJ9D;AAUD,eAAe,iBAAiB,CAAA"}

package/dist/components/dataaccess/ReviewerDashboard.js

@@ -1,81 +1,107 @@
 import { SynapseErrorBoundary as e } from "../error/ErrorBanner.js";
 import { SynapseSpinner as t } from "../LoadingScreen/LoadingScreen.js";
-import { useGetCurrentUserBundle as n } from "../../synapse-queries/user/useUserBundle.js";
-import r from "../IconSvg/IconSvg.js";
-import i from "../OrientationBanner/index.js";
-import { UserHistoryDashboard as a } from "./AccessHistoryDashboard.js";
-import { AccessRequirementDashboard as o } from "./AccessRequirementDashboard.js";
-import { DataAccessSubmissionDashboard as s } from "./AccessSubmissionDashboard.js";
-import { EDucTemplateTable as c } from "./EDucTemplateTable.js";
-import l from "./SubmissionPage/SubmissionPage.js";
-import { useMemo as u } from "react";
-import { Typography as d } from "@mui/material";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { NavLink as h, Navigate as g, Outlet as _, RouterProvider as v, createBrowserRouter as y, createMemoryRouter as b, useParams as x } from "react-router";
-import { RouterProvider as S } from "react-router/dom";
+import { useGetFeatureFlag as n } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
+import { useGetCurrentUserBundle as r } from "../../synapse-queries/user/useUserBundle.js";
+import i from "../IconSvg/IconSvg.js";
+import a from "../OrientationBanner/index.js";
+import { FeatureFlagEnum as o } from "../../utils/featureflag/FeatureFlags.js";
+import { UserHistoryDashboard as s } from "./AccessHistoryDashboard.js";
+import { AccessRequirementDashboard as c } from "./AccessRequirementDashboard.js";
+import { DataAccessSubmissionDashboard as l } from "./AccessSubmissionDashboard.js";
+import { EDucTemplateTable as u } from "./EDucTemplateTable.js";
+import { FORM_TEMPLATES_PATH as d, FORM_TEMPLATES_ROUTE as f, FORM_TEMPLATE_ROUTE as p, FormTemplateTable as m, NEW_FORM_TEMPLATE_ROUTE as h } from "./FormTemplateTable.js";
+import { FormTemplateEditorRoute as g } from "./FormTemplateEditorRoute.js";
+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";
 //#region src/components/dataaccess/ReviewerDashboard.tsx
-function C(e) {
-	let { href: t, children: n, icon: i } = e;
-	return /* @__PURE__ */ m(h, {
+function N(e) {
+	let { href: t, children: n, icon: r } = e;
+	return /* @__PURE__ */ C(T, {
 		className: "Tab",
 		role: "tab",
 		to: t,
-		children: [/* @__PURE__ */ p(r, {
-			icon: i,
-			sx: { paddingRight: "0.2rem" }
-		}), /* @__PURE__ */ p(d, {
+		children: [/* @__PURE__ */ S(y, {
+			component: "span",
+			sx: {
+				display: "inline-flex",
+				paddingRight: "0.2rem"
+			},
+			children: r
+		}), /* @__PURE__ */ S(b, {
 			variant: "buttonLink",
 			children: n
 		})]
 	});
 }
-function w(r) {
-	let { routerBaseName: l = "/DataAccessManagement:default", useMemoryRouter: d = !1 } = r, { data: h, isLoading: g } = n(), x = h?.isACTMember, w = h?.isACTMember || h?.isARReviewer, E = u(() => [{
+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(() => [{
 		path: "/",
-		element: /* @__PURE__ */ m("div", {
+		element: /* @__PURE__ */ C("div", {
 			className: "ReviewerDashboard",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ C("div", {
 				className: "Tabs",
 				role: "tablist",
 				children: [
-					x && /* @__PURE__ */ p(C, {
+					j && /* @__PURE__ */ S(N, {
 						href: "/AccessRequirements",
-						icon: "accessClosed",
+						icon: /* @__PURE__ */ S(i, { icon: "accessClosed" }),
 						children: "Access Requirements"
 					}),
-					x && /* @__PURE__ */ p(C, {
+					j && /* @__PURE__ */ S(N, {
 						href: "/EDucTemplates",
-						icon: "fileOutlined",
+						icon: /* @__PURE__ */ S(i, { icon: "fileOutlined" }),
 						children: "eDUC Templates"
 					}),
-					w && /* @__PURE__ */ p(C, {
+					L && /* @__PURE__ */ S(N, {
+						href: d,
+						icon: /* @__PURE__ */ S(w, {}),
+						children: "Form Templates"
+					}),
+					P && /* @__PURE__ */ S(N, {
 						href: "/Submissions",
-						icon: "discussion",
+						icon: /* @__PURE__ */ S(i, { icon: "discussion" }),
 						children: "Submissions"
 					}),
-					w && /* @__PURE__ */ p(C, {
+					P && /* @__PURE__ */ S(N, {
 						href: "/UserAccessHistory",
-						icon: "history",
+						icon: /* @__PURE__ */ S(i, { icon: "history" }),
 						children: "User Access History"
 					})
 				]
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ S("div", {
 				className: "TabContentContainer",
-				children: /* @__PURE__ */ p(e, { children: /* @__PURE__ */ p(_, {}) })
+				children: /* @__PURE__ */ S(e, { children: /* @__PURE__ */ S(D, {}) })
 			})]
 		}),
 		children: [
 			{
 				path: "AccessRequirements",
-				element: x ? /* @__PURE__ */ p(o, {}) : null
+				element: j ? /* @__PURE__ */ S(c, {}) : null
 			},
 			{
 				path: "EDucTemplates",
-				element: x ? /* @__PURE__ */ p(c, {}) : null
+				element: j ? /* @__PURE__ */ S(u, {}) : null
+			},
+			{
+				path: f,
+				element: L ? /* @__PURE__ */ S(m, {}) : null
+			},
+			{
+				path: h,
+				element: L ? /* @__PURE__ */ S(g, {}) : null
+			},
+			{
+				path: p,
+				element: L ? /* @__PURE__ */ S(g, {}) : null
 			},
 			{
 				path: "Submissions",
-				element: w ? /* @__PURE__ */ m(f, { children: [!x && /* @__PURE__ */ p(i, {
+				element: P ? /* @__PURE__ */ C(x, { children: [!j && /* @__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.",
@@ -83,32 +109,36 @@ function w(r) {
 						margin: "-20px -30px 20px -30px",
 						width: "auto"
 					}
-				}), /* @__PURE__ */ p(s, {})] }) : null
+				}), /* @__PURE__ */ S(l, {})] }) : null
 			},
 			{
 				path: "Submissions/:id",
-				element: w ? /* @__PURE__ */ p(T, {}) : null
+				element: P ? /* @__PURE__ */ S(F, {}) : null
 			},
 			{
 				path: "UserAccessHistory",
-				element: /* @__PURE__ */ p(a, {})
+				element: /* @__PURE__ */ S(s, {})
 			}
 		]
-	}], [x, w]), D = u(() => d ? b(E, { basename: l }) : y(E, { basename: l }), [
-		d,
-		E,
-		l
+	}], [
+		j,
+		P,
+		L
+	]), z = v(() => b ? A(R, { basename: y }) : k(R, { basename: y }), [
+		b,
+		R,
+		y
 	]);
-	return g ? /* @__PURE__ */ p(t, { size: 50 }) : p(d ? v : S, { router: D });
+	return E ? /* @__PURE__ */ S(t, { size: 50 }) : S(b ? O : M, { router: z });
 }
-function T() {
-	let { id: e } = x();
-	return e ? /* @__PURE__ */ p(l, {
+function F() {
+	let { id: e } = j();
+	return e ? /* @__PURE__ */ S(_, {
 		submissionId: e,
 		isReviewer: !0
-	}) : /* @__PURE__ */ p(g, { to: "Submissions/" });
+	}) : /* @__PURE__ */ S(E, { to: "Submissions/" });
 }
 //#endregion
-export { w as ReviewerDashboard, w as default };
+export { P as ReviewerDashboard, P as default };
 
 //# sourceMappingURL=ReviewerDashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { 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, { IconName } 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 SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: { href: string; children: ReactNode; icon: IconName }) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <IconSvg\n        icon={icon}\n        sx={{\n          paddingRight: '0.2rem',\n        }}\n      />\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\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 href=\"/AccessRequirements\" icon=\"accessClosed\">\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab href=\"/EDucTemplates\" icon=\"fileOutlined\">\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/Submissions\" icon=\"discussion\">\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/UserAccessHistory\" icon=\"history\">\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: '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],\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":";;;;;;;;;;;;;;;;AAwBA,SAAS,EAAQ,GAA8D;CAC7E,IAAM,EAAE,SAAM,aAAU,YAAS;CACjC,OACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACQ;GACN,IAAI,EACF,cAAc,SAChB;EACD,CAAA,GACD,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,cAEnC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MAAS,MAAK;MAAsB,MAAK;gBAAe;KAE/C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAiB,MAAK;gBAAe;KAE1C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAe,MAAK;gBAAa;KAEtC,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAqB,MAAK;gBAAU;KAEzC,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,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,CAAC,GAAmB,CAAsB,CAC5C,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"}
+{"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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"}

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":"AA8IA;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,mDA6J1C"}
+{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AAiJA;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,mDAgK1C"}

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

@@ -4,7 +4,8 @@ import { useListAllUserDataAccessRequests as n, useVoidDataAccessRequestSignatur
 import "../../../synapse-queries/index.js";
 import { SkeletonTable as i } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import a, { RequestDataStep as o } from "../../AccessRequirementList/AccessRequirementList.js";
+import { getFirstRequestStep as a } from "../../AccessRequirementList/RequestDataStep.js";
+import o from "../../AccessRequirementList/AccessRequirementList.js";
 import s from "../../TanStackTable/StyledTanStackTable.js";
 import c from "../../TanStackTable/ColumnHeader.js";
 import { USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH as l, USER_ACCESS_HISTORY_REQUEST_SUBPATH as u } from "./RouteConstants.js";
@@ -17,10 +18,12 @@ import { createColumnHelper as O, getCoreRowModel as k, useReactTable as A } fro
 var j = [
 	"sent",
 	"delivered",
+	"declined",
 	"completed"
 ], M = {
 	sent: "Signatures pending",
 	delivered: "Signatures pending",
+	declined: "Signature declined",
 	completed: "Ready to submit"
 }, N = (e) => `/${u}/${e}/${l}`, P = O();
 function F(e) {
@@ -152,12 +155,12 @@ function I() {
 				fullWidth: !0
 			})]
 		}),
-		N && /* @__PURE__ */ T(a, {
+		N && /* @__PURE__ */ T(o, {
 			renderAsModal: !0,
 			onHide: () => D(void 0),
 			initialWizardEntry: {
-				step: o.UPDATE_RESEARCH_PROJECT,
-				managedACTAccessRequirement: N
+				step: a(N),
+				accessRequirement: N
 			}
 		}),
 		/* @__PURE__ */ E(_, {

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, {\n  RequestDataStep,\n} from '@/components/AccessRequirementList/AccessRequirementList'\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 { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\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  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\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<ManagedACTAccessRequirement>(\n    modifyingArId ?? '',\n    { enabled: Boolean(modifyingArId), staleTime: Infinity },\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: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            managedACTAccessRequirement: 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 {\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPlace.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.tsx"],"names":[],"mappings":"AAmCA,KAAK,sBAAsB,GAAG;IAC5B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAsKD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,sBAAsB,2CAuB1E;AAED,eAAe,6BAA6B,CAAA"}
+{"version":3,"file":"UserAccessRequestHistoryPlace.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.tsx"],"names":[],"mappings":"AAkCA,KAAK,sBAAsB,GAAG;IAC5B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAsKD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,sBAAsB,2CAuB1E;AAED,eAAe,6BAA6B,CAAA"}

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

@@ -3,7 +3,8 @@ import "../../../utils/AppUtils/index.js";
 import { useGetAccessRequirements as t } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useListAllUserDataAccessRequests as n } from "../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../synapse-queries/index.js";
-import r, { RequestDataStep as i } from "../../AccessRequirementList/AccessRequirementList.js";
+import { RequestDataStep as r } from "../../AccessRequirementList/RequestDataStep.js";
+import i from "../../AccessRequirementList/AccessRequirementList.js";
 import { Breadcrumbs as a } from "../../Breadcrumbs/Breadcrumbs.js";
 import o from "../SubmissionPage/SubmissionPage.js";
 import { REQUEST_ID_PARAM as s, SUBMISSION_ID_PARAM as c, USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH as l, USER_ACCESS_HISTORY_REQUEST_SUBPATH as u, USER_ACCESS_HISTORY_SUBMISSION_SUBPATH as d } from "./RouteConstants.js";
@@ -29,14 +30,14 @@ function O() {
 	return s || l && d ? null : !c || !l || !u ? /* @__PURE__ */ g(v, {
 		to: "/",
 		replace: !0
-	}) : /* @__PURE__ */ g(r, {
+	}) : /* @__PURE__ */ g(i, {
 		renderAsModal: !0,
 		onHide: () => {
 			a("/");
 		},
 		initialWizardEntry: {
-			step: i.SIGNATURE_STATUS,
-			managedACTAccessRequirement: u
+			step: r.SIGNATURE_STATUS,
+			accessRequirement: u
 		}
 	});
 }