synapse-react-client 4.0.42 → 4.0.44

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

@@ -2,76 +2,59 @@ import e from "../../../../synapse-client/index.js";
 import { useGetDataAccessRequestForUpdate as t } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useCheckDataAccessRequestSignatureUpdatable as n, useGetDataAccessRequestPreview as r, useGetDataAccessRequestSignatureQuota as ee, useInitiateDataAccessRequestSignature as te, useUpdateDataAccessRequestSignature as ne, useVoidDataAccessRequestSignature as re } from "../../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../../synapse-queries/index.js";
-import { DialogBase as ie } from "../../../DialogBase.js";
-import { CANCEL_BUTTON_TEXT as ae, ConfirmationDialog as oe } from "../../../ConfirmationDialog/ConfirmationDialog.js";
+import { DialogBase as ie, DialogBaseTitle as ae } from "../../../DialogBase.js";
+import { CANCEL_BUTTON_TEXT as oe, ConfirmationDialog as se } from "../../../ConfirmationDialog/ConfirmationDialog.js";
 import "../../../ConfirmationDialog/index.js";
-import se from "../../../IconSvg/IconSvg.js";
 import { longFieldLabelSx as i } from "../styles.js";
 import { useFetchBlobUrl as ce } from "../../../../utils/hooks/useFetchBlobUrl.js";
 import { SignatureQuotaExhaustedMessage as a } from "../eDucSignatureUtils.js";
 import { useState as o } from "react";
-import { Alert as s, Box as c, Button as l, DialogActions as le, DialogContent as ue, DialogTitle as de, Divider as fe, IconButton as pe, Skeleton as me, Stack as u, Tooltip as d, Typography as f } from "@mui/material";
+import { Alert as s, Box as c, Button as l, DialogActions as le, DialogContent as ue, Divider as de, Skeleton as fe, Stack as u, Tooltip as d, Typography as f } from "@mui/material";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { FileHandleAssociateType as he } from "@sage-bionetworks/synapse-types";
+import { FileHandleAssociateType as pe } from "@sage-bionetworks/synapse-types";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx
-var g = "500px", _ = "Send for electronic signature", v = "Keep your existing DUC or send a new one?", y = "Keep Existing DUC", b = "Send new DUC", x = "Restart DUC signing?", S = "I understand, send new DUC", ge = "Sorry, we couldn't check the status of your existing signature request.", _e = "Sorry, we couldn't apply your changes to your existing signature request.", ve = "Sorry, we couldn't cancel your existing signature request.", ye = "Sorry, we couldn't send your DUC for electronic signature.";
-function C(C) {
-	let { managedACTAccessRequirement: xe, onHide: Se, onBackClicked: Ce, onSendForSignature: E, onManualUpload: we, previewSrcOverride: D } = C, { data: O, isLoading: k } = t(String(xe.id), {
+var g = "500px", _ = "Send for electronic signature", v = "Keep your existing DUC or send a new one?", y = "Keep Existing DUC", b = "Send new DUC", x = "Restart DUC signing?", S = "I understand, send new DUC", me = "Sorry, we couldn't check the status of your existing signature request.", he = "Sorry, we couldn't apply your changes to your existing signature request.", ge = "Sorry, we couldn't cancel your existing signature request.", _e = "Sorry, we couldn't send your DUC for electronic signature.";
+function C(u) {
+	let { managedACTAccessRequirement: C, onHide: ye, onBackClicked: be, onSendForSignature: E, onManualUpload: xe, previewSrcOverride: D } = u, { data: O, isLoading: Se } = t(String(C.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), A = O?.id, j = !!O?.eDucSignatureEnvelopeId, [Te, Ee] = o(!1), { data: De, isLoading: Oe, error: M } = r(A ?? "", { enabled: !!A && !Te }), N = De?.fileHandleId, { blobUrl: P, error: F } = ce(D || !N || !A ? void 0 : e.getPortalFileHandleServletUrl(N, A, he.DataAccessRequestAttachment)), { mutateAsync: ke, isPending: Ae, error: I, reset: je } = n(), { mutate: Me, isPending: L, error: R, reset: Ne } = ne({ onSuccess: () => E() }), { mutateAsync: Pe, isPending: Fe, error: z, reset: Ie } = re(), { mutate: B, isPending: Le, error: V, reset: Re } = te({ onSuccess: () => E() }), { data: H, isLoading: ze } = ee(A ?? "", { enabled: !!A }), U = H?.remaining != null && H.remaining <= 0, W = U && !j, [G, K] = o(null), [Be, q] = o(!1), J = Ae || L || Fe || Le, Y = k || !!A && Oe || !D && !!N && !P && !F, X = Y || !D && !P || J, Ve = X || ze || W, Z = I && {
-		title: ge,
-		reason: I.reason
+	}), k = O?.id, A = !!O?.eDucSignatureEnvelopeId, [j, M] = o(!1), { data: Ce, isLoading: we, error: N } = r(k ?? "", { enabled: !!k && !j }), P = Ce?.fileHandleId, { blobUrl: F, error: I } = ce(D || !P || !k ? void 0 : e.getPortalFileHandleServletUrl(P, k, pe.DataAccessRequestAttachment)), { mutateAsync: Te, isPending: Ee, error: L, reset: De } = n(), { mutate: Oe, isPending: ke, error: R, reset: Ae } = ne({ onSuccess: () => E() }), { mutateAsync: je, isPending: Me, error: z, reset: Ne } = re(), { mutate: B, isPending: Pe, error: V, reset: Fe } = te({ onSuccess: () => E() }), { data: H, isLoading: Ie } = ee(k ?? "", { enabled: !!k }), U = H?.remaining != null && H.remaining <= 0, W = U && !A, [G, K] = o(null), [Le, q] = o(!1), J = Ee || ke || Me || Pe, Y = Se || !!k && we || !D && !!P && !F && !I, X = Y || !D && !F || J, Re = X || Ie || W, Z = L && {
+		title: me,
+		reason: L.reason
 	} || R && {
-		title: _e,
+		title: he,
 		reason: R.reason
 	} || z && {
-		title: ve,
+		title: ge,
 		reason: z.reason
 	} || V && {
-		title: ye,
+		title: _e,
 		reason: V.reason
-	} || Be && {
+	} || Le && {
 		title: "Sorry, you've used all of your electronic signature requests.",
 		reason: /* @__PURE__ */ m(a, { quota: H?.quota })
-	}, He = () => {
-		je(), Ne(), Ie(), Re(), q(!1);
-	}, Ue = async () => {
-		if (!A) return;
-		if (He(), Ee(!0), !j) {
-			B(A);
+	}, ze = () => {
+		De(), Ae(), Ne(), Fe(), q(!1);
+	}, Be = async () => {
+		if (!k) return;
+		if (ze(), M(!0), !A) {
+			B(k);
 			return;
 		}
-		let e = await ke(A).catch(() => null);
+		let e = await Te(k).catch(() => null);
 		e !== null && (e ? K("keepOrReplace") : U ? q(!0) : K("restartSigning"));
-	}, We = () => {
-		A && (K(null), Me(A));
+	}, Ve = () => {
+		k && (K(null), Oe(k));
 	}, Q = async () => {
-		A && (K(null), await Pe(A).then(() => !0, () => !1) && B(A));
+		k && (K(null), await je(k).then(() => !0, () => !1) && B(k));
 	}, $ = () => {
 		K(null);
 	};
 	return /* @__PURE__ */ h(p, { children: [
-		/* @__PURE__ */ m(de, { children: /* @__PURE__ */ h(u, {
-			direction: "row",
-			sx: {
-				alignItems: "center",
-				gap: "5px"
-			},
-			children: [
-				"Request Access",
-				/* @__PURE__ */ m(c, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ m(pe, {
-					"aria-label": "Close",
-					onClick: Se,
-					children: /* @__PURE__ */ m(se, {
-						icon: "close",
-						wrap: !1,
-						sx: { color: "grey.700" }
-					})
-				})
-			]
-		}) }),
+		/* @__PURE__ */ m(ae, {
+			title: "Request Access",
+			onCancel: ye
+		}),
 		/* @__PURE__ */ h(ue, { children: [
 			/* @__PURE__ */ m(f, {
 				variant: "body1",
@@ -89,23 +72,23 @@ function C(C) {
 				},
 				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."
 			}),
-			Y && /* @__PURE__ */ m(me, {
+			Y && /* @__PURE__ */ m(fe, {
 				variant: "rectangular",
 				width: "100%",
 				height: g,
 				"data-testid": "EDucPreviewStep-loading"
 			}),
-			!Y && (M || F) && /* @__PURE__ */ h(s, {
+			!Y && (N || I) && /* @__PURE__ */ h(s, {
 				severity: "error",
 				children: [
 					/* @__PURE__ */ m("strong", { children: "Sorry, we couldn't load your DUC preview." }),
 					/* @__PURE__ */ m("br", {}),
-					M?.reason ?? F?.message
+					N?.reason ?? I?.message
 				]
 			}),
-			!Y && !M && !F && (D || P) && /* @__PURE__ */ m("iframe", {
+			!Y && !N && !I && (D || F) && /* @__PURE__ */ m("iframe", {
 				title: "eDUC preview",
-				src: D ?? P,
+				src: D ?? F,
 				style: {
 					border: 0,
 					width: "100%",
@@ -133,23 +116,23 @@ function C(C) {
 								component: "span",
 								children: /* @__PURE__ */ m(l, {
 									variant: "contained",
-									disabled: Ve,
+									disabled: Re,
 									onClick: () => {
-										Ue();
+										Be();
 									},
 									children: J ? "Sending..." : _
 								})
 							})
 						})
 					}),
-					/* @__PURE__ */ m(fe, {}),
+					/* @__PURE__ */ m(de, {}),
 					/* @__PURE__ */ m(T, {
 						title: "Print and upload a PDF instead",
 						description: "Download the DUC, sign it by hand, and upload the completed document.",
 						action: /* @__PURE__ */ m(l, {
 							variant: "outlined",
 							disabled: X,
-							onClick: we,
+							onClick: xe,
 							children: "Manually print and upload PDF"
 						})
 					})
@@ -167,7 +150,7 @@ function C(C) {
 		] }),
 		/* @__PURE__ */ m(le, { children: /* @__PURE__ */ m(l, {
 			variant: "outlined",
-			onClick: Ce,
+			onClick: be,
 			children: "Back"
 		}) }),
 		/* @__PURE__ */ m(ie, {
@@ -183,9 +166,9 @@ function C(C) {
 				/* @__PURE__ */ m(l, {
 					variant: "outlined",
 					onClick: $,
-					children: ae
+					children: oe
 				}),
-				/* @__PURE__ */ m(be, {
+				/* @__PURE__ */ m(ve, {
 					quota: H?.quota,
 					isAtOrOverQuota: U,
 					variant: "outlined",
@@ -196,12 +179,12 @@ function C(C) {
 				}),
 				/* @__PURE__ */ m(l, {
 					variant: "contained",
-					onClick: We,
+					onClick: Ve,
 					children: y
 				})
 			] })
 		}),
-		/* @__PURE__ */ m(oe, {
+		/* @__PURE__ */ m(se, {
 			open: G === "restartSigning",
 			title: x,
 			content: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
@@ -235,7 +218,7 @@ function w(e) {
 		]
 	});
 }
-function be(e) {
+function ve(e) {
 	let { quota: t, isAtOrOverQuota: n, ...r } = e;
 	return /* @__PURE__ */ m(d, {
 		title: n ? /* @__PURE__ */ m(a, { quota: t }) : "",

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 { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { CANCEL_BUTTON_TEXT } from '@/components/ConfirmationDialog/ConfirmationDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport {\n  useCheckDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureQuota,\n  useInitiateDataAccessRequestSignature,\n  useUpdateDataAccessRequestSignature,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  ButtonProps,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport {\n  SIGNATURE_QUOTA_EXHAUSTED_TITLE,\n  SignatureQuotaExhaustedMessage,\n} from '../eDucSignatureUtils'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport const SEND_FOR_SIGNATURE_BUTTON_TEXT = 'Send for electronic signature'\n\nexport const KEEP_OR_REPLACE_DIALOG_TITLE =\n  'Keep your existing DUC or send a new one?'\nexport const KEEP_EXISTING_DUC_BUTTON_TEXT = 'Keep Existing DUC'\nexport const SEND_NEW_DUC_BUTTON_TEXT = 'Send new DUC'\n\nexport const RESTART_SIGNING_DIALOG_TITLE = 'Restart DUC signing?'\nexport const RESTART_SIGNING_CONFIRM_BUTTON_TEXT = 'I understand, send new DUC'\n\nconst PRECHECK_ERROR_TITLE =\n  \"Sorry, we couldn't check the status of your existing signature request.\"\nconst UPDATE_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't apply your changes to your existing signature request.\"\nconst VOID_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't cancel your existing signature request.\"\nconst INITIATE_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't send your DUC for electronic signature.\"\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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 requestId = dataAccessRequest?.id\n  const hasSignatureEnvelope = Boolean(\n    dataAccessRequest?.eDucSignatureEnvelopeId,\n  )\n\n  // Once the user commits to sending, the preview query must not run again: GET\n  // /dataAccessRequest/{id}/preview has server-side side effects (it creates a signature envelope\n  // and resets the DAR to draft), and every signature mutation invalidates the DAR query key --\n  // which would otherwise refetch the preview between the DELETE and the POST below. PLFM-9938\n  // tracks making that endpoint side-effect free; until it lands the call stays a query (callers\n  // read it declaratively) and this latch is what keeps it from firing at the wrong moment.\n  //\n  // This latches for the lifetime of the step rather than clearing when a send fails. Re-enabling\n  // the query would refetch it (the preview is stale the moment it lands), firing those side\n  // effects behind an error message -- worst of all after a successful void, where it would mint a\n  // replacement envelope the user never asked for. The already-fetched preview stays on screen, and\n  // leaving and re-entering the step regenerates it.\n  const [hasStartedSendSequence, setHasStartedSendSequence] = useState(false)\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(requestId ?? '', {\n    enabled: Boolean(requestId) && !hasStartedSendSequence,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId || !requestId\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          requestId,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        ),\n  )\n\n  const {\n    mutateAsync: checkSignatureUpdatable,\n    isPending: isCheckingSignatureUpdatable,\n    error: precheckError,\n    reset: resetPrecheck,\n  } = useCheckDataAccessRequestSignatureUpdatable()\n\n  const {\n    mutate: updateSignature,\n    isPending: isUpdatingSignature,\n    error: updateSignatureError,\n    reset: resetUpdateSignature,\n  } = useUpdateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  const {\n    mutateAsync: voidSignature,\n    isPending: isVoidingSignature,\n    error: voidSignatureError,\n    reset: resetVoidSignature,\n  } = useVoidDataAccessRequestSignature()\n\n  const {\n    mutate: initiateSignature,\n    isPending: isInitiatingSignature,\n    error: initiateSignatureError,\n    reset: resetInitiateSignature,\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, isLoading: isLoadingQuota } =\n    useGetDataAccessRequestSignatureQuota(requestId ?? '', {\n      enabled: Boolean(requestId),\n    })\n  const isAtOrOverQuota =\n    signatureQuota?.remaining != null && signatureQuota.remaining <= 0\n  // Only routing a new envelope spends a quota unit. With no envelope in flight, routing a new one\n  // is the only thing Send can do, so an exhausted quota blocks the button outright. With one in\n  // flight, Send may instead correct that envelope for free -- and only the server's precheck knows\n  // which -- so the button stays enabled and the confirmation it opens gates the paid path.\n  const isSendBlockedByQuota = isAtOrOverQuota && !hasSignatureEnvelope\n\n  // Which send-confirmation the precheck selected, or `null` for none. Once an envelope exists,\n  // Send always stops for an explicit decision from the user: either they choose between keeping\n  // and replacing it, or they acknowledge that replacing it is the only option left.\n  const [openConfirmation, setOpenConfirmation] = useState<\n    'keepOrReplace' | 'restartSigning' | null\n  >(null)\n  // Set when the server rejects an update that the client expected to succeed, leaving a recreate\n  // -- which the user has no quota for -- as the only way forward.\n  const [isRecreateBlockedByQuota, setIsRecreateBlockedByQuota] =\n    useState(false)\n\n  // The precheck and the mutation it selects are presented as a single action, so the button\n  // stays in its sending state for the whole sequence rather than flickering between calls.\n  const isSendingForSignature =\n    isCheckingSignatureUpdatable ||\n    isUpdatingSignature ||\n    isVoidingSignature ||\n    isInitiatingSignature\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(requestId) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n  // The quota governs what Send is allowed to do, so keep it disabled until that answer lands\n  // rather than letting the user start a send we may be about to block. Deliberately not folded\n  // into `isLoading`: the preview skeleton shouldn't wait on the quota, and the manual\n  // print-and-upload path spends no quota and stays available throughout.\n  const isSendDisabled =\n    actionsDisabled || isLoadingQuota || isSendBlockedByQuota\n\n  const sendError =\n    (precheckError && {\n      title: PRECHECK_ERROR_TITLE,\n      reason: precheckError.reason,\n    }) ||\n    (updateSignatureError && {\n      title: UPDATE_SIGNATURE_ERROR_TITLE,\n      reason: updateSignatureError.reason,\n    }) ||\n    (voidSignatureError && {\n      title: VOID_SIGNATURE_ERROR_TITLE,\n      reason: voidSignatureError.reason,\n    }) ||\n    (initiateSignatureError && {\n      title: INITIATE_SIGNATURE_ERROR_TITLE,\n      reason: initiateSignatureError.reason,\n    }) ||\n    (isRecreateBlockedByQuota && {\n      title: SIGNATURE_QUOTA_EXHAUSTED_TITLE,\n      reason: <SignatureQuotaExhaustedMessage quota={signatureQuota?.quota} />,\n    })\n\n  const resetSendErrors = () => {\n    resetPrecheck()\n    resetUpdateSignature()\n    resetVoidSignature()\n    resetInitiateSignature()\n    setIsRecreateBlockedByQuota(false)\n  }\n\n  const handleSendForSignature = async () => {\n    if (!requestId) return\n    resetSendErrors()\n    setHasStartedSendSequence(true)\n\n    if (!hasSignatureEnvelope) {\n      initiateSignature(requestId)\n      return\n    }\n\n    // `null` means the precheck itself failed; its error is surfaced by the alert below.\n    const canUpdateEnvelope = await checkSignatureUpdatable(requestId).catch(\n      () => null,\n    )\n    if (canUpdateEnvelope === null) {\n      return\n    }\n    if (canUpdateEnvelope) {\n      // Only the user knows whether their edits are material enough to warrant re-signing, so\n      // the choice between correcting and replacing the envelope is theirs.\n      setOpenConfirmation('keepOrReplace')\n    } else if (isAtOrOverQuota) {\n      // Replacing spends a routing the user doesn't have, so there is nothing to confirm.\n      setIsRecreateBlockedByQuota(true)\n    } else {\n      setOpenConfirmation('restartSigning')\n    }\n  }\n\n  const handleKeepExistingDuc = () => {\n    if (!requestId) return\n    setOpenConfirmation(null)\n    updateSignature(requestId)\n  }\n\n  const handleSendNewDuc = async () => {\n    if (!requestId) return\n    setOpenConfirmation(null)\n    const isVoided = await voidSignature(requestId).then(\n      () => true,\n      () => false,\n    )\n    if (!isVoided) {\n      return\n    }\n    initiateSignature(requestId)\n  }\n\n  // Dismissing leaves the request untouched, so the user is still free to fall back to the\n  // manual print-and-upload path.\n  const handleCancelConfirmation = () => {\n    setOpenConfirmation(null)\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                  isSendBlockedByQuota ? (\n                    <SignatureQuotaExhaustedMessage\n                      quota={signatureQuota?.quota}\n                    />\n                  ) : (\n                    ''\n                  )\n                }\n                arrow\n                disableHoverListener={!isSendBlockedByQuota}\n                disableFocusListener={!isSendBlockedByQuota}\n                disableTouchListener={!isSendBlockedByQuota}\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={isSendDisabled}\n                    onClick={() => {\n                      handleSendForSignature()\n                    }}\n                  >\n                    {isSendingForSignature\n                      ? 'Sending...'\n                      : SEND_FOR_SIGNATURE_BUTTON_TEXT}\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        {sendError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>{sendError.title}</strong>\n            <br />\n            {sendError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n      <DialogBase\n        open={openConfirmation === 'keepOrReplace'}\n        title={KEEP_OR_REPLACE_DIALOG_TITLE}\n        content={\n          <>\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              Your DUC was already signed and submitted. If your changes\n              don&apos;t affect what&apos;s on it, you can keep it and resubmit.\n              If they do, you&apos;ll need a new DUC, and your PI or Project\n              Lead, Signing Official, and any named Collaborators will need to\n              sign again.\n            </Typography>\n            <RemainingEDucAllowance remaining={signatureQuota?.remaining} />\n          </>\n        }\n        onCancel={handleCancelConfirmation}\n        actions={\n          <>\n            <Button variant={'outlined'} onClick={handleCancelConfirmation}>\n              {CANCEL_BUTTON_TEXT}\n            </Button>\n            <SendNewDucButton\n              quota={signatureQuota?.quota}\n              isAtOrOverQuota={isAtOrOverQuota}\n              variant={'outlined'}\n              onClick={() => {\n                handleSendNewDuc()\n              }}\n            >\n              {SEND_NEW_DUC_BUTTON_TEXT}\n            </SendNewDucButton>\n            <Button variant={'contained'} onClick={handleKeepExistingDuc}>\n              {KEEP_EXISTING_DUC_BUTTON_TEXT}\n            </Button>\n          </>\n        }\n      />\n      <ConfirmationDialog\n        open={openConfirmation === 'restartSigning'}\n        title={RESTART_SIGNING_DIALOG_TITLE}\n        content={\n          <>\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              Your DUC was already submitted for review, so it can&apos;t be\n              edited. To submit your changes, we&apos;ll close the current DUC\n              and send a new one for signature. Your PI or Project Lead, Signing\n              Official, and any named Collaborators will need to sign again.\n            </Typography>\n            <RemainingEDucAllowance remaining={signatureQuota?.remaining} />\n          </>\n        }\n        confirmButtonProps={{ children: RESTART_SIGNING_CONFIRM_BUTTON_TEXT }}\n        onConfirm={() => {\n          handleSendNewDuc()\n        }}\n        onCancel={handleCancelConfirmation}\n      />\n    </>\n  )\n}\n\n/**\n * The month's remaining electronic DUC allowance. Omitted rather than guessed at when the quota\n * request has not resolved.\n */\nfunction RemainingEDucAllowance(props: { remaining: number | undefined }) {\n  const { remaining } = props\n  if (remaining == null) {\n    return null\n  }\n  return (\n    <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mt: 2 }}>\n      You can create <strong>{remaining}</strong> more electronic{' '}\n      {remaining === 1 ? 'DUC' : 'DUCs'} this month.\n    </Typography>\n  )\n}\n\n/**\n * The \"send a new DUC\" action, disabled with an explanation when the user has no routings left.\n * Replacing an envelope always spends one, so this is the only action in the keep-or-replace\n * dialog that the quota can block.\n */\nfunction SendNewDucButton(\n  props: ButtonProps & { quota: number | undefined; isAtOrOverQuota: boolean },\n) {\n  const { quota, isAtOrOverQuota, ...buttonProps } = props\n  return (\n    <Tooltip\n      title={\n        isAtOrOverQuota ? <SignatureQuotaExhaustedMessage quota={quota} /> : ''\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 {...buttonProps} disabled={isAtOrOverQuota} />\n      </Box>\n    </Tooltip>\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 { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { CANCEL_BUTTON_TEXT } from '@/components/ConfirmationDialog/ConfirmationDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport {\n  useCheckDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureQuota,\n  useInitiateDataAccessRequestSignature,\n  useUpdateDataAccessRequestSignature,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  ButtonProps,\n  DialogActions,\n  DialogContent,\n  Divider,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport {\n  SIGNATURE_QUOTA_EXHAUSTED_TITLE,\n  SignatureQuotaExhaustedMessage,\n} from '../eDucSignatureUtils'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport const SEND_FOR_SIGNATURE_BUTTON_TEXT = 'Send for electronic signature'\n\nexport const KEEP_OR_REPLACE_DIALOG_TITLE =\n  'Keep your existing DUC or send a new one?'\nexport const KEEP_EXISTING_DUC_BUTTON_TEXT = 'Keep Existing DUC'\nexport const SEND_NEW_DUC_BUTTON_TEXT = 'Send new DUC'\n\nexport const RESTART_SIGNING_DIALOG_TITLE = 'Restart DUC signing?'\nexport const RESTART_SIGNING_CONFIRM_BUTTON_TEXT = 'I understand, send new DUC'\n\nconst PRECHECK_ERROR_TITLE =\n  \"Sorry, we couldn't check the status of your existing signature request.\"\nconst UPDATE_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't apply your changes to your existing signature request.\"\nconst VOID_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't cancel your existing signature request.\"\nconst INITIATE_SIGNATURE_ERROR_TITLE =\n  \"Sorry, we couldn't send your DUC for electronic signature.\"\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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 requestId = dataAccessRequest?.id\n  const hasSignatureEnvelope = Boolean(\n    dataAccessRequest?.eDucSignatureEnvelopeId,\n  )\n\n  // Once the user commits to sending, the preview query must not run again: GET\n  // /dataAccessRequest/{id}/preview has server-side side effects (it creates a signature envelope\n  // and resets the DAR to draft), and every signature mutation invalidates the DAR query key --\n  // which would otherwise refetch the preview between the DELETE and the POST below. PLFM-9938\n  // tracks making that endpoint side-effect free; until it lands the call stays a query (callers\n  // read it declaratively) and this latch is what keeps it from firing at the wrong moment.\n  //\n  // This latches for the lifetime of the step rather than clearing when a send fails. Re-enabling\n  // the query would refetch it (the preview is stale the moment it lands), firing those side\n  // effects behind an error message -- worst of all after a successful void, where it would mint a\n  // replacement envelope the user never asked for. The already-fetched preview stays on screen, and\n  // leaving and re-entering the step regenerates it.\n  const [hasStartedSendSequence, setHasStartedSendSequence] = useState(false)\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(requestId ?? '', {\n    enabled: Boolean(requestId) && !hasStartedSendSequence,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId || !requestId\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          requestId,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        ),\n  )\n\n  const {\n    mutateAsync: checkSignatureUpdatable,\n    isPending: isCheckingSignatureUpdatable,\n    error: precheckError,\n    reset: resetPrecheck,\n  } = useCheckDataAccessRequestSignatureUpdatable()\n\n  const {\n    mutate: updateSignature,\n    isPending: isUpdatingSignature,\n    error: updateSignatureError,\n    reset: resetUpdateSignature,\n  } = useUpdateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  const {\n    mutateAsync: voidSignature,\n    isPending: isVoidingSignature,\n    error: voidSignatureError,\n    reset: resetVoidSignature,\n  } = useVoidDataAccessRequestSignature()\n\n  const {\n    mutate: initiateSignature,\n    isPending: isInitiatingSignature,\n    error: initiateSignatureError,\n    reset: resetInitiateSignature,\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, isLoading: isLoadingQuota } =\n    useGetDataAccessRequestSignatureQuota(requestId ?? '', {\n      enabled: Boolean(requestId),\n    })\n  const isAtOrOverQuota =\n    signatureQuota?.remaining != null && signatureQuota.remaining <= 0\n  // Only routing a new envelope spends a quota unit. With no envelope in flight, routing a new one\n  // is the only thing Send can do, so an exhausted quota blocks the button outright. With one in\n  // flight, Send may instead correct that envelope for free -- and only the server's precheck knows\n  // which -- so the button stays enabled and the confirmation it opens gates the paid path.\n  const isSendBlockedByQuota = isAtOrOverQuota && !hasSignatureEnvelope\n\n  // Which send-confirmation the precheck selected, or `null` for none. Once an envelope exists,\n  // Send always stops for an explicit decision from the user: either they choose between keeping\n  // and replacing it, or they acknowledge that replacing it is the only option left.\n  const [openConfirmation, setOpenConfirmation] = useState<\n    'keepOrReplace' | 'restartSigning' | null\n  >(null)\n  // Set when the server rejects an update that the client expected to succeed, leaving a recreate\n  // -- which the user has no quota for -- as the only way forward.\n  const [isRecreateBlockedByQuota, setIsRecreateBlockedByQuota] =\n    useState(false)\n\n  // The precheck and the mutation it selects are presented as a single action, so the button\n  // stays in its sending state for the whole sequence rather than flickering between calls.\n  const isSendingForSignature =\n    isCheckingSignatureUpdatable ||\n    isUpdatingSignature ||\n    isVoidingSignature ||\n    isInitiatingSignature\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(requestId) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n  // The quota governs what Send is allowed to do, so keep it disabled until that answer lands\n  // rather than letting the user start a send we may be about to block. Deliberately not folded\n  // into `isLoading`: the preview skeleton shouldn't wait on the quota, and the manual\n  // print-and-upload path spends no quota and stays available throughout.\n  const isSendDisabled =\n    actionsDisabled || isLoadingQuota || isSendBlockedByQuota\n\n  const sendError =\n    (precheckError && {\n      title: PRECHECK_ERROR_TITLE,\n      reason: precheckError.reason,\n    }) ||\n    (updateSignatureError && {\n      title: UPDATE_SIGNATURE_ERROR_TITLE,\n      reason: updateSignatureError.reason,\n    }) ||\n    (voidSignatureError && {\n      title: VOID_SIGNATURE_ERROR_TITLE,\n      reason: voidSignatureError.reason,\n    }) ||\n    (initiateSignatureError && {\n      title: INITIATE_SIGNATURE_ERROR_TITLE,\n      reason: initiateSignatureError.reason,\n    }) ||\n    (isRecreateBlockedByQuota && {\n      title: SIGNATURE_QUOTA_EXHAUSTED_TITLE,\n      reason: <SignatureQuotaExhaustedMessage quota={signatureQuota?.quota} />,\n    })\n\n  const resetSendErrors = () => {\n    resetPrecheck()\n    resetUpdateSignature()\n    resetVoidSignature()\n    resetInitiateSignature()\n    setIsRecreateBlockedByQuota(false)\n  }\n\n  const handleSendForSignature = async () => {\n    if (!requestId) return\n    resetSendErrors()\n    setHasStartedSendSequence(true)\n\n    if (!hasSignatureEnvelope) {\n      initiateSignature(requestId)\n      return\n    }\n\n    // `null` means the precheck itself failed; its error is surfaced by the alert below.\n    const canUpdateEnvelope = await checkSignatureUpdatable(requestId).catch(\n      () => null,\n    )\n    if (canUpdateEnvelope === null) {\n      return\n    }\n    if (canUpdateEnvelope) {\n      // Only the user knows whether their edits are material enough to warrant re-signing, so\n      // the choice between correcting and replacing the envelope is theirs.\n      setOpenConfirmation('keepOrReplace')\n    } else if (isAtOrOverQuota) {\n      // Replacing spends a routing the user doesn't have, so there is nothing to confirm.\n      setIsRecreateBlockedByQuota(true)\n    } else {\n      setOpenConfirmation('restartSigning')\n    }\n  }\n\n  const handleKeepExistingDuc = () => {\n    if (!requestId) return\n    setOpenConfirmation(null)\n    updateSignature(requestId)\n  }\n\n  const handleSendNewDuc = async () => {\n    if (!requestId) return\n    setOpenConfirmation(null)\n    const isVoided = await voidSignature(requestId).then(\n      () => true,\n      () => false,\n    )\n    if (!isVoided) {\n      return\n    }\n    initiateSignature(requestId)\n  }\n\n  // Dismissing leaves the request untouched, so the user is still free to fall back to the\n  // manual print-and-upload path.\n  const handleCancelConfirmation = () => {\n    setOpenConfirmation(null)\n  }\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\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                  isSendBlockedByQuota ? (\n                    <SignatureQuotaExhaustedMessage\n                      quota={signatureQuota?.quota}\n                    />\n                  ) : (\n                    ''\n                  )\n                }\n                arrow\n                disableHoverListener={!isSendBlockedByQuota}\n                disableFocusListener={!isSendBlockedByQuota}\n                disableTouchListener={!isSendBlockedByQuota}\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={isSendDisabled}\n                    onClick={() => {\n                      handleSendForSignature()\n                    }}\n                  >\n                    {isSendingForSignature\n                      ? 'Sending...'\n                      : SEND_FOR_SIGNATURE_BUTTON_TEXT}\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        {sendError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>{sendError.title}</strong>\n            <br />\n            {sendError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n      <DialogBase\n        open={openConfirmation === 'keepOrReplace'}\n        title={KEEP_OR_REPLACE_DIALOG_TITLE}\n        content={\n          <>\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              Your DUC was already signed and submitted. If your changes\n              don&apos;t affect what&apos;s on it, you can keep it and resubmit.\n              If they do, you&apos;ll need a new DUC, and your PI or Project\n              Lead, Signing Official, and any named Collaborators will need to\n              sign again.\n            </Typography>\n            <RemainingEDucAllowance remaining={signatureQuota?.remaining} />\n          </>\n        }\n        onCancel={handleCancelConfirmation}\n        actions={\n          <>\n            <Button variant={'outlined'} onClick={handleCancelConfirmation}>\n              {CANCEL_BUTTON_TEXT}\n            </Button>\n            <SendNewDucButton\n              quota={signatureQuota?.quota}\n              isAtOrOverQuota={isAtOrOverQuota}\n              variant={'outlined'}\n              onClick={() => {\n                handleSendNewDuc()\n              }}\n            >\n              {SEND_NEW_DUC_BUTTON_TEXT}\n            </SendNewDucButton>\n            <Button variant={'contained'} onClick={handleKeepExistingDuc}>\n              {KEEP_EXISTING_DUC_BUTTON_TEXT}\n            </Button>\n          </>\n        }\n      />\n      <ConfirmationDialog\n        open={openConfirmation === 'restartSigning'}\n        title={RESTART_SIGNING_DIALOG_TITLE}\n        content={\n          <>\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              Your DUC was already submitted for review, so it can&apos;t be\n              edited. To submit your changes, we&apos;ll close the current DUC\n              and send a new one for signature. Your PI or Project Lead, Signing\n              Official, and any named Collaborators will need to sign again.\n            </Typography>\n            <RemainingEDucAllowance remaining={signatureQuota?.remaining} />\n          </>\n        }\n        confirmButtonProps={{ children: RESTART_SIGNING_CONFIRM_BUTTON_TEXT }}\n        onConfirm={() => {\n          handleSendNewDuc()\n        }}\n        onCancel={handleCancelConfirmation}\n      />\n    </>\n  )\n}\n\n/**\n * The month's remaining electronic DUC allowance. Omitted rather than guessed at when the quota\n * request has not resolved.\n */\nfunction RemainingEDucAllowance(props: { remaining: number | undefined }) {\n  const { remaining } = props\n  if (remaining == null) {\n    return null\n  }\n  return (\n    <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mt: 2 }}>\n      You can create <strong>{remaining}</strong> more electronic{' '}\n      {remaining === 1 ? 'DUC' : 'DUCs'} this month.\n    </Typography>\n  )\n}\n\n/**\n * The \"send a new DUC\" action, disabled with an explanation when the user has no routings left.\n * Replacing an envelope always spends one, so this is the only action in the keep-or-replace\n * dialog that the quota can block.\n */\nfunction SendNewDucButton(\n  props: ButtonProps & { quota: number | undefined; isAtOrOverQuota: boolean },\n) {\n  const { quota, isAtOrOverQuota, ...buttonProps } = props\n  return (\n    <Tooltip\n      title={\n        isAtOrOverQuota ? <SignatureQuotaExhaustedMessage quota={quota} /> : ''\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 {...buttonProps} disabled={isAtOrOverQuota} />\n      </Box>\n    </Tooltip>\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/ManagedACTAccessRequirementFormWikiWrapper.d.ts

@@ -1,12 +1,11 @@
 import { PropsWithChildren } from 'react';
+import { RequestFlowAccessRequirement } from './requestFlowTypes';
 type ManagedACTAccessRequirementFormWikiWrapperProps = PropsWithChildren<{
-    managedACTAccessRequirementId: string;
-    /** When true, only the children are rendered, at full width, and the wiki is neither fetched nor shown. */
-    hideWiki?: boolean;
+    accessRequirement: RequestFlowAccessRequirement;
 }>;
 /**
- * Renders the child content next to the wiki associated with the provided ManagedACTAccessRequirement. Utilizes a grid
- * layout where the wiki content will not appear on small screen sizes.
+ * Renders the child content next to the wiki associated with the provided access requirement. When the wiki cannot be
+ * shown (see {@link useShowAccessRequirementWikiInWizard}), only the children are rendered, at full width.
  *
  * @param props
  * @constructor

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

@@ -1 +1 @@
-{"version":3,"file":"ManagedACTAccessRequirementFormWikiWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,KAAK,+CAA+C,GAAG,iBAAiB,CAAC;IACvE,6BAA6B,EAAE,MAAM,CAAA;IACrC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,0CAA0C,CAChE,KAAK,EAAE,+CAA+C,2CA0DvD"}
+{"version":3,"file":"ManagedACTAccessRequirementFormWikiWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AAEjE,KAAK,+CAA+C,GAAG,iBAAiB,CAAC;IACvE,iBAAiB,EAAE,4BAA4B,CAAA;CAChD,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,0CAA0C,CAChE,KAAK,EAAE,+CAA+C,2CAqDvD"}

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

@@ -1,4 +1,4 @@
-import { useCanShowManagedACTWikiInWizard as e } from "../AccessRequirementListUtils.js";
+import { useShowAccessRequirementWikiInWizard as e } from "../AccessRequirementListUtils.js";
 import { useGetAccessRequirementWikiPageKey as t } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import "../../../synapse-queries/index.js";
 import { Markdown as n } from "../../Markdown/MarkdownSynapse.js";
@@ -6,8 +6,8 @@ import { GridLegacy as r, Typography as i } from "@mui/material";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx
 function c(c) {
-	let { children: l, managedACTAccessRequirementId: u, hideWiki: d = !1 } = c, { data: f } = t(u, { enabled: !!u && !d }), p = e();
-	return d ? /* @__PURE__ */ o(a, { children: l }) : /* @__PURE__ */ s(r, {
+	let { children: l, accessRequirement: u } = c, d = e(u), { data: f } = t(String(u.id), { enabled: d });
+	return d ? /* @__PURE__ */ s(r, {
 		container: !0,
 		spacing: 5,
 		children: [/* @__PURE__ */ o(r, {
@@ -23,7 +23,7 @@ function c(c) {
 				}
 			},
 			children: l
-		}), p && /* @__PURE__ */ s(r, {
+		}), /* @__PURE__ */ s(r, {
 			item: !0,
 			md: 6,
 			lg: 7,
@@ -42,7 +42,7 @@ function c(c) {
 				loadingSkeletonRowCount: 15
 			})]
 		})]
-	});
+	}) : /* @__PURE__ */ o(a, { children: l });
 }
 //#endregion
 export { c as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ManagedACTAccessRequirementFormWikiWrapper.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx"],"sourcesContent":["import { useGetAccessRequirementWikiPageKey } from '@/synapse-queries'\nimport { GridLegacy as Grid, Typography } from '@mui/material'\nimport { PropsWithChildren } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { useCanShowManagedACTWikiInWizard } from '../AccessRequirementListUtils'\n\ntype ManagedACTAccessRequirementFormWikiWrapperProps = PropsWithChildren<{\n  managedACTAccessRequirementId: string\n  /** When true, only the children are rendered, at full width, and the wiki is neither fetched nor shown. */\n  hideWiki?: boolean\n}>\n\n/**\n * Renders the child content next to the wiki associated with the provided ManagedACTAccessRequirement. Utilizes a grid\n * layout where the wiki content will not appear on small screen sizes.\n *\n * @param props\n * @constructor\n */\nexport default function ManagedACTAccessRequirementFormWikiWrapper(\n  props: ManagedACTAccessRequirementFormWikiWrapperProps,\n) {\n  const { children, managedACTAccessRequirementId, hideWiki = false } = props\n  const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n    managedACTAccessRequirementId,\n    {\n      enabled: !!managedACTAccessRequirementId && !hideWiki,\n    },\n  )\n\n  const canShowWiki = useCanShowManagedACTWikiInWizard()\n\n  if (hideWiki) {\n    return <>{children}</>\n  }\n\n  return (\n    <Grid container spacing={5}>\n      <Grid\n        item\n        xs={12}\n        md={6}\n        lg={5}\n        sx={{\n          overflow: 'auto',\n          pr: {\n            xs: 0,\n            md: 1,\n          },\n        }}\n      >\n        {children}\n      </Grid>\n      {canShowWiki && (\n        <Grid\n          item\n          md={6}\n          lg={7}\n          sx={{\n            overflowY: 'scroll',\n            pr: 1,\n          }}\n        >\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          {wikiPage && (\n            <MarkdownSynapse\n              wikiId={wikiPage.wikiPageId}\n              ownerId={wikiPage.ownerObjectId}\n              objectType={wikiPage.ownerObjectType}\n              loadingSkeletonRowCount={15}\n            />\n          )}\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,kCAA+B,cAAW,OAAU,GAChE,EAAE,MAAM,MAAa,EACzB,GACA,EACE,SAAS,CAAC,CAAC,KAAiC,CAAC,EAC/C,CACF,GAEM,IAAc,EAAiC;CAMrD,OAJI,IACK,kBAAA,GAAA,EAAG,YAAW,CAAA,IAIrB,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;YAAzB,CACE,kBAAC,GAAD;GACE,MAAA;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;IACF,UAAU;IACV,IAAI;KACF,IAAI;KACJ,IAAI;IACN;GACF;GAEC;EACG,CAAA,GACL,KACC,kBAAC,GAAD;GACE,MAAA;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;IACF,WAAW;IACX,IAAI;GACN;aAPF,CASE,kBAAC,GAAD;IAAY,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;cAAG;GAErC,CAAA,GACX,KACC,kBAAC,GAAD;IACE,QAAQ,EAAS;IACjB,SAAS,EAAS;IAClB,YAAY,EAAS;IACrB,yBAAyB;GAC1B,CAAA,CAEC;IAEJ;;AAEV"}
+{"version":3,"file":"ManagedACTAccessRequirementFormWikiWrapper.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx"],"sourcesContent":["import { useGetAccessRequirementWikiPageKey } from '@/synapse-queries'\nimport { GridLegacy as Grid, Typography } from '@mui/material'\nimport { PropsWithChildren } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { useShowAccessRequirementWikiInWizard } from '../AccessRequirementListUtils'\nimport { RequestFlowAccessRequirement } from './requestFlowTypes'\n\ntype ManagedACTAccessRequirementFormWikiWrapperProps = PropsWithChildren<{\n  accessRequirement: RequestFlowAccessRequirement\n}>\n\n/**\n * Renders the child content next to the wiki associated with the provided access requirement. When the wiki cannot be\n * shown (see {@link useShowAccessRequirementWikiInWizard}), only the children are rendered, at full width.\n *\n * @param props\n * @constructor\n */\nexport default function ManagedACTAccessRequirementFormWikiWrapper(\n  props: ManagedACTAccessRequirementFormWikiWrapperProps,\n) {\n  const { children, accessRequirement } = props\n  const showWiki = useShowAccessRequirementWikiInWizard(accessRequirement)\n  const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n    String(accessRequirement.id),\n    { enabled: showWiki },\n  )\n\n  if (!showWiki) {\n    return <>{children}</>\n  }\n\n  return (\n    <Grid container spacing={5}>\n      <Grid\n        item\n        xs={12}\n        md={6}\n        lg={5}\n        sx={{\n          overflow: 'auto',\n          pr: {\n            xs: 0,\n            md: 1,\n          },\n        }}\n      >\n        {children}\n      </Grid>\n      <Grid\n        item\n        md={6}\n        lg={7}\n        sx={{\n          overflowY: 'scroll',\n          pr: 1,\n        }}\n      >\n        <Typography variant={'headline3'} sx={{ mb: 2 }}>\n          Instructions\n        </Typography>\n        {wikiPage && (\n          <MarkdownSynapse\n            wikiId={wikiPage.wikiPageId}\n            ownerId={wikiPage.ownerObjectId}\n            objectType={wikiPage.ownerObjectType}\n            loadingSkeletonRowCount={15}\n          />\n        )}\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,yBAAsB,GAClC,IAAW,EAAqC,CAAiB,GACjE,EAAE,MAAM,MAAa,EACzB,OAAO,EAAkB,EAAE,GAC3B,EAAE,SAAS,EAAS,CACtB;CAMA,OAJK,IAKH,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;YAAzB,CACE,kBAAC,GAAD;GACE,MAAA;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;IACF,UAAU;IACV,IAAI;KACF,IAAI;KACJ,IAAI;IACN;GACF;GAEC;EACG,CAAA,GACN,kBAAC,GAAD;GACE,MAAA;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;IACF,WAAW;IACX,IAAI;GACN;aAPF,CASE,kBAAC,GAAD;IAAY,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;cAAG;GAErC,CAAA,GACX,KACC,kBAAC,GAAD;IACE,QAAQ,EAAS;IACjB,SAAS,EAAS;IAClB,YAAY,EAAS;IACrB,yBAAyB;GAC1B,CAAA,CAEC;IACF;MAzCC,kBAAA,GAAA,EAAG,YAAW,CAAA;AA2CzB"}

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,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAMxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAElE,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,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"}
+{"version":3,"file":"ManualUploadDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAGL,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAOxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAElE,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,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,2CAsS1E"}