synapse-react-client 4.0.44 → 4.0.46

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

@@ -15,10 +15,10 @@ 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", 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), {
+	let { managedACTAccessRequirement: C, onHide: ye, onBackClicked: be, onSendForSignature: E, onManualUpload: xe, previewSrcOverride: D } = u, { data: O, isLoading: k } = t(String(C.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), 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 && {
+	}), A = O?.id, j = String(C.id), M = !!O?.eDucSignatureEnvelopeId, { data: Se, isLoading: Ce, error: N } = r(A ?? "", { enabled: !!A }), P = Se?.fileHandleId, { blobUrl: F, error: I } = ce(D || !P || !A ? void 0 : e.getPortalFileHandleServletUrl(P, A, pe.DataAccessRequestAttachment)), { mutateAsync: we, isPending: Te, error: L, reset: Ee } = n(), { mutate: De, isPending: Oe, error: R, reset: ke } = ne({ onSuccess: () => E() }), { mutateAsync: Ae, isPending: je, error: z, reset: Me } = re(), { mutate: B, isPending: Ne, error: V, reset: Pe } = te({ onSuccess: () => E() }), { data: H, isLoading: Fe } = ee(A ?? "", { enabled: !!A }), U = H?.remaining != null && H.remaining <= 0, W = U && !M, [G, K] = o(null), [Ie, q] = o(!1), J = Te || Oe || je || Ne, Y = k || !!A && Ce || !D && !!P && !F && !I, X = Y || !D && !F || J, Le = X || Fe || W, Z = L && {
 		title: me,
 		reason: L.reason
 	} || R && {
@@ -30,23 +30,35 @@ function C(u) {
 	} || V && {
 		title: _e,
 		reason: V.reason
-	} || Le && {
+	} || Ie && {
 		title: "Sorry, you've used all of your electronic signature requests.",
 		reason: /* @__PURE__ */ m(a, { quota: H?.quota })
-	}, ze = () => {
-		De(), Ae(), Ne(), Fe(), q(!1);
-	}, Be = async () => {
-		if (!k) return;
-		if (ze(), M(!0), !A) {
-			B(k);
+	}, Re = () => {
+		Ee(), ke(), Me(), Pe(), q(!1);
+	}, ze = async () => {
+		if (!A) return;
+		if (Re(), !M) {
+			B({
+				requestId: A,
+				accessRequirementId: j
+			});
 			return;
 		}
-		let e = await Te(k).catch(() => null);
+		let e = await we(A).catch(() => null);
 		e !== null && (e ? K("keepOrReplace") : U ? q(!0) : K("restartSigning"));
-	}, Ve = () => {
-		k && (K(null), Oe(k));
+	}, Be = () => {
+		A && (K(null), De({
+			requestId: A,
+			accessRequirementId: j
+		}));
 	}, Q = async () => {
-		k && (K(null), await je(k).then(() => !0, () => !1) && B(k));
+		A && (K(null), await Ae({
+			requestId: A,
+			accessRequirementId: j
+		}).then(() => !0, () => !1) && B({
+			requestId: A,
+			accessRequirementId: j
+		}));
 	}, $ = () => {
 		K(null);
 	};
@@ -116,9 +128,9 @@ function C(u) {
 								component: "span",
 								children: /* @__PURE__ */ m(l, {
 									variant: "contained",
-									disabled: Re,
+									disabled: Le,
 									onClick: () => {
-										Be();
+										ze();
 									},
 									children: J ? "Sending..." : _
 								})
@@ -179,7 +191,7 @@ function C(u) {
 				}),
 				/* @__PURE__ */ m(l, {
 					variant: "contained",
-					onClick: Ve,
+					onClick: Be,
 					children: y
 				})
 			] })

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  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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"}
+{"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 accessRequirementId = String(managedACTAccessRequirement.id)\n  // Set only once a routing has actually been sent -- generating the preview leaves the request\n  // untouched -- so this cleanly separates a first send from a re-send. The signature mutations\n  // invalidate this query, so a send from an earlier pass through the wizard is reflected here.\n  const hasSignatureEnvelope = Boolean(\n    dataAccessRequest?.eDucSignatureEnvelopeId,\n  )\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(requestId ?? '', {\n    enabled: Boolean(requestId),\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\n    // Routing creates the envelope as well as sending it, so with nothing in flight there is no\n    // existing envelope to reconcile against.\n    if (!hasSignatureEnvelope) {\n      initiateSignature({ requestId, accessRequirementId })\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, accessRequirementId })\n  }\n\n  const handleSendNewDuc = async () => {\n    if (!requestId) return\n    setOpenConfirmation(null)\n    const isVoided = await voidSignature({\n      requestId,\n      accessRequirementId,\n    }).then(\n      () => true,\n      () => false,\n    )\n    if (!isVoided) {\n      return\n    }\n    initiateSignature({ requestId, accessRequirementId })\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":";;;;;;;;;;;;;;;AAqCA,IAAM,IAAqB,SAEd,IAAiC,iCAEjC,IACX,6CACW,IAAgC,qBAChC,IAA2B,gBAE3B,IAA+B,wBAC/B,IAAsC,8BAE7C,KACJ,2EACI,KACJ,6EACI,KACJ,8DACI,KACJ;AAqBF,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,gCACA,YACA,mBACA,uBACA,oBACA,0BACE,GAEE,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,IAAY,GAAmB,IAC/B,IAAsB,OAAO,EAA4B,EAAE,GAI3D,IAAuB,EAC3B,GAAmB,yBAGf,EACJ,MAAM,IACN,WAAW,IACX,OAAO,MACL,EAA+B,KAAa,IAAI,EAClD,SAAS,EAAQ,EACnB,CAAC,GAEK,IAAsB,IAAmB,cACzC,EAAE,YAAS,OAAO,MAAc,GACpC,KAAsB,CAAC,KAAuB,CAAC,IAC3C,KAAA,IACA,EAAc,8BACZ,GACA,GACA,GAAwB,2BAC1B,CACN,GAEM,EACJ,aAAa,IACb,WAAW,IACX,OAAO,GACP,OAAO,OACL,EAA4C,GAE1C,EACJ,QAAQ,IACR,WAAW,IACX,OAAO,GACP,OAAO,OACL,GAAoC,EACtC,iBAAiB,EAAmB,EACtC,CAAC,GAEK,EACJ,aAAa,IACb,WAAW,IACX,OAAO,GACP,OAAO,OACL,GAAkC,GAEhC,EACJ,QAAQ,GACR,WAAW,IACX,OAAO,GACP,OAAO,OACL,GAAsC,EACxC,iBAAiB,EAAmB,EACtC,CAAC,GAKK,EAAE,MAAM,GAAgB,WAAW,OACvC,GAAsC,KAAa,IAAI,EACrD,SAAS,EAAQ,EACnB,CAAC,GACG,IACJ,GAAgB,aAAa,QAAQ,EAAe,aAAa,GAK7D,IAAuB,KAAmB,CAAC,GAK3C,CAAC,GAAkB,KAAuB,EAE9C,IAAI,GAGA,CAAC,IAA0B,KAC/B,EAAS,EAAK,GAIV,IACJ,MACA,MACA,MACA,IAEI,IACJ,KACC,EAAQ,KAAc,MACtB,CAAC,KAAsB,CAAC,CAAC,KAAuB,CAAC,KAAW,CAAC,GAC1D,IACJ,KAAc,CAAC,KAAsB,CAAC,KAAY,GAK9C,KACJ,KAAmB,MAAkB,GAEjC,IACH,KAAiB;EAChB,OAAO;EACP,QAAQ,EAAc;CACxB,KACC,KAAwB;EACvB,OAAO;EACP,QAAQ,EAAqB;CAC/B,KACC,KAAsB;EACrB,OAAO;EACP,QAAQ,EAAmB;CAC7B,KACC,KAA0B;EACzB,OAAO;EACP,QAAQ,EAAuB;CACjC,KACC,MAA4B;EAC3B,OAAA;EACA,QAAQ,kBAAC,GAAD,EAAgC,OAAO,GAAgB,MAAQ,CAAA;CACzE,GAEI,WAAwB;EAK5B,AAJA,GAAc,GACd,GAAqB,GACrB,GAAmB,GACnB,GAAuB,GACvB,EAA4B,EAAK;CACnC,GAEM,KAAyB,YAAY;EACzC,IAAI,CAAC,GAAW;EAKhB,IAJA,GAAgB,GAIZ,CAAC,GAAsB;GACzB,EAAkB;IAAE;IAAW;GAAoB,CAAC;GACpD;EACF;EAGA,IAAM,IAAoB,MAAM,GAAwB,CAAS,EAAE,YAC3D,IACR;EACI,MAAsB,SAGtB,IAGF,EAAoB,eAAe,IAC1B,IAET,EAA4B,EAAI,IAEhC,EAAoB,gBAAgB;CAExC,GAEM,WAA8B;EAC7B,MACL,EAAoB,IAAI,GACxB,GAAgB;GAAE;GAAW;EAAoB,CAAC;CACpD,GAEM,IAAmB,YAAY;EAC9B,MACL,EAAoB,IAAI,GAQnB,MAPkB,GAAc;GACnC;GACA;EACF,CAAC,EAAE,WACK,UACA,EACR,KAIA,EAAkB;GAAE;GAAW;EAAoB,CAAC;CACtD,GAIM,UAAiC;EACrC,EAAoB,IAAI;CAC1B;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,IAAD;GAAiB,OAAO;GAAkB,UAAU;EAAS,CAAA;EAC7D,kBAAC,IAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAE;cAAG;GAElD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GAEX,KACC,kBAAC,IAAD;IACE,SAAS;IACT,OAAO;IACP,QAAQ;IACR,eAAa;GACd,CAAA;GAEF,CAAC,MAAc,KAAgB,MAC9B,kBAAC,GAAD;IAAO,UAAU;cAAjB;KACE,kBAAC,UAAD,EAAA,UAAQ,4CAAsD,CAAA;KAC9D,kBAAC,MAAD,CAAK,CAAA;KACJ,GAAc,UAAU,GAAW;IAC/B;;GAER,CAAC,KACA,CAAC,KACD,CAAC,MACA,KAAsB,MACrB,kBAAC,UAAD;IACE,OAAO;IACP,KAAK,KAAsB;IAC3B,OAAO;KAAE,QAAQ;KAAG,OAAO;KAAQ,QAAQ;IAAmB;GAC/D,CAAA;GAGL,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,QAAQ;KACR,aAAa;KACb,cAAc;IAChB;cANF;KAQE,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,OACE,IACE,kBAAC,GAAD,EACE,OAAO,GAAgB,MACxB,CAAA,IAED;OAGJ,OAAA;OACA,sBAAsB,CAAC;OACvB,sBAAsB,CAAC;OACvB,sBAAsB,CAAC;iBAGvB,kBAAC,GAAD;QAAK,WAAW;kBACd,kBAAC,GAAD;SACE,SAAS;SACT,UAAU;SACV,eAAe;UACb,GAAuB;SACzB;mBAEC,IACG,eACA;QACE,CAAA;OACL,CAAA;MACE,CAAA;KAEZ,CAAA;KACD,kBAAC,IAAD,CAAU,CAAA;KACV,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,SAAS;iBACV;MAEO,CAAA;KAEX,CAAA;IACE;;GACJ,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cAAtC;KACE,kBAAC,UAAD,EAAA,UAAS,EAAU,MAAc,CAAA;KACjC,kBAAC,MAAD,CAAK,CAAA;KACJ,EAAU;IACN;;EAEI,EAAA,CAAA;EACf,kBAAC,IAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAe;EAE7C,CAAA,EACK,CAAA;EACf,kBAAC,IAAD;GACE,MAAM,MAAqB;GAC3B,OAAO;GACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAAkB;GAMxC,CAAA,GACZ,kBAAC,GAAD,EAAwB,WAAW,GAAgB,UAAY,CAAA,CAC/D,EAAA,CAAA;GAEJ,UAAU;GACV,SACE,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAQ,SAAS;KAAY,SAAS;eACnC;IACK,CAAA;IACR,kBAAC,IAAD;KACE,OAAO,GAAgB;KACN;KACjB,SAAS;KACT,eAAe;MACb,EAAiB;KACnB;eAEC;IACe,CAAA;IAClB,kBAAC,GAAD;KAAQ,SAAS;KAAa,SAAS;eACpC;IACK,CAAA;GACR,EAAA,CAAA;EAEL,CAAA;EACD,kBAAC,IAAD;GACE,MAAM,MAAqB;GAC3B,OAAO;GACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAAkB;GAKxC,CAAA,GACZ,kBAAC,GAAD,EAAwB,WAAW,GAAgB,UAAY,CAAA,CAC/D,EAAA,CAAA;GAEJ,oBAAoB,EAAE,UAAU,EAAoC;GACpE,iBAAiB;IACf,EAAiB;GACnB;GACA,UAAU;EACX,CAAA;CACD,EAAA,CAAA;AAEN;AAMA,SAAS,EAAuB,GAA0C;CACxE,IAAM,EAAE,iBAAc;CAItB,OAHI,KAAa,OACR,OAGP,kBAAC,GAAD;EAAY,SAAS;EAAS,IAAI;GAAE,GAAG;GAAkB,IAAI;EAAE;YAA/D;GAAkE;GACjD,kBAAC,UAAD,EAAA,UAAS,EAAkB,CAAA;GAAC;GAAiB;GAC3D,MAAc,IAAI,QAAQ;GAAO;EACxB;;AAEhB;AAOA,SAAS,GACP,GACA;CACA,IAAM,EAAE,UAAO,oBAAiB,GAAG,MAAgB;CACnD,OACE,kBAAC,GAAD;EACE,OACE,IAAkB,kBAAC,GAAD,EAAuC,SAAQ,CAAA,IAAI;EAEvE,OAAA;EACA,sBAAsB,CAAC;EACvB,sBAAsB,CAAC;EACvB,sBAAsB,CAAC;YAGvB,kBAAC,GAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IAAQ,GAAI;IAAa,UAAU;GAAkB,CAAA;EAClD,CAAA;CACE,CAAA;AAEb;AAEA,SAAS,EAAU,GAIhB;CACD,IAAM,EAAE,UAAO,gBAAa,cAAW;CACvC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,IAAI;GAAE,YAAY,EAAE,IAAI,SAAS;GAAG,KAAK;GAAG,GAAG;EAAE;YAFnD,CAIE,kBAAC,GAAD;GAAK,IAAI,EAAE,UAAU,EAAE;aAAvB,CACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAI;cAC1D;GACS,CAAA,GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B;GACS,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,IAAI,EAAE,YAAY,EAAE;aAAI;EAAY,CAAA,CACpC;;AAEX"}

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":"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"}
+{"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,2CA4R1E"}

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

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