synapse-react-client 4.0.41 → 4.0.43

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

@@ -5,97 +5,64 @@ import { useSubmitDataAccessRequest as n } from "../../../../synapse-queries/dat
 import { useGetDataAccessRequestForUpdate as r, useUpdateDataAccessRequest as i } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useGetCurrentUserProfile as ee } from "../../../../synapse-queries/user/useUserBundle.js";
 import "../../../../synapse-queries/index.js";
-import te from "../../../IconSvg/IconSvg.js";
+import { DialogBaseTitle as te } from "../../../DialogBase.js";
 import { longFieldLabelSx as a } from "../styles.js";
 import ne from "../DataAccessRequestAccessorsEditor.js";
-import re from "../DocumentTemplate.js";
-import ie from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import re from "../AccessorRequirementHelpText.js";
 import { UploadDocumentField as o } from "../UploadDocumentField.js";
-import { useEffect as s, useRef as ae, useState as c } from "react";
-import { Alert as oe, Box as l, Button as u, DialogActions as se, DialogContent as ce, DialogTitle as le, Divider as d, IconButton as ue, Link as f, Stack as de, TextField as p, Typography as m } from "@mui/material";
+import s from "../DucUploadSection.js";
+import ie from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import c from "../SigningOfficialFields.js";
+import { useInitializeRequestAccessors as ae } from "../useInitializeRequestAccessors.js";
+import { useEffect as oe, useState as l } from "react";
+import { Alert as u, Box as d, Button as f, DialogActions as se, DialogContent as ce, Divider as p, Typography as m } from "@mui/material";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AccessType as v, FileHandleAssociateType as y } from "@sage-bionetworks/synapse-types";
-import b from "lodash-es/isEmpty";
-import { NewReleasesOutlined as x } from "@mui/icons-material";
-import { deepEquals as fe } from "@rjsf/utils";
+import { FileHandleAssociateType as v } from "@sage-bionetworks/synapse-types";
+import y from "lodash-es/isEmpty";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx
-var S = 97;
-function pe(e) {
-	let { managedACTAccessRequirement: t, isEDucEnabled: n } = e, r = "", i = "";
-	return t.isCertifiedUserRequired && t.isValidatedProfileRequired ? (r = "https://help.synapse.org/docs/User-Types.2007072795.html", i = "All data requesters must be certified users and have a validated user profile.") : t.isCertifiedUserRequired ? (r = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers", i = "All data requesters must be a certified user.") : t.isValidatedProfileRequired && (r = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers", i = "All data requesters must have a validated user profile."), /* @__PURE__ */ _(h, { children: [
-		t.isDUCRequired && !n ? /* @__PURE__ */ _(l, {
-			sx: {
-				display: "flex",
-				gap: 2,
-				alignItems: "center",
-				py: 1
-			},
-			children: [/* @__PURE__ */ g(x, { sx: { color: "error.main" } }), /* @__PURE__ */ g("div", { children: "You must list the Synapse user names of all collaborators listed in your Data Use Certificate (DUC)." })]
-		}) : "",
-		i,
-		" ",
-		r && /* @__PURE__ */ g(f, {
-			href: r,
-			target: "_blank",
-			rel: "noreferrer",
-			children: "Learn more"
-		})
-	] });
-}
-function C(f) {
-	let { onSubmissionCreated: x, managedACTAccessRequirement: S, subjectId: C, subjectType: me, researchProjectId: w, onCancel: T, onBackClicked: he, onEDucContinue: E } = f, { isAuthenticated: D } = t(), { data: O } = ee({ enabled: D }), [k, A] = c(), j = !!S.eDucTemplateId, [M, N] = c(), [P, F] = c(), [I, L] = c(), [R, z] = c(""), [B, V] = c(""), H = ae(!1), { data: U, isLoading: W } = r(String(S.id), {
-		enabled: D,
+var b = 97;
+function x(b) {
+	let { onSubmissionCreated: x, managedACTAccessRequirement: S, subjectId: le, subjectType: C, researchProjectId: w, onCancel: T, onBackClicked: E, onEDucContinue: D } = b, { isAuthenticated: O } = t(), { data: k } = ee({ enabled: O }), [A, j] = l(), M = !!S.eDucTemplateId, [N, P] = l(), [F, I] = l(), [L, R] = l(), [z, B] = l(""), [V, H] = l(""), { data: U, isLoading: W } = r(String(S.id), {
+		enabled: O,
 		staleTime: Infinity,
 		throwOnError: !0
 	}), G = U?.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
 	function K(e) {
-		console.log("RequestDataAccessStep2: Error updating form", e), A({
+		console.log("RequestDataAccessStep2: Error updating form", e), j({
 			key: "error",
-			message: Q(e.reason)
+			message: Z(e.reason)
 		});
 	}
-	let { mutate: ge, isPending: q } = n({
+	let { mutate: ue, isPending: q } = n({
 		onSuccess: (e) => {
 			x(e.submissionId);
 		},
 		onError: K
-	}), { mutateAsync: J, isPending: _e } = i({ onError: K }), Y = W || _e || q, X = W || q, ve = q || j && (!R || !B);
-	s(() => {
-		if (U && O && !H.current) {
-			let e = !1;
-			U.researchProjectId || (U.researchProjectId = w, e = !0);
-			let t = {
-				userId: O.ownerId,
-				type: G ? v.RENEW_ACCESS : v.GAIN_ACCESS
-			};
-			U.accessorChanges?.find((e) => fe(e, t)) || (U.accessorChanges = [t, ...U.accessorChanges || []], e = !0);
-			let n = /* @__PURE__ */ new Set(), r = U.accessorChanges.filter((e) => n.has(e.userId) ? !1 : n.add(e.userId));
-			r.length !== U.accessorChanges.length && (U.accessorChanges = r, e = !0), e && (H.current = !0, J(U));
-		}
-	}, [
-		U,
-		G,
-		w,
-		J,
-		O
-	]), s(() => {
-		if (U && (U.accessorChanges && M == null && N(U.accessorChanges), G && U.publication && I == null && L(U.publication), G && U.summaryOfUse && P == null && F(U.summaryOfUse), j)) {
+	}), { mutate: J, mutateAsync: de, isPending: fe } = i({ onError: K }), Y = W || fe || q, pe = W || q, me = q || M && (!z || !V);
+	ae({
+		dataAccessRequest: U,
+		user: k,
+		isRenewal: G,
+		updateRequest: J,
+		researchProjectId: w
+	}), oe(() => {
+		if (U && (U.accessorChanges && N == null && P(U.accessorChanges), G && U.publication && L == null && R(U.publication), G && U.summaryOfUse && F == null && I(U.summaryOfUse), M)) {
 			let e = U.signingOfficial;
-			b(R) && e?.name && z(e.name), b(B) && e?.institutionalEmail && V(e.institutionalEmail);
+			y(z) && e?.name && B(e.name), y(V) && e?.institutionalEmail && H(e.institutionalEmail);
 		}
 	}, [U]);
-	function Z() {
+	function X() {
 		let e = {
 			...U,
-			accessorChanges: M,
-			publication: I,
-			summaryOfUse: P
+			accessorChanges: N,
+			publication: L,
+			summaryOfUse: F
 		};
-		if (j) {
+		if (M) {
 			let t = {
 				...U?.signingOfficial,
-				name: R || void 0,
-				institutionalEmail: B || void 0
+				name: z || void 0,
+				institutionalEmail: V || void 0
 			};
 			return {
 				...e,
@@ -104,31 +71,31 @@ function C(f) {
 		}
 		return e;
 	}
-	async function ye() {
+	async function he() {
 		if (U) {
-			let e = await J(Z());
-			if (E) {
-				E();
+			let e = await de(X());
+			if (D) {
+				D();
 				return;
 			}
-			ge({
+			ue({
 				request: {
 					requestId: e.id,
 					requestEtag: e.etag,
-					subjectId: C,
-					subjectType: me
+					subjectId: le,
+					subjectType: C
 				},
 				accessRequirementId: String(S.id)
 			});
 		}
 	}
-	let Q = (e = "") => /* @__PURE__ */ _(h, { children: [
+	let Z = (e = "") => /* @__PURE__ */ _(h, { children: [
 		/* @__PURE__ */ g("strong", { children: "Sorry, there is an error in submitting your request." }),
 		/* @__PURE__ */ g("br", {}),
 		e
-	] }), be = (e) => {
-		N([...e(M || [])]);
-	}, xe = (e) => {
+	] }), Q = (e) => {
+		P([...e(N || [])]);
+	}, ge = (e) => {
 		J({
 			...U,
 			attachments: U.attachments?.filter((t) => t !== e)
@@ -143,46 +110,31 @@ function C(f) {
 				...U,
 				[t]: n.fileHandleId
 			});
-		} else !e.success && e.error && (console.log("RequestDataAccessStep2: Error uploading the file", e.error), A({
+		} else !e.success && e.error && (console.log("RequestDataAccessStep2: Error uploading the file", e.error), j({
 			key: "error",
-			message: Q(e.error.reason)
+			message: Z(e.error.reason)
 		}));
-	}, Se = U?.ducFileHandleId ? [{
+	}, _e = U?.ducFileHandleId ? [{
 		fileHandleId: U?.ducFileHandleId,
-		associateObjectType: y.DataAccessRequestAttachment,
+		associateObjectType: v.DataAccessRequestAttachment,
 		associateObjectId: String(U.id)
-	}] : [], Ce = U?.irbFileHandleId ? [{
+	}] : [], ve = U?.irbFileHandleId ? [{
 		fileHandleId: U.irbFileHandleId,
-		associateObjectType: y.DataAccessRequestAttachment,
+		associateObjectType: v.DataAccessRequestAttachment,
 		associateObjectId: String(U.id)
-	}] : [], we = (U?.attachments || []).map((e) => ({
+	}] : [], ye = (U?.attachments || []).map((e) => ({
 		fileHandleId: e,
-		associateObjectType: y.DataAccessRequestAttachment,
+		associateObjectType: v.DataAccessRequestAttachment,
 		associateObjectId: String(U.id)
 	})) ?? [];
 	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(le, { children: /* @__PURE__ */ _(de, {
-			direction: "row",
-			sx: {
-				alignItems: "center",
-				gap: "5px"
-			},
-			children: [
-				"Request Access",
-				/* @__PURE__ */ g(l, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ g(ue, {
-					onClick: f.onHide,
-					children: /* @__PURE__ */ g(te, {
-						icon: "close",
-						wrap: !1,
-						sx: { color: "grey.700" }
-					})
-				})
-			]
-		}) }),
+		/* @__PURE__ */ g(te, {
+			title: "Request Access",
+			onCancel: b.onHide
+		}),
 		/* @__PURE__ */ _(ce, { children: [/* @__PURE__ */ g(ie, {
-			managedACTAccessRequirementId: String(S.id),
-			children: /* @__PURE__ */ _(l, {
+			accessRequirement: S,
+			children: /* @__PURE__ */ _(d, {
 				component: "form",
 				sx: { minHeight: "475px" },
 				onSubmit: (e) => e.preventDefault(),
@@ -195,103 +147,30 @@ function C(f) {
 						},
 						children: "Please provide the information below to submit the request for access."
 					}),
-					j && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(m, {
-							variant: "headline3",
-							sx: { mb: 2 },
-							children: "Signing Official"
-						}),
-						/* @__PURE__ */ g(m, {
-							variant: "body1",
-							sx: {
-								...a,
-								mb: 2
-							},
-							children: "The signing official is a member of your institution with oversight authority who is NOT part of the study team (i.e., not the Project Lead, not a Data Requester or Collaborator, and not the Principal Investigator). They do not need a Synapse account but must be able to receive messages at the email address provided below."
-						}),
-						/* @__PURE__ */ g(p, {
-							id: "so-name",
-							label: "First and last names of your Signing Official",
-							placeholder: "First and last name of signing official, ex: John Smith",
-							fullWidth: !0,
-							type: "text",
-							disabled: X,
-							value: R,
-							required: !0,
-							onChange: (e) => z(e.target.value),
-							sx: { mb: 2 }
-						}),
-						/* @__PURE__ */ g(p, {
-							id: "so-email",
-							label: "Institutional Email of your Signing Official",
-							type: "email",
-							placeholder: "Individual with signing authority, e.g. jane.smith@institution.edu",
-							fullWidth: !0,
-							disabled: X,
-							value: B,
-							required: !0,
-							onChange: (e) => V(e.target.value),
-							sx: { mb: 2 }
-						}),
-						/* @__PURE__ */ g(d, { sx: { my: 4 } })
-					] }),
-					U && O && /* @__PURE__ */ g(ne, {
-						accessorChanges: M || [],
-						onChange: be,
+					M && /* @__PURE__ */ g(c, {
+						name: z,
+						email: V,
+						disabled: pe,
+						onNameChange: B,
+						onEmailChange: H
+					}),
+					U && k && /* @__PURE__ */ g(ne, {
+						accessorChanges: N || [],
+						onChange: Q,
 						isRenewal: G,
-						collaboratorLimit: j ? 97 : void 0,
-						helpText: /* @__PURE__ */ g(pe, {
-							managedACTAccessRequirement: S,
-							isEDucEnabled: j
+						collaboratorLimit: M ? 97 : void 0,
+						helpText: /* @__PURE__ */ g(re, {
+							accessRequirement: S,
+							isEDucEnabled: M
 						})
 					}),
-					(S?.isDUCRequired && !j || S?.isIRBApprovalRequired || S?.areOtherAttachmentsRequired) && /* @__PURE__ */ g(d, { sx: { my: 4 } }),
-					S?.isDUCRequired && !j && /* @__PURE__ */ _(h, { children: [
-						S?.ducTemplateFileHandleId && /* @__PURE__ */ g(re, {
-							title: "Download DUC Template",
-							description: "As a first step, you will need to download the most current version of the Data Use Certificate.",
-							fileHandleAssociation: {
-								fileHandleId: S.ducTemplateFileHandleId,
-								associateObjectType: y.AccessRequirementAttachment,
-								associateObjectId: String(S.id)
-							},
-							downloadButtonText: "Download DUC Template"
-						}),
-						/* @__PURE__ */ g(m, {
-							variant: "headline3",
-							sx: {
-								mt: 4,
-								mb: 2
-							},
-							children: "Fill out and upload a Data Use Certificate"
-						}),
-						/* @__PURE__ */ g(m, {
-							variant: "body1",
-							sx: {
-								...a,
-								my: 2
-							},
-							children: "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."
-						}),
-						/* @__PURE__ */ _(m, {
-							variant: "body1",
-							component: "ol",
-							sx: a,
-							children: [
-								/* @__PURE__ */ g("li", { children: "Download the DUC template file." }),
-								/* @__PURE__ */ g("li", { children: "Fill out the DUC template, following the instructions in the file." }),
-								/* @__PURE__ */ g("li", { children: "Upload the completed certificate using the button below:" })
-							]
-						}),
-						/* @__PURE__ */ g(e, { children: /* @__PURE__ */ g(o, {
-							id: "duc",
-							isLoading: Y,
-							uploadCallback: (e) => $(e, "ducFileHandleId"),
-							documentName: "Data Use Certificate",
-							fileHandleAssociations: Se
-						}) }),
-						(S?.isIRBApprovalRequired || S?.areOtherAttachmentsRequired) && /* @__PURE__ */ g(d, { sx: { my: 4 } })
-					] }),
+					(S?.isDUCRequired && !M || S?.isIRBApprovalRequired || S?.areOtherAttachmentsRequired) && /* @__PURE__ */ g(p, { sx: { my: 4 } }),
+					S?.isDUCRequired && !M && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
+						accessRequirement: S,
+						isLoading: Y,
+						uploadedDucAssociations: _e,
+						onUpload: (e) => $(e, "ducFileHandleId")
+					}), (S?.isIRBApprovalRequired || S?.areOtherAttachmentsRequired) && /* @__PURE__ */ g(p, { sx: { my: 4 } })] }),
 					S?.isIRBApprovalRequired && /* @__PURE__ */ _(h, { children: [
 						/* @__PURE__ */ g(m, {
 							variant: "headline3",
@@ -311,9 +190,9 @@ function C(f) {
 							isLoading: Y,
 							documentName: "IRB Approval Letter",
 							uploadCallback: (e) => $(e, "irbFileHandleId"),
-							fileHandleAssociations: Ce
+							fileHandleAssociations: ve
 						}) }),
-						S?.areOtherAttachmentsRequired && /* @__PURE__ */ g(d, { sx: { my: 4 } })
+						S?.areOtherAttachmentsRequired && /* @__PURE__ */ g(p, { sx: { my: 4 } })
 					] }),
 					S?.areOtherAttachmentsRequired && /* @__PURE__ */ _(h, { children: [
 						/* @__PURE__ */ g(m, {
@@ -335,46 +214,46 @@ function C(f) {
 							documentName: "Attachment",
 							uploadCallback: (e) => $(e, "attachments"),
 							isMultiFileUpload: !0,
-							fileHandleAssociations: we,
-							onClearAttachment: xe
+							fileHandleAssociations: ye,
+							onClearAttachment: ge
 						}) })
 					] })
 				]
 			})
-		}), k && /* @__PURE__ */ g(oe, {
-			severity: k.key,
-			children: k.message
+		}), A && /* @__PURE__ */ g(u, {
+			severity: A.key,
+			children: A.message
 		})] }),
 		/* @__PURE__ */ _(se, { children: [
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ g(f, {
 				variant: "outlined",
 				onClick: () => {
-					he();
+					E();
 				},
 				children: "Back"
 			}),
-			/* @__PURE__ */ g(l, { sx: { flexGrow: 1 } }),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ g(d, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ g(f, {
 				variant: "outlined",
 				disabled: q,
 				onClick: () => {
-					U && T(Z());
+					U && T(X());
 				},
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ g(f, {
 				variant: "contained",
 				loading: q,
-				disabled: ve,
+				disabled: me,
 				onClick: () => {
-					ye();
+					he();
 				},
-				children: E ? "Continue" : "Submit"
+				children: D ? "Continue" : "Submit"
 			})
 		] })
 	] });
 }
 //#endregion
-export { S as EDUC_COLLABORATOR_LIMIT, C as default };
+export { b as EDUC_COLLABORATOR_LIMIT, x as default };
 
 //# sourceMappingURL=DataAccessRequestAccessorsFilesForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataAccessRequestAccessorsFilesForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx"],"sourcesContent":["import { NewReleasesOutlined } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertProps as MuiAlertProps,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { deepEquals } from '@rjsf/utils'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport isEmpty from 'lodash-es/isEmpty'\nimport {\n  AccessorChange,\n  AccessType,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SigningOfficial,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport {\n  useGetCurrentUserProfile,\n  useGetDataAccessRequestForUpdate,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '../../../../synapse-queries'\nimport { useSynapseContext } from '../../../../utils'\nimport { SynapseErrorBoundary } from '../../../error/ErrorBanner'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport DataAccessRequestAccessorsEditor, {\n  DataAccessRequestAccessorsEditorProps,\n} from '../DataAccessRequestAccessorsEditor'\nimport { longFieldLabelSx } from '../styles'\nimport DocumentTemplate from '../DocumentTemplate'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { UploadDocumentField } from '../UploadDocumentField'\n\n// PORTALS-4376: eDUC DARs cap total accessors at 100 (submitter + PI + 97 collaborators + 1 slack).\nexport const EDUC_COLLABORATOR_LIMIT = 97\n\nfunction AccessorRequirementHelpText(props: {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  isEDucEnabled: boolean\n}) {\n  const { managedACTAccessRequirement, isEDucEnabled } = props\n  let link: string = ''\n  let msg: string = ''\n\n  if (\n    managedACTAccessRequirement.isCertifiedUserRequired &&\n    managedACTAccessRequirement.isValidatedProfileRequired\n  ) {\n    link = 'https://help.synapse.org/docs/User-Types.2007072795.html'\n    msg =\n      'All data requesters must be certified users and have a validated user profile.'\n  } else if (managedACTAccessRequirement.isCertifiedUserRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers'\n    msg = 'All data requesters must be a certified user.'\n  } else if (managedACTAccessRequirement.isValidatedProfileRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers'\n    msg = 'All data requesters must have a validated user profile.'\n  }\n  return (\n    <>\n      {managedACTAccessRequirement.isDUCRequired && !isEDucEnabled ? (\n        <Box sx={{ display: 'flex', gap: 2, alignItems: 'center', py: 1 }}>\n          <NewReleasesOutlined sx={{ color: 'error.main' }} />\n          <div>\n            You must list the Synapse user names of all collaborators listed in\n            your Data Use Certificate (DUC).\n          </div>\n        </Box>\n      ) : (\n        ''\n      )}\n      {msg}{' '}\n      {link && (\n        <Link href={link} target={'_blank'} rel={'noreferrer'}>\n          Learn more\n        </Link>\n      )}\n    </>\n  )\n}\n\nexport type DataAccessRequestAccessorsFilesFormProps = {\n  /**\n   * The ID of the object of interest. This corresponds to the subjectId of the {@link CreateSubmissionRequest}\n   */\n  subjectId: string\n  /* The type of the subject */\n  subjectType: RestrictableObjectType\n  /* The access requirement to which the user is requesting access */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSubmissionCreated: (submissionId: string) => void\n  researchProjectId: string\n  onHide: () => void\n  /* Callback invoked when the user clicks cancel. The unsaved, modified dataAccessRequest is returned so the calling component may prompt the user to save this data */\n  onCancel: (modifiedDataAccessRequest: Request | Renewal) => void\n  /** Callback invoked when the 'Back' action button is clicked */\n  onBackClicked: () => void\n  /**\n   * When set (used for eDUC ARs), clicking the primary action saves the DAR and invokes this callback\n   * instead of creating a submission. Submission happens later in the eDUC flow.\n   */\n  onEDucContinue?: () => void\n}\n\nexport type AlertProps = {\n  key: MuiAlertProps['severity']\n  message: string | ReactNode\n}\n\n/**\n * Step 2 of the Data Access Request/Renewal flow prompts the user to\n * - Manage the list of accessors, i.e. Synapse users who will gain, renew, or lose access\n * - Download and upload documents required by the Access Requirement\n * - If a renewal, provide publications and a summary of use statement.\n *\n * The component expects a researchProjectId, which should reference complete researchProject created in Step 1.\n * The user may click a \"Submit\" button, which will save the request and issue a data access submission that references\n * the requestId created/updated in this component.\n */\nexport default function DataAccessRequestAccessorsFilesForm(\n  props: DataAccessRequestAccessorsFilesFormProps,\n) {\n  const {\n    onSubmissionCreated,\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    researchProjectId,\n    onCancel,\n    onBackClicked,\n    onEDucContinue,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { data: user } = useGetCurrentUserProfile({ enabled: isAuthenticated })\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [accessorChanges, setAccessorChanges] = useState<\n    AccessorChange[] | undefined\n  >()\n  const [summaryOfUse, setSummaryOfUse] = useState<string | undefined>()\n  const [publication, setPublication] = useState<string | undefined>()\n  const [soName, setSoName] = useState<string>('')\n  const [soEmail, setSoEmail] = useState<string>('')\n  const hasAppliedImmediateUpdates = useRef(false)\n\n  const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      enabled: isAuthenticated,\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n      // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable\n      throwOnError: true,\n    })\n\n  const isRenewal =\n    dataAccessRequest?.concreteType ===\n    'org.sagebionetworks.repo.model.dataaccess.Renewal'\n\n  function onError(e: SynapseClientError) {\n    console.log('RequestDataAccessStep2: Error updating form', e)\n    setAlert({\n      key: 'error',\n      message: getErrorMessage(e.reason),\n    })\n  }\n\n  const { mutate: submit, isPending: submitDataAccessRequestIsPending } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => {\n        onSubmissionCreated(submission.submissionId)\n      },\n      onError: onError,\n    })\n\n  const {\n    mutateAsync: updateRequestAsync,\n    isPending: updateDataAccessRequestIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: onError,\n  })\n\n  const isLoading =\n    isLoadingGetDataAccessRequest ||\n    updateDataAccessRequestIsPending ||\n    submitDataAccessRequestIsPending\n\n  /**\n   * Fields backed by local state are not synced with the server until the request is submitted, so an in-flight\n   * background update to the request must not block the user from editing them.\n   */\n  const disableLocalStateFields =\n    isLoadingGetDataAccessRequest || submitDataAccessRequestIsPending\n\n  const disableSubmitButton =\n    submitDataAccessRequestIsPending || (isEDucEnabled && (!soName || !soEmail))\n\n  /**\n   * This effect comprises a collection of updates we should immediately apply to a data access request.\n   */\n  useEffect(() => {\n    if (dataAccessRequest && user && !hasAppliedImmediateUpdates.current) {\n      let shouldUpdate = false\n\n      // Attach the researchProjectId to the request\n      if (!dataAccessRequest.researchProjectId) {\n        dataAccessRequest.researchProjectId = researchProjectId\n        shouldUpdate = true\n      }\n\n      // Add the current user with GAIN_ACCESS to the list of accessors\n      const currentUserWithGainAccess: AccessorChange = {\n        userId: user.ownerId,\n        type: isRenewal ? AccessType.RENEW_ACCESS : AccessType.GAIN_ACCESS,\n      }\n      if (\n        !dataAccessRequest.accessorChanges?.find(item =>\n          deepEquals(item, currentUserWithGainAccess),\n        )\n      ) {\n        dataAccessRequest.accessorChanges = [\n          currentUserWithGainAccess,\n          ...(dataAccessRequest.accessorChanges || []),\n        ]\n        shouldUpdate = true\n      }\n\n      // SWC-5765: Filter out duplicate accessors\n      const seen = new Set()\n      const uniqueAccessorChanges = dataAccessRequest.accessorChanges.filter(\n        accessorChange => {\n          return seen.has(accessorChange.userId)\n            ? false\n            : seen.add(accessorChange.userId)\n        },\n      )\n      if (\n        uniqueAccessorChanges.length !==\n        dataAccessRequest.accessorChanges.length\n      ) {\n        dataAccessRequest.accessorChanges = uniqueAccessorChanges\n        shouldUpdate = true\n      }\n\n      if (shouldUpdate) {\n        // Only attempt these updates once. If the server does not echo back a value we applied here, retrying would\n        // loop indefinitely, leaving the form perpetually in a pending state.\n        hasAppliedImmediateUpdates.current = true\n        updateRequestAsync(dataAccessRequest)\n      }\n    }\n  }, [\n    dataAccessRequest,\n    isRenewal,\n    researchProjectId,\n    updateRequestAsync,\n    user,\n  ])\n\n  /**\n   * Fields other than uploaded files are NOT immediately synced with the server. Set local state if these values exist in the\n   * fetched object, and no value exists in local state.\n   */\n  useEffect(() => {\n    if (dataAccessRequest) {\n      if (dataAccessRequest.accessorChanges && accessorChanges == undefined) {\n        setAccessorChanges(dataAccessRequest.accessorChanges)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.publication &&\n        publication == undefined\n      ) {\n        setPublication(dataAccessRequest.publication)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.summaryOfUse &&\n        summaryOfUse == undefined\n      ) {\n        setSummaryOfUse(dataAccessRequest.summaryOfUse)\n      }\n      if (isEDucEnabled) {\n        const so = dataAccessRequest.signingOfficial\n        if (isEmpty(soName) && so?.name) {\n          setSoName(so.name)\n        }\n        if (isEmpty(soEmail) && so?.institutionalEmail) {\n          setSoEmail(so.institutionalEmail)\n        }\n      }\n    }\n    // Intentionally only re-synchronize state when server state changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataAccessRequest])\n\n  function getDataAccessRequestWithLocalState(): Request | Renewal {\n    const base = {\n      ...dataAccessRequest,\n      accessorChanges: accessorChanges,\n      publication,\n      summaryOfUse,\n    } as Request | Renewal\n    if (isEDucEnabled) {\n      const nextSo: SigningOfficial = {\n        ...dataAccessRequest?.signingOfficial,\n        name: soName || undefined,\n        institutionalEmail: soEmail || undefined,\n      }\n      return { ...base, signingOfficial: nextSo }\n    }\n    return base\n  }\n\n  async function handleSubmit() {\n    if (dataAccessRequest) {\n      // Save the request\n      const requestObject = await updateRequestAsync(\n        getDataAccessRequestWithLocalState(),\n      )\n      if (onEDucContinue) {\n        onEDucContinue()\n        return\n      }\n      // Create a submission and attach the request\n      submit({\n        request: {\n          requestId: requestObject.id,\n          requestEtag: requestObject.etag,\n          subjectId: subjectId,\n          subjectType: subjectType,\n        },\n        accessRequirementId: String(managedACTAccessRequirement.id),\n      })\n    }\n  }\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Sorry, there is an error in submitting your request.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const onAccessorChange: DataAccessRequestAccessorsEditorProps['onChange'] =\n    updater => {\n      // Copy the array so the caller doesn't have to worry about immutability\n      setAccessorChanges([...updater(accessorChanges || [])])\n    }\n\n  const onClearAttachment = (fid: string) => {\n    updateRequestAsync({\n      ...dataAccessRequest!,\n      attachments: dataAccessRequest!.attachments?.filter(item => item !== fid),\n    })\n  }\n\n  const uploadCallback = (\n    data: UploadCallbackResp,\n    context: keyof Pick<\n      Request,\n      'attachments' | 'irbFileHandleId' | 'ducFileHandleId'\n    >,\n  ) => {\n    if (data.resp && data.success) {\n      // Files are uploaded and synced with the server immediately\n      const uploadResponse: FileUploadComplete = data.resp\n      if (context === 'attachments') {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          attachments: [\n            ...(dataAccessRequest!.attachments || []),\n            uploadResponse.fileHandleId,\n          ],\n        })\n      } else {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          [context]: uploadResponse.fileHandleId,\n        })\n      }\n    } else if (!data.success && data.error) {\n      // show the error\n      console.log(\n        'RequestDataAccessStep2: Error uploading the file',\n        data.error,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(data.error.reason),\n      })\n    }\n  }\n\n  const ducFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.ducFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest?.ducFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n  const irbFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.irbFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest.irbFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n\n  const attachmentFileHandleAssociations: FileHandleAssociation[] =\n    (dataAccessRequest?.attachments || []).map(attachmentFileHandleId => ({\n      fileHandleId: attachmentFileHandleId,\n      associateObjectType: FileHandleAssociateType.DataAccessRequestAttachment,\n      associateObjectId: String(dataAccessRequest!.id),\n    })) ?? []\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton onClick={props.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            component={'form'}\n            sx={{\n              // Must set a minHeight to ensure the user picker in the DataAccessRequestAccessorsEditor doesn't get cut off\n              minHeight: '475px',\n            }}\n            onSubmit={e => e.preventDefault()}\n          >\n            <Typography variant={'body1'} sx={{ mb: 2, fontSize: '16px' }}>\n              Please provide the information below to submit the request for\n              access.\n            </Typography>\n\n            {isEDucEnabled && (\n              <>\n                <Typography variant={'headline3'} sx={{ mb: 2 }}>\n                  Signing Official\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, mb: 2 }}\n                >\n                  The signing official is a member of your institution with\n                  oversight authority who is NOT part of the study team (i.e.,\n                  not the Project Lead, not a Data Requester or Collaborator,\n                  and not the Principal Investigator). They do not need a\n                  Synapse account but must be able to receive messages at the\n                  email address provided below.\n                </Typography>\n                <TextField\n                  id=\"so-name\"\n                  label=\"First and last names of your Signing Official\"\n                  placeholder=\"First and last name of signing official, ex: John Smith\"\n                  fullWidth\n                  type=\"text\"\n                  disabled={disableLocalStateFields}\n                  value={soName}\n                  required\n                  onChange={e => setSoName(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <TextField\n                  id=\"so-email\"\n                  label=\"Institutional Email of your Signing Official\"\n                  type=\"email\"\n                  placeholder=\"Individual with signing authority, e.g. jane.smith@institution.edu\"\n                  fullWidth\n                  disabled={disableLocalStateFields}\n                  value={soEmail}\n                  required\n                  onChange={e => setSoEmail(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <Divider sx={{ my: 4 }} />\n              </>\n            )}\n\n            {dataAccessRequest && user && (\n              <DataAccessRequestAccessorsEditor\n                accessorChanges={accessorChanges || []}\n                onChange={onAccessorChange}\n                isRenewal={isRenewal}\n                collaboratorLimit={\n                  isEDucEnabled ? EDUC_COLLABORATOR_LIMIT : undefined\n                }\n                helpText={\n                  <AccessorRequirementHelpText\n                    managedACTAccessRequirement={managedACTAccessRequirement}\n                    isEDucEnabled={isEDucEnabled}\n                  />\n                }\n              />\n            )}\n\n            {((managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled) ||\n              managedACTAccessRequirement?.isIRBApprovalRequired ||\n              managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n              <Divider sx={{ my: 4 }} />\n            )}\n            {/* DUC — hidden for eDUC ARs, which handle DUC via the eDUC flow */}\n            {managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled && (\n              <>\n                {managedACTAccessRequirement?.ducTemplateFileHandleId && (\n                  <DocumentTemplate\n                    title={'Download DUC Template'}\n                    description={\n                      'As a first step, you will need to download the most current version of the Data Use Certificate.'\n                    }\n                    fileHandleAssociation={{\n                      fileHandleId:\n                        managedACTAccessRequirement.ducTemplateFileHandleId,\n                      associateObjectType:\n                        FileHandleAssociateType.AccessRequirementAttachment,\n                      associateObjectId: String(managedACTAccessRequirement.id),\n                    }}\n                    downloadButtonText={'Download DUC Template'}\n                  />\n                )}\n                <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n                  Fill out and upload a Data Use Certificate\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  You must download and fill out a Data Use Certificate (DUC).\n                  Be sure to upload the completed DUC below once you&apos;ve\n                  completed it.\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  component={'ol'}\n                  sx={longFieldLabelSx}\n                >\n                  <li>Download the DUC template file.</li>\n                  <li>\n                    Fill out the DUC template, following the instructions in the\n                    file.\n                  </li>\n                  <li>\n                    Upload the completed certificate using the button below:\n                  </li>\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'duc'}\n                    isLoading={isLoading}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'ducFileHandleId')\n                    }\n                    documentName={'Data Use Certificate'}\n                    fileHandleAssociations={ducFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {(managedACTAccessRequirement?.isIRBApprovalRequired ||\n                  managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {/* IRB */}\n            {managedACTAccessRequirement?.isIRBApprovalRequired && (\n              <>\n                <Typography variant={'headline3'} sx={{ my: 2 }}>\n                  IRB Approval\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  Upload a signed IRB letter on institutional letterhead. The\n                  letter must include the names of all the datasets requested,\n                  as well as the names of the data requesters above. Use the\n                  button below to upload the document.\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'irb'}\n                    isLoading={isLoading}\n                    documentName={'IRB Approval Letter'}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'irbFileHandleId')\n                    }\n                    fileHandleAssociations={irbFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {\n              /* Attachments */\n              managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                <>\n                  <Typography variant={'headline3'} sx={{ my: 2 }}>\n                    Upload other required documents\n                  </Typography>\n                  <Typography\n                    variant={'body1'}\n                    sx={{ ...longFieldLabelSx, my: 2 }}\n                  >\n                    You must upload other required documents. Please review the\n                    instructions to gain data access to determine which\n                    documents must also be uploaded.\n                  </Typography>\n                  <SynapseErrorBoundary>\n                    <UploadDocumentField\n                      id={'file-attachment'}\n                      isLoading={isLoading}\n                      documentName={'Attachment'}\n                      uploadCallback={res => uploadCallback(res, 'attachments')}\n                      isMultiFileUpload={true}\n                      fileHandleAssociations={attachmentFileHandleAssociations}\n                      onClearAttachment={onClearAttachment}\n                    />\n                  </SynapseErrorBoundary>\n                </>\n              )\n            }\n\n            {\n              // SWC-7319 - Per GovernanceInnovation, do not show these fields on renewal\n              // Publications & Summary of Use\n              // isRenewal && (\n              //   <>\n              //     <TextField\n              //       id={'publications'}\n              //       label={'Publication(s)'}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       value={publication}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setPublication(e.target.value)\n              //       }\n              //     />\n              //     <TextField\n              //       id={'summaryOfUse'}\n              //       label={'Summary of use'}\n              //       value={summaryOfUse}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setSummaryOfUse(e.target.value)\n              //       }\n              //     />\n              //   </>\n              // )\n            }\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n        {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            onBackClicked()\n          }}\n        >\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n\n        <Button\n          variant=\"outlined\"\n          disabled={submitDataAccessRequestIsPending}\n          onClick={() => {\n            if (dataAccessRequest) {\n              // include the local state in the onCancel callback so the user may save their changes\n              onCancel(getDataAccessRequestWithLocalState())\n            }\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          loading={submitDataAccessRequestIsPending}\n          disabled={disableSubmitButton}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {onEDucContinue ? 'Continue' : 'Submit'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataAccessRequestAccessorsFilesForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertProps as MuiAlertProps,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  Divider,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport isEmpty from 'lodash-es/isEmpty'\nimport {\n  AccessorChange,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SigningOfficial,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserProfile,\n  useGetDataAccessRequestForUpdate,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '../../../../synapse-queries'\nimport { useSynapseContext } from '../../../../utils'\nimport { SynapseErrorBoundary } from '../../../error/ErrorBanner'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport DataAccessRequestAccessorsEditor, {\n  DataAccessRequestAccessorsEditorProps,\n} from '../DataAccessRequestAccessorsEditor'\nimport { longFieldLabelSx } from '../styles'\nimport AccessorRequirementHelpText from '../AccessorRequirementHelpText'\nimport DucUploadSection from '../DucUploadSection'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport SigningOfficialFields from '../SigningOfficialFields'\nimport { useInitializeRequestAccessors } from '../useInitializeRequestAccessors'\nimport { UploadDocumentField } from '../UploadDocumentField'\n\n// PORTALS-4376: eDUC DARs cap total accessors at 100 (submitter + PI + 97 collaborators + 1 slack).\nexport const EDUC_COLLABORATOR_LIMIT = 97\n\nexport type DataAccessRequestAccessorsFilesFormProps = {\n  /**\n   * The ID of the object of interest. This corresponds to the subjectId of the {@link CreateSubmissionRequest}\n   */\n  subjectId: string\n  /* The type of the subject */\n  subjectType: RestrictableObjectType\n  /* The access requirement to which the user is requesting access */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSubmissionCreated: (submissionId: string) => void\n  researchProjectId: string\n  onHide: () => void\n  /* Callback invoked when the user clicks cancel. The unsaved, modified dataAccessRequest is returned so the calling component may prompt the user to save this data */\n  onCancel: (modifiedDataAccessRequest: Request | Renewal) => void\n  /** Callback invoked when the 'Back' action button is clicked */\n  onBackClicked: () => void\n  /**\n   * When set (used for eDUC ARs), clicking the primary action saves the DAR and invokes this callback\n   * instead of creating a submission. Submission happens later in the eDUC flow.\n   */\n  onEDucContinue?: () => void\n}\n\nexport type AlertProps = {\n  key: MuiAlertProps['severity']\n  message: string | ReactNode\n}\n\n/**\n * Step 2 of the Data Access Request/Renewal flow prompts the user to\n * - Manage the list of accessors, i.e. Synapse users who will gain, renew, or lose access\n * - Download and upload documents required by the Access Requirement\n * - If a renewal, provide publications and a summary of use statement.\n *\n * The component expects a researchProjectId, which should reference complete researchProject created in Step 1.\n * The user may click a \"Submit\" button, which will save the request and issue a data access submission that references\n * the requestId created/updated in this component.\n */\nexport default function DataAccessRequestAccessorsFilesForm(\n  props: DataAccessRequestAccessorsFilesFormProps,\n) {\n  const {\n    onSubmissionCreated,\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    researchProjectId,\n    onCancel,\n    onBackClicked,\n    onEDucContinue,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { data: user } = useGetCurrentUserProfile({ enabled: isAuthenticated })\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [accessorChanges, setAccessorChanges] = useState<\n    AccessorChange[] | undefined\n  >()\n  const [summaryOfUse, setSummaryOfUse] = useState<string | undefined>()\n  const [publication, setPublication] = useState<string | undefined>()\n  const [soName, setSoName] = useState<string>('')\n  const [soEmail, setSoEmail] = useState<string>('')\n\n  const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      enabled: isAuthenticated,\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n      // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable\n      throwOnError: true,\n    })\n\n  const isRenewal =\n    dataAccessRequest?.concreteType ===\n    'org.sagebionetworks.repo.model.dataaccess.Renewal'\n\n  function onError(e: SynapseClientError) {\n    console.log('RequestDataAccessStep2: Error updating form', e)\n    setAlert({\n      key: 'error',\n      message: getErrorMessage(e.reason),\n    })\n  }\n\n  const { mutate: submit, isPending: submitDataAccessRequestIsPending } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => {\n        onSubmissionCreated(submission.submissionId)\n      },\n      onError: onError,\n    })\n\n  const {\n    mutate: updateRequest,\n    mutateAsync: updateRequestAsync,\n    isPending: updateDataAccessRequestIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: onError,\n  })\n\n  const isLoading =\n    isLoadingGetDataAccessRequest ||\n    updateDataAccessRequestIsPending ||\n    submitDataAccessRequestIsPending\n\n  /**\n   * Fields backed by local state are not synced with the server until the request is submitted, so an in-flight\n   * background update to the request must not block the user from editing them.\n   */\n  const disableLocalStateFields =\n    isLoadingGetDataAccessRequest || submitDataAccessRequestIsPending\n\n  const disableSubmitButton =\n    submitDataAccessRequestIsPending || (isEDucEnabled && (!soName || !soEmail))\n\n  useInitializeRequestAccessors({\n    dataAccessRequest,\n    user,\n    isRenewal,\n    updateRequest,\n    researchProjectId,\n  })\n\n  /**\n   * Fields other than uploaded files are NOT immediately synced with the server. Set local state if these values exist in the\n   * fetched object, and no value exists in local state.\n   */\n  useEffect(() => {\n    if (dataAccessRequest) {\n      if (dataAccessRequest.accessorChanges && accessorChanges == undefined) {\n        setAccessorChanges(dataAccessRequest.accessorChanges)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.publication &&\n        publication == undefined\n      ) {\n        setPublication(dataAccessRequest.publication)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.summaryOfUse &&\n        summaryOfUse == undefined\n      ) {\n        setSummaryOfUse(dataAccessRequest.summaryOfUse)\n      }\n      if (isEDucEnabled) {\n        const so = dataAccessRequest.signingOfficial\n        if (isEmpty(soName) && so?.name) {\n          setSoName(so.name)\n        }\n        if (isEmpty(soEmail) && so?.institutionalEmail) {\n          setSoEmail(so.institutionalEmail)\n        }\n      }\n    }\n    // Intentionally only re-synchronize state when server state changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataAccessRequest])\n\n  function getDataAccessRequestWithLocalState(): Request | Renewal {\n    const base = {\n      ...dataAccessRequest,\n      accessorChanges: accessorChanges,\n      publication,\n      summaryOfUse,\n    } as Request | Renewal\n    if (isEDucEnabled) {\n      const nextSo: SigningOfficial = {\n        ...dataAccessRequest?.signingOfficial,\n        name: soName || undefined,\n        institutionalEmail: soEmail || undefined,\n      }\n      return { ...base, signingOfficial: nextSo }\n    }\n    return base\n  }\n\n  async function handleSubmit() {\n    if (dataAccessRequest) {\n      // Save the request\n      const requestObject = await updateRequestAsync(\n        getDataAccessRequestWithLocalState(),\n      )\n      if (onEDucContinue) {\n        onEDucContinue()\n        return\n      }\n      // Create a submission and attach the request\n      submit({\n        request: {\n          requestId: requestObject.id,\n          requestEtag: requestObject.etag,\n          subjectId: subjectId,\n          subjectType: subjectType,\n        },\n        accessRequirementId: String(managedACTAccessRequirement.id),\n      })\n    }\n  }\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Sorry, there is an error in submitting your request.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const onAccessorChange: DataAccessRequestAccessorsEditorProps['onChange'] =\n    updater => {\n      // Copy the array so the caller doesn't have to worry about immutability\n      setAccessorChanges([...updater(accessorChanges || [])])\n    }\n\n  const onClearAttachment = (fid: string) => {\n    updateRequest({\n      ...dataAccessRequest!,\n      attachments: dataAccessRequest!.attachments?.filter(item => item !== fid),\n    })\n  }\n\n  const uploadCallback = (\n    data: UploadCallbackResp,\n    context: keyof Pick<\n      Request,\n      'attachments' | 'irbFileHandleId' | 'ducFileHandleId'\n    >,\n  ) => {\n    if (data.resp && data.success) {\n      // Files are uploaded and synced with the server immediately\n      const uploadResponse: FileUploadComplete = data.resp\n      if (context === 'attachments') {\n        updateRequest({\n          ...dataAccessRequest!,\n          attachments: [\n            ...(dataAccessRequest!.attachments || []),\n            uploadResponse.fileHandleId,\n          ],\n        })\n      } else {\n        updateRequest({\n          ...dataAccessRequest!,\n          [context]: uploadResponse.fileHandleId,\n        })\n      }\n    } else if (!data.success && data.error) {\n      // show the error\n      console.log(\n        'RequestDataAccessStep2: Error uploading the file',\n        data.error,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(data.error.reason),\n      })\n    }\n  }\n\n  const ducFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.ducFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest?.ducFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n  const irbFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.irbFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest.irbFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n\n  const attachmentFileHandleAssociations: FileHandleAssociation[] =\n    (dataAccessRequest?.attachments || []).map(attachmentFileHandleId => ({\n      fileHandleId: attachmentFileHandleId,\n      associateObjectType: FileHandleAssociateType.DataAccessRequestAttachment,\n      associateObjectId: String(dataAccessRequest!.id),\n    })) ?? []\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={props.onHide} />\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          accessRequirement={managedACTAccessRequirement}\n        >\n          <Box\n            component={'form'}\n            sx={{\n              // Must set a minHeight to ensure the user picker in the DataAccessRequestAccessorsEditor doesn't get cut off\n              minHeight: '475px',\n            }}\n            onSubmit={e => e.preventDefault()}\n          >\n            <Typography variant={'body1'} sx={{ mb: 2, fontSize: '16px' }}>\n              Please provide the information below to submit the request for\n              access.\n            </Typography>\n\n            {isEDucEnabled && (\n              <SigningOfficialFields\n                name={soName}\n                email={soEmail}\n                disabled={disableLocalStateFields}\n                onNameChange={setSoName}\n                onEmailChange={setSoEmail}\n              />\n            )}\n\n            {dataAccessRequest && user && (\n              <DataAccessRequestAccessorsEditor\n                accessorChanges={accessorChanges || []}\n                onChange={onAccessorChange}\n                isRenewal={isRenewal}\n                collaboratorLimit={\n                  isEDucEnabled ? EDUC_COLLABORATOR_LIMIT : undefined\n                }\n                helpText={\n                  <AccessorRequirementHelpText\n                    accessRequirement={managedACTAccessRequirement}\n                    isEDucEnabled={isEDucEnabled}\n                  />\n                }\n              />\n            )}\n\n            {((managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled) ||\n              managedACTAccessRequirement?.isIRBApprovalRequired ||\n              managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n              <Divider sx={{ my: 4 }} />\n            )}\n            {/* DUC — hidden for eDUC ARs, which handle DUC via the eDUC flow */}\n            {managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled && (\n              <>\n                <DucUploadSection\n                  accessRequirement={managedACTAccessRequirement}\n                  isLoading={isLoading}\n                  uploadedDucAssociations={ducFileHandleAssociation}\n                  onUpload={resp => uploadCallback(resp, 'ducFileHandleId')}\n                />\n                {(managedACTAccessRequirement?.isIRBApprovalRequired ||\n                  managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {/* IRB */}\n            {managedACTAccessRequirement?.isIRBApprovalRequired && (\n              <>\n                <Typography variant={'headline3'} sx={{ my: 2 }}>\n                  IRB Approval\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  Upload a signed IRB letter on institutional letterhead. The\n                  letter must include the names of all the datasets requested,\n                  as well as the names of the data requesters above. Use the\n                  button below to upload the document.\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'irb'}\n                    isLoading={isLoading}\n                    documentName={'IRB Approval Letter'}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'irbFileHandleId')\n                    }\n                    fileHandleAssociations={irbFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {\n              /* Attachments */\n              managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                <>\n                  <Typography variant={'headline3'} sx={{ my: 2 }}>\n                    Upload other required documents\n                  </Typography>\n                  <Typography\n                    variant={'body1'}\n                    sx={{ ...longFieldLabelSx, my: 2 }}\n                  >\n                    You must upload other required documents. Please review the\n                    instructions to gain data access to determine which\n                    documents must also be uploaded.\n                  </Typography>\n                  <SynapseErrorBoundary>\n                    <UploadDocumentField\n                      id={'file-attachment'}\n                      isLoading={isLoading}\n                      documentName={'Attachment'}\n                      uploadCallback={res => uploadCallback(res, 'attachments')}\n                      isMultiFileUpload={true}\n                      fileHandleAssociations={attachmentFileHandleAssociations}\n                      onClearAttachment={onClearAttachment}\n                    />\n                  </SynapseErrorBoundary>\n                </>\n              )\n            }\n\n            {\n              // SWC-7319 - Per GovernanceInnovation, do not show these fields on renewal\n              // Publications & Summary of Use\n              // isRenewal && (\n              //   <>\n              //     <TextField\n              //       id={'publications'}\n              //       label={'Publication(s)'}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       value={publication}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setPublication(e.target.value)\n              //       }\n              //     />\n              //     <TextField\n              //       id={'summaryOfUse'}\n              //       label={'Summary of use'}\n              //       value={summaryOfUse}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setSummaryOfUse(e.target.value)\n              //       }\n              //     />\n              //   </>\n              // )\n            }\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n        {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            onBackClicked()\n          }}\n        >\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n\n        <Button\n          variant=\"outlined\"\n          disabled={submitDataAccessRequestIsPending}\n          onClick={() => {\n            if (dataAccessRequest) {\n              // include the local state in the onCancel callback so the user may save their changes\n              onCancel(getDataAccessRequestWithLocalState())\n            }\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          loading={submitDataAccessRequestIsPending}\n          disabled={disableSubmitButton}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {onEDucContinue ? 'Continue' : 'Submit'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { FileHandleAssociation, UploadCallbackResp } from '@sage-bionetworks/synapse-types';
+import { AccessorStepAccessRequirement } from './requestFlowTypes';
+export type DucUploadSectionProps = {
+    accessRequirement: AccessorStepAccessRequirement;
+    isLoading: boolean;
+    uploadedDucAssociations: FileHandleAssociation[];
+    onUpload: (response: UploadCallbackResp) => void;
+};
+/**
+ * Lets the user download the DUC template of a non-eDUC access requirement and upload the completed certificate.
+ */
+export default function DucUploadSection(props: DucUploadSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DucUploadSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DucUploadSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DucUploadSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAIlE,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,6BAA6B,CAAA;IAChD,SAAS,EAAE,OAAO,CAAA;IAClB,uBAAuB,EAAE,qBAAqB,EAAE,CAAA;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACjD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA6CpE"}