synapse-react-client 4.0.40 → 4.0.42

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

@@ -2,100 +2,67 @@ import { SynapseErrorBoundary as e } from "../../../error/ErrorBanner.js";
 import { useSynapseContext as t } from "../../../../utils/context/SynapseContext.js";
 import "../../../../utils/index.js";
 import { useSubmitDataAccessRequest as n } from "../../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
-import { useGetDataAccessRequestForUpdate as r, useUpdateDataAccessRequest as i } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useGetCurrentUserProfile as ee } from "../../../../synapse-queries/user/useUserBundle.js";
+import { useGetDataAccessRequestForUpdate as ee, useUpdateDataAccessRequest as te } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetCurrentUserProfile as r } from "../../../../synapse-queries/user/useUserBundle.js";
 import "../../../../synapse-queries/index.js";
-import te from "../../../IconSvg/IconSvg.js";
+import i from "../../../IconSvg/IconSvg.js";
 import { longFieldLabelSx as a } from "../styles.js";
 import ne from "../DataAccessRequestAccessorsEditor.js";
-import re from "../DocumentTemplate.js";
-import ie from "../ManagedACTAccessRequirementFormWikiWrapper.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 { 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 o from "../AccessorRequirementHelpText.js";
+import { UploadDocumentField as s } from "../UploadDocumentField.js";
+import re from "../DucUploadSection.js";
+import c from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import ie from "../SigningOfficialFields.js";
+import { useInitializeRequestAccessors as l } from "../useInitializeRequestAccessors.js";
+import { useEffect as ae, useState as u } from "react";
+import { Alert as d, Box as f, Button as p, DialogActions as m, DialogContent as oe, DialogTitle as se, Divider as h, IconButton as ce, Stack as le, Typography as g } from "@mui/material";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { FileHandleAssociateType as b } from "@sage-bionetworks/synapse-types";
+import x 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,
+function C(S) {
+	let { onSubmissionCreated: C, managedACTAccessRequirement: w, subjectId: T, subjectType: E, researchProjectId: D, onCancel: ue, onBackClicked: de, onEDucContinue: O } = S, { isAuthenticated: k } = t(), { data: A } = r({ enabled: k }), [j, M] = u(), N = !!w.eDucTemplateId, [P, F] = u(), [I, L] = u(), [R, z] = u(), [B, V] = u(""), [H, U] = u(""), { data: W, isLoading: G } = ee(String(w.id), {
+		enabled: k,
 		staleTime: Infinity,
 		throwOnError: !0
-	}), G = U?.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
-	function K(e) {
-		console.log("RequestDataAccessStep2: Error updating form", e), A({
+	}), K = W?.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
+	function q(e) {
+		console.log("RequestDataAccessStep2: Error updating form", e), M({
 			key: "error",
 			message: Q(e.reason)
 		});
 	}
-	let { mutate: ge, isPending: q } = n({
+	let { mutate: fe, isPending: J } = n({
 		onSuccess: (e) => {
-			x(e.submissionId);
+			C(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));
+		onError: q
+	}), { mutate: Y, mutateAsync: pe, isPending: me } = te({ onError: q }), X = G || me || J, he = G || J, ge = J || N && (!B || !H);
+	l({
+		dataAccessRequest: W,
+		user: A,
+		isRenewal: K,
+		updateRequest: Y,
+		researchProjectId: D
+	}), ae(() => {
+		if (W && (W.accessorChanges && P == null && F(W.accessorChanges), K && W.publication && R == null && z(W.publication), K && W.summaryOfUse && I == null && L(W.summaryOfUse), N)) {
+			let e = W.signingOfficial;
+			x(B) && e?.name && V(e.name), x(H) && e?.institutionalEmail && U(e.institutionalEmail);
 		}
-	}, [
-		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)) {
-			let e = U.signingOfficial;
-			b(R) && e?.name && z(e.name), b(B) && e?.institutionalEmail && V(e.institutionalEmail);
-		}
-	}, [U]);
+	}, [W]);
 	function Z() {
 		let e = {
-			...U,
-			accessorChanges: M,
-			publication: I,
-			summaryOfUse: P
+			...W,
+			accessorChanges: P,
+			publication: R,
+			summaryOfUse: I
 		};
-		if (j) {
+		if (N) {
 			let t = {
-				...U?.signingOfficial,
-				name: R || void 0,
-				institutionalEmail: B || void 0
+				...W?.signingOfficial,
+				name: B || void 0,
+				institutionalEmail: H || void 0
 			};
 			return {
 				...e,
@@ -104,64 +71,64 @@ function C(f) {
 		}
 		return e;
 	}
-	async function ye() {
-		if (U) {
-			let e = await J(Z());
-			if (E) {
-				E();
+	async function _e() {
+		if (W) {
+			let e = await pe(Z());
+			if (O) {
+				O();
 				return;
 			}
-			ge({
+			fe({
 				request: {
 					requestId: e.id,
 					requestEtag: e.etag,
-					subjectId: C,
-					subjectType: me
+					subjectId: T,
+					subjectType: E
 				},
-				accessRequirementId: String(S.id)
+				accessRequirementId: String(w.id)
 			});
 		}
 	}
-	let Q = (e = "") => /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g("strong", { children: "Sorry, there is an error in submitting your request." }),
-		/* @__PURE__ */ g("br", {}),
+	let Q = (e = "") => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v("strong", { children: "Sorry, there is an error in submitting your request." }),
+		/* @__PURE__ */ v("br", {}),
 		e
-	] }), be = (e) => {
-		N([...e(M || [])]);
-	}, xe = (e) => {
-		J({
-			...U,
-			attachments: U.attachments?.filter((t) => t !== e)
+	] }), ve = (e) => {
+		F([...e(P || [])]);
+	}, ye = (e) => {
+		Y({
+			...W,
+			attachments: W.attachments?.filter((t) => t !== e)
 		});
 	}, $ = (e, t) => {
 		if (e.resp && e.success) {
 			let n = e.resp;
-			J(t === "attachments" ? {
-				...U,
-				attachments: [...U.attachments || [], n.fileHandleId]
+			Y(t === "attachments" ? {
+				...W,
+				attachments: [...W.attachments || [], n.fileHandleId]
 			} : {
-				...U,
+				...W,
 				[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), M({
 			key: "error",
 			message: Q(e.error.reason)
 		}));
-	}, Se = U?.ducFileHandleId ? [{
-		fileHandleId: U?.ducFileHandleId,
-		associateObjectType: y.DataAccessRequestAttachment,
-		associateObjectId: String(U.id)
-	}] : [], Ce = U?.irbFileHandleId ? [{
-		fileHandleId: U.irbFileHandleId,
-		associateObjectType: y.DataAccessRequestAttachment,
-		associateObjectId: String(U.id)
-	}] : [], we = (U?.attachments || []).map((e) => ({
+	}, be = W?.ducFileHandleId ? [{
+		fileHandleId: W?.ducFileHandleId,
+		associateObjectType: b.DataAccessRequestAttachment,
+		associateObjectId: String(W.id)
+	}] : [], xe = W?.irbFileHandleId ? [{
+		fileHandleId: W.irbFileHandleId,
+		associateObjectType: b.DataAccessRequestAttachment,
+		associateObjectId: String(W.id)
+	}] : [], Se = (W?.attachments || []).map((e) => ({
 		fileHandleId: e,
-		associateObjectType: y.DataAccessRequestAttachment,
-		associateObjectId: String(U.id)
+		associateObjectType: b.DataAccessRequestAttachment,
+		associateObjectId: String(W.id)
 	})) ?? [];
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(le, { children: /* @__PURE__ */ _(de, {
+	return /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(se, { children: /* @__PURE__ */ y(le, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -169,10 +136,10 @@ function C(f) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ g(l, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ g(ue, {
-					onClick: f.onHide,
-					children: /* @__PURE__ */ g(te, {
+				/* @__PURE__ */ v(f, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ v(ce, {
+					onClick: S.onHide,
+					children: /* @__PURE__ */ v(i, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -180,14 +147,14 @@ function C(f) {
 				})
 			]
 		}) }),
-		/* @__PURE__ */ _(ce, { children: [/* @__PURE__ */ g(ie, {
-			managedACTAccessRequirementId: String(S.id),
-			children: /* @__PURE__ */ _(l, {
+		/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ v(c, {
+			managedACTAccessRequirementId: String(w.id),
+			children: /* @__PURE__ */ y(f, {
 				component: "form",
 				sx: { minHeight: "475px" },
 				onSubmit: (e) => e.preventDefault(),
 				children: [
-					/* @__PURE__ */ g(m, {
+					/* @__PURE__ */ v(g, {
 						variant: "body1",
 						sx: {
 							mb: 2,
@@ -195,110 +162,37 @@ 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,
-						isRenewal: G,
-						collaboratorLimit: j ? 97 : void 0,
-						helpText: /* @__PURE__ */ g(pe, {
-							managedACTAccessRequirement: S,
-							isEDucEnabled: j
+					N && /* @__PURE__ */ v(ie, {
+						name: B,
+						email: H,
+						disabled: he,
+						onNameChange: V,
+						onEmailChange: U
+					}),
+					W && A && /* @__PURE__ */ v(ne, {
+						accessorChanges: P || [],
+						onChange: ve,
+						isRenewal: K,
+						collaboratorLimit: N ? 97 : void 0,
+						helpText: /* @__PURE__ */ v(o, {
+							accessRequirement: w,
+							isEDucEnabled: N
 						})
 					}),
-					(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?.isIRBApprovalRequired && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(m, {
+					(w?.isDUCRequired && !N || w?.isIRBApprovalRequired || w?.areOtherAttachmentsRequired) && /* @__PURE__ */ v(h, { sx: { my: 4 } }),
+					w?.isDUCRequired && !N && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(re, {
+						accessRequirement: w,
+						isLoading: X,
+						uploadedDucAssociations: be,
+						onUpload: (e) => $(e, "ducFileHandleId")
+					}), (w?.isIRBApprovalRequired || w?.areOtherAttachmentsRequired) && /* @__PURE__ */ v(h, { sx: { my: 4 } })] }),
+					w?.isIRBApprovalRequired && /* @__PURE__ */ y(_, { children: [
+						/* @__PURE__ */ v(g, {
 							variant: "headline3",
 							sx: { my: 2 },
 							children: "IRB Approval"
 						}),
-						/* @__PURE__ */ g(m, {
+						/* @__PURE__ */ v(g, {
 							variant: "body1",
 							sx: {
 								...a,
@@ -306,22 +200,22 @@ function C(f) {
 							},
 							children: "Upload a signed IRB letter on institutional letterhead. The letter must include the names of all the datasets requested, as well as the names of the data requesters above. Use the button below to upload the document."
 						}),
-						/* @__PURE__ */ g(e, { children: /* @__PURE__ */ g(o, {
+						/* @__PURE__ */ v(e, { children: /* @__PURE__ */ v(s, {
 							id: "irb",
-							isLoading: Y,
+							isLoading: X,
 							documentName: "IRB Approval Letter",
 							uploadCallback: (e) => $(e, "irbFileHandleId"),
-							fileHandleAssociations: Ce
+							fileHandleAssociations: xe
 						}) }),
-						S?.areOtherAttachmentsRequired && /* @__PURE__ */ g(d, { sx: { my: 4 } })
+						w?.areOtherAttachmentsRequired && /* @__PURE__ */ v(h, { sx: { my: 4 } })
 					] }),
-					S?.areOtherAttachmentsRequired && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(m, {
+					w?.areOtherAttachmentsRequired && /* @__PURE__ */ y(_, { children: [
+						/* @__PURE__ */ v(g, {
 							variant: "headline3",
 							sx: { my: 2 },
 							children: "Upload other required documents"
 						}),
-						/* @__PURE__ */ g(m, {
+						/* @__PURE__ */ v(g, {
 							variant: "body1",
 							sx: {
 								...a,
@@ -329,47 +223,47 @@ function C(f) {
 							},
 							children: "You must upload other required documents. Please review the instructions to gain data access to determine which documents must also be uploaded."
 						}),
-						/* @__PURE__ */ g(e, { children: /* @__PURE__ */ g(o, {
+						/* @__PURE__ */ v(e, { children: /* @__PURE__ */ v(s, {
 							id: "file-attachment",
-							isLoading: Y,
+							isLoading: X,
 							documentName: "Attachment",
 							uploadCallback: (e) => $(e, "attachments"),
 							isMultiFileUpload: !0,
-							fileHandleAssociations: we,
-							onClearAttachment: xe
+							fileHandleAssociations: Se,
+							onClearAttachment: ye
 						}) })
 					] })
 				]
 			})
-		}), k && /* @__PURE__ */ g(oe, {
-			severity: k.key,
-			children: k.message
+		}), j && /* @__PURE__ */ v(d, {
+			severity: j.key,
+			children: j.message
 		})] }),
-		/* @__PURE__ */ _(se, { children: [
-			/* @__PURE__ */ g(u, {
+		/* @__PURE__ */ y(m, { children: [
+			/* @__PURE__ */ v(p, {
 				variant: "outlined",
 				onClick: () => {
-					he();
+					de();
 				},
 				children: "Back"
 			}),
-			/* @__PURE__ */ g(l, { sx: { flexGrow: 1 } }),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ v(f, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ v(p, {
 				variant: "outlined",
-				disabled: q,
+				disabled: J,
 				onClick: () => {
-					U && T(Z());
+					W && ue(Z());
 				},
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ v(p, {
 				variant: "contained",
-				loading: q,
-				disabled: ve,
+				loading: J,
+				disabled: ge,
 				onClick: () => {
-					ye();
+					_e();
 				},
-				children: E ? "Continue" : "Submit"
+				children: O ? "Continue" : "Submit"
 			})
 		] })
 	] });