synapse-react-client 4.0.35 → 4.0.37

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

@@ -1,24 +1,24 @@
 import e from "../../../../synapse-client/index.js";
 import { useGetDataAccessRequestForUpdate as t } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useGetDataAccessRequestPreview as n, useInitiateDataAccessRequestSignature as r } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import { useGetDataAccessRequestPreview as n, useGetDataAccessRequestSignatureQuota as r, useInitiateDataAccessRequestSignature as i } from "../../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../../synapse-queries/index.js";
-import i from "../../../IconSvg/IconSvg.js";
-import { longFieldLabelSx as a } from "../styles.js";
-import { useFetchBlobUrl as o } from "../../../../utils/hooks/useFetchBlobUrl.js";
-import { Alert as s, Box as c, Button as l, DialogActions as u, DialogContent as d, DialogTitle as f, Divider as p, IconButton as m, Skeleton as h, Stack as g, Typography as _ } from "@mui/material";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { FileHandleAssociateType as x } from "@sage-bionetworks/synapse-types";
+import a from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as o } from "../styles.js";
+import { useFetchBlobUrl as s } from "../../../../utils/hooks/useFetchBlobUrl.js";
+import { Alert as c, Box as l, Button as u, DialogActions as d, DialogContent as f, DialogTitle as p, Divider as m, IconButton as h, Skeleton as g, Stack as _, Tooltip 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/EDucPreviewStep/EDucPreviewStep.tsx
-var S = "500px";
-function C(C) {
-	let { managedACTAccessRequirement: T, onHide: E, onBackClicked: D, onSendForSignature: O, onManualUpload: k, previewSrcOverride: A } = C, { data: j, isLoading: M } = t(String(T.id), {
+var w = "500px";
+function T(T) {
+	let { managedACTAccessRequirement: D, onHide: O, onBackClicked: k, onSendForSignature: A, onManualUpload: j, previewSrcOverride: M } = T, { data: N, isLoading: P } = t(String(D.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), { data: N, isLoading: P, error: F } = n(j?.id ?? "", { enabled: !!j?.id }), I = N?.fileHandleId, { blobUrl: L, error: R } = o(A || !I || !j?.id ? void 0 : e.getPortalFileHandleServletUrl(I, j.id, x.DataAccessRequestAttachment)), { mutate: z, isPending: B, error: V, reset: H } = r({ onSuccess: () => O() }), U = M || !!j?.id && P || !A && !!I && !L && !R, W = U || !A && !L || B, G = () => {
-		j?.id && (H(), z(j.id));
+	}), { data: F, isLoading: I, error: L } = n(N?.id ?? "", { enabled: !!N?.id }), R = F?.fileHandleId, { blobUrl: z, error: B } = s(M || !R || !N?.id ? void 0 : e.getPortalFileHandleServletUrl(R, N.id, C.DataAccessRequestAttachment)), { mutate: V, isPending: H, error: U, reset: W } = i({ onSuccess: () => A() }), { data: G } = r(N?.id ?? "", { enabled: !!N?.id }), K = G?.remaining != null && G.remaining <= 0, q = P || !!N?.id && I || !M && !!R && !z && !B, J = q || !M && !z || H, Y = () => {
+		N?.id && (W(), V(N.id));
 	};
-	return /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y(f, { children: /* @__PURE__ */ b(g, {
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x(p, { children: /* @__PURE__ */ S(_, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -26,11 +26,11 @@ function C(C) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ y(c, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ y(m, {
+				/* @__PURE__ */ x(l, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ x(h, {
 					"aria-label": "Close",
-					onClick: E,
-					children: /* @__PURE__ */ y(i, {
+					onClick: O,
+					children: /* @__PURE__ */ x(a, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -38,8 +38,8 @@ function C(C) {
 				})
 			]
 		}) }),
-		/* @__PURE__ */ b(d, { children: [
-			/* @__PURE__ */ y(_, {
+		/* @__PURE__ */ S(f, { children: [
+			/* @__PURE__ */ x(y, {
 				variant: "body1",
 				sx: {
 					fontWeight: 700,
@@ -47,38 +47,38 @@ function C(C) {
 				},
 				children: "Take a minute to preview your DUC"
 			}),
-			/* @__PURE__ */ y(_, {
+			/* @__PURE__ */ x(y, {
 				variant: "body1",
 				sx: {
-					...a,
+					...o,
 					mb: 2
 				},
 				children: "Please ensure that all information is correct, as incorrect information will result in the rejection of your access request. Use the Back button to return to previous steps and modify any details."
 			}),
-			U && /* @__PURE__ */ y(h, {
+			q && /* @__PURE__ */ x(g, {
 				variant: "rectangular",
 				width: "100%",
-				height: S,
+				height: w,
 				"data-testid": "EDucPreviewStep-loading"
 			}),
-			!U && (F || R) && /* @__PURE__ */ b(s, {
+			!q && (L || B) && /* @__PURE__ */ S(c, {
 				severity: "error",
 				children: [
-					/* @__PURE__ */ y("strong", { children: "Sorry, we couldn't load your DUC preview." }),
-					/* @__PURE__ */ y("br", {}),
-					F?.reason ?? R?.message
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't load your DUC preview." }),
+					/* @__PURE__ */ x("br", {}),
+					L?.reason ?? B?.message
 				]
 			}),
-			!U && !F && !R && (A || L) && /* @__PURE__ */ y("iframe", {
+			!q && !L && !B && (M || z) && /* @__PURE__ */ x("iframe", {
 				title: "eDUC preview",
-				src: A ?? L,
+				src: M ?? z,
 				style: {
 					border: 0,
 					width: "100%",
-					height: S
+					height: w
 				}
 			}),
-			/* @__PURE__ */ b(c, {
+			/* @__PURE__ */ S(l, {
 				sx: {
 					mt: 3,
 					border: "1px solid",
@@ -86,49 +86,59 @@ function C(C) {
 					borderRadius: 1
 				},
 				children: [
-					/* @__PURE__ */ y(w, {
+					/* @__PURE__ */ x(E, {
 						title: "Email DUC to Collaborators",
 						description: "Complete and sign the DUC online by emailing a secure DocuSign link to your listed collaborators. Notifications will be sent directly to the email address associated with their Synapse accounts. This is fastest way to get access.",
-						action: /* @__PURE__ */ y(l, {
-							variant: "contained",
-							disabled: W,
-							onClick: G,
-							children: B ? "Sending..." : "Send for electronic signature"
+						action: /* @__PURE__ */ x(v, {
+							title: K ? `You have used all ${G?.quota ?? ""} of your electronic signature routings for this request. Please contact ACT to request a quota reset.` : "",
+							arrow: !0,
+							disableHoverListener: !K,
+							disableFocusListener: !K,
+							disableTouchListener: !K,
+							children: /* @__PURE__ */ x(l, {
+								component: "span",
+								children: /* @__PURE__ */ x(u, {
+									variant: "contained",
+									disabled: J || K,
+									onClick: Y,
+									children: H ? "Sending..." : "Send for electronic signature"
+								})
+							})
 						})
 					}),
-					/* @__PURE__ */ y(p, {}),
-					/* @__PURE__ */ y(w, {
+					/* @__PURE__ */ x(m, {}),
+					/* @__PURE__ */ x(E, {
 						title: "Print and upload a PDF instead",
 						description: "Download the DUC, sign it by hand, and upload the completed document.",
-						action: /* @__PURE__ */ y(l, {
+						action: /* @__PURE__ */ x(u, {
 							variant: "outlined",
-							disabled: W,
-							onClick: k,
+							disabled: J,
+							onClick: j,
 							children: "Manually print and upload PDF"
 						})
 					})
 				]
 			}),
-			V && /* @__PURE__ */ b(s, {
+			U && /* @__PURE__ */ S(c, {
 				severity: "error",
 				sx: { mt: 2 },
 				children: [
-					/* @__PURE__ */ y("strong", { children: "Sorry, we couldn't send your DUC for electronic signature." }),
-					/* @__PURE__ */ y("br", {}),
-					V.reason
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't send your DUC for electronic signature." }),
+					/* @__PURE__ */ x("br", {}),
+					U.reason
 				]
 			})
 		] }),
-		/* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(l, {
+		/* @__PURE__ */ x(d, { children: /* @__PURE__ */ x(u, {
 			variant: "outlined",
-			onClick: D,
+			onClick: k,
 			children: "Back"
 		}) })
 	] });
 }
-function w(e) {
+function E(e) {
 	let { title: t, description: n, action: r } = e;
-	return /* @__PURE__ */ b(g, {
+	return /* @__PURE__ */ S(_, {
 		direction: {
 			xs: "column",
 			sm: "row"
@@ -138,27 +148,27 @@ function w(e) {
 			gap: 2,
 			p: 2
 		},
-		children: [/* @__PURE__ */ b(c, {
+		children: [/* @__PURE__ */ S(l, {
 			sx: { flexGrow: 1 },
-			children: [/* @__PURE__ */ y(_, {
+			children: [/* @__PURE__ */ x(y, {
 				variant: "body1",
 				sx: {
 					fontWeight: 700,
 					mb: .5
 				},
 				children: t
-			}), /* @__PURE__ */ y(_, {
+			}), /* @__PURE__ */ x(y, {
 				variant: "body1",
-				sx: a,
+				sx: o,
 				children: n
 			})]
-		}), /* @__PURE__ */ y(c, {
+		}), /* @__PURE__ */ x(l, {
 			sx: { flexShrink: 0 },
 			children: r
 		})]
 	});
 }
 //#endregion
-export { C as default };
+export { T as default };
 
 //# sourceMappingURL=EDucPreviewStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EDucPreviewStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useInitiateDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  onSendForSignature: () => void\n  onManualUpload: () => void\n  /**\n   * Optional iframe `src` override for demos and stories. When set, the blob fetch is skipped\n   * and this URL is used directly as the iframe src. Production callers should not set this.\n   */\n  previewSrcOverride?: string\n}\n\n/**\n * Wizard step shown after the \"Review / Create a DUC\" step (PORTALS-4414).\n * Displays the generated eDUC document in an iframe so the user can review it\n * before sending it for electronic signature (PORTALS-4378) or manually printing and\n * uploading a signed PDF (PORTALS-4379).\n */\nexport default function EDucPreviewStep(props: EDucPreviewStepProps) {\n  const {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onSendForSignature,\n    onManualUpload,\n    previewSrcOverride,\n  } = props\n\n  const { data: dataAccessRequest, isLoading: isLoadingDar } =\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),\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId || !dataAccessRequest?.id\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        ),\n  )\n\n  const {\n    mutate: initiateSignature,\n    isPending: isSendingForSignature,\n    error: sendForSignatureError,\n    reset: resetSendForSignature,\n  } = useInitiateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(dataAccessRequest?.id) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n\n  const handleSendForSignature = () => {\n    if (!dataAccessRequest?.id) return\n    resetSendForSignature()\n    initiateSignature(dataAccessRequest.id)\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        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n          Take a minute to preview your DUC\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Please ensure that all information is correct, as incorrect\n          information will result in the rejection of your access request. Use\n          the Back button to return to previous steps and modify any details.\n        </Typography>\n\n        {isLoading && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={PDF_PREVIEW_HEIGHT}\n            data-testid={'EDucPreviewStep-loading'}\n          />\n        )}\n        {!isLoading && (previewError || blobError) && (\n          <Alert severity={'error'}>\n            <strong>Sorry, we couldn&apos;t load your DUC preview.</strong>\n            <br />\n            {previewError?.reason ?? blobError?.message}\n          </Alert>\n        )}\n        {!isLoading &&\n          !previewError &&\n          !blobError &&\n          (previewSrcOverride || blobUrl) && (\n            <iframe\n              title={'eDUC preview'}\n              src={previewSrcOverride ?? blobUrl}\n              style={{ border: 0, width: '100%', height: PDF_PREVIEW_HEIGHT }}\n            />\n          )}\n\n        <Box\n          sx={{\n            mt: 3,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            borderRadius: 1,\n          }}\n        >\n          <ActionRow\n            title={'Email DUC to Collaborators'}\n            description={\n              'Complete and sign the DUC online by emailing a secure DocuSign link to your listed collaborators. Notifications will be sent directly to the email address associated with their Synapse accounts. This is fastest way to get access.'\n            }\n            action={\n              <Button\n                variant={'contained'}\n                disabled={actionsDisabled}\n                onClick={handleSendForSignature}\n              >\n                {isSendingForSignature\n                  ? 'Sending...'\n                  : 'Send for electronic signature'}\n              </Button>\n            }\n          />\n          <Divider />\n          <ActionRow\n            title={'Print and upload a PDF instead'}\n            description={\n              'Download the DUC, sign it by hand, and upload the completed document.'\n            }\n            action={\n              <Button\n                variant={'outlined'}\n                disabled={actionsDisabled}\n                onClick={onManualUpload}\n              >\n                Manually print and upload PDF\n              </Button>\n            }\n          />\n        </Box>\n        {sendForSignatureError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>\n              Sorry, we couldn&apos;t send your DUC for electronic signature.\n            </strong>\n            <br />\n            {sendForSignatureError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ActionRow(props: {\n  title: string\n  description: string\n  action: ReactNode\n}) {\n  const { title, description, action } = props\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      sx={{ alignItems: { sm: 'center' }, gap: 2, p: 2 }}\n    >\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 0.5 }}>\n          {title}\n        </Typography>\n        <Typography variant={'body1'} sx={longFieldLabelSx}>\n          {description}\n        </Typography>\n      </Box>\n      <Box sx={{ flexShrink: 0 }}>{action}</Box>\n    </Stack>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EDucPreviewStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureQuota,\n  useInitiateDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  onSendForSignature: () => void\n  onManualUpload: () => void\n  /**\n   * Optional iframe `src` override for demos and stories. When set, the blob fetch is skipped\n   * and this URL is used directly as the iframe src. Production callers should not set this.\n   */\n  previewSrcOverride?: string\n}\n\n/**\n * Wizard step shown after the \"Review / Create a DUC\" step (PORTALS-4414).\n * Displays the generated eDUC document in an iframe so the user can review it\n * before sending it for electronic signature (PORTALS-4378) or manually printing and\n * uploading a signed PDF (PORTALS-4379).\n */\nexport default function EDucPreviewStep(props: EDucPreviewStepProps) {\n  const {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onSendForSignature,\n    onManualUpload,\n    previewSrcOverride,\n  } = props\n\n  const { data: dataAccessRequest, isLoading: isLoadingDar } =\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),\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId || !dataAccessRequest?.id\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        ),\n  )\n\n  const {\n    mutate: initiateSignature,\n    isPending: isSendingForSignature,\n    error: sendForSignatureError,\n    reset: resetSendForSignature,\n  } = useInitiateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  // Preflight the quota so we can disable the send-for-signature action when the user is at\n  // or over their limit. A fetch error falls back to the current enabled behavior so a quota\n  // service outage doesn't spuriously block valid requests.\n  const { data: signatureQuota } = useGetDataAccessRequestSignatureQuota(\n    dataAccessRequest?.id ?? '',\n    { enabled: Boolean(dataAccessRequest?.id) },\n  )\n  const isAtOrOverQuota =\n    signatureQuota?.remaining != null && signatureQuota.remaining <= 0\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(dataAccessRequest?.id) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n\n  const handleSendForSignature = () => {\n    if (!dataAccessRequest?.id) return\n    resetSendForSignature()\n    initiateSignature(dataAccessRequest.id)\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        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n          Take a minute to preview your DUC\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Please ensure that all information is correct, as incorrect\n          information will result in the rejection of your access request. Use\n          the Back button to return to previous steps and modify any details.\n        </Typography>\n\n        {isLoading && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={PDF_PREVIEW_HEIGHT}\n            data-testid={'EDucPreviewStep-loading'}\n          />\n        )}\n        {!isLoading && (previewError || blobError) && (\n          <Alert severity={'error'}>\n            <strong>Sorry, we couldn&apos;t load your DUC preview.</strong>\n            <br />\n            {previewError?.reason ?? blobError?.message}\n          </Alert>\n        )}\n        {!isLoading &&\n          !previewError &&\n          !blobError &&\n          (previewSrcOverride || blobUrl) && (\n            <iframe\n              title={'eDUC preview'}\n              src={previewSrcOverride ?? blobUrl}\n              style={{ border: 0, width: '100%', height: PDF_PREVIEW_HEIGHT }}\n            />\n          )}\n\n        <Box\n          sx={{\n            mt: 3,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            borderRadius: 1,\n          }}\n        >\n          <ActionRow\n            title={'Email DUC to Collaborators'}\n            description={\n              'Complete and sign the DUC online by emailing a secure DocuSign link to your listed collaborators. Notifications will be sent directly to the email address associated with their Synapse accounts. This is fastest way to get access.'\n            }\n            action={\n              <Tooltip\n                title={\n                  isAtOrOverQuota\n                    ? `You have used all ${signatureQuota?.quota ?? ''} of your electronic signature routings for this request. Please contact ACT to request a quota reset.`\n                    : ''\n                }\n                arrow\n                disableHoverListener={!isAtOrOverQuota}\n                disableFocusListener={!isAtOrOverQuota}\n                disableTouchListener={!isAtOrOverQuota}\n              >\n                {/* Tooltip wrapper Box is needed because MUI Tooltip does not fire on disabled children directly. */}\n                <Box component={'span'}>\n                  <Button\n                    variant={'contained'}\n                    disabled={actionsDisabled || isAtOrOverQuota}\n                    onClick={handleSendForSignature}\n                  >\n                    {isSendingForSignature\n                      ? 'Sending...'\n                      : 'Send for electronic signature'}\n                  </Button>\n                </Box>\n              </Tooltip>\n            }\n          />\n          <Divider />\n          <ActionRow\n            title={'Print and upload a PDF instead'}\n            description={\n              'Download the DUC, sign it by hand, and upload the completed document.'\n            }\n            action={\n              <Button\n                variant={'outlined'}\n                disabled={actionsDisabled}\n                onClick={onManualUpload}\n              >\n                Manually print and upload PDF\n              </Button>\n            }\n          />\n        </Box>\n        {sendForSignatureError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>\n              Sorry, we couldn&apos;t send your DUC for electronic signature.\n            </strong>\n            <br />\n            {sendForSignatureError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ActionRow(props: {\n  title: string\n  description: string\n  action: ReactNode\n}) {\n  const { title, description, action } = props\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      sx={{ alignItems: { sm: 'center' }, gap: 2, p: 2 }}\n    >\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 0.5 }}>\n          {title}\n        </Typography>\n        <Typography variant={'body1'} sx={longFieldLabelSx}>\n          {description}\n        </Typography>\n      </Box>\n      <Box sx={{ flexShrink: 0 }}>{action}</Box>\n    </Stack>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ManualUploadDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAGL,2BAA2B,EAC3B,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAOxC,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,sBAAsB,CAAA;IACnC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAgS1E"}
+{"version":3,"file":"ManualUploadDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAGL,2BAA2B,EAC3B,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAOxC,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,sBAAsB,CAAA;IACnC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8S1E"}

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

@@ -8,7 +8,7 @@ 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 { Alert as d, Box as f, Button as p, DialogActions as m, DialogContent as ee, 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
@@ -16,38 +16,39 @@ 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 && M?.id ? e.getPortalFileHandleServletUrl(R, M.id, C.DataAccessRequestAttachment) : 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({
+	}), [F, I] = u(!1), { data: L, isLoading: R, error: z } = i(M?.id ?? "", { enabled: !!M?.id && !j && !F }), B = L?.fileHandleId, V = j ?? (B && M?.id ? e.getPortalFileHandleServletUrl(B, M.id, C.DataAccessRequestAttachment) : void 0), [H, U] = u(), [W, G] = u(), { mutate: K, mutateAsync: q, isPending: J } = r({ onError: (e) => U(e.reason) }), { mutateAsync: Y, isPending: X } = a({ onError: (e) => U(e.reason) }), { mutate: Z, isPending: Q } = 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 ? [{
+		onError: (e) => G(e.reason)
+	}), te = M?.accessorChanges ?? [], ne = M?.principalInvestigator, re = M?.signingOfficial, $ = M?.ducFileHandleId, ie = $ && M?.id ? [{
 		fileHandleId: $,
 		associateObjectType: C.DataAccessRequestAttachment,
 		associateObjectId: M.id
-	}] : [], re = N || I || !z, ie = N || !M || !$ || K || J || X, ae = async (e) => {
+	}] : [], ae = N || R || !V, oe = N || !M || !$ || J || X || Q, se = 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);
+			n && U(n);
 			return;
 		}
-		V(void 0);
+		U(void 0);
 		let t = !!M.eDucSignatureEnvelopeId, n = M;
 		if (t) {
+			I(!0);
 			try {
-				await q(M.id);
+				await Y(M.id);
 			} catch {
 				return;
 			}
 			n = (await P()).data ?? M;
 		}
-		W({
+		K({
 			...n,
 			ducFileHandleId: e.resp.fileHandleId
 		});
-	}, oe = async () => {
+	}, ce = async () => {
 		if (!M) return;
-		U(void 0);
-		let e = await G(M).catch(() => null);
-		e && Y({
+		G(void 0);
+		let e = await q(M).catch(() => null);
+		e && Z({
 			request: {
 				requestId: e.id,
 				requestEtag: e.etag,
@@ -78,7 +79,7 @@ function w(w) {
 				})
 			]
 		}) }),
-		/* @__PURE__ */ x(m, { children: /* @__PURE__ */ S(f, { children: [
+		/* @__PURE__ */ x(ee, { children: /* @__PURE__ */ S(f, { children: [
 			/* @__PURE__ */ x(y, {
 				variant: "headline3",
 				sx: { mb: 2 },
@@ -103,9 +104,9 @@ function w(w) {
 			/* @__PURE__ */ x(f, {
 				sx: { mb: 3 },
 				children: /* @__PURE__ */ x(l, {
-					accessorChanges: Z,
-					principalInvestigator: Q,
-					signingOfficial: te,
+					accessorChanges: te,
+					principalInvestigator: ne,
+					signingOfficial: re,
 					isLoading: N
 				})
 			}),
@@ -150,20 +151,20 @@ function w(w) {
 							},
 							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, {
+						z ? /* @__PURE__ */ S(d, {
 							severity: "error",
 							children: [
 								/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't prepare your DUC for download." }),
 								/* @__PURE__ */ x("br", {}),
-								L.reason
+								z.reason
 							]
 						}) : /* @__PURE__ */ x(p, {
 							component: "a",
-							href: z ?? void 0,
+							href: V ?? void 0,
 							target: "_blank",
 							rel: "noopener",
 							variant: "outlined",
-							disabled: re,
+							disabled: ae,
 							endIcon: /* @__PURE__ */ x(o, {
 								icon: "download",
 								wrap: !1
@@ -211,35 +212,35 @@ function w(w) {
 						}) : /* @__PURE__ */ x(c, {
 							id: "signed-duc",
 							documentName: "Signed DUC",
-							isLoading: K || J,
+							isLoading: J || X,
 							uploadCallback: (e) => {
-								ae(e);
+								se(e);
 							},
-							fileHandleAssociations: ne
+							fileHandleAssociations: ie
 						})
 					]
 				})]
 			}),
-			B && /* @__PURE__ */ S(d, {
+			H && /* @__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
 				]
 			}),
-			H && /* @__PURE__ */ S(d, {
+			W && /* @__PURE__ */ S(d, {
 				severity: "error",
 				sx: { mt: 2 },
 				children: [
 					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't submit your request." }),
 					/* @__PURE__ */ x("br", {}),
-					H
+					W
 				]
 			})
 		] }) }),
-		/* @__PURE__ */ S(ee, { children: [
+		/* @__PURE__ */ S(m, { children: [
 			/* @__PURE__ */ x(p, {
 				variant: "outlined",
 				onClick: k,
@@ -248,10 +249,10 @@ function w(w) {
 			/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
 			/* @__PURE__ */ x(p, {
 				variant: "contained",
-				disabled: ie,
-				loading: X,
+				disabled: oe,
+				loading: Q,
 				onClick: () => {
-					oe();
+					ce();
 				},
 				children: "Submit Request"
 			})

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

@@ -1 +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 && dataAccessRequest?.id\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\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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"}
+{"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  // Once we start the void → refetch → updateDar sequence, the preview query must not run again:\n  // GET /dataAccessRequest/{id}/preview has server-side side effects (creates a new signature\n  // envelope, resets DAR to draft) that repopulate `eDucSignatureEnvelopeId` on the DAR. The\n  // backend then rejects the follow-up updateDar because we're trying to set a manually-uploaded\n  // `ducFileHandleId` on a DAR that still has an active signature envelope. Because\n  // `useVoidDataAccessRequestSignature` invalidates the root DAR query key on success, an active\n  // preview observer would otherwise be auto-refetched.\n  const [isSubmittingSignedDuc, setIsSubmittingSignedDuc] = useState(false)\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled:\n      Boolean(dataAccessRequest?.id) &&\n      !downloadHrefOverride &&\n      !isSubmittingSignedDuc,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId && dataAccessRequest?.id\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\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      // Freeze the preview query before voiding — see the comment above the `isSubmittingSignedDuc` state.\n      setIsSubmittingSignedDuc(true)\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/Aridhia/AridhiaAccessStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AridhiaAccessStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Aridhia/AridhiaAccessStatus.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8D1E"}
+{"version":3,"file":"AridhiaAccessStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Aridhia/AridhiaAccessStatus.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAkG1E"}