synapse-react-client 4.0.40 → 4.0.42

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

@@ -3,100 +3,99 @@ import { useGetUserProfile as r } from "../../../../synapse-queries/user/useUser
 import "../../../../synapse-queries/index.js";
 import i from "../../../IconSvg/IconSvg.js";
 import a, { getWordCount as o } from "../../../TextField/TextFieldWithWordLimit.js";
-import s from "../../../UserSearchBox/UserSearchBox.js";
-import te from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import s from "../ManagedACTAccessRequirementFormWikiWrapper.js";
 import c from "../../../HelpPopover/index.js";
+import te from "../PrincipalInvestigatorFields.js";
 import { useEffect as l, useRef as ne, useState as u } from "react";
-import { Alert as re, Box as d, Button as f, DialogActions as p, DialogContent as m, DialogTitle as ie, 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 { TYPE_FILTER as ae } from "@sage-bionetworks/synapse-types";
-import S from "lodash-es/isEmpty";
-import { InfoTwoTone as C } from "@mui/icons-material";
+import { Alert as re, Box as d, Button as f, DialogActions as p, DialogContent as m, DialogTitle as ie, IconButton as ae, 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 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(E) {
-	let { onSave: D, managedACTAccessRequirement: O, onHide: k } = E, A = !!O.eDucTemplateId, [j, M] = u(""), [N, P] = u(""), [F, I] = u(""), [L, R] = u(null), [z, B] = u(""), [V, H] = u(), [U, W] = u(!1), { data: G, isLoading: K } = t(String(O.id), { staleTime: Infinity }), { data: q, isLoading: se } = e(String(O.id), {
-		enabled: A,
+var C = 50, w = 750;
+function T(_) {
+	let { onSave: T, managedACTAccessRequirement: D, onHide: O } = _, k = !!D.eDucTemplateId, [A, j] = u(""), [M, N] = u(""), [P, F] = u(""), [I, L] = u(null), [R, z] = u(""), [B, V] = u(), [H, U] = u(!1), { data: W, isLoading: G } = t(String(D.id), { staleTime: Infinity }), { data: K, isLoading: q } = e(String(D.id), {
+		enabled: k,
 		staleTime: Infinity
-	}), J = ne(q);
+	}), J = ne(K);
 	l(() => {
-		J.current = q;
-	}, [q]), l(() => {
-		S(j) && G?.projectLead && M(G?.projectLead), S(N) && G?.institution && P(G?.institution), S(F) && G?.intendedDataUseStatement && I(G?.intendedDataUseStatement);
+		J.current = K;
+	}, [K]), l(() => {
+		x(A) && W?.projectLead && j(W?.projectLead), x(M) && W?.institution && N(W?.institution), x(P) && W?.intendedDataUseStatement && F(W?.intendedDataUseStatement);
 	}, [
-		G?.institution,
-		G?.intendedDataUseStatement,
-		G?.projectLead
+		W?.institution,
+		W?.intendedDataUseStatement,
+		W?.projectLead
 	]), l(() => {
-		if (!A || !q) return;
-		let e = q.principalInvestigator;
-		L === null && e?.userId && R(e.userId), S(z) && e?.institutionalEmail && B(e.institutionalEmail);
+		if (!k || !K) return;
+		let e = K.principalInvestigator;
+		I === null && e?.userId && L(e.userId), x(R) && e?.institutionalEmail && z(e.institutionalEmail);
 	}, [
-		A,
-		q?.principalInvestigator?.userId,
-		q?.principalInvestigator?.institutionalEmail
+		k,
+		K?.principalInvestigator?.userId,
+		K?.principalInvestigator?.institutionalEmail
 	]);
-	let { data: Y } = r(L ?? "", { enabled: !!L });
+	let { data: Y } = r(I ?? "", { enabled: !!I });
 	l(() => {
-		if (!Y || !S(j)) return;
+		if (!Y || !x(A)) return;
 		let e = [Y.firstName, Y.lastName].filter(Boolean).join(" ").trim();
-		e && M(e);
+		e && j(e);
 	}, [Y]);
-	let { mutateAsync: ce, isPending: X } = ee({ onError: (e) => {
-		console.log("RequestDataAccessStep1: Error updating research project data: ", e), H({
+	let { mutateAsync: oe, isPending: X } = ee({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating research project data: ", e), V({
 			key: "error",
 			message: Q(e.reason)
 		});
-	} }), { mutateAsync: le, isPending: ue } = n({ onError: (e) => {
-		console.log("RequestDataAccessStep1: Error updating data access request: ", e), H({
+	} }), { mutateAsync: se, isPending: ce } = n({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating data access request: ", e), V({
 			key: "error",
 			message: Q(e.reason)
 		});
-	} }), Z = K || A && se || X || ue, Q = (e = "") => /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b("strong", { children: "Unable to update research project data." }),
-		/* @__PURE__ */ b("br", {}),
+	} }), Z = G || k && q || X || ce, Q = (e = "") => /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y("strong", { children: "Unable to update research project data." }),
+		/* @__PURE__ */ y("br", {}),
 		e
 	] }), $ = async (e) => {
-		if (e.preventDefault(), !U) {
-			W(!0);
+		if (e.preventDefault(), !H) {
+			U(!0);
 			return;
 		}
 		let t;
 		try {
-			t = await ce({
-				...G,
-				accessRequirementId: String(O.id),
-				institution: N,
-				projectLead: j,
-				intendedDataUseStatement: F || void 0
+			t = await oe({
+				...W,
+				accessRequirementId: String(D.id),
+				institution: M,
+				projectLead: A,
+				intendedDataUseStatement: P || void 0
 			});
 		} catch {
-			W(!1);
+			U(!1);
 			return;
 		}
-		if (A && J.current) {
+		if (k && J.current) {
 			let e = J.current, n = {
 				...e.principalInvestigator,
-				userId: L ?? void 0,
-				name: j || void 0,
-				institutionalEmail: z || void 0
+				userId: I ?? void 0,
+				name: A || void 0,
+				institutionalEmail: R || void 0
 			};
 			try {
-				await le({
+				await se({
 					...e,
 					researchProjectId: e.researchProjectId ?? t.id,
-					institution: N,
+					institution: M,
 					principalInvestigator: n
 				});
 			} catch {
-				W(!1);
+				U(!1);
 				return;
 			}
 		}
-		D && D(t);
-	}, de = j && N && (!A || L && z) && (!O.isIDURequired || F && o(F) >= w && o(F) <= T);
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(ie, { children: /* @__PURE__ */ x(g, {
+		T && T(t);
+	}, le = A && M && (!k || I && R) && (!D.isIDURequired || P && o(P) >= C && o(P) <= w);
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(ie, { children: /* @__PURE__ */ b(h, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -104,11 +103,11 @@ function E(E) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ b(d, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ b(h, {
+				/* @__PURE__ */ y(d, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ y(ae, {
 					"aria-label": "Close",
-					onClick: k,
-					children: /* @__PURE__ */ b(i, {
+					onClick: O,
+					children: /* @__PURE__ */ y(i, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -116,22 +115,26 @@ function E(E) {
 				})
 			]
 		}) }),
-		U && /* @__PURE__ */ b(oe, { isIDURequired: O.isIDURequired }),
-		!U && /* @__PURE__ */ x(m, { children: [/* @__PURE__ */ b(te, {
-			managedACTAccessRequirementId: String(O.id),
-			children: /* @__PURE__ */ x(d, {
+		H && /* @__PURE__ */ y(E, { isIDURequired: D.isIDURequired }),
+		!H && /* @__PURE__ */ b(m, { children: [B && /* @__PURE__ */ y(re, {
+			severity: B.key,
+			sx: { mb: 2 },
+			children: B.message
+		}), /* @__PURE__ */ y(s, {
+			managedACTAccessRequirementId: String(D.id),
+			children: /* @__PURE__ */ b(d, {
 				component: "form",
 				onSubmit: (e) => {
 					$(e);
 				},
 				sx: { "& .MuiTextField-root": { marginBottom: "20px" } },
 				children: [
-					/* @__PURE__ */ b(_, {
+					/* @__PURE__ */ y(g, {
 						id: "project-lead",
-						label: /* @__PURE__ */ x(d, {
+						label: /* @__PURE__ */ b(d, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "First and last names of your Project Lead or PI" }), /* @__PURE__ */ b(c, {
-								Icon: C,
+							children: [/* @__PURE__ */ y("span", { children: "First and last names of your Project Lead or PI" }), /* @__PURE__ */ y(c, {
+								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."
 							})]
@@ -140,106 +143,72 @@ function E(E) {
 						fullWidth: !0,
 						disabled: Z,
 						type: "text",
-						value: j,
+						value: A,
 						required: !0,
-						onChange: (e) => M(e.target.value),
+						onChange: (e) => j(e.target.value),
 						slotProps: { inputLabel: { sx: { width: "100%" } } }
 					}),
-					A && /* @__PURE__ */ x(d, {
-						sx: { mb: "20px" },
-						children: [
-							/* @__PURE__ */ x(v, {
-								component: "label",
-								htmlFor: "pi-user",
-								variant: "body1",
-								sx: {
-									display: "block",
-									mb: 1
-								},
-								children: ["Synapse username of your Project Lead or PI", /* @__PURE__ */ x(d, {
-									component: "span",
-									sx: { color: "error.main" },
-									children: [" ", "*"]
-								})]
-							}),
-							/* @__PURE__ */ b(s, {
-								inputId: "pi-user",
-								typeFilter: ae.USERS_ONLY,
-								value: L,
-								onChange: (e) => R(e),
-								placeholder: "Search Synapse for your Project Lead or PI"
-							}),
-							/* @__PURE__ */ b(_, {
-								id: "pi-email",
-								label: "Institutional Email of your Project Lead or PI",
-								type: "email",
-								placeholder: "pi@example.edu",
-								fullWidth: !0,
-								disabled: Z,
-								value: z,
-								required: !0,
-								onChange: (e) => B(e.target.value),
-								sx: { mt: 2 }
-							})
-						]
+					k && /* @__PURE__ */ y(te, {
+						userId: I,
+						email: R,
+						disabled: Z,
+						onUserIdChange: L,
+						onEmailChange: z
 					}),
-					/* @__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: Z,
-						value: N,
+						value: M,
 						required: !0,
-						onChange: (e) => P(e.target.value)
+						onChange: (e) => N(e.target.value)
 					}),
-					O.isIDURequired && /* @__PURE__ */ b(a, {
+					D.isIDURequired && /* @__PURE__ */ y(a, {
 						id: "data-use",
-						minWords: w,
-						maxWords: T,
-						label: /* @__PURE__ */ x(d, {
+						minWords: C,
+						maxWords: w,
+						label: /* @__PURE__ */ b(d, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ b(c, {
-								Icon: C,
+							children: [/* @__PURE__ */ y("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ y(c, {
+								Icon: S,
 								containerSx: { float: "right" },
 								markdownText: "This field is required.\n\nCheck the instructions for data access for information on completing the IDU statement."
 							})]
 						}),
-						helperText: O.isIDUPublic ? "This will be visible to the public" : void 0,
+						helperText: D.isIDUPublic ? "This will be visible to the public" : void 0,
 						placeholder: "Outline the objectives of your proposed research involving this data, and your study design and analysis plan.",
 						fullWidth: !0,
 						required: !0,
 						multiline: !0,
 						rows: 9,
 						disabled: Z,
-						value: F,
-						onChange: (e) => I(e.target.value)
+						value: P,
+						onChange: (e) => F(e.target.value)
 					})
 				]
 			})
-		}), V && /* @__PURE__ */ b(re, {
-			severity: V.key,
-			children: V.message
 		})] }),
-		/* @__PURE__ */ x(p, { children: [
-			U && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, {
+		/* @__PURE__ */ b(p, { children: [
+			H && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(f, {
 				variant: "outlined",
 				onClick: () => {
-					W(!1);
+					U(!1);
 				},
 				children: "Back"
-			}), /* @__PURE__ */ b(d, { sx: { flexGrow: 1 } })] }),
-			/* @__PURE__ */ b(f, {
+			}), /* @__PURE__ */ y(d, { sx: { flexGrow: 1 } })] }),
+			/* @__PURE__ */ y(f, {
 				variant: "outlined",
 				disabled: Z,
-				onClick: k,
+				onClick: O,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ b(f, {
+			/* @__PURE__ */ y(f, {
 				variant: "contained",
 				type: "submit",
-				disabled: Z || !de,
+				disabled: Z || !le,
 				onClick: (e) => {
 					$(e);
 				},
@@ -248,61 +217,61 @@ function E(E) {
 		] })
 	] });
 }
-function oe(e) {
+function E(e) {
 	let { isIDURequired: t } = e;
-	return /* @__PURE__ */ x(m, { children: [
-		/* @__PURE__ */ b(v, {
+	return /* @__PURE__ */ b(m, { 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(d, {
+		/* @__PURE__ */ b(d, {
 			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!"
@@ -310,6 +279,6 @@ function oe(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  useGetDataAccessRequestForUpdate,\n  useGetResearchProject,\n  useGetUserProfile,\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 { data: piUserProfile } = useGetUserProfile(piUserId ?? '', {\n    enabled: Boolean(piUserId),\n  })\n\n  useEffect(() => {\n    if (!piUserProfile || !isEmpty(projectLead)) return\n    const fullName = [piUserProfile.firstName, piUserProfile.lastName]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    if (fullName) {\n      setProjectLead(fullName)\n    }\n    // Only populate when projectLead is empty; do not overwrite user edits.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [piUserProfile])\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          // The DAR is fetched before the ResearchProject exists, so it may not have an id yet\n          researchProjectId:\n            existingDar.researchProjectId ?? updatedResearchProject.id,\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 aria-label={'Close'} 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              {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              <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={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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"}
+{"version":3,"file":"ResearchProjectForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetResearchProject,\n  useGetUserProfile,\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} 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 { AlertProps } from '../DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport PrincipalInvestigatorFields from '../PrincipalInvestigatorFields'\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 { data: piUserProfile } = useGetUserProfile(piUserId ?? '', {\n    enabled: Boolean(piUserId),\n  })\n\n  useEffect(() => {\n    if (!piUserProfile || !isEmpty(projectLead)) return\n    const fullName = [piUserProfile.firstName, piUserProfile.lastName]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    if (fullName) {\n      setProjectLead(fullName)\n    }\n    // Only populate when projectLead is empty; do not overwrite user edits.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [piUserProfile])\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          // The DAR is fetched before the ResearchProject exists, so it may not have an id yet\n          researchProjectId:\n            existingDar.researchProjectId ?? updatedResearchProject.id,\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 aria-label={'Close'} 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          {alert && (\n            <Alert severity={alert.key} sx={{ mb: 2 }}>\n              {alert.message}\n            </Alert>\n          )}\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              {isEDucEnabled && (\n                <PrincipalInvestigatorFields\n                  userId={piUserId}\n                  email={piEmail}\n                  disabled={isLoading}\n                  onUserIdChange={setPiUserId}\n                  onEmailChange={setPiEmail}\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        </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/ReviewDucStep/ReviewDucStep.d.ts

@@ -1,6 +1,6 @@
-import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+import { RequestFlowAccessRequirement } from '../requestFlowTypes';
 export type ReviewDucStepProps = {
-    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    managedACTAccessRequirement: RequestFlowAccessRequirement;
     onHide: () => void;
     onBackClicked: () => void;
     /**
@@ -8,6 +8,8 @@ export type ReviewDucStepProps = {
      * (PORTALS-4377), where the generated document is displayed for review before signing.
      */
     onCreateDuc: () => void;
+    /** Hides the access requirement wiki that is otherwise shown beside the step. */
+    hideWiki?: boolean;
 };
 /**
  * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAM7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8E9D"}
+{"version":3,"file":"ReviewDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAoF9D"}

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

@@ -8,10 +8,10 @@ import { Box as a, Button as o, DialogActions as s, DialogContent as c, DialogTi
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx
 function g(g) {
-	let { managedACTAccessRequirement: _, onHide: v, onBackClicked: y, onCreateDuc: b } = g, { data: x, isLoading: S } = e(String(_.id), {
+	let { managedACTAccessRequirement: _, onHide: v, onBackClicked: y, onCreateDuc: b, hideWiki: x } = g, { data: S, isLoading: C } = e(String(_.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), C = x?.accessorChanges ?? [], w = x?.principalInvestigator, T = x?.signingOfficial;
+	}), w = S?.accessorChanges ?? [], T = S?.principalInvestigator, E = S?.signingOfficial;
 	return /* @__PURE__ */ h(p, { children: [
 		/* @__PURE__ */ m(l, { children: /* @__PURE__ */ h(d, {
 			direction: "row",
@@ -35,6 +35,7 @@ function g(g) {
 		}) }),
 		/* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(r, {
 			managedACTAccessRequirementId: String(_.id),
+			hideWiki: x,
 			children: /* @__PURE__ */ h(a, { children: [
 				/* @__PURE__ */ m(f, {
 					variant: "headline3",
@@ -78,10 +79,10 @@ function g(g) {
 					]
 				}),
 				/* @__PURE__ */ m(i, {
-					accessorChanges: C,
-					principalInvestigator: w,
-					signingOfficial: T,
-					isLoading: S
+					accessorChanges: w,
+					principalInvestigator: T,
+					signingOfficial: E,
+					isLoading: C
 				})
 			] })
 		}) }),
@@ -99,7 +100,7 @@ function g(g) {
 			}),
 			/* @__PURE__ */ m(o, {
 				variant: "contained",
-				disabled: S,
+				disabled: C,
 				onClick: b,
 				children: "Create a DUC"
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"sourcesContent":["import { useGetDataAccessRequestForUpdate } from '@/synapse-queries'\nimport {\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  /**\n   * Called when the user clicks \"Create a DUC\". The parent advances to the eDUC preview step\n   * (PORTALS-4377), where the generated document is displayed for review before signing.\n   */\n  onCreateDuc: () => void\n}\n\n/**\n * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).\n * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.\n */\nexport default function ReviewDucStep(props: ReviewDucStepProps) {\n  const { managedACTAccessRequirement, onHide, onBackClicked, onCreateDuc } =\n    props\n\n  const { data: dataAccessRequest, isLoading } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n        >\n          <Box>\n            <Typography variant={'headline3'} sx={{ mb: 2 }}>\n              Sign a Data Use Certificate (DUC)\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              The DUC may be signed electronically.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              Please verify the information of each data requester listed in the\n              previous step. Ensure all email addresses are accurate. You can\n              click the BACK button, below, to modify your list of collaborators\n              and Signing Official if necessary.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              If any information is incorrect, the request will be rejected.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              Click <strong>Create a DUC</strong> to generate a document and\n              review it before sending it to your collaborators, PI, and Signing\n              Official.\n            </Typography>\n\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoading}\n            />\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button variant={'outlined'} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant={'contained'}\n          disabled={isLoading}\n          onClick={onCreateDuc}\n        >\n          Create a DUC\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,gCAA6B,WAAQ,kBAAe,mBAC1D,GAEI,EAAE,MAAM,GAAmB,iBAC/B,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,IAAkB,GAAmB,mBAAmB,CAAC,GACzD,IAAK,GAAmB,uBACxB,IAAK,GAAmB;CAE9B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAO,WAAU;GAAM,IAAI;IAAE,YAAY;IAAU,KAAK;GAAM;aAA9D;IAAiE;IAE/D,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,GAAD;KAAY,cAAY;KAAS,SAAS;eACxC,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,+BAA+B,OAAO,EAA4B,EAAE;aAEpE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,IAAI,EAAE;eAAG;IAErC,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAKtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAA/D;MAAkE;MAC1D,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;MAAC;KAGzB;;IAEZ,kBAAC,GAAD;KACmB;KACjB,uBAAuB;KACvB,iBAAiB;KACN;IACZ,CAAA;GACE,EAAA,CAAA;EACqC,CAAA,EAC/B,CAAA;EACf,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAe;GAE7C,CAAA;GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC3B,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAQ;GAEtC,CAAA;GACR,kBAAC,GAAD;IACE,SAAS;IACT,UAAU;IACV,SAAS;cACV;GAEO,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}
+{"version":3,"file":"ReviewDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"sourcesContent":["import { useGetDataAccessRequestForUpdate } from '@/synapse-queries'\nimport {\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  /**\n   * Called when the user clicks \"Create a DUC\". The parent advances to the eDUC preview step\n   * (PORTALS-4377), where the generated document is displayed for review before signing.\n   */\n  onCreateDuc: () => void\n  /** Hides the access requirement wiki that is otherwise shown beside the step. */\n  hideWiki?: boolean\n}\n\n/**\n * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).\n * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.\n */\nexport default function ReviewDucStep(props: ReviewDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onCreateDuc,\n    hideWiki,\n  } = props\n\n  const { data: dataAccessRequest, isLoading } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n          hideWiki={hideWiki}\n        >\n          <Box>\n            <Typography variant={'headline3'} sx={{ mb: 2 }}>\n              Sign a Data Use Certificate (DUC)\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              The DUC may be signed electronically.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              Please verify the information of each data requester listed in the\n              previous step. Ensure all email addresses are accurate. You can\n              click the BACK button, below, to modify your list of collaborators\n              and Signing Official if necessary.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              If any information is incorrect, the request will be rejected.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              Click <strong>Create a DUC</strong> to generate a document and\n              review it before sending it to your collaborators, PI, and Signing\n              Official.\n            </Typography>\n\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoading}\n            />\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button variant={'outlined'} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant={'contained'}\n          disabled={isLoading}\n          onClick={onCreateDuc}\n        >\n          Create a DUC\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EACJ,gCACA,WACA,kBACA,gBACA,gBACE,GAEE,EAAE,MAAM,GAAmB,iBAC/B,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,IAAkB,GAAmB,mBAAmB,CAAC,GACzD,IAAK,GAAmB,uBACxB,IAAK,GAAmB;CAE9B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAO,WAAU;GAAM,IAAI;IAAE,YAAY;IAAU,KAAK;GAAM;aAA9D;IAAiE;IAE/D,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,GAAD;KAAY,cAAY;KAAS,SAAS;eACxC,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,+BAA+B,OAAO,EAA4B,EAAE;GAC1D;aAEV,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,IAAI,EAAE;eAAG;IAErC,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAKtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAA/D;MAAkE;MAC1D,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;MAAC;KAGzB;;IAEZ,kBAAC,GAAD;KACmB;KACjB,uBAAuB;KACvB,iBAAiB;KACN;IACZ,CAAA;GACE,EAAA,CAAA;EACqC,CAAA,EAC/B,CAAA;EACf,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAe;GAE7C,CAAA;GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC3B,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAQ;GAEtC,CAAA;GACR,kBAAC,GAAD;IACE,SAAS;IACT,UAAU;IACV,SAAS;cACV;GAEO,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}