synapse-react-client 4.0.32 → 4.0.33

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.js

@@ -1,50 +1,94 @@
-import { useGetResearchProject as e, useUpdateResearchProject as t } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetDataAccessRequestForUpdate as e, useGetResearchProject as t, useUpdateDataAccessRequest as ee, useUpdateResearchProject as n } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import "../../../../synapse-queries/index.js";
-import n from "../../../IconSvg/IconSvg.js";
-import r, { getWordCount as i } from "../../../TextField/TextFieldWithWordLimit.js";
-import a from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import r from "../../../IconSvg/IconSvg.js";
+import i, { getWordCount as a } from "../../../TextField/TextFieldWithWordLimit.js";
+import te from "../../../UserSearchBox/UserSearchBox.js";
+import ne from "../ManagedACTAccessRequirementFormWikiWrapper.js";
 import o from "../../../HelpPopover/index.js";
-import { useEffect as s, useState as c } from "react";
-import { Alert as l, Box as u, Button as d, DialogActions as f, DialogContent as p, DialogTitle as m, IconButton as h, Stack as g, TextField as _, Typography as v } from "@mui/material";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import S from "lodash-es/isEmpty";
-import { InfoTwoTone as C } from "@mui/icons-material";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { Alert as re, Box as u, Button as d, DialogActions as ie, DialogContent as f, DialogTitle as p, IconButton as m, Stack as h, TextField as g, Typography as _ } from "@mui/material";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { TYPE_FILTER as ae } from "@sage-bionetworks/synapse-types";
+import x from "lodash-es/isEmpty";
+import { InfoTwoTone as S } from "@mui/icons-material";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx
-var w = 50, T = 750;
-function E(v) {
-	let { onSave: E, managedACTAccessRequirement: O, onHide: k } = v, [A, j] = c(""), [M, N] = c(""), [P, F] = c(""), [I, L] = c(), [R, z] = c(!1), { data: B, isLoading: V } = e(String(O.id), { staleTime: Infinity });
+var C = 50, w = 750;
+function T(T) {
+	let { onSave: D, managedACTAccessRequirement: O, onHide: k } = T, A = !!O.eDucTemplateId, [j, M] = l(""), [N, P] = l(""), [F, I] = l(""), [L, R] = l(null), [z, B] = l(""), [V, H] = l(), [U, W] = l(!1), { data: G, isLoading: K } = t(String(O.id), { staleTime: Infinity }), { data: q, isLoading: oe } = e(String(O.id), {
+		enabled: A,
+		staleTime: Infinity
+	}), J = c(q);
 	s(() => {
-		S(A) && B?.projectLead && j(B?.projectLead), S(M) && B?.institution && N(B?.institution), S(P) && B?.intendedDataUseStatement && F(B?.intendedDataUseStatement);
+		J.current = q;
+	}, [q]), s(() => {
+		x(j) && G?.projectLead && M(G?.projectLead), x(N) && G?.institution && P(G?.institution), x(F) && G?.intendedDataUseStatement && I(G?.intendedDataUseStatement);
 	}, [
-		B?.institution,
-		B?.intendedDataUseStatement,
-		B?.projectLead
+		G?.institution,
+		G?.intendedDataUseStatement,
+		G?.projectLead
+	]), s(() => {
+		if (!A || !q) return;
+		let e = q.principalInvestigator;
+		L === null && e?.userId && R(e.userId), x(z) && e?.institutionalEmail && B(e.institutionalEmail);
+	}, [
+		A,
+		q?.principalInvestigator?.userId,
+		q?.principalInvestigator?.institutionalEmail
 	]);
-	let { mutate: H, isPending: U } = t({
-		onSuccess: (e) => {
-			E && E(e);
-		},
-		onError: (e) => {
-			console.log("RequestDataAccessStep1: Error updating research project data: ", e), L({
-				key: "error",
-				message: G(e.reason)
+	let { mutateAsync: se, isPending: Y } = n({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating research project data: ", e), H({
+			key: "error",
+			message: Z(e.reason)
+		});
+	} }), { mutateAsync: ce, isPending: le } = ee({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating data access request: ", e), H({
+			key: "error",
+			message: Z(e.reason)
+		});
+	} }), X = K || A && oe || Y || le, Z = (e = "") => /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y("strong", { children: "Unable to update research project data." }),
+		/* @__PURE__ */ y("br", {}),
+		e
+	] }), Q = async (e) => {
+		if (e.preventDefault(), !U) {
+			W(!0);
+			return;
+		}
+		let t;
+		try {
+			t = await se({
+				...G,
+				accessRequirementId: String(O.id),
+				institution: N,
+				projectLead: j,
+				intendedDataUseStatement: F || void 0
 			});
+		} catch {
+			W(!1);
+			return;
 		}
-	}), W = V || U, G = (e = "") => /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b("strong", { children: "Unable to update research project data." }),
-		/* @__PURE__ */ b("br", {}),
-		e
-	] }), K = (e) => {
-		e.preventDefault(), R ? (H({
-			...B,
-			accessRequirementId: String(O.id),
-			institution: M,
-			projectLead: A,
-			intendedDataUseStatement: P || void 0
-		}), z(!1)) : z(!0);
-	}, q = A && M && (!O.isIDURequired || P && i(P) >= w && i(P) <= T);
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(m, { children: /* @__PURE__ */ x(g, {
+		if (A && J.current) {
+			let e = J.current, t = {
+				...e.principalInvestigator,
+				userId: L ?? void 0,
+				name: j || void 0,
+				institutionalEmail: z || void 0
+			};
+			try {
+				await ce({
+					...e,
+					institution: N,
+					principalInvestigator: t
+				});
+			} catch {
+				W(!1);
+				return;
+			}
+		}
+		D && D(t);
+	}, $ = j && N && (!A || L && z) && (!O.isIDURequired || F && a(F) >= C && a(F) <= w);
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(p, { children: /* @__PURE__ */ b(h, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -52,10 +96,10 @@ function E(v) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ b(u, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ b(h, {
+				/* @__PURE__ */ y(u, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ y(m, {
 					onClick: k,
-					children: /* @__PURE__ */ b(n, {
+					children: /* @__PURE__ */ y(r, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -63,52 +107,92 @@ function E(v) {
 				})
 			]
 		}) }),
-		R && /* @__PURE__ */ b(D, { isIDURequired: O.isIDURequired }),
-		!R && /* @__PURE__ */ x(p, { children: [/* @__PURE__ */ b(a, {
+		U && /* @__PURE__ */ y(E, { isIDURequired: O.isIDURequired }),
+		!U && /* @__PURE__ */ b(f, { children: [/* @__PURE__ */ y(ne, {
 			managedACTAccessRequirementId: String(O.id),
-			children: /* @__PURE__ */ x(u, {
+			children: /* @__PURE__ */ b(u, {
 				component: "form",
-				onSubmit: K,
+				onSubmit: (e) => {
+					Q(e);
+				},
 				sx: { "& .MuiTextField-root": { marginBottom: "20px" } },
 				children: [
-					/* @__PURE__ */ b(_, {
+					/* @__PURE__ */ y(g, {
 						id: "project-lead",
-						label: /* @__PURE__ */ x(u, {
+						label: /* @__PURE__ */ b(u, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "First and last names of your project lead or PI" }), /* @__PURE__ */ b(o, {
-								Icon: C,
+							children: [/* @__PURE__ */ y("span", { children: "First and last names of your Project Lead or PI" }), /* @__PURE__ */ y(o, {
+								Icon: S,
 								containerSx: { float: "right" },
 								markdownText: "This field is required.\n\nProvide the name of one person who serves as the project leader or PI."
 							})]
 						}),
 						placeholder: "First and last name of individual leading the project, ex: Jane Smith",
 						fullWidth: !0,
-						disabled: W,
+						disabled: X,
 						type: "text",
-						value: A,
+						value: j,
 						required: !0,
-						onChange: (e) => j(e.target.value),
+						onChange: (e) => M(e.target.value),
 						slotProps: { inputLabel: { sx: { width: "100%" } } }
 					}),
-					/* @__PURE__ */ b(_, {
+					/* @__PURE__ */ y(g, {
 						id: "institution",
 						label: "Your Institution",
 						placeholder: "Full, unabbreviated name of the institution you are affiliated with",
 						fullWidth: !0,
 						type: "text",
-						disabled: W,
-						value: M,
+						disabled: X,
+						value: N,
 						required: !0,
-						onChange: (e) => N(e.target.value)
+						onChange: (e) => P(e.target.value)
 					}),
-					O.isIDURequired && /* @__PURE__ */ b(r, {
+					A && /* @__PURE__ */ b(u, {
+						sx: { mb: "20px" },
+						children: [
+							/* @__PURE__ */ b(_, {
+								component: "label",
+								htmlFor: "pi-user",
+								variant: "body1",
+								sx: {
+									display: "block",
+									mb: 1
+								},
+								children: ["Synapse username of your Project Lead or PI", /* @__PURE__ */ b(u, {
+									component: "span",
+									sx: { color: "error.main" },
+									children: [" ", "*"]
+								})]
+							}),
+							/* @__PURE__ */ y(te, {
+								inputId: "pi-user",
+								typeFilter: ae.USERS_ONLY,
+								value: L,
+								onChange: (e) => R(e),
+								placeholder: "Search Synapse for your Project Lead or PI"
+							}),
+							/* @__PURE__ */ y(g, {
+								id: "pi-email",
+								label: "Institutional Email of your Project Lead or PI",
+								type: "email",
+								placeholder: "pi@example.edu",
+								fullWidth: !0,
+								disabled: X,
+								value: z,
+								required: !0,
+								onChange: (e) => B(e.target.value),
+								sx: { mt: 2 }
+							})
+						]
+					}),
+					O.isIDURequired && /* @__PURE__ */ y(i, {
 						id: "data-use",
-						minWords: w,
-						maxWords: T,
-						label: /* @__PURE__ */ x(u, {
+						minWords: C,
+						maxWords: w,
+						label: /* @__PURE__ */ b(u, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ b(o, {
-								Icon: C,
+							children: [/* @__PURE__ */ y("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ y(o, {
+								Icon: S,
 								containerSx: { float: "right" },
 								markdownText: "This field is required.\n\nCheck the instructions for data access for information on completing the IDU statement."
 							})]
@@ -119,95 +203,97 @@ function E(v) {
 						required: !0,
 						multiline: !0,
 						rows: 9,
-						disabled: W,
-						value: P,
-						onChange: (e) => F(e.target.value)
+						disabled: X,
+						value: F,
+						onChange: (e) => I(e.target.value)
 					})
 				]
 			})
-		}), I && /* @__PURE__ */ b(l, {
-			severity: I.key,
-			children: I.message
+		}), V && /* @__PURE__ */ y(re, {
+			severity: V.key,
+			children: V.message
 		})] }),
-		/* @__PURE__ */ x(f, { children: [
-			R && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
+		/* @__PURE__ */ b(ie, { children: [
+			U && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(d, {
 				variant: "outlined",
 				onClick: () => {
-					z(!1);
+					W(!1);
 				},
 				children: "Back"
-			}), /* @__PURE__ */ b(u, { sx: { flexGrow: 1 } })] }),
-			/* @__PURE__ */ b(d, {
+			}), /* @__PURE__ */ y(u, { sx: { flexGrow: 1 } })] }),
+			/* @__PURE__ */ y(d, {
 				variant: "outlined",
-				disabled: W,
+				disabled: X,
 				onClick: k,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ b(d, {
+			/* @__PURE__ */ y(d, {
 				variant: "contained",
 				type: "submit",
-				disabled: W || !q,
-				onClick: K,
-				children: U ? "Saving..." : "Save and Continue"
+				disabled: X || !$,
+				onClick: (e) => {
+					Q(e);
+				},
+				children: Y ? "Saving..." : "Save and Continue"
 			})
 		] })
 	] });
 }
-function D(e) {
+function E(e) {
 	let { isIDURequired: t } = e;
-	return /* @__PURE__ */ x(p, { children: [
-		/* @__PURE__ */ b(v, {
+	return /* @__PURE__ */ b(f, { children: [
+		/* @__PURE__ */ y(_, {
 			variant: "body1",
 			gutterBottom: !0,
 			sx: { fontWeight: 700 },
 			children: "Double-check your submission before continuing!"
 		}),
-		/* @__PURE__ */ b(v, {
+		/* @__PURE__ */ y(_, {
 			variant: "body1",
 			gutterBottom: !0,
 			children: "Here are some common reasons a request is rejected:"
 		}),
-		/* @__PURE__ */ x(u, {
+		/* @__PURE__ */ b(u, {
 			component: "ul",
 			children: [
-				/* @__PURE__ */ x(v, {
+				/* @__PURE__ */ b(_, {
 					component: "li",
 					variant: "body1",
 					gutterBottom: !0,
 					children: [
 						"Is your ",
-						/* @__PURE__ */ b("i", { children: "Project Lead" }),
+						/* @__PURE__ */ y("i", { children: "Project Lead" }),
 						" a full name (first and last)?"
 					]
 				}),
-				/* @__PURE__ */ x(v, {
+				/* @__PURE__ */ b(_, {
 					component: "li",
 					variant: "body1",
 					gutterBottom: !0,
 					children: [
 						"Is the ",
-						/* @__PURE__ */ b("i", { children: "Institution" }),
+						/* @__PURE__ */ y("i", { children: "Institution" }),
 						" name you provided unabbreviated and verifiable? You must give the full name of your institution, so we can look it up."
 					]
 				}),
-				t && /* @__PURE__ */ x(v, {
+				t && /* @__PURE__ */ b(_, {
 					component: "li",
 					variant: "body1",
 					gutterBottom: !0,
 					children: [
 						"Did you provide clear ",
-						/* @__PURE__ */ b("i", { children: "study objectives" }),
+						/* @__PURE__ */ y("i", { children: "study objectives" }),
 						" and your",
 						" ",
-						/* @__PURE__ */ b("i", { children: "study design" }),
+						/* @__PURE__ */ y("i", { children: "study design" }),
 						" and ",
-						/* @__PURE__ */ b("i", { children: "analysis plan" }),
+						/* @__PURE__ */ y("i", { children: "analysis plan" }),
 						" in the IDU section?"
 					]
 				})
 			]
 		}),
-		/* @__PURE__ */ b(v, {
+		/* @__PURE__ */ y(_, {
 			variant: "body1",
 			gutterBottom: !0,
 			children: "Please take a minute to make sure your submission is correct. If your submission is rejected, you’ll have to resubmit after a few days!"
@@ -215,6 +301,6 @@ function D(e) {
 	] });
 }
 //#endregion
-export { E as default };
+export { T as default };
 
 //# sourceMappingURL=ResearchProjectForm.js.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResearchProjectForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"sourcesContent":["import {\n  useGetResearchProject,\n  useUpdateResearchProject,\n} from '@/synapse-queries'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ManagedACTAccessRequirement,\n  ResearchProject,\n} from '@sage-bionetworks/synapse-types'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { FormEvent, useEffect, useState } from 'react'\nimport HelpPopover from '../../../HelpPopover'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport TextFieldWithWordLimit, {\n  getWordCount,\n} from '../../../TextField/TextFieldWithWordLimit'\nimport { AlertProps } from '../DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\n\nconst INTENDED_DATA_USE_MIN_WORD_COUNT = 50\nconst INTENDED_DATA_USE_MAX_WORD_COUNT = 750 // SWC-7526\n\nexport type ResearchProjectFormProps = {\n  /* The access requirement to which the research project refers */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSave?: (researchProject: ResearchProject) => void\n  onHide?: () => void\n}\n\n/**\n * Step 1 of the Data Access Request/Renewal flow prompts the user to provide information about their ResearchProject.\n */\nexport default function ResearchProjectForm(props: ResearchProjectFormProps) {\n  const { onSave, managedACTAccessRequirement, onHide } = props\n  const [projectLead, setProjectLead] = useState<string>('')\n  const [institution, setInstitution] = useState<string>('')\n  const [intendedDataUseStatement, setIntendedDataUseStatement] =\n    useState<string>('')\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n\n  const [showConfirmationScreen, setShowConfirmationScreen] = useState(false)\n\n  const { data: existingResearchProject, isLoading: isLoadingInitialData } =\n    useGetResearchProject(String(managedACTAccessRequirement.id), {\n      // Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  // Populate the form with existing data if it exists\n  useEffect(() => {\n    if (isEmpty(projectLead) && existingResearchProject?.projectLead) {\n      setProjectLead(existingResearchProject?.projectLead)\n    }\n    if (isEmpty(institution) && existingResearchProject?.institution) {\n      setInstitution(existingResearchProject?.institution)\n    }\n    if (\n      isEmpty(intendedDataUseStatement) &&\n      existingResearchProject?.intendedDataUseStatement\n    ) {\n      setIntendedDataUseStatement(\n        existingResearchProject?.intendedDataUseStatement,\n      )\n    }\n  }, [\n    existingResearchProject?.institution,\n    existingResearchProject?.intendedDataUseStatement,\n    existingResearchProject?.projectLead,\n    // PORTALS-3774: initialize from existingResearchProject, but do not reset institution,\n    // projectLead, or intendedDataUseStatement if they have been modified\n  ])\n\n  const { mutate, isPending: updateIsPending } = useUpdateResearchProject({\n    onSuccess: data => {\n      if (onSave) {\n        onSave(data)\n      }\n    },\n    onError: e => {\n      console.log(\n        'RequestDataAccessStep1: Error updating research project data: ',\n        e,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(e.reason),\n      })\n    },\n  })\n\n  const isLoading = isLoadingInitialData || updateIsPending\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Unable to update research project data.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const handleSubmit = (e: FormEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (!showConfirmationScreen) {\n      setShowConfirmationScreen(true)\n    } else {\n      mutate({\n        ...existingResearchProject,\n        accessRequirementId: String(managedACTAccessRequirement.id),\n        institution: institution,\n        projectLead: projectLead,\n        intendedDataUseStatement: intendedDataUseStatement || undefined,\n      })\n      setShowConfirmationScreen(false)\n    }\n  }\n\n  const formIsValid =\n    projectLead &&\n    institution &&\n    (!managedACTAccessRequirement.isIDURequired ||\n      (intendedDataUseStatement &&\n        getWordCount(intendedDataUseStatement) >=\n          INTENDED_DATA_USE_MIN_WORD_COUNT &&\n        getWordCount(intendedDataUseStatement) <=\n          INTENDED_DATA_USE_MAX_WORD_COUNT))\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      {showConfirmationScreen && (\n        <ConfirmationScreenContent\n          isIDURequired={managedACTAccessRequirement.isIDURequired}\n        />\n      )}\n      {!showConfirmationScreen && (\n        <DialogContent>\n          <ManagedACTAccessRequirementFormWikiWrapper\n            managedACTAccessRequirementId={String(\n              managedACTAccessRequirement.id,\n            )}\n          >\n            <Box\n              component={'form'}\n              onSubmit={handleSubmit}\n              sx={{\n                '& .MuiTextField-root': {\n                  marginBottom: '20px',\n                },\n              }}\n            >\n              <TextField\n                id={'project-lead'}\n                label={\n                  <Box sx={{ display: 'inline' }}>\n                    <span>First and last names of your project lead or PI</span>\n                    <HelpPopover\n                      Icon={InfoTwoTone}\n                      containerSx={{ float: 'right' }}\n                      markdownText={`This field is required.\\n\\nProvide the name of one person who serves as the project leader or PI.`}\n                    />\n                  </Box>\n                }\n                placeholder={\n                  'First and last name of individual leading the project, ex: Jane Smith'\n                }\n                fullWidth\n                disabled={isLoading}\n                type=\"text\"\n                value={projectLead}\n                required\n                onChange={e => setProjectLead(e.target.value)}\n                slotProps={{\n                  inputLabel: {\n                    // allows floating the help popover all the way to the right\n                    sx: { width: '100%' },\n                  },\n                }}\n              />\n              <TextField\n                id={'institution'}\n                label={'Your Institution'}\n                placeholder={\n                  'Full, unabbreviated name of the institution you are affiliated with'\n                }\n                fullWidth\n                type=\"text\"\n                disabled={isLoading}\n                value={institution}\n                required\n                onChange={e => setInstitution(e.target.value)}\n              />\n\n              {managedACTAccessRequirement.isIDURequired && (\n                <TextFieldWithWordLimit\n                  id={'data-use'}\n                  minWords={INTENDED_DATA_USE_MIN_WORD_COUNT}\n                  maxWords={INTENDED_DATA_USE_MAX_WORD_COUNT}\n                  label={\n                    <Box sx={{ display: 'inline' }}>\n                      <span>Intended Data Use (IDU)</span>\n                      <HelpPopover\n                        Icon={InfoTwoTone}\n                        containerSx={{ float: 'right' }}\n                        markdownText={`This field is required.\\n\\nCheck the instructions for data access for information on completing the IDU statement.`}\n                      />\n                    </Box>\n                  }\n                  helperText={\n                    managedACTAccessRequirement.isIDUPublic\n                      ? 'This will be visible to the public'\n                      : undefined\n                  }\n                  placeholder={\n                    'Outline the objectives of your proposed research involving this data, and your study design and analysis plan.'\n                  }\n                  fullWidth\n                  required\n                  multiline\n                  rows={9}\n                  disabled={isLoading}\n                  value={intendedDataUseStatement}\n                  onChange={e => setIntendedDataUseStatement(e.target.value)}\n                />\n              )}\n            </Box>\n          </ManagedACTAccessRequirementFormWikiWrapper>\n          {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n        </DialogContent>\n      )}\n      <DialogActions>\n        {showConfirmationScreen && (\n          <>\n            <Button\n              variant={'outlined'}\n              onClick={() => {\n                setShowConfirmationScreen(false)\n              }}\n            >\n              Back\n            </Button>\n            <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n          </>\n        )}\n        <Button variant=\"outlined\" disabled={isLoading} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          type=\"submit\"\n          disabled={isLoading || !formIsValid}\n          onClick={handleSubmit}\n        >\n          {updateIsPending ? 'Saving...' : 'Save and Continue'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ConfirmationScreenContent(props: { isIDURequired: boolean }) {\n  const { isIDURequired } = props\n  return (\n    <DialogContent>\n      <Typography\n        variant=\"body1\"\n        gutterBottom\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        Double-check your submission before continuing!\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Here are some common reasons a request is rejected:\n      </Typography>\n      <Box component=\"ul\">\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is your <i>Project Lead</i> a full name (first and last)?\n        </Typography>\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is the <i>Institution</i> name you provided unabbreviated and\n          verifiable? You must give the full name of your institution, so we can\n          look it up.\n        </Typography>\n        {isIDURequired && (\n          <Typography component={'li'} variant=\"body1\" gutterBottom>\n            Did you provide clear <i>study objectives</i> and your{' '}\n            <i>study design</i> and <i>analysis plan</i> in the IDU section?\n          </Typography>\n        )}\n      </Box>\n      <Typography variant=\"body1\" gutterBottom>\n        Please take a minute to make sure your submission is correct. If your\n        submission is rejected, you’ll have to resubmit after a few days!\n      </Typography>\n    </DialogContent>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAM,IAAmC,IACnC,IAAmC;AAYzC,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,WAAQ,gCAA6B,cAAW,GAClD,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAA0B,KAC/B,EAAiB,EAAE,GACf,CAAC,GAAO,KAAY,EAAiC,GAErD,CAAC,GAAwB,KAA6B,EAAS,EAAK,GAEpE,EAAE,MAAM,GAAyB,WAAW,MAChD,EAAsB,OAAO,EAA4B,EAAE,GAAG,EAE5D,WAAW,SACb,CAAC;CAGH,QAAgB;EAOd,AANI,EAAQ,CAAW,KAAK,GAAyB,eACnD,EAAe,GAAyB,WAAW,GAEjD,EAAQ,CAAW,KAAK,GAAyB,eACnD,EAAe,GAAyB,WAAW,GAGnD,EAAQ,CAAwB,KAChC,GAAyB,4BAEzB,EACE,GAAyB,wBAC3B;CAEJ,GAAG;EACD,GAAyB;EACzB,GAAyB;EACzB,GAAyB;CAG3B,CAAC;CAED,IAAM,EAAE,WAAQ,WAAW,MAAoB,EAAyB;EACtE,YAAW,MAAQ;GACjB,AAAI,KACF,EAAO,CAAI;EAEf;EACA,UAAS,MAAK;GAKZ,AAJA,QAAQ,IACN,kEACA,CACF,GACA,EAAS;IACP,KAAK;IACL,SAAS,EAAgB,EAAE,MAAM;GACnC,CAAC;EACH;CACF,CAAC,GAEK,IAAY,KAAwB,GAEpC,KAAmB,IAAiB,OAEtC,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,UAAD,EAAA,UAAQ,0CAA+C,CAAA;EACvD,kBAAC,MAAD,CAAK,CAAA;EACJ;CACD,EAAA,CAAA,GAIA,KAAgB,MAA8B;EAElD,AADA,EAAE,eAAe,GACZ,KAGH,EAAO;GACL,GAAG;GACH,qBAAqB,OAAO,EAA4B,EAAE;GAC7C;GACA;GACb,0BAA0B,KAA4B,KAAA;EACxD,CAAC,GACD,EAA0B,EAAK,KAT/B,EAA0B,EAAI;CAWlC,GAEM,IACJ,KACA,MACC,CAAC,EAA4B,iBAC3B,KACC,EAAa,CAAwB,KACnC,KACF,EAAa,CAAwB,KACnC;CAER,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IACF,YAAY;IACZ,KAAK;GACP;aALF;IAMC;IAEC,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,GAAD;KAAY,SAAS;eACnB,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACZ,KACC,kBAAC,GAAD,EACE,eAAe,EAA4B,cAC5C,CAAA;EAEF,CAAC,KACA,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,+BAA+B,OAC7B,EAA4B,EAC9B;aAEA,kBAAC,GAAD;IACE,WAAW;IACX,UAAU;IACV,IAAI,EACF,wBAAwB,EACtB,cAAc,OAChB,EACF;cAPF;KASE,kBAAC,GAAD;MACE,IAAI;MACJ,OACE,kBAAC,GAAD;OAAK,IAAI,EAAE,SAAS,SAAS;iBAA7B,CACE,kBAAC,QAAD,EAAA,UAAM,kDAAqD,CAAA,GAC3D,kBAAC,GAAD;QACE,MAAM;QACN,aAAa,EAAE,OAAO,QAAQ;QAC9B,cAAc;OACf,CAAA,CACE;;MAEP,aACE;MAEF,WAAA;MACA,UAAU;MACV,MAAK;MACL,OAAO;MACP,UAAA;MACA,WAAU,MAAK,EAAe,EAAE,OAAO,KAAK;MAC5C,WAAW,EACT,YAAY,EAEV,IAAI,EAAE,OAAO,OAAO,EACtB,EACF;KACD,CAAA;KACD,kBAAC,GAAD;MACE,IAAI;MACJ,OAAO;MACP,aACE;MAEF,WAAA;MACA,MAAK;MACL,UAAU;MACV,OAAO;MACP,UAAA;MACA,WAAU,MAAK,EAAe,EAAE,OAAO,KAAK;KAC7C,CAAA;KAEA,EAA4B,iBAC3B,kBAAC,GAAD;MACE,IAAI;MACJ,UAAU;MACV,UAAU;MACV,OACE,kBAAC,GAAD;OAAK,IAAI,EAAE,SAAS,SAAS;iBAA7B,CACE,kBAAC,QAAD,EAAA,UAAM,0BAA6B,CAAA,GACnC,kBAAC,GAAD;QACE,MAAM;QACN,aAAa,EAAE,OAAO,QAAQ;QAC9B,cAAc;OACf,CAAA,CACE;;MAEP,YACE,EAA4B,cACxB,uCACA,KAAA;MAEN,aACE;MAEF,WAAA;MACA,UAAA;MACA,WAAA;MACA,MAAM;MACN,UAAU;MACV,OAAO;MACP,WAAU,MAAK,EAA4B,EAAE,OAAO,KAAK;KAC1D,CAAA;IAEA;;EACqC,CAAA,GAC3C,KAAS,kBAAC,GAAD;GAAO,UAAU,EAAM;aAAM,EAAM;EAAe,CAAA,CAC/C,EAAA,CAAA;EAEjB,kBAAC,GAAD,EAAA,UAAA;GACG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAS;IACT,eAAe;KACb,EAA0B,EAAK;IACjC;cACD;GAEO,CAAA,GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAsB,CAAA,CAC7C,EAAA,CAAA;GAEJ,kBAAC,GAAD;IAAQ,SAAQ;IAAW,UAAU;IAAW,SAAS;cAAQ;GAEzD,CAAA;GACR,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,UAAU,KAAa,CAAC;IACxB,SAAS;cAER,IAAkB,cAAc;GAC3B,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN;AAEA,SAAS,EAA0B,GAAmC;CACpE,IAAM,EAAE,qBAAkB;CAC1B,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,cAAA;GACA,IAAI,EACF,YAAY,IACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAQ,cAAA;aAAa;EAE7B,CAAA;EACZ,kBAAC,GAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KAAY,WAAW;KAAM,SAAQ;KAAQ,cAAA;eAA7C;MAA0D;MAChD,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA;MAAC;KACjB;;IACZ,kBAAC,GAAD;KAAY,WAAW;KAAM,SAAQ;KAAQ,cAAA;eAA7C;MAA0D;MACjD,kBAAC,KAAD,EAAA,UAAG,cAAc,CAAA;MAAC;KAGf;;IACX,KACC,kBAAC,GAAD;KAAY,WAAW;KAAM,SAAQ;KAAQ,cAAA;eAA7C;MAA0D;MAClC,kBAAC,KAAD,EAAA,UAAG,mBAAmB,CAAA;MAAC;MAAU;MACvD,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA;MAAC;MAAK,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;MAAC;KAClC;;GAEX;;EACL,kBAAC,GAAD;GAAY,SAAQ;GAAQ,cAAA;aAAa;EAG7B,CAAA;CACC,EAAA,CAAA;AAEnB"}
+{"version":3,"file":"ResearchProjectForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetResearchProject,\n  useUpdateDataAccessRequest,\n  useUpdateResearchProject,\n} from '@/synapse-queries'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ManagedACTAccessRequirement,\n  PrincipalInvestigator,\n  Renewal,\n  Request,\n  ResearchProject,\n  TYPE_FILTER,\n} from '@sage-bionetworks/synapse-types'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { FormEvent, useEffect, useRef, useState } from 'react'\nimport HelpPopover from '../../../HelpPopover'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport TextFieldWithWordLimit, {\n  getWordCount,\n} from '../../../TextField/TextFieldWithWordLimit'\nimport UserSearchBox from '../../../UserSearchBox/UserSearchBox'\nimport { AlertProps } from '../DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\n\nconst INTENDED_DATA_USE_MIN_WORD_COUNT = 50\nconst INTENDED_DATA_USE_MAX_WORD_COUNT = 750 // SWC-7526\n\nexport type ResearchProjectFormProps = {\n  /* The access requirement to which the research project refers */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSave?: (researchProject: ResearchProject) => void\n  onHide?: () => void\n}\n\n/**\n * Step 1 of the Data Access Request/Renewal flow prompts the user to provide information about their ResearchProject.\n */\nexport default function ResearchProjectForm(props: ResearchProjectFormProps) {\n  const { onSave, managedACTAccessRequirement, onHide } = props\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [projectLead, setProjectLead] = useState<string>('')\n  const [institution, setInstitution] = useState<string>('')\n  const [intendedDataUseStatement, setIntendedDataUseStatement] =\n    useState<string>('')\n  const [piUserId, setPiUserId] = useState<string | null>(null)\n  const [piEmail, setPiEmail] = useState<string>('')\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n\n  const [showConfirmationScreen, setShowConfirmationScreen] = useState(false)\n\n  const { data: existingResearchProject, isLoading: isLoadingInitialData } =\n    useGetResearchProject(String(managedACTAccessRequirement.id), {\n      // Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  const {\n    data: existingDataAccessRequest,\n    isLoading: isLoadingDataAccessRequest,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    enabled: isEDucEnabled,\n    staleTime: Infinity,\n  })\n  const existingDarRef = useRef(existingDataAccessRequest)\n  useEffect(() => {\n    existingDarRef.current = existingDataAccessRequest\n  }, [existingDataAccessRequest])\n\n  // Populate the form with existing data if it exists\n  useEffect(() => {\n    if (isEmpty(projectLead) && existingResearchProject?.projectLead) {\n      setProjectLead(existingResearchProject?.projectLead)\n    }\n    if (isEmpty(institution) && existingResearchProject?.institution) {\n      setInstitution(existingResearchProject?.institution)\n    }\n    if (\n      isEmpty(intendedDataUseStatement) &&\n      existingResearchProject?.intendedDataUseStatement\n    ) {\n      setIntendedDataUseStatement(\n        existingResearchProject?.intendedDataUseStatement,\n      )\n    }\n  }, [\n    existingResearchProject?.institution,\n    existingResearchProject?.intendedDataUseStatement,\n    existingResearchProject?.projectLead,\n    // PORTALS-3774: initialize from existingResearchProject, but do not reset institution,\n    // projectLead, or intendedDataUseStatement if they have been modified\n  ])\n\n  // Prefill eDUC-only PI fields from any previously-saved DAR values.\n  useEffect(() => {\n    if (!isEDucEnabled || !existingDataAccessRequest) return\n    const pi = existingDataAccessRequest.principalInvestigator\n    if (piUserId === null && pi?.userId) {\n      setPiUserId(pi.userId)\n    }\n    if (isEmpty(piEmail) && pi?.institutionalEmail) {\n      setPiEmail(pi.institutionalEmail)\n    }\n    // PORTALS-4375: initialize from existingDataAccessRequest, but do not reset\n    // fields once the user has interacted with them.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    isEDucEnabled,\n    existingDataAccessRequest?.principalInvestigator?.userId,\n    existingDataAccessRequest?.principalInvestigator?.institutionalEmail,\n  ])\n\n  const { mutateAsync: updateResearchProject, isPending: updateIsPending } =\n    useUpdateResearchProject({\n      onError: e => {\n        console.log(\n          'RequestDataAccessStep1: Error updating research project data: ',\n          e,\n        )\n        setAlert({\n          key: 'error',\n          message: getErrorMessage(e.reason),\n        })\n      },\n    })\n\n  const {\n    mutateAsync: updateDataAccessRequest,\n    isPending: updateDarIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: e => {\n      console.log(\n        'RequestDataAccessStep1: Error updating data access request: ',\n        e,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(e.reason),\n      })\n    },\n  })\n\n  const isLoading =\n    isLoadingInitialData ||\n    (isEDucEnabled && isLoadingDataAccessRequest) ||\n    updateIsPending ||\n    updateDarIsPending\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Unable to update research project data.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const handleSubmit = async (e: FormEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (!showConfirmationScreen) {\n      setShowConfirmationScreen(true)\n      return\n    }\n    let updatedResearchProject: ResearchProject\n    try {\n      updatedResearchProject = await updateResearchProject({\n        ...existingResearchProject,\n        accessRequirementId: String(managedACTAccessRequirement.id),\n        institution: institution,\n        projectLead: projectLead,\n        intendedDataUseStatement: intendedDataUseStatement || undefined,\n      })\n    } catch {\n      setShowConfirmationScreen(false)\n      return\n    }\n    if (isEDucEnabled && existingDarRef.current) {\n      const existingDar = existingDarRef.current\n      const nextPi: PrincipalInvestigator = {\n        ...existingDar.principalInvestigator,\n        userId: piUserId ?? undefined,\n        name: projectLead || undefined,\n        institutionalEmail: piEmail || undefined,\n      }\n      try {\n        await updateDataAccessRequest({\n          ...existingDar,\n          institution: institution,\n          principalInvestigator: nextPi,\n        } as Request | Renewal)\n      } catch {\n        setShowConfirmationScreen(false)\n        return\n      }\n    }\n    if (onSave) {\n      onSave(updatedResearchProject)\n    }\n  }\n\n  const formIsValid =\n    projectLead &&\n    institution &&\n    (!isEDucEnabled || (piUserId && piEmail)) &&\n    (!managedACTAccessRequirement.isIDURequired ||\n      (intendedDataUseStatement &&\n        getWordCount(intendedDataUseStatement) >=\n          INTENDED_DATA_USE_MIN_WORD_COUNT &&\n        getWordCount(intendedDataUseStatement) <=\n          INTENDED_DATA_USE_MAX_WORD_COUNT))\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      {showConfirmationScreen && (\n        <ConfirmationScreenContent\n          isIDURequired={managedACTAccessRequirement.isIDURequired}\n        />\n      )}\n      {!showConfirmationScreen && (\n        <DialogContent>\n          <ManagedACTAccessRequirementFormWikiWrapper\n            managedACTAccessRequirementId={String(\n              managedACTAccessRequirement.id,\n            )}\n          >\n            <Box\n              component={'form'}\n              onSubmit={e => {\n                void handleSubmit(e)\n              }}\n              sx={{\n                '& .MuiTextField-root': {\n                  marginBottom: '20px',\n                },\n              }}\n            >\n              <TextField\n                id={'project-lead'}\n                label={\n                  <Box sx={{ display: 'inline' }}>\n                    <span>First and last names of your Project Lead or PI</span>\n                    <HelpPopover\n                      Icon={InfoTwoTone}\n                      containerSx={{ float: 'right' }}\n                      markdownText={`This field is required.\\n\\nProvide the name of one person who serves as the project leader or PI.`}\n                    />\n                  </Box>\n                }\n                placeholder={\n                  'First and last name of individual leading the project, ex: Jane Smith'\n                }\n                fullWidth\n                disabled={isLoading}\n                type=\"text\"\n                value={projectLead}\n                required\n                onChange={e => setProjectLead(e.target.value)}\n                slotProps={{\n                  inputLabel: {\n                    // allows floating the help popover all the way to the right\n                    sx: { width: '100%' },\n                  },\n                }}\n              />\n              <TextField\n                id={'institution'}\n                label={'Your Institution'}\n                placeholder={\n                  'Full, unabbreviated name of the institution you are affiliated with'\n                }\n                fullWidth\n                type=\"text\"\n                disabled={isLoading}\n                value={institution}\n                required\n                onChange={e => setInstitution(e.target.value)}\n              />\n\n              {isEDucEnabled && (\n                <Box sx={{ mb: '20px' }}>\n                  <Typography\n                    component=\"label\"\n                    htmlFor=\"pi-user\"\n                    variant=\"body1\"\n                    sx={{ display: 'block', mb: 1 }}\n                  >\n                    Synapse username of your Project Lead or PI\n                    <Box component=\"span\" sx={{ color: 'error.main' }}>\n                      {' '}\n                      *\n                    </Box>\n                  </Typography>\n                  <UserSearchBox\n                    inputId=\"pi-user\"\n                    typeFilter={TYPE_FILTER.USERS_ONLY}\n                    value={piUserId}\n                    onChange={principalId => setPiUserId(principalId)}\n                    placeholder=\"Search Synapse for your Project Lead or PI\"\n                  />\n                  <TextField\n                    id=\"pi-email\"\n                    label=\"Institutional Email of your Project Lead or PI\"\n                    type=\"email\"\n                    placeholder=\"pi@example.edu\"\n                    fullWidth\n                    disabled={isLoading}\n                    value={piEmail}\n                    required\n                    onChange={e => setPiEmail(e.target.value)}\n                    sx={{ mt: 2 }}\n                  />\n                </Box>\n              )}\n\n              {managedACTAccessRequirement.isIDURequired && (\n                <TextFieldWithWordLimit\n                  id={'data-use'}\n                  minWords={INTENDED_DATA_USE_MIN_WORD_COUNT}\n                  maxWords={INTENDED_DATA_USE_MAX_WORD_COUNT}\n                  label={\n                    <Box sx={{ display: 'inline' }}>\n                      <span>Intended Data Use (IDU)</span>\n                      <HelpPopover\n                        Icon={InfoTwoTone}\n                        containerSx={{ float: 'right' }}\n                        markdownText={`This field is required.\\n\\nCheck the instructions for data access for information on completing the IDU statement.`}\n                      />\n                    </Box>\n                  }\n                  helperText={\n                    managedACTAccessRequirement.isIDUPublic\n                      ? 'This will be visible to the public'\n                      : undefined\n                  }\n                  placeholder={\n                    'Outline the objectives of your proposed research involving this data, and your study design and analysis plan.'\n                  }\n                  fullWidth\n                  required\n                  multiline\n                  rows={9}\n                  disabled={isLoading}\n                  value={intendedDataUseStatement}\n                  onChange={e => setIntendedDataUseStatement(e.target.value)}\n                />\n              )}\n            </Box>\n          </ManagedACTAccessRequirementFormWikiWrapper>\n          {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n        </DialogContent>\n      )}\n      <DialogActions>\n        {showConfirmationScreen && (\n          <>\n            <Button\n              variant={'outlined'}\n              onClick={() => {\n                setShowConfirmationScreen(false)\n              }}\n            >\n              Back\n            </Button>\n            <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n          </>\n        )}\n        <Button variant=\"outlined\" disabled={isLoading} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          type=\"submit\"\n          disabled={isLoading || !formIsValid}\n          onClick={e => {\n            void handleSubmit(e)\n          }}\n        >\n          {updateIsPending ? 'Saving...' : 'Save and Continue'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ConfirmationScreenContent(props: { isIDURequired: boolean }) {\n  const { isIDURequired } = props\n  return (\n    <DialogContent>\n      <Typography\n        variant=\"body1\"\n        gutterBottom\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        Double-check your submission before continuing!\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Here are some common reasons a request is rejected:\n      </Typography>\n      <Box component=\"ul\">\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is your <i>Project Lead</i> a full name (first and last)?\n        </Typography>\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is the <i>Institution</i> name you provided unabbreviated and\n          verifiable? You must give the full name of your institution, so we can\n          look it up.\n        </Typography>\n        {isIDURequired && (\n          <Typography component={'li'} variant=\"body1\" gutterBottom>\n            Did you provide clear <i>study objectives</i> and your{' '}\n            <i>study design</i> and <i>analysis plan</i> in the IDU section?\n          </Typography>\n        )}\n      </Box>\n      <Typography variant=\"body1\" gutterBottom>\n        Please take a minute to make sure your submission is correct. If your\n        submission is rejected, you’ll have to resubmit after a few days!\n      </Typography>\n    </DialogContent>\n  )\n}\n"],"mappings":"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"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.d.ts

@@ -0,0 +1,3 @@
+import { SxProps } from '@mui/material';
+export declare const longFieldLabelSx: SxProps;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,gBAAgB,EAAE,OAG9B,CAAA"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.js

@@ -0,0 +1,9 @@
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.ts
+var e = {
+	fontSize: "14px",
+	fontWeight: 400
+};
+//#endregion
+export { e as longFieldLabelSx };
+
+//# sourceMappingURL=styles.js.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/styles.ts"],"sourcesContent":["import { SxProps } from '@mui/material'\n\nexport const longFieldLabelSx: SxProps = {\n  fontSize: '14px',\n  fontWeight: 400,\n}\n"],"mappings":";AAEA,IAAa,IAA4B;CACvC,UAAU;CACV,YAAY;AACd"}

package/dist/components/CopyToClipboardIcon.d.ts

@@ -1,8 +1,9 @@
 import { IconButtonProps } from '@mui/material';
 export type CopyToClipboardIconProps = IconButtonProps & {
     value: string;
+    icon?: 'contentCopy' | 'contentCopyRounded';
     sizePx?: number;
 };
-export declare function CopyToClipboardIcon({ value, sizePx, ...props }: CopyToClipboardIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyToClipboardIcon({ value, sizePx, icon, ...props }: CopyToClipboardIconProps): import("react/jsx-runtime").JSX.Element;
 export default CopyToClipboardIcon;
 //# sourceMappingURL=CopyToClipboardIcon.d.ts.map

package/dist/components/CopyToClipboardIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardIcon.d.ts","sourceRoot":"","sources":["../../src/components/CopyToClipboardIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAW,MAAM,eAAe,CAAA;AAKpE,MAAM,MAAM,wBAAwB,GAAG,eAAe,GAAG;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAW,EACX,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAgC1B;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CopyToClipboardIcon.d.ts","sourceRoot":"","sources":["../../src/components/CopyToClipboardIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAW,MAAM,eAAe,CAAA;AAKpE,MAAM,MAAM,wBAAwB,GAAG,eAAe,GAAG;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,aAAa,GAAG,oBAAoB,CAAA;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAW,EACX,IAAoB,EACpB,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAgC1B;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/CopyToClipboardIcon.js

@@ -5,8 +5,8 @@ import { createRef as r } from "react";
 import { IconButton as i, Tooltip as a } from "@mui/material";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/CopyToClipboardIcon.tsx
-function s({ value: s, sizePx: c = 16, ...l }) {
-	let u = r(), d = (n, r) => (n) => {
+function s({ value: s, sizePx: c = 16, icon: l = "contentCopy", ...u }) {
+	let d = r(), f = (n, r) => (n) => {
 		n.preventDefault(), t(r).then(() => {
 			e("Successfully copied to clipboard", "success");
 		});
@@ -14,12 +14,12 @@ function s({ value: s, sizePx: c = 16, ...l }) {
 	return /* @__PURE__ */ o(a, {
 		title: "Copy to Clipboard",
 		children: /* @__PURE__ */ o(i, {
-			ref: u,
-			...l,
-			onClick: d(u, s),
+			ref: d,
+			...u,
+			onClick: f(d, s),
 			"aria-label": "Copy to clipboard",
 			children: /* @__PURE__ */ o(n, {
-				icon: "contentCopy",
+				icon: l,
 				wrap: !1,
 				fontSize: "inherit",
 				sx: c ? {

package/dist/components/CopyToClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardIcon.js","names":[],"sources":["../../src/components/CopyToClipboardIcon.tsx"],"sourcesContent":["import { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { createRef, RefObject, SyntheticEvent } from 'react'\nimport IconSvg from './IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type CopyToClipboardIconProps = IconButtonProps & {\n  value: string\n  sizePx?: number\n}\n\nexport function CopyToClipboardIcon({\n  value,\n  sizePx = 16,\n  ...props\n}: CopyToClipboardIconProps) {\n  const ref = createRef<HTMLButtonElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        displayToast('Successfully copied to clipboard', 'success')\n      })\n    }\n\n  return (\n    <Tooltip title={'Copy to Clipboard'}>\n      <IconButton\n        ref={ref}\n        {...props}\n        onClick={copyToClipboard(ref, value)}\n        aria-label=\"Copy to clipboard\"\n      >\n        <IconSvg\n          icon=\"contentCopy\"\n          wrap={false}\n          fontSize={'inherit'}\n          sx={\n            sizePx ? { width: `${sizePx}px`, height: `${sizePx}px` } : undefined\n          }\n        />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default CopyToClipboardIcon\n"],"mappings":";;;;;;;AAWA,SAAgB,EAAoB,EAClC,UACA,YAAS,IACT,GAAG,KACwB;CAC3B,IAAM,IAAM,EAA6B,GAEnC,KACH,GAAoC,OACpC,MAA0B;EAGzB,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;GACtC,EAAa,oCAAoC,SAAS;EAC5D,CAAC;CACH;CAEF,OACE,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACO;GACL,GAAI;GACJ,SAAS,EAAgB,GAAK,CAAK;GACnC,cAAW;aAEX,kBAAC,GAAD;IACE,MAAK;IACL,MAAM;IACN,UAAU;IACV,IACE,IAAS;KAAE,OAAO,GAAG,EAAO;KAAK,QAAQ,GAAG,EAAO;IAAI,IAAI,KAAA;GAE9D,CAAA;EACS,CAAA;CACL,CAAA;AAEb"}
+{"version":3,"file":"CopyToClipboardIcon.js","names":[],"sources":["../../src/components/CopyToClipboardIcon.tsx"],"sourcesContent":["import { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { createRef, RefObject, SyntheticEvent } from 'react'\nimport IconSvg from './IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type CopyToClipboardIconProps = IconButtonProps & {\n  value: string\n  icon?: 'contentCopy' | 'contentCopyRounded'\n  sizePx?: number\n}\n\nexport function CopyToClipboardIcon({\n  value,\n  sizePx = 16,\n  icon = 'contentCopy',\n  ...props\n}: CopyToClipboardIconProps) {\n  const ref = createRef<HTMLButtonElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        displayToast('Successfully copied to clipboard', 'success')\n      })\n    }\n\n  return (\n    <Tooltip title={'Copy to Clipboard'}>\n      <IconButton\n        ref={ref}\n        {...props}\n        onClick={copyToClipboard(ref, value)}\n        aria-label=\"Copy to clipboard\"\n      >\n        <IconSvg\n          icon={icon}\n          wrap={false}\n          fontSize={'inherit'}\n          sx={\n            sizePx ? { width: `${sizePx}px`, height: `${sizePx}px` } : undefined\n          }\n        />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default CopyToClipboardIcon\n"],"mappings":";;;;;;;AAYA,SAAgB,EAAoB,EAClC,UACA,YAAS,IACT,UAAO,eACP,GAAG,KACwB;CAC3B,IAAM,IAAM,EAA6B,GAEnC,KACH,GAAoC,OACpC,MAA0B;EAGzB,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;GACtC,EAAa,oCAAoC,SAAS;EAC5D,CAAC;CACH;CAEF,OACE,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACO;GACL,GAAI;GACJ,SAAS,EAAgB,GAAK,CAAK;GACnC,cAAW;aAEX,kBAAC,GAAD;IACQ;IACN,MAAM;IACN,UAAU;IACV,IACE,IAAS;KAAE,OAAO,GAAG,EAAO;KAAK,QAAQ,GAAG,EAAO;IAAI,IAAI,KAAA;GAE9D,CAAA;EACS,CAAA;CACL,CAAA;AAEb"}

package/dist/components/DataGrid/SynapseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAqBA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,GAAG,EAOJ,MAAM,OAAO,CAAA;AAkBd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AA2fD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,GAAG,EAOJ,MAAM,OAAO,CAAA;AAkBd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AA6gBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,eAAe,WAAW,CAAA"}