synapse-react-client 4.0.32 → 4.0.34

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

@@ -0,0 +1,264 @@
+import e from "../../../../synapse-client/index.js";
+import { useSubmitDataAccessRequest as t } from "../../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
+import { useGetDataAccessRequestForUpdate as n, useUpdateDataAccessRequest as r } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetDataAccessRequestPreview as i, useVoidDataAccessRequestSignature as a } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import "../../../../synapse-queries/index.js";
+import o from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as s } from "../styles.js";
+import { UploadDocumentField as c } from "../UploadDocumentField.js";
+import { ReviewCollaboratorsAndSigningOfficialAccordion as l } from "../ReviewCollaboratorsAndSigningOfficialAccordion.js";
+import { useState as u } from "react";
+import { Alert as d, Box as f, Button as p, DialogActions as ee, DialogContent as m, DialogTitle as h, IconButton as g, Skeleton as _, Stack as v, Typography as y } from "@mui/material";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { FileHandleAssociateType as C } from "@sage-bionetworks/synapse-types";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx
+function w(w) {
+	let { managedACTAccessRequirement: T, subjectId: E, subjectType: D, onHide: O, onBackClicked: k, onSubmissionCreated: A, downloadHrefOverride: j } = w, { data: M, isLoading: N, refetch: P } = n(String(T.id), {
+		staleTime: Infinity,
+		throwOnError: !0
+	}), { data: F, isLoading: I, error: L } = i(M?.id ?? "", { enabled: !!M?.id && !j }), R = F?.fileHandleId, z = j ?? (R ? e.getPortalFileHandleServletUrl(R) : void 0), [B, V] = u(), [H, U] = u(), { mutate: W, mutateAsync: G, isPending: K } = r({ onError: (e) => V(e.reason) }), { mutateAsync: q, isPending: J } = a({ onError: (e) => V(e.reason) }), { mutate: Y, isPending: X } = t({
+		onSuccess: (e) => A(e.submissionId),
+		onError: (e) => U(e.reason)
+	}), Z = M?.accessorChanges ?? [], Q = M?.principalInvestigator, te = M?.signingOfficial, $ = M?.ducFileHandleId, ne = $ && M?.id ? [{
+		fileHandleId: $,
+		associateObjectType: C.DataAccessRequestAttachment,
+		associateObjectId: M.id
+	}] : [], re = N || I || !z, ie = N || !M || !$ || K || J || X, ae = async (e) => {
+		if (!e.success || !e.resp || !M) {
+			let t = e.error, n = t && typeof t.reason == "string" ? t.reason : void 0;
+			n && V(n);
+			return;
+		}
+		V(void 0);
+		let t = !!M.eDucSignatureEnvelopeId, n = M;
+		if (t) {
+			try {
+				await q(M.id);
+			} catch {
+				return;
+			}
+			n = (await P()).data ?? M;
+		}
+		W({
+			...n,
+			ducFileHandleId: e.resp.fileHandleId
+		});
+	}, oe = async () => {
+		if (!M) return;
+		U(void 0);
+		let e = await G(M).catch(() => null);
+		e && Y({
+			request: {
+				requestId: e.id,
+				requestEtag: e.etag,
+				subjectId: E,
+				subjectType: D
+			},
+			accessRequirementId: String(T.id)
+		});
+	};
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x(h, { children: /* @__PURE__ */ S(v, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				gap: "5px"
+			},
+			children: [
+				"Request Access",
+				/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ x(g, {
+					"aria-label": "Close",
+					onClick: O,
+					children: /* @__PURE__ */ x(o, {
+						icon: "close",
+						wrap: !1,
+						sx: { color: "grey.700" }
+					})
+				})
+			]
+		}) }),
+		/* @__PURE__ */ x(m, { children: /* @__PURE__ */ S(f, { children: [
+			/* @__PURE__ */ x(y, {
+				variant: "headline3",
+				sx: { mb: 2 },
+				children: "Submit a signed PDF instead of e-signatures"
+			}),
+			/* @__PURE__ */ x(y, {
+				variant: "body1",
+				sx: {
+					...s,
+					mb: 2
+				},
+				children: "Instead of signing the Data Use Certificate (DUC) using DocuSign, you can download the DUC as a PDF and then upload it after it has been signed by your collaborators, your project lead, and your Signing Official."
+			}),
+			/* @__PURE__ */ x(y, {
+				variant: "body1",
+				sx: {
+					...s,
+					mb: 3
+				},
+				children: "However, we recommend using e-signatures, as it is usually faster, and prevents common errors which can result in your request being rejected."
+			}),
+			/* @__PURE__ */ x(f, {
+				sx: { mb: 3 },
+				children: /* @__PURE__ */ x(l, {
+					accessorChanges: Z,
+					principalInvestigator: Q,
+					signingOfficial: te,
+					isLoading: N
+				})
+			}),
+			/* @__PURE__ */ x(y, {
+				variant: "headline3",
+				sx: { mb: 2 },
+				children: "Instructions"
+			}),
+			/* @__PURE__ */ S(v, {
+				direction: {
+					xs: "column",
+					md: "row"
+				},
+				sx: {
+					gap: 4,
+					alignItems: "flex-start"
+				},
+				children: [/* @__PURE__ */ S(f, {
+					sx: { flex: 1 },
+					children: [
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: {
+								fontWeight: 700,
+								mb: 1
+							},
+							children: "Step 1. Download your Data Use Certificate"
+						}),
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: {
+								...s,
+								mb: 2
+							},
+							children: "As a first step, you will need to download a PDF of the Data Use Certificate with the names of your Collaborators and Signing Official. Make sure the names are correct and complete before downloading."
+						}),
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: {
+								...s,
+								mb: 2
+							},
+							children: "If needed, you can modify the printed list of collaborators by adding or removing names on the paper copy before uploading."
+						}),
+						L ? /* @__PURE__ */ S(d, {
+							severity: "error",
+							children: [
+								/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't prepare your DUC for download." }),
+								/* @__PURE__ */ x("br", {}),
+								L.reason
+							]
+						}) : /* @__PURE__ */ x(p, {
+							component: "a",
+							href: z ?? void 0,
+							target: "_blank",
+							rel: "noopener",
+							variant: "outlined",
+							disabled: re,
+							endIcon: /* @__PURE__ */ x(o, {
+								icon: "download",
+								wrap: !1
+							}),
+							children: "Download DUC for Signatures"
+						})
+					]
+				}), /* @__PURE__ */ S(f, {
+					sx: { flex: 1 },
+					children: [
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: {
+								fontWeight: 700,
+								mb: 1
+							},
+							children: "Step 2. Fill out and upload a Data Use Certificate"
+						}),
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: {
+								...s,
+								mb: 2
+							},
+							children: "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below."
+						}),
+						/* @__PURE__ */ S(y, {
+							variant: "body1",
+							component: "ol",
+							sx: {
+								...s,
+								mb: 2,
+								pl: 3
+							},
+							children: [
+								/* @__PURE__ */ x("li", { children: "Download the DUC document." }),
+								/* @__PURE__ */ x("li", { children: "Fill out the DUC, following the instructions in the PDF." }),
+								/* @__PURE__ */ x("li", { children: "Upload the completed certificate using the button below:" })
+							]
+						}),
+						N ? /* @__PURE__ */ x(_, {
+							variant: "rectangular",
+							width: 200,
+							height: 36
+						}) : /* @__PURE__ */ x(c, {
+							id: "signed-duc",
+							documentName: "Signed DUC",
+							isLoading: K || J,
+							uploadCallback: (e) => {
+								ae(e);
+							},
+							fileHandleAssociations: ne
+						})
+					]
+				})]
+			}),
+			B && /* @__PURE__ */ S(d, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't save your change." }),
+					/* @__PURE__ */ x("br", {}),
+					B
+				]
+			}),
+			H && /* @__PURE__ */ S(d, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't submit your request." }),
+					/* @__PURE__ */ x("br", {}),
+					H
+				]
+			})
+		] }) }),
+		/* @__PURE__ */ S(ee, { children: [
+			/* @__PURE__ */ x(p, {
+				variant: "outlined",
+				onClick: k,
+				children: "Back"
+			}),
+			/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ x(p, {
+				variant: "contained",
+				disabled: ie,
+				loading: X,
+				onClick: () => {
+					oe();
+				},
+				children: "Submit Request"
+			})
+		] })
+	] });
+}
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=ManualUploadDucStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUploadDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  ManagedACTAccessRequirement,\n  RestrictableObjectType,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { UploadDocumentField } from '../UploadDocumentField'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ManualUploadDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  onBackClicked: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"Download DUC for Signatures\" anchor. When set, the preview\n   * file handle fetch is skipped and this URL is used directly. Used by stories and tests where\n   * the portal servlet is not available.\n   */\n  downloadHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually\n * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download\n * the partially-populated DUC, upload a signed copy, and submit the request.\n */\nexport default function ManualUploadDucStep(props: ManualUploadDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    downloadHrefOverride,\n  } = props\n\n  const {\n    data: dataAccessRequest,\n    isLoading: isLoadingDar,\n    refetch: refetchDar,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    staleTime: Infinity,\n    throwOnError: true,\n  })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id) && !downloadHrefOverride,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId\n      ? SynapseClient.getPortalFileHandleServletUrl(previewFileHandleId)\n      : undefined)\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const {\n    mutate: updateDar,\n    mutateAsync: updateDarAsync,\n    isPending: isUpdating,\n  } = useUpdateDataAccessRequest({\n    onError: e => setUpdateDarError(e.reason),\n  })\n\n  const { mutateAsync: voidSignatureAsync, isPending: isVoidingSignature } =\n    useVoidDataAccessRequestSignature({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n  const signedDucFileHandleId = dataAccessRequest?.ducFileHandleId\n  const signedDucFileHandleAssociations: FileHandleAssociation[] =\n    signedDucFileHandleId && dataAccessRequest?.id\n      ? [\n          {\n            fileHandleId: signedDucFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: dataAccessRequest.id,\n          },\n        ]\n      : []\n\n  const isDownloadDisabled = isLoadingDar || isLoadingPreview || !downloadHref\n  const isSubmitDisabled =\n    isLoadingDar ||\n    !dataAccessRequest ||\n    !signedDucFileHandleId ||\n    isUpdating ||\n    isVoidingSignature ||\n    isSubmitting\n\n  const handleUpload = async (resp: UploadCallbackResp) => {\n    if (!resp.success || !resp.resp || !dataAccessRequest) {\n      const errorObj = resp.error as { reason?: unknown } | undefined\n      const reason =\n        errorObj && typeof errorObj.reason === 'string'\n          ? errorObj.reason\n          : undefined\n      if (reason) {\n        setUpdateDarError(reason)\n      }\n      return\n    }\n    setUpdateDarError(undefined)\n    // Only void a prior eDUC signature routing if one was actually sent. If the user ejected\n    // from EDucPreviewStep before sending for signature, there's nothing to void.\n    const hasSignatureEnvelope = Boolean(\n      dataAccessRequest.eDucSignatureEnvelopeId,\n    )\n    let latestDar = dataAccessRequest\n    if (hasSignatureEnvelope) {\n      try {\n        await voidSignatureAsync(dataAccessRequest.id)\n      } catch {\n        return\n      }\n      const refreshed = await refetchDar()\n      latestDar = refreshed.data ?? dataAccessRequest\n    }\n    updateDar({\n      ...latestDar,\n      ducFileHandleId: resp.resp.fileHandleId,\n    })\n  }\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest) return\n    setSubmitDarError(undefined)\n    // Persist the DAR once more so the submission uses the latest etag.\n    const latest = await updateDarAsync(dataAccessRequest).catch(() => null)\n    if (!latest) return\n    submit({\n      request: {\n        requestId: latest.id,\n        requestEtag: latest.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\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        <Box>\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Submit a signed PDF instead of e-signatures\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n            Instead of signing the Data Use Certificate (DUC) using DocuSign,\n            you can download the DUC as a PDF and then upload it after it has\n            been signed by your collaborators, your project lead, and your\n            Signing Official.\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n            However, we recommend using e-signatures, as it is usually faster,\n            and prevents common errors which can result in your request being\n            rejected.\n          </Typography>\n\n          <Box sx={{ mb: 3 }}>\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoadingDar}\n            />\n          </Box>\n\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          <Stack\n            direction={{ xs: 'column', md: 'row' }}\n            sx={{ gap: 4, alignItems: 'flex-start' }}\n          >\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 1. Download your Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                As a first step, you will need to download a PDF of the Data Use\n                Certificate with the names of your Collaborators and Signing\n                Official. Make sure the names are correct and complete before\n                downloading.\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                If needed, you can modify the printed list of collaborators by\n                adding or removing names on the paper copy before uploading.\n              </Typography>\n              {previewError ? (\n                <Alert severity={'error'}>\n                  <strong>\n                    Sorry, we couldn&apos;t prepare your DUC for download.\n                  </strong>\n                  <br />\n                  {previewError.reason}\n                </Alert>\n              ) : (\n                <Button\n                  component=\"a\"\n                  href={downloadHref ?? undefined}\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                  variant={'outlined'}\n                  disabled={isDownloadDisabled}\n                  endIcon={<IconSvg icon={'download'} wrap={false} />}\n                >\n                  Download DUC for Signatures\n                </Button>\n              )}\n            </Box>\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 2. Fill out and upload a Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                You must download and fill out a Data Use Certificate (DUC). Be\n                sure to upload the completed DUC below.\n              </Typography>\n              <Typography\n                variant={'body1'}\n                component={'ol'}\n                sx={{ ...longFieldLabelSx, mb: 2, pl: 3 }}\n              >\n                <li>Download the DUC document.</li>\n                <li>\n                  Fill out the DUC, following the instructions in the PDF.\n                </li>\n                <li>\n                  Upload the completed certificate using the button below:\n                </li>\n              </Typography>\n              {isLoadingDar ? (\n                <Skeleton variant={'rectangular'} width={200} height={36} />\n              ) : (\n                <UploadDocumentField\n                  id={'signed-duc'}\n                  documentName={'Signed DUC'}\n                  isLoading={isUpdating || isVoidingSignature}\n                  uploadCallback={resp => {\n                    handleUpload(resp)\n                  }}\n                  fileHandleAssociations={signedDucFileHandleAssociations}\n                />\n              )}\n            </Box>\n          </Stack>\n\n          {updateDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t save your change.</strong>\n              <br />\n              {updateDarError}\n            </Alert>\n          )}\n          {submitDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t submit your request.</strong>\n              <br />\n              {submitDarError}\n            </Alert>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit Request\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -15,6 +15,7 @@ function f(f) {
 				"Your Data Access Request Has Been Submitted",
 				/* @__PURE__ */ u(t, { sx: { flexGrow: 1 } }),
 				/* @__PURE__ */ u(o, {
+					"aria-label": "Close",
 					onClick: p,
 					children: /* @__PURE__ */ u(e, {
 						icon: "close",

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

@@ -1 +1 @@
-{"version":3,"file":"RequestDataAccessSuccess.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport IconSvg from '../../IconSvg/IconSvg'\n\nexport type RequestDataAccessSuccessProps = {\n  onHide: () => void\n}\n\nexport default function RequestDataAccessSuccess(\n  props: RequestDataAccessSuccessProps,\n) {\n  const { onHide } = props\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Your Data Access Request Has Been Submitted\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\n      <DialogContent>\n        <Typography variant=\"body1\">\n          Your data access request has been submitted and is currently being\n          reviewed. Please allow for up to 2 weeks for your request to be\n          reviewed and approved.\n        </Typography>\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"contained\" onClick={onHide}>\n          Finish\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,cAAW;CACnB,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;EAEb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;EAIhB,CAAA,EACC,CAAA;EACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS;aAAQ;EAErC,CAAA,EACK,CAAA;CACf,EAAA,CAAA;AAEN"}
+{"version":3,"file":"RequestDataAccessSuccess.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport IconSvg from '../../IconSvg/IconSvg'\n\nexport type RequestDataAccessSuccessProps = {\n  onHide: () => void\n}\n\nexport default function RequestDataAccessSuccess(\n  props: RequestDataAccessSuccessProps,\n) {\n  const { onHide } = props\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Your Data Access Request Has Been Submitted\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\n      <DialogContent>\n        <Typography variant=\"body1\">\n          Your data access request has been submitted and is currently being\n          reviewed. Please allow for up to 2 weeks for your request to be\n          reviewed and approved.\n        </Typography>\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"contained\" onClick={onHide}>\n          Finish\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,cAAW;CACnB,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,cAAY;KAAS,SAAS;eACxC,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EAEb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;EAIhB,CAAA,EACC,CAAA;EACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS;aAAQ;EAErC,CAAA,EACK,CAAA;CACf,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResearchProjectForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,2BAA2B,EAC3B,eAAe,EAChB,MAAM,iCAAiC,CAAA;AAcxC,MAAM,MAAM,wBAAwB,GAAG;IAErC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAiP1E"}
+{"version":3,"file":"ResearchProjectForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"names":[],"mappings":"AAoBA,OAAO,EACL,2BAA2B,EAI3B,eAAe,EAEhB,MAAM,iCAAiC,CAAA;AAexC,MAAM,MAAM,wBAAwB,GAAG;IAErC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA2X1E"}

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

@@ -1,50 +1,102 @@
-import { useGetResearchProject as e, useUpdateResearchProject as t } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetDataAccessRequestForUpdate as e, useGetResearchProject as t, useUpdateDataAccessRequest as n, useUpdateResearchProject as ee } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetUserProfile as r } from "../../../../synapse-queries/user/useUserBundle.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 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 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 c from "../../../HelpPopover/index.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";
 //#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 });
-	s(() => {
-		S(A) && B?.projectLead && j(B?.projectLead), S(M) && B?.institution && N(B?.institution), S(P) && B?.intendedDataUseStatement && F(B?.intendedDataUseStatement);
+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,
+		staleTime: Infinity
+	}), J = ne(q);
+	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);
 	}, [
-		B?.institution,
-		B?.intendedDataUseStatement,
-		B?.projectLead
+		G?.institution,
+		G?.intendedDataUseStatement,
+		G?.projectLead
+	]), l(() => {
+		if (!A || !q) return;
+		let e = q.principalInvestigator;
+		L === null && e?.userId && R(e.userId), S(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)
-			});
-		}
-	}), W = V || U, G = (e = "") => /* @__PURE__ */ x(y, { children: [
+	let { data: Y } = r(L ?? "", { enabled: !!L });
+	l(() => {
+		if (!Y || !S(j)) return;
+		let e = [Y.firstName, Y.lastName].filter(Boolean).join(" ").trim();
+		e && M(e);
+	}, [Y]);
+	let { mutateAsync: ce, isPending: X } = ee({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating research project data: ", e), H({
+			key: "error",
+			message: Q(e.reason)
+		});
+	} }), { mutateAsync: le, isPending: ue } = n({ onError: (e) => {
+		console.log("RequestDataAccessStep1: Error updating data access request: ", e), H({
+			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", {}),
 		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);
+	] }), $ = async (e) => {
+		if (e.preventDefault(), !U) {
+			W(!0);
+			return;
+		}
+		let t;
+		try {
+			t = await ce({
+				...G,
+				accessRequirementId: String(O.id),
+				institution: N,
+				projectLead: j,
+				intendedDataUseStatement: F || void 0
+			});
+		} catch {
+			W(!1);
+			return;
+		}
+		if (A && J.current) {
+			let e = J.current, n = {
+				...e.principalInvestigator,
+				userId: L ?? void 0,
+				name: j || void 0,
+				institutionalEmail: z || void 0
+			};
+			try {
+				await le({
+					...e,
+					researchProjectId: e.researchProjectId ?? t.id,
+					institution: N,
+					principalInvestigator: n
+				});
+			} catch {
+				W(!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(m, { children: /* @__PURE__ */ x(g, {
+		/* @__PURE__ */ b(ie, { children: /* @__PURE__ */ x(g, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -52,10 +104,11 @@ function E(v) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ b(u, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ b(d, { sx: { flexGrow: 1 } }),
 				/* @__PURE__ */ b(h, {
+					"aria-label": "Close",
 					onClick: k,
-					children: /* @__PURE__ */ b(n, {
+					children: /* @__PURE__ */ b(i, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -63,19 +116,21 @@ function E(v) {
 				})
 			]
 		}) }),
-		R && /* @__PURE__ */ b(D, { isIDURequired: O.isIDURequired }),
-		!R && /* @__PURE__ */ x(p, { children: [/* @__PURE__ */ b(a, {
+		U && /* @__PURE__ */ b(oe, { isIDURequired: O.isIDURequired }),
+		!U && /* @__PURE__ */ x(m, { children: [/* @__PURE__ */ b(te, {
 			managedACTAccessRequirementId: String(O.id),
-			children: /* @__PURE__ */ x(u, {
+			children: /* @__PURE__ */ x(d, {
 				component: "form",
-				onSubmit: K,
+				onSubmit: (e) => {
+					$(e);
+				},
 				sx: { "& .MuiTextField-root": { marginBottom: "20px" } },
 				children: [
 					/* @__PURE__ */ b(_, {
 						id: "project-lead",
-						label: /* @__PURE__ */ x(u, {
+						label: /* @__PURE__ */ x(d, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "First and last names of your project lead or PI" }), /* @__PURE__ */ b(o, {
+							children: [/* @__PURE__ */ b("span", { children: "First and last names of your Project Lead or PI" }), /* @__PURE__ */ b(c, {
 								Icon: C,
 								containerSx: { float: "right" },
 								markdownText: "This field is required.\n\nProvide the name of one person who serves as the project leader or PI."
@@ -83,31 +138,69 @@ function E(v) {
 						}),
 						placeholder: "First and last name of individual leading the project, ex: Jane Smith",
 						fullWidth: !0,
-						disabled: W,
+						disabled: Z,
 						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%" } } }
 					}),
+					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 }
+							})
+						]
+					}),
 					/* @__PURE__ */ b(_, {
 						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: Z,
+						value: N,
 						required: !0,
-						onChange: (e) => N(e.target.value)
+						onChange: (e) => P(e.target.value)
 					}),
-					O.isIDURequired && /* @__PURE__ */ b(r, {
+					O.isIDURequired && /* @__PURE__ */ b(a, {
 						id: "data-use",
 						minWords: w,
 						maxWords: T,
-						label: /* @__PURE__ */ x(u, {
+						label: /* @__PURE__ */ x(d, {
 							sx: { display: "inline" },
-							children: [/* @__PURE__ */ b("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ b(o, {
+							children: [/* @__PURE__ */ b("span", { children: "Intended Data Use (IDU)" }), /* @__PURE__ */ b(c, {
 								Icon: C,
 								containerSx: { float: "right" },
 								markdownText: "This field is required.\n\nCheck the instructions for data access for information on completing the IDU statement."
@@ -119,43 +212,45 @@ function E(v) {
 						required: !0,
 						multiline: !0,
 						rows: 9,
-						disabled: W,
-						value: P,
-						onChange: (e) => F(e.target.value)
+						disabled: Z,
+						value: F,
+						onChange: (e) => I(e.target.value)
 					})
 				]
 			})
-		}), I && /* @__PURE__ */ b(l, {
-			severity: I.key,
-			children: I.message
+		}), V && /* @__PURE__ */ b(re, {
+			severity: V.key,
+			children: V.message
 		})] }),
-		/* @__PURE__ */ x(f, { children: [
-			R && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
+		/* @__PURE__ */ x(p, { children: [
+			U && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, {
 				variant: "outlined",
 				onClick: () => {
-					z(!1);
+					W(!1);
 				},
 				children: "Back"
-			}), /* @__PURE__ */ b(u, { sx: { flexGrow: 1 } })] }),
-			/* @__PURE__ */ b(d, {
+			}), /* @__PURE__ */ b(d, { sx: { flexGrow: 1 } })] }),
+			/* @__PURE__ */ b(f, {
 				variant: "outlined",
-				disabled: W,
+				disabled: Z,
 				onClick: k,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ b(d, {
+			/* @__PURE__ */ b(f, {
 				variant: "contained",
 				type: "submit",
-				disabled: W || !q,
-				onClick: K,
-				children: U ? "Saving..." : "Save and Continue"
+				disabled: Z || !de,
+				onClick: (e) => {
+					$(e);
+				},
+				children: X ? "Saving..." : "Save and Continue"
 			})
 		] })
 	] });
 }
-function D(e) {
+function oe(e) {
 	let { isIDURequired: t } = e;
-	return /* @__PURE__ */ x(p, { children: [
+	return /* @__PURE__ */ x(m, { children: [
 		/* @__PURE__ */ b(v, {
 			variant: "body1",
 			gutterBottom: !0,
@@ -167,7 +262,7 @@ function D(e) {
 			gutterBottom: !0,
 			children: "Here are some common reasons a request is rejected:"
 		}),
-		/* @__PURE__ */ x(u, {
+		/* @__PURE__ */ x(d, {
 			component: "ul",
 			children: [
 				/* @__PURE__ */ x(v, {