synapse-react-client 4.0.44 → 4.0.46

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

@@ -1 +1 @@
-{"version":3,"file":"ManualUploadDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  RestrictableObjectType,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { UploadDocumentField } from '../UploadDocumentField'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nexport type ManualUploadDucStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  onBackClicked: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"Download DUC for Signatures\" anchor. When set, the preview\n   * file handle fetch is skipped and this URL is used directly. Used by stories and tests where\n   * the portal servlet is not available.\n   */\n  downloadHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually\n * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download\n * the partially-populated DUC, upload a signed copy, and submit the request.\n */\nexport default function ManualUploadDucStep(props: ManualUploadDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    downloadHrefOverride,\n  } = props\n\n  const {\n    data: dataAccessRequest,\n    isLoading: isLoadingDar,\n    refetch: refetchDar,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    staleTime: Infinity,\n    throwOnError: true,\n  })\n\n  // Once we start the void → refetch → updateDar sequence, the preview query must not run again:\n  // GET /dataAccessRequest/{id}/preview has server-side side effects (creates a new signature\n  // envelope, resets DAR to draft) that repopulate `eDucSignatureEnvelopeId` on the DAR. The\n  // backend then rejects the follow-up updateDar because we're trying to set a manually-uploaded\n  // `ducFileHandleId` on a DAR that still has an active signature envelope. Because\n  // `useVoidDataAccessRequestSignature` invalidates the root DAR query key on success, an active\n  // preview observer would otherwise be auto-refetched.\n  const [isSubmittingSignedDuc, setIsSubmittingSignedDuc] = useState(false)\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled:\n      Boolean(dataAccessRequest?.id) &&\n      !downloadHrefOverride &&\n      !isSubmittingSignedDuc,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId && dataAccessRequest?.id\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const {\n    mutate: updateDar,\n    mutateAsync: updateDarAsync,\n    isPending: isUpdating,\n  } = useUpdateDataAccessRequest({\n    onError: e => setUpdateDarError(e.reason),\n  })\n\n  const { mutateAsync: voidSignatureAsync, isPending: isVoidingSignature } =\n    useVoidDataAccessRequestSignature({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n  const signedDucFileHandleId = dataAccessRequest?.ducFileHandleId\n  const signedDucFileHandleAssociations: FileHandleAssociation[] =\n    signedDucFileHandleId && dataAccessRequest?.id\n      ? [\n          {\n            fileHandleId: signedDucFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: dataAccessRequest.id,\n          },\n        ]\n      : []\n\n  const isDownloadDisabled = isLoadingDar || isLoadingPreview || !downloadHref\n  const isSubmitDisabled =\n    isLoadingDar ||\n    !dataAccessRequest ||\n    !signedDucFileHandleId ||\n    isUpdating ||\n    isVoidingSignature ||\n    isSubmitting\n\n  const handleUpload = async (resp: UploadCallbackResp) => {\n    if (!resp.success || !resp.resp || !dataAccessRequest) {\n      const errorObj = resp.error as { reason?: unknown } | undefined\n      const reason =\n        errorObj && typeof errorObj.reason === 'string'\n          ? errorObj.reason\n          : undefined\n      if (reason) {\n        setUpdateDarError(reason)\n      }\n      return\n    }\n    setUpdateDarError(undefined)\n    // Only void a prior eDUC signature routing if one was actually sent. If the user ejected\n    // from EDucPreviewStep before sending for signature, there's nothing to void.\n    const hasSignatureEnvelope = Boolean(\n      dataAccessRequest.eDucSignatureEnvelopeId,\n    )\n    let latestDar = dataAccessRequest\n    if (hasSignatureEnvelope) {\n      // Freeze the preview query before voiding — see the comment above the `isSubmittingSignedDuc` state.\n      setIsSubmittingSignedDuc(true)\n      try {\n        await voidSignatureAsync(dataAccessRequest.id)\n      } catch {\n        return\n      }\n      const refreshed = await refetchDar()\n      latestDar = refreshed.data ?? dataAccessRequest\n    }\n    updateDar({\n      ...latestDar,\n      ducFileHandleId: resp.resp.fileHandleId,\n    })\n  }\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest) return\n    setSubmitDarError(undefined)\n    // Persist the DAR once more so the submission uses the latest etag.\n    const latest = await updateDarAsync(dataAccessRequest).catch(() => null)\n    if (!latest) return\n    submit({\n      request: {\n        requestId: latest.id,\n        requestEtag: latest.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\n      <DialogContent>\n        <Box>\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Submit a signed PDF instead of e-signatures\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n            Instead of signing the Data Use Certificate (DUC) using DocuSign,\n            you can download the DUC as a PDF and then upload it after it has\n            been signed by your collaborators, your project lead, and your\n            Signing Official.\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n            However, we recommend using e-signatures, as it is usually faster,\n            and prevents common errors which can result in your request being\n            rejected.\n          </Typography>\n\n          <Box sx={{ mb: 3 }}>\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoadingDar}\n            />\n          </Box>\n\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          <Stack\n            direction={{ xs: 'column', md: 'row' }}\n            sx={{ gap: 4, alignItems: 'flex-start' }}\n          >\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 1. Download your Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                As a first step, you will need to download a PDF of the Data Use\n                Certificate with the names of your Collaborators and Signing\n                Official. Make sure the names are correct and complete before\n                downloading.\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                If needed, you can modify the printed list of collaborators by\n                adding or removing names on the paper copy before uploading.\n              </Typography>\n              {previewError ? (\n                <Alert severity={'error'}>\n                  <strong>\n                    Sorry, we couldn&apos;t prepare your DUC for download.\n                  </strong>\n                  <br />\n                  {previewError.reason}\n                </Alert>\n              ) : (\n                <Button\n                  component=\"a\"\n                  href={downloadHref ?? undefined}\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                  variant={'outlined'}\n                  disabled={isDownloadDisabled}\n                  endIcon={<IconSvg icon={'download'} wrap={false} />}\n                >\n                  Download DUC for Signatures\n                </Button>\n              )}\n            </Box>\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 2. Fill out and upload a Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                You must download and fill out a Data Use Certificate (DUC). Be\n                sure to upload the completed DUC below.\n              </Typography>\n              <Typography\n                variant={'body1'}\n                component={'ol'}\n                sx={{ ...longFieldLabelSx, mb: 2, pl: 3 }}\n              >\n                <li>Download the DUC document.</li>\n                <li>\n                  Fill out the DUC, following the instructions in the PDF.\n                </li>\n                <li>\n                  Upload the completed certificate using the button below:\n                </li>\n              </Typography>\n              {isLoadingDar ? (\n                <Skeleton variant={'rectangular'} width={200} height={36} />\n              ) : (\n                <UploadDocumentField\n                  id={'signed-duc'}\n                  documentName={'Signed DUC'}\n                  isLoading={isUpdating || isVoidingSignature}\n                  uploadCallback={resp => {\n                    handleUpload(resp)\n                  }}\n                  fileHandleAssociations={signedDucFileHandleAssociations}\n                />\n              )}\n            </Box>\n          </Stack>\n\n          {updateDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t save your change.</strong>\n              <br />\n              {updateDarError}\n            </Alert>\n          )}\n          {submitDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t submit your request.</strong>\n              <br />\n              {submitDarError}\n            </Alert>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit Request\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ManualUploadDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  RestrictableObjectType,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { UploadDocumentField } from '../UploadDocumentField'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nexport type ManualUploadDucStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  onBackClicked: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"Download DUC for Signatures\" anchor. When set, the preview\n   * file handle fetch is skipped and this URL is used directly. Used by stories and tests where\n   * the portal servlet is not available.\n   */\n  downloadHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually\n * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download\n * the partially-populated DUC, upload a signed copy, and submit the request.\n */\nexport default function ManualUploadDucStep(props: ManualUploadDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    downloadHrefOverride,\n  } = props\n\n  const {\n    data: dataAccessRequest,\n    isLoading: isLoadingDar,\n    refetch: refetchDar,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    staleTime: Infinity,\n    throwOnError: true,\n  })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id) && !downloadHrefOverride,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId && dataAccessRequest?.id\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const {\n    mutate: updateDar,\n    mutateAsync: updateDarAsync,\n    isPending: isUpdating,\n  } = useUpdateDataAccessRequest({\n    onError: e => setUpdateDarError(e.reason),\n  })\n\n  const { mutateAsync: voidSignatureAsync, isPending: isVoidingSignature } =\n    useVoidDataAccessRequestSignature({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n  const signedDucFileHandleId = dataAccessRequest?.ducFileHandleId\n  const signedDucFileHandleAssociations: FileHandleAssociation[] =\n    signedDucFileHandleId && dataAccessRequest?.id\n      ? [\n          {\n            fileHandleId: signedDucFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: dataAccessRequest.id,\n          },\n        ]\n      : []\n\n  const isDownloadDisabled = isLoadingDar || isLoadingPreview || !downloadHref\n  const isSubmitDisabled =\n    isLoadingDar ||\n    !dataAccessRequest ||\n    !signedDucFileHandleId ||\n    isUpdating ||\n    isVoidingSignature ||\n    isSubmitting\n\n  const handleUpload = async (resp: UploadCallbackResp) => {\n    if (!resp.success || !resp.resp || !dataAccessRequest) {\n      const errorObj = resp.error as { reason?: unknown } | undefined\n      const reason =\n        errorObj && typeof errorObj.reason === 'string'\n          ? errorObj.reason\n          : undefined\n      if (reason) {\n        setUpdateDarError(reason)\n      }\n      return\n    }\n    setUpdateDarError(undefined)\n    // The server rejects a manually-uploaded `ducFileHandleId` while a routing is still in flight,\n    // so an existing envelope has to be voided first. Generating the preview never creates one, so\n    // this only fires for users who actually sent the DUC for signature and then changed their mind.\n    const hasSignatureEnvelope = Boolean(\n      dataAccessRequest.eDucSignatureEnvelopeId,\n    )\n    let latestDar = dataAccessRequest\n    if (hasSignatureEnvelope) {\n      try {\n        await voidSignatureAsync({\n          requestId: dataAccessRequest.id,\n          accessRequirementId: String(managedACTAccessRequirement.id),\n        })\n      } catch {\n        return\n      }\n      const refreshed = await refetchDar()\n      latestDar = refreshed.data ?? dataAccessRequest\n    }\n    updateDar({\n      ...latestDar,\n      ducFileHandleId: resp.resp.fileHandleId,\n    })\n  }\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest) return\n    setSubmitDarError(undefined)\n    // Persist the DAR once more so the submission uses the latest etag.\n    const latest = await updateDarAsync(dataAccessRequest).catch(() => null)\n    if (!latest) return\n    submit({\n      request: {\n        requestId: latest.id,\n        requestEtag: latest.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\n      <DialogContent>\n        <Box>\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Submit a signed PDF instead of e-signatures\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n            Instead of signing the Data Use Certificate (DUC) using DocuSign,\n            you can download the DUC as a PDF and then upload it after it has\n            been signed by your collaborators, your project lead, and your\n            Signing Official.\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n            However, we recommend using e-signatures, as it is usually faster,\n            and prevents common errors which can result in your request being\n            rejected.\n          </Typography>\n\n          <Box sx={{ mb: 3 }}>\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoadingDar}\n            />\n          </Box>\n\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          <Stack\n            direction={{ xs: 'column', md: 'row' }}\n            sx={{ gap: 4, alignItems: 'flex-start' }}\n          >\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 1. Download your Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                As a first step, you will need to download a PDF of the Data Use\n                Certificate with the names of your Collaborators and Signing\n                Official. Make sure the names are correct and complete before\n                downloading.\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                If needed, you can modify the printed list of collaborators by\n                adding or removing names on the paper copy before uploading.\n              </Typography>\n              {previewError ? (\n                <Alert severity={'error'}>\n                  <strong>\n                    Sorry, we couldn&apos;t prepare your DUC for download.\n                  </strong>\n                  <br />\n                  {previewError.reason}\n                </Alert>\n              ) : (\n                <Button\n                  component=\"a\"\n                  href={downloadHref ?? undefined}\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                  variant={'outlined'}\n                  disabled={isDownloadDisabled}\n                  endIcon={<IconSvg icon={'download'} wrap={false} />}\n                >\n                  Download DUC for Signatures\n                </Button>\n              )}\n            </Box>\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 2. Fill out and upload a Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                You must download and fill out a Data Use Certificate (DUC). Be\n                sure to upload the completed DUC below.\n              </Typography>\n              <Typography\n                variant={'body1'}\n                component={'ol'}\n                sx={{ ...longFieldLabelSx, mb: 2, pl: 3 }}\n              >\n                <li>Download the DUC document.</li>\n                <li>\n                  Fill out the DUC, following the instructions in the PDF.\n                </li>\n                <li>\n                  Upload the completed certificate using the button below:\n                </li>\n              </Typography>\n              {isLoadingDar ? (\n                <Skeleton variant={'rectangular'} width={200} height={36} />\n              ) : (\n                <UploadDocumentField\n                  id={'signed-duc'}\n                  documentName={'Signed DUC'}\n                  isLoading={isUpdating || isVoidingSignature}\n                  uploadCallback={resp => {\n                    handleUpload(resp)\n                  }}\n                  fileHandleAssociations={signedDucFileHandleAssociations}\n                />\n              )}\n            </Box>\n          </Stack>\n\n          {updateDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t save your change.</strong>\n              <br />\n              {updateDarError}\n            </Alert>\n          )}\n          {submitDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t submit your request.</strong>\n              <br />\n              {submitDarError}\n            </Alert>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit Request\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ import { useEffect as u, useRef as te, useState as d } from "react";
 import { Alert as f, Box as p, Button as m, DialogActions as ne, DialogContent as h, TextField as g, Typography as _ } from "@mui/material";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import x from "lodash-es/isEmpty";
-import { InfoTwoTone as S } from "@mui/icons-material";
+import S from "@mui/icons-material/InfoTwoTone";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx
 var C = 50, w = 750;
 function T(_) {

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

@@ -1 +1 @@
-{"version":3,"file":"ResearchProjectForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetResearchProject,\n  useGetUserProfile,\n  useUpdateDataAccessRequest,\n  useUpdateResearchProject,\n} from '@/synapse-queries'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ManagedACTAccessRequirement,\n  PrincipalInvestigator,\n  Renewal,\n  Request,\n  ResearchProject,\n} from '@sage-bionetworks/synapse-types'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { FormEvent, useEffect, useRef, useState } from 'react'\nimport HelpPopover from '../../../HelpPopover'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport TextFieldWithWordLimit, {\n  getWordCount,\n} from '../../../TextField/TextFieldWithWordLimit'\nimport { AlertProps } from '../DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport PrincipalInvestigatorFields from '../PrincipalInvestigatorFields'\n\nconst INTENDED_DATA_USE_MIN_WORD_COUNT = 50\nconst INTENDED_DATA_USE_MAX_WORD_COUNT = 750 // SWC-7526\n\nexport type ResearchProjectFormProps = {\n  /* The access requirement to which the research project refers */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSave?: (researchProject: ResearchProject) => void\n  onHide?: () => void\n}\n\n/**\n * Step 1 of the Data Access Request/Renewal flow prompts the user to provide information about their ResearchProject.\n */\nexport default function ResearchProjectForm(props: ResearchProjectFormProps) {\n  const { onSave, managedACTAccessRequirement, onHide } = props\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [projectLead, setProjectLead] = useState<string>('')\n  const [institution, setInstitution] = useState<string>('')\n  const [intendedDataUseStatement, setIntendedDataUseStatement] =\n    useState<string>('')\n  const [piUserId, setPiUserId] = useState<string | null>(null)\n  const [piEmail, setPiEmail] = useState<string>('')\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n\n  const [showConfirmationScreen, setShowConfirmationScreen] = useState(false)\n\n  const { data: existingResearchProject, isLoading: isLoadingInitialData } =\n    useGetResearchProject(String(managedACTAccessRequirement.id), {\n      // Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  const {\n    data: existingDataAccessRequest,\n    isLoading: isLoadingDataAccessRequest,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    enabled: isEDucEnabled,\n    staleTime: Infinity,\n  })\n  const existingDarRef = useRef(existingDataAccessRequest)\n  useEffect(() => {\n    existingDarRef.current = existingDataAccessRequest\n  }, [existingDataAccessRequest])\n\n  // Populate the form with existing data if it exists\n  useEffect(() => {\n    if (isEmpty(projectLead) && existingResearchProject?.projectLead) {\n      setProjectLead(existingResearchProject?.projectLead)\n    }\n    if (isEmpty(institution) && existingResearchProject?.institution) {\n      setInstitution(existingResearchProject?.institution)\n    }\n    if (\n      isEmpty(intendedDataUseStatement) &&\n      existingResearchProject?.intendedDataUseStatement\n    ) {\n      setIntendedDataUseStatement(\n        existingResearchProject?.intendedDataUseStatement,\n      )\n    }\n  }, [\n    existingResearchProject?.institution,\n    existingResearchProject?.intendedDataUseStatement,\n    existingResearchProject?.projectLead,\n    // PORTALS-3774: initialize from existingResearchProject, but do not reset institution,\n    // projectLead, or intendedDataUseStatement if they have been modified\n  ])\n\n  // Prefill eDUC-only PI fields from any previously-saved DAR values.\n  useEffect(() => {\n    if (!isEDucEnabled || !existingDataAccessRequest) return\n    const pi = existingDataAccessRequest.principalInvestigator\n    if (piUserId === null && pi?.userId) {\n      setPiUserId(pi.userId)\n    }\n    if (isEmpty(piEmail) && pi?.institutionalEmail) {\n      setPiEmail(pi.institutionalEmail)\n    }\n    // PORTALS-4375: initialize from existingDataAccessRequest, but do not reset\n    // fields once the user has interacted with them.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    isEDucEnabled,\n    existingDataAccessRequest?.principalInvestigator?.userId,\n    existingDataAccessRequest?.principalInvestigator?.institutionalEmail,\n  ])\n\n  const { data: piUserProfile } = useGetUserProfile(piUserId ?? '', {\n    enabled: Boolean(piUserId),\n  })\n\n  useEffect(() => {\n    if (!piUserProfile || !isEmpty(projectLead)) return\n    const fullName = [piUserProfile.firstName, piUserProfile.lastName]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    if (fullName) {\n      setProjectLead(fullName)\n    }\n    // Only populate when projectLead is empty; do not overwrite user edits.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [piUserProfile])\n\n  const { mutateAsync: updateResearchProject, isPending: updateIsPending } =\n    useUpdateResearchProject({\n      onError: e => {\n        console.log(\n          'RequestDataAccessStep1: Error updating research project data: ',\n          e,\n        )\n        setAlert({\n          key: 'error',\n          message: getErrorMessage(e.reason),\n        })\n      },\n    })\n\n  const {\n    mutateAsync: updateDataAccessRequest,\n    isPending: updateDarIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: e => {\n      console.log(\n        'RequestDataAccessStep1: Error updating data access request: ',\n        e,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(e.reason),\n      })\n    },\n  })\n\n  const isLoading =\n    isLoadingInitialData ||\n    (isEDucEnabled && isLoadingDataAccessRequest) ||\n    updateIsPending ||\n    updateDarIsPending\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Unable to update research project data.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const handleSubmit = async (e: FormEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (!showConfirmationScreen) {\n      setShowConfirmationScreen(true)\n      return\n    }\n    let updatedResearchProject: ResearchProject\n    try {\n      updatedResearchProject = await updateResearchProject({\n        ...existingResearchProject,\n        accessRequirementId: String(managedACTAccessRequirement.id),\n        institution: institution,\n        projectLead: projectLead,\n        intendedDataUseStatement: intendedDataUseStatement || undefined,\n      })\n    } catch {\n      setShowConfirmationScreen(false)\n      return\n    }\n    if (isEDucEnabled && existingDarRef.current) {\n      const existingDar = existingDarRef.current\n      const nextPi: PrincipalInvestigator = {\n        ...existingDar.principalInvestigator,\n        userId: piUserId ?? undefined,\n        name: projectLead || undefined,\n        institutionalEmail: piEmail || undefined,\n      }\n      try {\n        await updateDataAccessRequest({\n          ...existingDar,\n          // The DAR is fetched before the ResearchProject exists, so it may not have an id yet\n          researchProjectId:\n            existingDar.researchProjectId ?? updatedResearchProject.id,\n          institution: institution,\n          principalInvestigator: nextPi,\n        } as Request | Renewal)\n      } catch {\n        setShowConfirmationScreen(false)\n        return\n      }\n    }\n    if (onSave) {\n      onSave(updatedResearchProject)\n    }\n  }\n\n  const formIsValid =\n    projectLead &&\n    institution &&\n    (!isEDucEnabled || (piUserId && piEmail)) &&\n    (!managedACTAccessRequirement.isIDURequired ||\n      (intendedDataUseStatement &&\n        getWordCount(intendedDataUseStatement) >=\n          INTENDED_DATA_USE_MIN_WORD_COUNT &&\n        getWordCount(intendedDataUseStatement) <=\n          INTENDED_DATA_USE_MAX_WORD_COUNT))\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={() => onHide?.()} />\n      {showConfirmationScreen && (\n        <ConfirmationScreenContent\n          isIDURequired={managedACTAccessRequirement.isIDURequired}\n        />\n      )}\n      {!showConfirmationScreen && (\n        <DialogContent>\n          {alert && (\n            <Alert severity={alert.key} sx={{ mb: 2 }}>\n              {alert.message}\n            </Alert>\n          )}\n          <ManagedACTAccessRequirementFormWikiWrapper\n            accessRequirement={managedACTAccessRequirement}\n          >\n            <Box\n              component={'form'}\n              onSubmit={e => {\n                void handleSubmit(e)\n              }}\n              sx={{\n                '& .MuiTextField-root': {\n                  marginBottom: '20px',\n                },\n              }}\n            >\n              <TextField\n                id={'project-lead'}\n                label={\n                  <Box sx={{ display: 'inline' }}>\n                    <span>First and last names of your Project Lead or PI</span>\n                    <HelpPopover\n                      Icon={InfoTwoTone}\n                      containerSx={{ float: 'right' }}\n                      markdownText={`This field is required.\\n\\nProvide the name of one person who serves as the project leader or PI.`}\n                    />\n                  </Box>\n                }\n                placeholder={\n                  'First and last name of individual leading the project, ex: Jane Smith'\n                }\n                fullWidth\n                disabled={isLoading}\n                type=\"text\"\n                value={projectLead}\n                required\n                onChange={e => setProjectLead(e.target.value)}\n                slotProps={{\n                  inputLabel: {\n                    // allows floating the help popover all the way to the right\n                    sx: { width: '100%' },\n                  },\n                }}\n              />\n              {isEDucEnabled && (\n                <PrincipalInvestigatorFields\n                  userId={piUserId}\n                  email={piEmail}\n                  disabled={isLoading}\n                  onUserIdChange={setPiUserId}\n                  onEmailChange={setPiEmail}\n                />\n              )}\n\n              <TextField\n                id={'institution'}\n                label={'Your Institution'}\n                placeholder={\n                  'Full, unabbreviated name of the institution you are affiliated with'\n                }\n                fullWidth\n                type=\"text\"\n                disabled={isLoading}\n                value={institution}\n                required\n                onChange={e => setInstitution(e.target.value)}\n              />\n\n              {managedACTAccessRequirement.isIDURequired && (\n                <TextFieldWithWordLimit\n                  id={'data-use'}\n                  minWords={INTENDED_DATA_USE_MIN_WORD_COUNT}\n                  maxWords={INTENDED_DATA_USE_MAX_WORD_COUNT}\n                  label={\n                    <Box sx={{ display: 'inline' }}>\n                      <span>Intended Data Use (IDU)</span>\n                      <HelpPopover\n                        Icon={InfoTwoTone}\n                        containerSx={{ float: 'right' }}\n                        markdownText={`This field is required.\\n\\nCheck the instructions for data access for information on completing the IDU statement.`}\n                      />\n                    </Box>\n                  }\n                  helperText={\n                    managedACTAccessRequirement.isIDUPublic\n                      ? 'This will be visible to the public'\n                      : undefined\n                  }\n                  placeholder={\n                    'Outline the objectives of your proposed research involving this data, and your study design and analysis plan.'\n                  }\n                  fullWidth\n                  required\n                  multiline\n                  rows={9}\n                  disabled={isLoading}\n                  value={intendedDataUseStatement}\n                  onChange={e => setIntendedDataUseStatement(e.target.value)}\n                />\n              )}\n            </Box>\n          </ManagedACTAccessRequirementFormWikiWrapper>\n        </DialogContent>\n      )}\n      <DialogActions>\n        {showConfirmationScreen && (\n          <>\n            <Button\n              variant={'outlined'}\n              onClick={() => {\n                setShowConfirmationScreen(false)\n              }}\n            >\n              Back\n            </Button>\n            <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n          </>\n        )}\n        <Button variant=\"outlined\" disabled={isLoading} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          type=\"submit\"\n          disabled={isLoading || !formIsValid}\n          onClick={e => {\n            void handleSubmit(e)\n          }}\n        >\n          {updateIsPending ? 'Saving...' : 'Save and Continue'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ConfirmationScreenContent(props: { isIDURequired: boolean }) {\n  const { isIDURequired } = props\n  return (\n    <DialogContent>\n      <Typography\n        variant=\"body1\"\n        gutterBottom\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        Double-check your submission before continuing!\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Here are some common reasons a request is rejected:\n      </Typography>\n      <Box component=\"ul\">\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is your <i>Project Lead</i> a full name (first and last)?\n        </Typography>\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is the <i>Institution</i> name you provided unabbreviated and\n          verifiable? You must give the full name of your institution, so we can\n          look it up.\n        </Typography>\n        {isIDURequired && (\n          <Typography component={'li'} variant=\"body1\" gutterBottom>\n            Did you provide clear <i>study objectives</i> and your{' '}\n            <i>study design</i> and <i>analysis plan</i> in the IDU section?\n          </Typography>\n        )}\n      </Box>\n      <Typography variant=\"body1\" gutterBottom>\n        Please take a minute to make sure your submission is correct. If your\n        submission is rejected, you’ll have to resubmit after a few days!\n      </Typography>\n    </DialogContent>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResearchProjectForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetResearchProject,\n  useGetUserProfile,\n  useUpdateDataAccessRequest,\n  useUpdateResearchProject,\n} from '@/synapse-queries'\nimport InfoTwoTone from '@mui/icons-material/InfoTwoTone'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ManagedACTAccessRequirement,\n  PrincipalInvestigator,\n  Renewal,\n  Request,\n  ResearchProject,\n} from '@sage-bionetworks/synapse-types'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { FormEvent, useEffect, useRef, useState } from 'react'\nimport HelpPopover from '../../../HelpPopover'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport TextFieldWithWordLimit, {\n  getWordCount,\n} from '../../../TextField/TextFieldWithWordLimit'\nimport { AlertProps } from '../DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport PrincipalInvestigatorFields from '../PrincipalInvestigatorFields'\n\nconst INTENDED_DATA_USE_MIN_WORD_COUNT = 50\nconst INTENDED_DATA_USE_MAX_WORD_COUNT = 750 // SWC-7526\n\nexport type ResearchProjectFormProps = {\n  /* The access requirement to which the research project refers */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSave?: (researchProject: ResearchProject) => void\n  onHide?: () => void\n}\n\n/**\n * Step 1 of the Data Access Request/Renewal flow prompts the user to provide information about their ResearchProject.\n */\nexport default function ResearchProjectForm(props: ResearchProjectFormProps) {\n  const { onSave, managedACTAccessRequirement, onHide } = props\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [projectLead, setProjectLead] = useState<string>('')\n  const [institution, setInstitution] = useState<string>('')\n  const [intendedDataUseStatement, setIntendedDataUseStatement] =\n    useState<string>('')\n  const [piUserId, setPiUserId] = useState<string | null>(null)\n  const [piEmail, setPiEmail] = useState<string>('')\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n\n  const [showConfirmationScreen, setShowConfirmationScreen] = useState(false)\n\n  const { data: existingResearchProject, isLoading: isLoadingInitialData } =\n    useGetResearchProject(String(managedACTAccessRequirement.id), {\n      // Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  const {\n    data: existingDataAccessRequest,\n    isLoading: isLoadingDataAccessRequest,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    enabled: isEDucEnabled,\n    staleTime: Infinity,\n  })\n  const existingDarRef = useRef(existingDataAccessRequest)\n  useEffect(() => {\n    existingDarRef.current = existingDataAccessRequest\n  }, [existingDataAccessRequest])\n\n  // Populate the form with existing data if it exists\n  useEffect(() => {\n    if (isEmpty(projectLead) && existingResearchProject?.projectLead) {\n      setProjectLead(existingResearchProject?.projectLead)\n    }\n    if (isEmpty(institution) && existingResearchProject?.institution) {\n      setInstitution(existingResearchProject?.institution)\n    }\n    if (\n      isEmpty(intendedDataUseStatement) &&\n      existingResearchProject?.intendedDataUseStatement\n    ) {\n      setIntendedDataUseStatement(\n        existingResearchProject?.intendedDataUseStatement,\n      )\n    }\n  }, [\n    existingResearchProject?.institution,\n    existingResearchProject?.intendedDataUseStatement,\n    existingResearchProject?.projectLead,\n    // PORTALS-3774: initialize from existingResearchProject, but do not reset institution,\n    // projectLead, or intendedDataUseStatement if they have been modified\n  ])\n\n  // Prefill eDUC-only PI fields from any previously-saved DAR values.\n  useEffect(() => {\n    if (!isEDucEnabled || !existingDataAccessRequest) return\n    const pi = existingDataAccessRequest.principalInvestigator\n    if (piUserId === null && pi?.userId) {\n      setPiUserId(pi.userId)\n    }\n    if (isEmpty(piEmail) && pi?.institutionalEmail) {\n      setPiEmail(pi.institutionalEmail)\n    }\n    // PORTALS-4375: initialize from existingDataAccessRequest, but do not reset\n    // fields once the user has interacted with them.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    isEDucEnabled,\n    existingDataAccessRequest?.principalInvestigator?.userId,\n    existingDataAccessRequest?.principalInvestigator?.institutionalEmail,\n  ])\n\n  const { data: piUserProfile } = useGetUserProfile(piUserId ?? '', {\n    enabled: Boolean(piUserId),\n  })\n\n  useEffect(() => {\n    if (!piUserProfile || !isEmpty(projectLead)) return\n    const fullName = [piUserProfile.firstName, piUserProfile.lastName]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    if (fullName) {\n      setProjectLead(fullName)\n    }\n    // Only populate when projectLead is empty; do not overwrite user edits.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [piUserProfile])\n\n  const { mutateAsync: updateResearchProject, isPending: updateIsPending } =\n    useUpdateResearchProject({\n      onError: e => {\n        console.log(\n          'RequestDataAccessStep1: Error updating research project data: ',\n          e,\n        )\n        setAlert({\n          key: 'error',\n          message: getErrorMessage(e.reason),\n        })\n      },\n    })\n\n  const {\n    mutateAsync: updateDataAccessRequest,\n    isPending: updateDarIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: e => {\n      console.log(\n        'RequestDataAccessStep1: Error updating data access request: ',\n        e,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(e.reason),\n      })\n    },\n  })\n\n  const isLoading =\n    isLoadingInitialData ||\n    (isEDucEnabled && isLoadingDataAccessRequest) ||\n    updateIsPending ||\n    updateDarIsPending\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Unable to update research project data.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const handleSubmit = async (e: FormEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (!showConfirmationScreen) {\n      setShowConfirmationScreen(true)\n      return\n    }\n    let updatedResearchProject: ResearchProject\n    try {\n      updatedResearchProject = await updateResearchProject({\n        ...existingResearchProject,\n        accessRequirementId: String(managedACTAccessRequirement.id),\n        institution: institution,\n        projectLead: projectLead,\n        intendedDataUseStatement: intendedDataUseStatement || undefined,\n      })\n    } catch {\n      setShowConfirmationScreen(false)\n      return\n    }\n    if (isEDucEnabled && existingDarRef.current) {\n      const existingDar = existingDarRef.current\n      const nextPi: PrincipalInvestigator = {\n        ...existingDar.principalInvestigator,\n        userId: piUserId ?? undefined,\n        name: projectLead || undefined,\n        institutionalEmail: piEmail || undefined,\n      }\n      try {\n        await updateDataAccessRequest({\n          ...existingDar,\n          // The DAR is fetched before the ResearchProject exists, so it may not have an id yet\n          researchProjectId:\n            existingDar.researchProjectId ?? updatedResearchProject.id,\n          institution: institution,\n          principalInvestigator: nextPi,\n        } as Request | Renewal)\n      } catch {\n        setShowConfirmationScreen(false)\n        return\n      }\n    }\n    if (onSave) {\n      onSave(updatedResearchProject)\n    }\n  }\n\n  const formIsValid =\n    projectLead &&\n    institution &&\n    (!isEDucEnabled || (piUserId && piEmail)) &&\n    (!managedACTAccessRequirement.isIDURequired ||\n      (intendedDataUseStatement &&\n        getWordCount(intendedDataUseStatement) >=\n          INTENDED_DATA_USE_MIN_WORD_COUNT &&\n        getWordCount(intendedDataUseStatement) <=\n          INTENDED_DATA_USE_MAX_WORD_COUNT))\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={() => onHide?.()} />\n      {showConfirmationScreen && (\n        <ConfirmationScreenContent\n          isIDURequired={managedACTAccessRequirement.isIDURequired}\n        />\n      )}\n      {!showConfirmationScreen && (\n        <DialogContent>\n          {alert && (\n            <Alert severity={alert.key} sx={{ mb: 2 }}>\n              {alert.message}\n            </Alert>\n          )}\n          <ManagedACTAccessRequirementFormWikiWrapper\n            accessRequirement={managedACTAccessRequirement}\n          >\n            <Box\n              component={'form'}\n              onSubmit={e => {\n                void handleSubmit(e)\n              }}\n              sx={{\n                '& .MuiTextField-root': {\n                  marginBottom: '20px',\n                },\n              }}\n            >\n              <TextField\n                id={'project-lead'}\n                label={\n                  <Box sx={{ display: 'inline' }}>\n                    <span>First and last names of your Project Lead or PI</span>\n                    <HelpPopover\n                      Icon={InfoTwoTone}\n                      containerSx={{ float: 'right' }}\n                      markdownText={`This field is required.\\n\\nProvide the name of one person who serves as the project leader or PI.`}\n                    />\n                  </Box>\n                }\n                placeholder={\n                  'First and last name of individual leading the project, ex: Jane Smith'\n                }\n                fullWidth\n                disabled={isLoading}\n                type=\"text\"\n                value={projectLead}\n                required\n                onChange={e => setProjectLead(e.target.value)}\n                slotProps={{\n                  inputLabel: {\n                    // allows floating the help popover all the way to the right\n                    sx: { width: '100%' },\n                  },\n                }}\n              />\n              {isEDucEnabled && (\n                <PrincipalInvestigatorFields\n                  userId={piUserId}\n                  email={piEmail}\n                  disabled={isLoading}\n                  onUserIdChange={setPiUserId}\n                  onEmailChange={setPiEmail}\n                />\n              )}\n\n              <TextField\n                id={'institution'}\n                label={'Your Institution'}\n                placeholder={\n                  'Full, unabbreviated name of the institution you are affiliated with'\n                }\n                fullWidth\n                type=\"text\"\n                disabled={isLoading}\n                value={institution}\n                required\n                onChange={e => setInstitution(e.target.value)}\n              />\n\n              {managedACTAccessRequirement.isIDURequired && (\n                <TextFieldWithWordLimit\n                  id={'data-use'}\n                  minWords={INTENDED_DATA_USE_MIN_WORD_COUNT}\n                  maxWords={INTENDED_DATA_USE_MAX_WORD_COUNT}\n                  label={\n                    <Box sx={{ display: 'inline' }}>\n                      <span>Intended Data Use (IDU)</span>\n                      <HelpPopover\n                        Icon={InfoTwoTone}\n                        containerSx={{ float: 'right' }}\n                        markdownText={`This field is required.\\n\\nCheck the instructions for data access for information on completing the IDU statement.`}\n                      />\n                    </Box>\n                  }\n                  helperText={\n                    managedACTAccessRequirement.isIDUPublic\n                      ? 'This will be visible to the public'\n                      : undefined\n                  }\n                  placeholder={\n                    'Outline the objectives of your proposed research involving this data, and your study design and analysis plan.'\n                  }\n                  fullWidth\n                  required\n                  multiline\n                  rows={9}\n                  disabled={isLoading}\n                  value={intendedDataUseStatement}\n                  onChange={e => setIntendedDataUseStatement(e.target.value)}\n                />\n              )}\n            </Box>\n          </ManagedACTAccessRequirementFormWikiWrapper>\n        </DialogContent>\n      )}\n      <DialogActions>\n        {showConfirmationScreen && (\n          <>\n            <Button\n              variant={'outlined'}\n              onClick={() => {\n                setShowConfirmationScreen(false)\n              }}\n            >\n              Back\n            </Button>\n            <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n          </>\n        )}\n        <Button variant=\"outlined\" disabled={isLoading} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          type=\"submit\"\n          disabled={isLoading || !formIsValid}\n          onClick={e => {\n            void handleSubmit(e)\n          }}\n        >\n          {updateIsPending ? 'Saving...' : 'Save and Continue'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ConfirmationScreenContent(props: { isIDURequired: boolean }) {\n  const { isIDURequired } = props\n  return (\n    <DialogContent>\n      <Typography\n        variant=\"body1\"\n        gutterBottom\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        Double-check your submission before continuing!\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Here are some common reasons a request is rejected:\n      </Typography>\n      <Box component=\"ul\">\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is your <i>Project Lead</i> a full name (first and last)?\n        </Typography>\n        <Typography component={'li'} variant=\"body1\" gutterBottom>\n          Is the <i>Institution</i> name you provided unabbreviated and\n          verifiable? You must give the full name of your institution, so we can\n          look it up.\n        </Typography>\n        {isIDURequired && (\n          <Typography component={'li'} variant=\"body1\" gutterBottom>\n            Did you provide clear <i>study objectives</i> and your{' '}\n            <i>study design</i> and <i>analysis plan</i> in the IDU section?\n          </Typography>\n        )}\n      </Box>\n      <Typography variant=\"body1\" gutterBottom>\n        Please take a minute to make sure your submission is correct. If your\n        submission is rejected, you’ll have to resubmit after a few days!\n      </Typography>\n    </DialogContent>\n  )\n}\n"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { UserBadge as e } from "../../UserCard/UserBadge.js";
 import { longFieldLabelSx as t } from "./styles.js";
 import { Accordion as n, AccordionDetails as r, AccordionSummary as i, Box as a, Stack as o, Typography as s } from "@mui/material";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ExpandMore as u } from "@mui/icons-material";
+import u from "@mui/icons-material/ExpandMore";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx
 function d(d) {
 	let { accessorChanges: f, principalInvestigator: p, signingOfficial: m, isLoading: h = !1 } = d;

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewCollaboratorsAndSigningOfficialAccordion.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx"],"sourcesContent":["import { ExpandMore } from '@mui/icons-material'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessorChange,\n  PrincipalInvestigator,\n  SigningOfficial,\n} from '@sage-bionetworks/synapse-types'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { longFieldLabelSx } from './styles'\n\nexport type ReviewCollaboratorsAndSigningOfficialAccordionProps = {\n  accessorChanges: AccessorChange[]\n  principalInvestigator?: PrincipalInvestigator\n  signingOfficial?: SigningOfficial\n  isLoading?: boolean\n}\n\n/**\n * Collapsible summary of the DAR's collaborators, PI, and signing official.\n * Shared by ReviewDucStep and ManualUploadDucStep.\n */\nexport function ReviewCollaboratorsAndSigningOfficialAccordion(\n  props: ReviewCollaboratorsAndSigningOfficialAccordionProps,\n) {\n  const {\n    accessorChanges,\n    principalInvestigator: pi,\n    signingOfficial: so,\n    isLoading = false,\n  } = props\n\n  return (\n    <Accordion\n      defaultExpanded={false}\n      disableGutters\n      sx={{\n        boxShadow: 'none',\n        border: '1px solid',\n        borderColor: 'grey.300',\n        '&:before': { display: 'none' },\n      }}\n    >\n      <AccordionSummary\n        expandIcon={<ExpandMore />}\n        aria-controls=\"review-collaborators-so-content\"\n        id=\"review-collaborators-so-header\"\n      >\n        <Typography variant={'headline3'}>\n          Review your collaborators &amp; signing official\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your collaborators:\n        </Typography>\n        <Stack sx={{ mb: 3, gap: 1 }}>\n          {accessorChanges.length === 0 && !isLoading && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              No collaborators added.\n            </Typography>\n          )}\n          {accessorChanges.map(ac => (\n            <UserBadge\n              key={ac.userId}\n              userId={ac.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          ))}\n        </Stack>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your Project Lead or PI:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          Your Project Lead or PI will also receive access to the requested\n          data.\n        </Typography>\n        <Box sx={{ mb: 3 }}>\n          {pi?.userId && (\n            <UserBadge\n              userId={pi.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          )}\n          {pi?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.name}\n            </Typography>\n          )}\n          {pi?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your signing official:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          A member of your institution who is NOT part of the study team (i.e.,\n          not the Project Lead, not a Data Requester or Collaborator, and not\n          the Project Lead or PI).\n        </Typography>\n        <Box>\n          {so?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.name}\n            </Typography>\n          )}\n          {so?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;;;AA4BA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,oBACA,uBAAuB,GACvB,iBAAiB,GACjB,eAAY,OACV;CAEJ,OACE,kBAAC,GAAD;EACE,iBAAiB;EACjB,gBAAA;EACA,IAAI;GACF,WAAW;GACX,QAAQ;GACR,aAAa;GACb,YAAY,EAAE,SAAS,OAAO;EAChC;YARF,CAUE,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,CAAa,CAAA;GACzB,iBAAc;GACd,IAAG;aAEH,kBAAC,GAAD;IAAY,SAAS;cAAa;GAEtB,CAAA;EACI,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAO,IAAI;KAAE,IAAI;KAAG,KAAK;IAAE;cAA3B,CACG,EAAgB,WAAW,KAAK,CAAC,KAChC,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;eAAkB;IAExC,CAAA,GAEb,EAAgB,KAAI,MACnB,kBAAC,GAAD;KAEE,QAAQ,EAAG;KACX,sBAAsB;KACtB,aAAa;KACb,cAAc;IACf,GALM,EAAG,MAKT,CACF,CACI;;GAEP,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAGtD,CAAA;GACZ,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cAAjB;KACG,GAAI,UACH,kBAAC,GAAD;MACE,QAAQ,EAAG;MACX,sBAAsB;MACtB,aAAa;MACb,cAAc;KACf,CAAA;KAEF,GAAI,QACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;KAEb,GAAI,sBACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;IAEX;;GAEL,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAA,CACG,GAAI,QACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,GAEb,GAAI,sBACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,CAEX,EAAA,CAAA;EACW,EAAA,CAAA,CACT;;AAEf"}
+{"version":3,"file":"ReviewCollaboratorsAndSigningOfficialAccordion.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx"],"sourcesContent":["import ExpandMore from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessorChange,\n  PrincipalInvestigator,\n  SigningOfficial,\n} from '@sage-bionetworks/synapse-types'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { longFieldLabelSx } from './styles'\n\nexport type ReviewCollaboratorsAndSigningOfficialAccordionProps = {\n  accessorChanges: AccessorChange[]\n  principalInvestigator?: PrincipalInvestigator\n  signingOfficial?: SigningOfficial\n  isLoading?: boolean\n}\n\n/**\n * Collapsible summary of the DAR's collaborators, PI, and signing official.\n * Shared by ReviewDucStep and ManualUploadDucStep.\n */\nexport function ReviewCollaboratorsAndSigningOfficialAccordion(\n  props: ReviewCollaboratorsAndSigningOfficialAccordionProps,\n) {\n  const {\n    accessorChanges,\n    principalInvestigator: pi,\n    signingOfficial: so,\n    isLoading = false,\n  } = props\n\n  return (\n    <Accordion\n      defaultExpanded={false}\n      disableGutters\n      sx={{\n        boxShadow: 'none',\n        border: '1px solid',\n        borderColor: 'grey.300',\n        '&:before': { display: 'none' },\n      }}\n    >\n      <AccordionSummary\n        expandIcon={<ExpandMore />}\n        aria-controls=\"review-collaborators-so-content\"\n        id=\"review-collaborators-so-header\"\n      >\n        <Typography variant={'headline3'}>\n          Review your collaborators &amp; signing official\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your collaborators:\n        </Typography>\n        <Stack sx={{ mb: 3, gap: 1 }}>\n          {accessorChanges.length === 0 && !isLoading && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              No collaborators added.\n            </Typography>\n          )}\n          {accessorChanges.map(ac => (\n            <UserBadge\n              key={ac.userId}\n              userId={ac.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          ))}\n        </Stack>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your Project Lead or PI:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          Your Project Lead or PI will also receive access to the requested\n          data.\n        </Typography>\n        <Box sx={{ mb: 3 }}>\n          {pi?.userId && (\n            <UserBadge\n              userId={pi.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          )}\n          {pi?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.name}\n            </Typography>\n          )}\n          {pi?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your signing official:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          A member of your institution who is NOT part of the study team (i.e.,\n          not the Project Lead, not a Data Requester or Collaborator, and not\n          the Project Lead or PI).\n        </Typography>\n        <Box>\n          {so?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.name}\n            </Typography>\n          )}\n          {so?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;;;AA4BA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,oBACA,uBAAuB,GACvB,iBAAiB,GACjB,eAAY,OACV;CAEJ,OACE,kBAAC,GAAD;EACE,iBAAiB;EACjB,gBAAA;EACA,IAAI;GACF,WAAW;GACX,QAAQ;GACR,aAAa;GACb,YAAY,EAAE,SAAS,OAAO;EAChC;YARF,CAUE,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,CAAa,CAAA;GACzB,iBAAc;GACd,IAAG;aAEH,kBAAC,GAAD;IAAY,SAAS;cAAa;GAEtB,CAAA;EACI,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAO,IAAI;KAAE,IAAI;KAAG,KAAK;IAAE;cAA3B,CACG,EAAgB,WAAW,KAAK,CAAC,KAChC,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;eAAkB;IAExC,CAAA,GAEb,EAAgB,KAAI,MACnB,kBAAC,GAAD;KAEE,QAAQ,EAAG;KACX,sBAAsB;KACtB,aAAa;KACb,cAAc;IACf,GALM,EAAG,MAKT,CACF,CACI;;GAEP,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAGtD,CAAA;GACZ,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cAAjB;KACG,GAAI,UACH,kBAAC,GAAD;MACE,QAAQ,EAAG;MACX,sBAAsB;MACtB,aAAa;MACb,cAAc;KACf,CAAA;KAEF,GAAI,QACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;KAEb,GAAI,sBACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;IAEX;;GAEL,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAA,CACG,GAAI,QACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,GAEb,GAAI,sBACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,CAEX,EAAA,CAAA;EACW,EAAA,CAAA,CACT;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureStatusStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAEL,sBAAsB,EACvB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAYlE,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;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA0P1E"}
+{"version":3,"file":"SignatureStatusStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAEL,sBAAsB,EACvB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAYlE,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;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA0P1E"}

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

@@ -12,8 +12,11 @@ import { Alert as u, Box as d, Button as f, DialogActions as p, DialogContent as
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { FileHandleAssociateType as x } from "@sage-bionetworks/synapse-types";
 import { EDucSignerStatusStatusEnum as S } from "@sage-bionetworks/synapse-client";
-import { CheckCircleOutline as C, HourglassEmpty as w, OpenInNew as T, Refresh as E } from "@mui/icons-material";
-import D from "dayjs";
+import C from "dayjs";
+import w from "@mui/icons-material/OpenInNew";
+import T from "@mui/icons-material/CheckCircleOutline";
+import E from "@mui/icons-material/HourglassEmpty";
+import D from "@mui/icons-material/Refresh";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx
 var O = {
 	mx: 0,
@@ -24,7 +27,7 @@ var O = {
 	color: "grey.700"
 };
 function k(e) {
-	let { managedACTAccessRequirement: s, subjectId: S, subjectType: D, onHide: O, onBackClicked: k, onSubmissionCreated: A, viewDucHrefOverride: j } = e, { data: M, isLoading: ae } = r(String(s.id), {
+	let { managedACTAccessRequirement: s, subjectId: S, subjectType: C, onHide: O, onBackClicked: k, onSubmissionCreated: A, viewDucHrefOverride: j } = e, { data: M, isLoading: ae } = r(String(s.id), {
 		staleTime: Infinity,
 		throwOnError: !0
 	}), N = M?.id ?? "", { data: P, isLoading: F, isRefetching: I, error: L, refetch: R } = te(N, { enabled: !!N }), z = P?.signerStatus ?? [], B = z.filter((e) => e.status === "done").length, V = z.length, H = V > 0 && B === V, U = z.filter((e) => e.status !== "done"), { data: W } = ne(N, { enabled: !!N && !H }), { data: G } = ee(N, { enabled: !!N && !j }), K = j ?? (G?.fileHandleId && N ? t.getPortalFileHandleServletUrl(G.fileHandleId, N, x.DataAccessRequestAttachment) : void 0), { data: q } = a(N, { enabled: !!N && H }), [J, Y] = l(), [X, Z] = l(), { mutateAsync: oe, isPending: se } = i({ onError: (e) => Y(e.reason) }), { mutate: ce, isPending: Q } = n({
@@ -42,7 +45,7 @@ function k(e) {
 				requestId: e.id,
 				requestEtag: e.etag,
 				subjectId: S,
-				subjectType: D
+				subjectType: C
 			},
 			accessRequirementId: String(s.id)
 		});
@@ -102,7 +105,7 @@ function k(e) {
 						mb: 1
 					},
 					children: [
-						H ? /* @__PURE__ */ y(C, { color: "success" }) : /* @__PURE__ */ y(w, { sx: { color: "grey.700" } }),
+						H ? /* @__PURE__ */ y(T, { color: "success" }) : /* @__PURE__ */ y(E, { sx: { color: "grey.700" } }),
 						/* @__PURE__ */ y(_, {
 							variant: "body1",
 							sx: { fontWeight: 700 },
@@ -118,7 +121,7 @@ function k(e) {
 								alignItems: "center",
 								gap: .5
 							},
-							children: ["View DUC", /* @__PURE__ */ y(T, { fontSize: "small" })]
+							children: ["View DUC", /* @__PURE__ */ y(w, { fontSize: "small" })]
 						})
 					]
 				}),
@@ -137,7 +140,7 @@ function k(e) {
 				})] }),
 				/* @__PURE__ */ y(f, {
 					variant: "outlined",
-					startIcon: /* @__PURE__ */ y(E, {}),
+					startIcon: /* @__PURE__ */ y(D, {}),
 					loading: I,
 					onClick: () => {
 						R();
@@ -184,7 +187,7 @@ function k(e) {
 	] });
 }
 function A(e) {
-	return !e.status || e.status === S.pending || e.status === S.done ? "" : e.status === S.declined && e.declinedOn ? ` (declined ${s(D(e.declinedOn))})` : ` (${e.status})`;
+	return !e.status || e.status === S.pending || e.status === S.done ? "" : e.status === S.declined && e.declinedOn ? ` (declined ${s(C(e.declinedOn))})` : ` (${e.status})`;
 }
 function ie(t) {
 	let { signer: n } = t, r = n.name ?? "Unnamed signer";

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureStatusStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureStatus,\n  useGetDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestSignedFileHandleId,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  CheckCircleOutline,\n  HourglassEmpty,\n  OpenInNew,\n  Refresh,\n} from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  Link,\n  Skeleton,\n  Stack,\n  SxProps,\n  Typography,\n} from '@mui/material'\nimport {\n  EDucSignerStatus,\n  EDucSignerStatusStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\n/** Browser defaults indent a blockquote far too much for a nested list item. */\nconst declinedReasonSx: SxProps = {\n  mx: 0,\n  my: 0.5,\n  pl: 1.5,\n  borderLeft: '3px solid',\n  borderColor: 'grey.300',\n  color: 'grey.700',\n}\n\nexport type SignatureStatusStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  /**\n   * Called when the user clicks the Back button. When omitted, the Back button is hidden —\n   * used when the step is reached via direct entry (e.g. a deep-link route) rather than\n   * through the wizard flow, so there is no meaningful previous step to return to.\n   */\n  onBackClicked?: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"View DUC\" link. When set, the preview file handle fetch\n   * is skipped and this URL is used directly. Used by stories and tests where the portal\n   * servlet is not available.\n   */\n  viewDucHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the user has routed the eDUC for electronic signature\n * (PORTALS-4380). Polls the DocuSign envelope status, lists the pending signers,\n * and enables submission once every signer has signed.\n */\nexport default function SignatureStatusStep(props: SignatureStatusStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    viewDucHrefOverride,\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\n  const {\n    data: signatureStatus,\n    isLoading: isLoadingStatus,\n    isRefetching: isRefetchingStatus,\n    error: statusError,\n    refetch: refetchStatus,\n  } = useGetDataAccessRequestSignatureStatus(requestId, {\n    enabled: Boolean(requestId),\n  })\n\n  const signers: EDucSignerStatus[] = signatureStatus?.signerStatus ?? []\n  const collectedCount = signers.filter(s => s.status === 'done').length\n  const totalCount = signers.length\n  const allCollected = totalCount > 0 && collectedCount === totalCount\n  const outstandingSigners = signers.filter(s => s.status !== 'done')\n\n  // Whether going Back could still deliver edits to this envelope is the server's call -- it knows\n  // every state DocuSign will refuse to correct. Only the copy below depends on it, so a stale or\n  // failed answer simply withholds the guidance rather than blocking the step.\n  const { data: isEnvelopeUpdatable } =\n    useGetDataAccessRequestSignatureUpdatable(requestId, {\n      enabled: Boolean(requestId) && !allCollected,\n    })\n\n  const { data: previewFileHandle } = useGetDataAccessRequestPreview(\n    requestId,\n    { enabled: Boolean(requestId) && !viewDucHrefOverride },\n  )\n  const viewDucHref =\n    viewDucHrefOverride ??\n    (previewFileHandle?.fileHandleId && requestId\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandle.fileHandleId,\n          requestId,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const { data: signedFileHandle } = useGetDataAccessRequestSignedFileHandleId(\n    requestId,\n    { enabled: Boolean(requestId) && allCollected },\n  )\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const { mutateAsync: updateDarAsync, isPending: isUpdating } =\n    useUpdateDataAccessRequest({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const isSubmitDisabled =\n    isLoadingDar ||\n    isLoadingStatus ||\n    isRefetchingStatus ||\n    !dataAccessRequest ||\n    !allCollected ||\n    !signedFileHandle?.fileHandleId ||\n    isUpdating ||\n    isSubmitting\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest || !signedFileHandle?.fileHandleId) return\n    setUpdateDarError(undefined)\n    setSubmitDarError(undefined)\n    const updated = await updateDarAsync({\n      ...dataAccessRequest,\n      ducFileHandleId: signedFileHandle.fileHandleId,\n    }).catch(() => null)\n    if (!updated) return\n    submit({\n      request: {\n        requestId: updated.id,\n        requestEtag: updated.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\n      <DialogContent>\n        <Typography variant={'headline3'} sx={{ mb: 2 }}>\n          Sign a Data Use Certificate (DUC)\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Your DUC has been emailed to your Collaborators. Once all signatures\n          (including the Signing Official) have been collected, you can submit\n          the Data Access Request.\n        </Typography>\n        {/* Editing is only worth offering while signatures are still outstanding -- once every\n            signer is done the user should simply submit. Withheld until both the status and the\n            precheck resolve, so the copy neither appears and then vanishes nor promises that\n            existing signatures carry over when the server has already ruled that out. */}\n        {onBackClicked &&\n          signatureStatus &&\n          !allCollected &&\n          isEnvelopeUpdatable && (\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              You can update the list of Collaborators by pressing{' '}\n              <strong>Back</strong>. Your changes will be applied to this\n              signature request, so anyone who has already signed will not need\n              to sign again.\n            </Typography>\n          )}\n\n        {isLoadingStatus && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={120}\n            data-testid={'SignatureStatusStep-loading'}\n          />\n        )}\n\n        {statusError && (\n          <Alert severity={'error'}>\n            <strong>\n              Sorry, we couldn&apos;t load the current signature status.\n            </strong>\n            <br />\n            {statusError.reason}\n          </Alert>\n        )}\n\n        {!isLoadingStatus && !statusError && signatureStatus && (\n          <>\n            <Stack\n              direction={'row'}\n              sx={{ alignItems: 'center', gap: 1, mb: 1 }}\n            >\n              {allCollected ? (\n                <CheckCircleOutline color={'success'} />\n              ) : (\n                <HourglassEmpty sx={{ color: 'grey.700' }} />\n              )}\n              <Typography variant={'body1'} sx={{ fontWeight: 700 }}>\n                {allCollected\n                  ? 'All signatures collected.'\n                  : `${collectedCount} out of ${totalCount} signatures collected.`}\n              </Typography>\n              <Box sx={{ flexGrow: 1 }} />\n              {viewDucHref && (\n                <Link\n                  href={viewDucHref}\n                  target={'_blank'}\n                  rel={'noopener'}\n                  sx={{\n                    display: 'inline-flex',\n                    alignItems: 'center',\n                    gap: 0.5,\n                  }}\n                >\n                  View DUC\n                  <OpenInNew fontSize={'small'} />\n                </Link>\n              )}\n            </Stack>\n\n            {outstandingSigners.length > 0 && (\n              <>\n                <Typography variant={'body1'} sx={{ mb: 1 }}>\n                  You&apos;re still waiting for signatures from\n                </Typography>\n                <Box component={'ul'} sx={{ mt: 0, mb: 2, pl: 3 }}>\n                  {outstandingSigners.map((signer, index) => (\n                    <li key={signer.userId ?? `${signer.name}-${index}`}>\n                      <SignerLine signer={signer} />\n                    </li>\n                  ))}\n                </Box>\n              </>\n            )}\n\n            <Button\n              variant={'outlined'}\n              startIcon={<Refresh />}\n              loading={isRefetchingStatus}\n              onClick={() => {\n                refetchStatus()\n              }}\n            >\n              Refresh\n            </Button>\n          </>\n        )}\n\n        {updateDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t save your change.</strong>\n            <br />\n            {updateDarError}\n          </Alert>\n        )}\n        {submitDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t submit your request.</strong>\n            <br />\n            {submitDarError}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        {onBackClicked && (\n          <Button variant={'outlined'} onClick={onBackClicked}>\n            Back\n          </Button>\n        )}\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\n/**\n * Only surface non-pending problem states inline; pending is implied by the section header. A\n * decline carries a timestamp, which folds into the label so the row doesn't read \"(declined)\"\n * and then repeat itself underneath.\n */\nfunction getSignerStatusLabel(signer: EDucSignerStatus): string {\n  if (\n    !signer.status ||\n    signer.status === EDucSignerStatusStatusEnum.pending ||\n    signer.status === EDucSignerStatusStatusEnum.done\n  ) {\n    return ''\n  }\n  if (\n    signer.status === EDucSignerStatusStatusEnum.declined &&\n    signer.declinedOn\n  ) {\n    return ` (declined ${formatDate(dayjs(signer.declinedOn))})`\n  }\n  return ` (${signer.status})`\n}\n\nfunction SignerLine(props: { signer: EDucSignerStatus }) {\n  const { signer } = props\n  const displayName = signer.name ?? 'Unnamed signer'\n  const nameNode = signer.userId ? (\n    <Link\n      href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Profile:${signer.userId}`}\n      target={'_blank'}\n      rel={'noopener'}\n    >\n      {displayName}\n    </Link>\n  ) : (\n    <>{displayName}</>\n  )\n  return (\n    <>\n      <Typography variant={'body1'} component={'span'}>\n        {nameNode}\n        {getSignerStatusLabel(signer)}\n      </Typography>\n      {/* The reason is the signer's own words, so it is quoted rather than restated as UI copy. */}\n      {signer.declinedReason && (\n        <Typography\n          variant={'body1'}\n          component={'blockquote'}\n          sx={declinedReasonSx}\n        >\n          {signer.declinedReason}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SignatureStatusStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureStatus,\n  useGetDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestSignedFileHandleId,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'\nimport HourglassEmpty from '@mui/icons-material/HourglassEmpty'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport Refresh from '@mui/icons-material/Refresh'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  Link,\n  Skeleton,\n  Stack,\n  SxProps,\n  Typography,\n} from '@mui/material'\nimport {\n  EDucSignerStatus,\n  EDucSignerStatusStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\n/** Browser defaults indent a blockquote far too much for a nested list item. */\nconst declinedReasonSx: SxProps = {\n  mx: 0,\n  my: 0.5,\n  pl: 1.5,\n  borderLeft: '3px solid',\n  borderColor: 'grey.300',\n  color: 'grey.700',\n}\n\nexport type SignatureStatusStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  /**\n   * Called when the user clicks the Back button. When omitted, the Back button is hidden —\n   * used when the step is reached via direct entry (e.g. a deep-link route) rather than\n   * through the wizard flow, so there is no meaningful previous step to return to.\n   */\n  onBackClicked?: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"View DUC\" link. When set, the preview file handle fetch\n   * is skipped and this URL is used directly. Used by stories and tests where the portal\n   * servlet is not available.\n   */\n  viewDucHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the user has routed the eDUC for electronic signature\n * (PORTALS-4380). Polls the DocuSign envelope status, lists the pending signers,\n * and enables submission once every signer has signed.\n */\nexport default function SignatureStatusStep(props: SignatureStatusStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    viewDucHrefOverride,\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\n  const {\n    data: signatureStatus,\n    isLoading: isLoadingStatus,\n    isRefetching: isRefetchingStatus,\n    error: statusError,\n    refetch: refetchStatus,\n  } = useGetDataAccessRequestSignatureStatus(requestId, {\n    enabled: Boolean(requestId),\n  })\n\n  const signers: EDucSignerStatus[] = signatureStatus?.signerStatus ?? []\n  const collectedCount = signers.filter(s => s.status === 'done').length\n  const totalCount = signers.length\n  const allCollected = totalCount > 0 && collectedCount === totalCount\n  const outstandingSigners = signers.filter(s => s.status !== 'done')\n\n  // Whether going Back could still deliver edits to this envelope is the server's call -- it knows\n  // every state DocuSign will refuse to correct. Only the copy below depends on it, so a stale or\n  // failed answer simply withholds the guidance rather than blocking the step.\n  const { data: isEnvelopeUpdatable } =\n    useGetDataAccessRequestSignatureUpdatable(requestId, {\n      enabled: Boolean(requestId) && !allCollected,\n    })\n\n  const { data: previewFileHandle } = useGetDataAccessRequestPreview(\n    requestId,\n    { enabled: Boolean(requestId) && !viewDucHrefOverride },\n  )\n  const viewDucHref =\n    viewDucHrefOverride ??\n    (previewFileHandle?.fileHandleId && requestId\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandle.fileHandleId,\n          requestId,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const { data: signedFileHandle } = useGetDataAccessRequestSignedFileHandleId(\n    requestId,\n    { enabled: Boolean(requestId) && allCollected },\n  )\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const { mutateAsync: updateDarAsync, isPending: isUpdating } =\n    useUpdateDataAccessRequest({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const isSubmitDisabled =\n    isLoadingDar ||\n    isLoadingStatus ||\n    isRefetchingStatus ||\n    !dataAccessRequest ||\n    !allCollected ||\n    !signedFileHandle?.fileHandleId ||\n    isUpdating ||\n    isSubmitting\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest || !signedFileHandle?.fileHandleId) return\n    setUpdateDarError(undefined)\n    setSubmitDarError(undefined)\n    const updated = await updateDarAsync({\n      ...dataAccessRequest,\n      ducFileHandleId: signedFileHandle.fileHandleId,\n    }).catch(() => null)\n    if (!updated) return\n    submit({\n      request: {\n        requestId: updated.id,\n        requestEtag: updated.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\n      <DialogContent>\n        <Typography variant={'headline3'} sx={{ mb: 2 }}>\n          Sign a Data Use Certificate (DUC)\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Your DUC has been emailed to your Collaborators. Once all signatures\n          (including the Signing Official) have been collected, you can submit\n          the Data Access Request.\n        </Typography>\n        {/* Editing is only worth offering while signatures are still outstanding -- once every\n            signer is done the user should simply submit. Withheld until both the status and the\n            precheck resolve, so the copy neither appears and then vanishes nor promises that\n            existing signatures carry over when the server has already ruled that out. */}\n        {onBackClicked &&\n          signatureStatus &&\n          !allCollected &&\n          isEnvelopeUpdatable && (\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              You can update the list of Collaborators by pressing{' '}\n              <strong>Back</strong>. Your changes will be applied to this\n              signature request, so anyone who has already signed will not need\n              to sign again.\n            </Typography>\n          )}\n\n        {isLoadingStatus && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={120}\n            data-testid={'SignatureStatusStep-loading'}\n          />\n        )}\n\n        {statusError && (\n          <Alert severity={'error'}>\n            <strong>\n              Sorry, we couldn&apos;t load the current signature status.\n            </strong>\n            <br />\n            {statusError.reason}\n          </Alert>\n        )}\n\n        {!isLoadingStatus && !statusError && signatureStatus && (\n          <>\n            <Stack\n              direction={'row'}\n              sx={{ alignItems: 'center', gap: 1, mb: 1 }}\n            >\n              {allCollected ? (\n                <CheckCircleOutline color={'success'} />\n              ) : (\n                <HourglassEmpty sx={{ color: 'grey.700' }} />\n              )}\n              <Typography variant={'body1'} sx={{ fontWeight: 700 }}>\n                {allCollected\n                  ? 'All signatures collected.'\n                  : `${collectedCount} out of ${totalCount} signatures collected.`}\n              </Typography>\n              <Box sx={{ flexGrow: 1 }} />\n              {viewDucHref && (\n                <Link\n                  href={viewDucHref}\n                  target={'_blank'}\n                  rel={'noopener'}\n                  sx={{\n                    display: 'inline-flex',\n                    alignItems: 'center',\n                    gap: 0.5,\n                  }}\n                >\n                  View DUC\n                  <OpenInNew fontSize={'small'} />\n                </Link>\n              )}\n            </Stack>\n\n            {outstandingSigners.length > 0 && (\n              <>\n                <Typography variant={'body1'} sx={{ mb: 1 }}>\n                  You&apos;re still waiting for signatures from\n                </Typography>\n                <Box component={'ul'} sx={{ mt: 0, mb: 2, pl: 3 }}>\n                  {outstandingSigners.map((signer, index) => (\n                    <li key={signer.userId ?? `${signer.name}-${index}`}>\n                      <SignerLine signer={signer} />\n                    </li>\n                  ))}\n                </Box>\n              </>\n            )}\n\n            <Button\n              variant={'outlined'}\n              startIcon={<Refresh />}\n              loading={isRefetchingStatus}\n              onClick={() => {\n                refetchStatus()\n              }}\n            >\n              Refresh\n            </Button>\n          </>\n        )}\n\n        {updateDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t save your change.</strong>\n            <br />\n            {updateDarError}\n          </Alert>\n        )}\n        {submitDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t submit your request.</strong>\n            <br />\n            {submitDarError}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        {onBackClicked && (\n          <Button variant={'outlined'} onClick={onBackClicked}>\n            Back\n          </Button>\n        )}\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\n/**\n * Only surface non-pending problem states inline; pending is implied by the section header. A\n * decline carries a timestamp, which folds into the label so the row doesn't read \"(declined)\"\n * and then repeat itself underneath.\n */\nfunction getSignerStatusLabel(signer: EDucSignerStatus): string {\n  if (\n    !signer.status ||\n    signer.status === EDucSignerStatusStatusEnum.pending ||\n    signer.status === EDucSignerStatusStatusEnum.done\n  ) {\n    return ''\n  }\n  if (\n    signer.status === EDucSignerStatusStatusEnum.declined &&\n    signer.declinedOn\n  ) {\n    return ` (declined ${formatDate(dayjs(signer.declinedOn))})`\n  }\n  return ` (${signer.status})`\n}\n\nfunction SignerLine(props: { signer: EDucSignerStatus }) {\n  const { signer } = props\n  const displayName = signer.name ?? 'Unnamed signer'\n  const nameNode = signer.userId ? (\n    <Link\n      href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Profile:${signer.userId}`}\n      target={'_blank'}\n      rel={'noopener'}\n    >\n      {displayName}\n    </Link>\n  ) : (\n    <>{displayName}</>\n  )\n  return (\n    <>\n      <Typography variant={'body1'} component={'span'}>\n        {nameNode}\n        {getSignerStatusLabel(signer)}\n      </Typography>\n      {/* The reason is the signer's own words, so it is quoted rather than restated as UI copy. */}\n      {signer.declinedReason && (\n        <Typography\n          variant={'body1'}\n          component={'blockquote'}\n          sx={declinedReasonSx}\n        >\n          {signer.declinedReason}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
-import { RequestableAccessRequirement } from '../RequestDataStep';
+import { RequestableAccessRequirement } from '@/utils/types/RequestableAccessRequirement';
 /**
  * The part of an access requirement that every data access request step needs. Satisfied by any access requirement
  * type that supports the data access request flow.

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

@@ -1 +1 @@
-{"version":3,"file":"requestFlowTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/requestFlowTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,4BAA4B,EAC5B,IAAI,GAAG,cAAc,CACtB,GACC,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC,CAAA;AAE9D;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,GACtE,OAAO,CACL,IAAI,CACF,2BAA2B,EACzB,yBAAyB,GACzB,4BAA4B,GAC5B,eAAe,GACf,yBAAyB,CAC5B,CACF,CAAA"}
+{"version":3,"file":"requestFlowTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/requestFlowTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAA;AAEzF;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,4BAA4B,EAC5B,IAAI,GAAG,cAAc,CACtB,GACC,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC,CAAA;AAE9D;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,GACtE,OAAO,CACL,IAAI,CACF,2BAA2B,EACzB,yBAAyB,GACzB,4BAA4B,GAC5B,eAAe,GACf,yBAAyB,CAC5B,CACF,CAAA"}

package/dist/components/AccessRequirementList/RequestDataStep.d.ts

@@ -1,7 +1,4 @@
-import { AccessRequirement, JsonSchemaAccessRequirement, ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
-/** The access requirement types that a user can request access to through the request wizard */
-export type RequestableAccessRequirement = ManagedACTAccessRequirement | JsonSchemaAccessRequirement;
-export declare function isRequestableAccessRequirement(accessRequirement: AccessRequirement): accessRequirement is RequestableAccessRequirement;
+import { RequestableAccessRequirement } from '@/utils/types/RequestableAccessRequirement';
 /**
  * Represents a distinct screen in the wizard used to request access to a {@link RequestableAccessRequirement}
  */

package/dist/components/AccessRequirementList/RequestDataStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestDataStep.d.ts","sourceRoot":"","sources":["../../../src/components/AccessRequirementList/RequestDataStep.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAEjB,2BAA2B,EAE3B,2BAA2B,EAC5B,MAAM,iCAAiC,CAAA;AAExC,gGAAgG;AAChG,MAAM,MAAM,4BAA4B,GACpC,2BAA2B,GAC3B,2BAA2B,CAAA;AAE/B,wBAAgB,8BAA8B,CAC5C,iBAAiB,EAAE,iBAAiB,GACnC,iBAAiB,IAAI,4BAA4B,CAOnD;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,YAAY,IAAA;IACZ,uBAAuB,IAAA;IACvB,0BAA0B,IAAA;IAC1B,aAAa,IAAA;IACb,YAAY,IAAA;IACZ,QAAQ,IAAA;IACR,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,iBAAiB,IAAA;IACjB,gBAAgB,IAAA;IAChB,gGAAgG;IAChG,qBAAqB,KAAA;CACtB;AAyBD,mGAAmG;AACnG,wBAAgB,mBAAmB,CACjC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,GACpE,eAAe,CAEjB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,EACrE,WAAW,EAAE,eAAe,GAC3B,eAAe,CAEjB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,EACrE,WAAW,EAAE,eAAe,GAC3B,eAAe,CAEjB"}
+{"version":3,"file":"RequestDataStep.d.ts","sourceRoot":"","sources":["../../../src/components/AccessRequirementList/RequestDataStep.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAA;AAMzF;;GAEG;AACH,oBAAY,eAAe;IACzB,YAAY,IAAA;IACZ,uBAAuB,IAAA;IACvB,0BAA0B,IAAA;IAC1B,aAAa,IAAA;IACb,YAAY,IAAA;IACZ,QAAQ,IAAA;IACR,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,iBAAiB,IAAA;IACjB,gBAAgB,IAAA;IAChB,gGAAgG;IAChG,qBAAqB,KAAA;CACtB;AAyBD,mGAAmG;AACnG,wBAAgB,mBAAmB,CACjC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,GACpE,eAAe,CAEjB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,EACrE,WAAW,EAAE,eAAe,GAC3B,eAAe,CAEjB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,iBAAiB,EAAE,IAAI,CAAC,4BAA4B,EAAE,cAAc,CAAC,EACrE,WAAW,EAAE,eAAe,GAC3B,eAAe,CAEjB"}

package/dist/components/AccessRequirementList/RequestDataStep.js

@@ -1,37 +1,34 @@
 import { JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as e, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as t } from "@sage-bionetworks/synapse-types";
 //#region src/components/AccessRequirementList/RequestDataStep.ts
-function n(n) {
-	return n.concreteType === t || n.concreteType === e;
-}
-var r = /* @__PURE__ */ function(e) {
+var n = /* @__PURE__ */ function(e) {
 	return e[e.SHOW_ALL_ARS = 0] = "SHOW_ALL_ARS", e[e.UPDATE_RESEARCH_PROJECT = 1] = "UPDATE_RESEARCH_PROJECT", e[e.UPDATE_ACCESSORS_AND_FILES = 2] = "UPDATE_ACCESSORS_AND_FILES", e[e.PROMPT_CANCEL = 3] = "PROMPT_CANCEL", e[e.PROMPT_LOGIN = 4] = "PROMPT_LOGIN", e[e.COMPLETE = 5] = "COMPLETE", e[e.REVIEW_DUC = 6] = "REVIEW_DUC", e[e.EDUC_PREVIEW = 7] = "EDUC_PREVIEW", e[e.MANUAL_UPLOAD_DUC = 8] = "MANUAL_UPLOAD_DUC", e[e.SIGNATURE_STATUS = 9] = "SIGNATURE_STATUS", e[e.SCHEMA_DRIVEN_REQUEST = 10] = "SCHEMA_DRIVEN_REQUEST", e;
-}({}), i = [
+}({}), r = [
 	6,
 	7,
 	8
-], a = {
+], i = {
 	[t]: [
 		1,
 		2,
-		...i
+		...r
 	],
-	[e]: [10, ...i]
+	[e]: [10, ...r]
 };
-function o(e) {
-	return a[e.concreteType][0];
+function a(e) {
+	return i[e.concreteType][0];
 }
-function s(e, t) {
-	return l(e, t, 1);
+function o(e, t) {
+	return c(e, t, 1);
 }
-function c(e, t) {
-	return l(e, t, -1);
+function s(e, t) {
+	return c(e, t, -1);
 }
-function l(e, t, n) {
-	let i = a[e.concreteType], o = i.indexOf(t), s = o === -1 ? void 0 : i[o + n];
-	if (s === void 0) throw Error(`There is no ${n === 1 ? "next" : "previous"} step for ${r[t]} in the request wizard of ${e.concreteType}`);
+function c(e, t, r) {
+	let a = i[e.concreteType], o = a.indexOf(t), s = o === -1 ? void 0 : a[o + r];
+	if (s === void 0) throw Error(`There is no ${r === 1 ? "next" : "previous"} step for ${n[t]} in the request wizard of ${e.concreteType}`);
 	return s;
 }
 //#endregion
-export { r as RequestDataStep, o as getFirstRequestStep, s as getNextRequestStep, c as getPreviousRequestStep, n as isRequestableAccessRequirement };
+export { n as RequestDataStep, a as getFirstRequestStep, o as getNextRequestStep, s as getPreviousRequestStep };
 
 //# sourceMappingURL=RequestDataStep.js.map

package/dist/components/AccessRequirementList/RequestDataStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestDataStep.js","names":[],"sources":["../../../src/components/AccessRequirementList/RequestDataStep.ts"],"sourcesContent":["import {\n  AccessRequirement,\n  JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  JsonSchemaAccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\n\n/** The access requirement types that a user can request access to through the request wizard */\nexport type RequestableAccessRequirement =\n  | ManagedACTAccessRequirement\n  | JsonSchemaAccessRequirement\n\nexport function isRequestableAccessRequirement(\n  accessRequirement: AccessRequirement,\n): accessRequirement is RequestableAccessRequirement {\n  return (\n    accessRequirement.concreteType ===\n      MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    accessRequirement.concreteType ===\n      JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n\n/**\n * Represents a distinct screen in the wizard used to request access to a {@link RequestableAccessRequirement}\n */\nexport enum RequestDataStep {\n  SHOW_ALL_ARS,\n  UPDATE_RESEARCH_PROJECT,\n  UPDATE_ACCESSORS_AND_FILES,\n  PROMPT_CANCEL,\n  PROMPT_LOGIN,\n  COMPLETE,\n  REVIEW_DUC,\n  EDUC_PREVIEW,\n  MANUAL_UPLOAD_DUC,\n  SIGNATURE_STATUS,\n  /** The request wizard of a JsonSchemaAccessRequirement, which owns its own sequence of steps */\n  SCHEMA_DRIVEN_REQUEST,\n}\n\n// Only ARs with an eDUC template continue to these steps; others submit from the last step before them.\n// MANUAL_UPLOAD_DUC is the alternative to sending the eDUC for signature from EDUC_PREVIEW.\nconst EDUC_STEPS = [\n  RequestDataStep.REVIEW_DUC,\n  RequestDataStep.EDUC_PREVIEW,\n  RequestDataStep.MANUAL_UPLOAD_DUC,\n] as const\n\nconst REQUEST_STEP_ORDER: Record<\n  RequestableAccessRequirement['concreteType'],\n  readonly RequestDataStep[]\n> = {\n  [MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE]: [\n    RequestDataStep.UPDATE_RESEARCH_PROJECT,\n    RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n    ...EDUC_STEPS,\n  ],\n  [JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE]: [\n    RequestDataStep.SCHEMA_DRIVEN_REQUEST,\n    ...EDUC_STEPS,\n  ],\n}\n\n/** The first step of the wizard in which a user requests access to the given access requirement */\nexport function getFirstRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n): RequestDataStep {\n  return REQUEST_STEP_ORDER[accessRequirement.concreteType][0]\n}\n\n/**\n * The step that follows `currentStep` in the request wizard of the given access requirement.\n * @throws if `currentStep` is the last step of, or not a step of, the access requirement's request wizard\n */\nexport function getNextRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n): RequestDataStep {\n  return getAdjacentRequestStep(accessRequirement, currentStep, 1)\n}\n\n/**\n * The step that precedes `currentStep` in the request wizard of the given access requirement.\n * @throws if `currentStep` is the first step of, or not a step of, the access requirement's request wizard\n */\nexport function getPreviousRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n): RequestDataStep {\n  return getAdjacentRequestStep(accessRequirement, currentStep, -1)\n}\n\nfunction getAdjacentRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n  offset: 1 | -1,\n): RequestDataStep {\n  const stepOrder = REQUEST_STEP_ORDER[accessRequirement.concreteType]\n  const currentIndex = stepOrder.indexOf(currentStep)\n  const adjacentStep =\n    currentIndex === -1 ? undefined : stepOrder[currentIndex + offset]\n  if (adjacentStep === undefined) {\n    throw new Error(\n      `There is no ${offset === 1 ? 'next' : 'previous'} step for ${RequestDataStep[currentStep]} in the request wizard of ${accessRequirement.concreteType}`,\n    )\n  }\n  return adjacentStep\n}\n"],"mappings":";;AAaA,SAAgB,EACd,GACmD;CACnD,OACE,EAAkB,iBAChB,KACF,EAAkB,iBAChB;AAEN;AAKA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,0BAAA,KAAA,2BACA,EAAA,EAAA,6BAAA,KAAA,8BACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,WAAA,KAAA,YACA,EAAA,EAAA,aAAA,KAAA,cACA,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,oBAAA,KAAA,qBACA,EAAA,EAAA,mBAAA,KAAA,oBAEA,EAAA,EAAA,wBAAA,MAAA;AACF,EAAA,CAAA,CAAA,GAIM,IAAa;;;;AAInB,GAEM,IAGF;EACD,IAAqD;;;EAGpD,GAAG;CACL;EACC,IAAqD,CAAA,IAEpD,GAAG,CACL;AACF;AAGA,SAAgB,EACd,GACiB;CACjB,OAAO,EAAmB,EAAkB,cAAc;AAC5D;AAMA,SAAgB,EACd,GACA,GACiB;CACjB,OAAO,EAAuB,GAAmB,GAAa,CAAC;AACjE;AAMA,SAAgB,EACd,GACA,GACiB;CACjB,OAAO,EAAuB,GAAmB,GAAa,EAAE;AAClE;AAEA,SAAS,EACP,GACA,GACA,GACiB;CACjB,IAAM,IAAY,EAAmB,EAAkB,eACjD,IAAe,EAAU,QAAQ,CAAW,GAC5C,IACJ,MAAiB,KAAK,KAAA,IAAY,EAAU,IAAe;CAC7D,IAAI,MAAiB,KAAA,GACnB,MAAU,MACR,eAAe,MAAW,IAAI,SAAS,WAAW,YAAY,EAAgB,GAAa,4BAA4B,EAAkB,cAC3I;CAEF,OAAO;AACT"}
+{"version":3,"file":"RequestDataStep.js","names":[],"sources":["../../../src/components/AccessRequirementList/RequestDataStep.ts"],"sourcesContent":["import { RequestableAccessRequirement } from '@/utils/types/RequestableAccessRequirement'\nimport {\n  JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\n\n/**\n * Represents a distinct screen in the wizard used to request access to a {@link RequestableAccessRequirement}\n */\nexport enum RequestDataStep {\n  SHOW_ALL_ARS,\n  UPDATE_RESEARCH_PROJECT,\n  UPDATE_ACCESSORS_AND_FILES,\n  PROMPT_CANCEL,\n  PROMPT_LOGIN,\n  COMPLETE,\n  REVIEW_DUC,\n  EDUC_PREVIEW,\n  MANUAL_UPLOAD_DUC,\n  SIGNATURE_STATUS,\n  /** The request wizard of a JsonSchemaAccessRequirement, which owns its own sequence of steps */\n  SCHEMA_DRIVEN_REQUEST,\n}\n\n// Only ARs with an eDUC template continue to these steps; others submit from the last step before them.\n// MANUAL_UPLOAD_DUC is the alternative to sending the eDUC for signature from EDUC_PREVIEW.\nconst EDUC_STEPS = [\n  RequestDataStep.REVIEW_DUC,\n  RequestDataStep.EDUC_PREVIEW,\n  RequestDataStep.MANUAL_UPLOAD_DUC,\n] as const\n\nconst REQUEST_STEP_ORDER: Record<\n  RequestableAccessRequirement['concreteType'],\n  readonly RequestDataStep[]\n> = {\n  [MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE]: [\n    RequestDataStep.UPDATE_RESEARCH_PROJECT,\n    RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n    ...EDUC_STEPS,\n  ],\n  [JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE]: [\n    RequestDataStep.SCHEMA_DRIVEN_REQUEST,\n    ...EDUC_STEPS,\n  ],\n}\n\n/** The first step of the wizard in which a user requests access to the given access requirement */\nexport function getFirstRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n): RequestDataStep {\n  return REQUEST_STEP_ORDER[accessRequirement.concreteType][0]\n}\n\n/**\n * The step that follows `currentStep` in the request wizard of the given access requirement.\n * @throws if `currentStep` is the last step of, or not a step of, the access requirement's request wizard\n */\nexport function getNextRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n): RequestDataStep {\n  return getAdjacentRequestStep(accessRequirement, currentStep, 1)\n}\n\n/**\n * The step that precedes `currentStep` in the request wizard of the given access requirement.\n * @throws if `currentStep` is the first step of, or not a step of, the access requirement's request wizard\n */\nexport function getPreviousRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n): RequestDataStep {\n  return getAdjacentRequestStep(accessRequirement, currentStep, -1)\n}\n\nfunction getAdjacentRequestStep(\n  accessRequirement: Pick<RequestableAccessRequirement, 'concreteType'>,\n  currentStep: RequestDataStep,\n  offset: 1 | -1,\n): RequestDataStep {\n  const stepOrder = REQUEST_STEP_ORDER[accessRequirement.concreteType]\n  const currentIndex = stepOrder.indexOf(currentStep)\n  const adjacentStep =\n    currentIndex === -1 ? undefined : stepOrder[currentIndex + offset]\n  if (adjacentStep === undefined) {\n    throw new Error(\n      `There is no ${offset === 1 ? 'next' : 'previous'} step for ${RequestDataStep[currentStep]} in the request wizard of ${accessRequirement.concreteType}`,\n    )\n  }\n  return adjacentStep\n}\n"],"mappings":";;AASA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,0BAAA,KAAA,2BACA,EAAA,EAAA,6BAAA,KAAA,8BACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,WAAA,KAAA,YACA,EAAA,EAAA,aAAA,KAAA,cACA,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,oBAAA,KAAA,qBACA,EAAA,EAAA,mBAAA,KAAA,oBAEA,EAAA,EAAA,wBAAA,MAAA;AACF,EAAA,CAAA,CAAA,GAIM,IAAa;;;;AAInB,GAEM,IAGF;EACD,IAAqD;;;EAGpD,GAAG;CACL;EACC,IAAqD,CAAA,IAEpD,GAAG,CACL;AACF;AAGA,SAAgB,EACd,GACiB;CACjB,OAAO,EAAmB,EAAkB,cAAc;AAC5D;AAMA,SAAgB,EACd,GACA,GACiB;CACjB,OAAO,EAAuB,GAAmB,GAAa,CAAC;AACjE;AAMA,SAAgB,EACd,GACA,GACiB;CACjB,OAAO,EAAuB,GAAmB,GAAa,EAAE;AAClE;AAEA,SAAS,EACP,GACA,GACA,GACiB;CACjB,IAAM,IAAY,EAAmB,EAAkB,eACjD,IAAe,EAAU,QAAQ,CAAW,GAC5C,IACJ,MAAiB,KAAK,KAAA,IAAY,EAAU,IAAe;CAC7D,IAAI,MAAiB,KAAA,GACnB,MAAU,MACR,eAAe,MAAW,IAAI,SAAS,WAAW,YAAY,EAAgB,GAAa,4BAA4B,EAAkB,cAC3I;CAEF,OAAO;AACT"}

package/dist/components/AccessTokenPage/AccessTokenPage.js

@@ -6,7 +6,7 @@ import { CreateAccessTokenModal as a } from "./CreateAccessTokenModal.js";
 import { useState as o } from "react";
 import { Box as s, Button as c, Typography as l } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { AddCircleTwoTone as f } from "@mui/icons-material";
+import f from "@mui/icons-material/AddCircleTwoTone";
 //#region src/components/AccessTokenPage/AccessTokenPage.tsx
 function p({ title: p, body: m }) {
 	let [h, g] = o(!1), { data: _, isLoading: v, error: y, fetchNextPage: b, hasNextPage: x } = r(), S = _?.pages.flatMap((e) => e.results) ?? [];

package/dist/components/AccessTokenPage/AccessTokenPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessTokenPage.js","names":[],"sources":["../../../src/components/AccessTokenPage/AccessTokenPage.tsx"],"sourcesContent":["import { useGetPersonalAccessTokensInfinite } from '@/synapse-queries/user/usePersonalAccessToken'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { AccessTokenCard } from './AccessTokenCard/AccessTokenCard'\nimport { CreateAccessTokenModal } from './CreateAccessTokenModal'\n\nexport type AccessTokenPageProps = {\n  title: string\n  body: ReactNode\n}\n\nexport function AccessTokenPage({ title, body }: AccessTokenPageProps) {\n  const [showCreateTokenModal, setShowCreateTokenModal] = useState(false)\n\n  const {\n    data: infiniteData,\n    isLoading,\n    error,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetPersonalAccessTokensInfinite()\n\n  const tokenRecords = infiniteData?.pages.flatMap(page => page.results) ?? []\n\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2,\n          justifyContent: 'space-between',\n          flexDirection: { xs: 'column', md: 'row' },\n        }}\n      >\n        <Box\n          sx={{\n            flexGrow: 1,\n          }}\n        >\n          <h1>{title}</h1>\n          {body}\n        </Box>\n        <Box\n          sx={theme => ({\n            flexShrink: 0,\n            alignSelf: 'end',\n            [theme.breakpoints.down('md')]: { width: '100%' },\n          })}\n        >\n          <Button\n            sx={theme => ({\n              [theme.breakpoints.down('md')]: { width: '100%' },\n            })}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => setShowCreateTokenModal(true)}\n            startIcon={<AddCircleTwoTone />}\n          >\n            Create New Token\n          </Button>\n        </Box>\n      </Box>\n      <SynapseErrorBoundary>\n        {showCreateTokenModal && (\n          <CreateAccessTokenModal\n            onClose={() => setShowCreateTokenModal(false)}\n          />\n        )}\n\n        <div>\n          {!isLoading && !error && tokenRecords.length === 0 && (\n            <Typography\n              variant={'headline2'}\n              sx={{\n                m: 5,\n                textAlign: 'center',\n              }}\n            >\n              You currently have no personal access tokens.\n            </Typography>\n          )}\n          <Box\n            sx={{\n              maxWidth: '800px',\n              mx: 'auto',\n              my: 2.5,\n            }}\n          >\n            {tokenRecords.map(accessToken => {\n              return (\n                <AccessTokenCard\n                  key={accessToken.id}\n                  accessToken={accessToken}\n                />\n              )\n            })}\n            {isLoading && loadingScreen}\n            {!isLoading && hasNextPage && !error && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: 'flex-end',\n                }}\n              >\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => {\n                    fetchNextPage()\n                  }}\n                >\n                  Load More\n                </Button>\n              </Box>\n            )}\n          </Box>\n          {error && <ErrorBanner error={error}></ErrorBanner>}\n        </div>\n      </SynapseErrorBoundary>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,UAAO,WAA8B;CACrE,IAAM,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,cACA,UACA,kBACA,mBACE,EAAmC,GAEjC,IAAe,GAAc,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC;CAE3E,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM;EAC3C;YANF,CAQE,kBAAC,GAAD;GACE,IAAI,EACF,UAAU,EACZ;aAHF,CAKE,kBAAC,MAAD,EAAA,UAAK,EAAU,CAAA,GACd,CACE;MACL,kBAAC,GAAD;GACE,KAAI,OAAU;IACZ,YAAY;IACZ,WAAW;KACV,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO;GAClD;aAEA,kBAAC,GAAD;IACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO,EAClD;IACA,SAAQ;IACR,OAAM;IACN,eAAe,EAAwB,EAAI;IAC3C,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA;EACL,CAAA,CACF;KACL,kBAAC,GAAD,EAAA,UAAA,CACG,KACC,kBAAC,GAAD,EACE,eAAe,EAAwB,EAAK,EAC7C,CAAA,GAGH,kBAAC,OAAD,EAAA,UAAA;EACG,CAAC,KAAa,CAAC,KAAS,EAAa,WAAW,KAC/C,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,GAAG;IACH,WAAW;GACb;aACD;EAEW,CAAA;EAEd,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,IAAI;IACJ,IAAI;GACN;aALF;IAOG,EAAa,KAAI,MAEd,kBAAC,GAAD,EAEe,eACd,GAFM,EAAY,EAElB,CAEJ;IACA,KAAa;IACb,CAAC,KAAa,KAAe,CAAC,KAC7B,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;KAClB;eAEA,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe;OACb,EAAc;MAChB;gBACD;KAEO,CAAA;IACL,CAAA;GAEJ;;EACJ,KAAS,kBAAC,GAAD,EAAoB,SAAoB,CAAA;CAC/C,EAAA,CAAA,CACe,EAAA,CAAA,CACnB,EAAA,CAAA;AAET"}
+{"version":3,"file":"AccessTokenPage.js","names":[],"sources":["../../../src/components/AccessTokenPage/AccessTokenPage.tsx"],"sourcesContent":["import { useGetPersonalAccessTokensInfinite } from '@/synapse-queries/user/usePersonalAccessToken'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { AccessTokenCard } from './AccessTokenCard/AccessTokenCard'\nimport { CreateAccessTokenModal } from './CreateAccessTokenModal'\n\nexport type AccessTokenPageProps = {\n  title: string\n  body: ReactNode\n}\n\nexport function AccessTokenPage({ title, body }: AccessTokenPageProps) {\n  const [showCreateTokenModal, setShowCreateTokenModal] = useState(false)\n\n  const {\n    data: infiniteData,\n    isLoading,\n    error,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetPersonalAccessTokensInfinite()\n\n  const tokenRecords = infiniteData?.pages.flatMap(page => page.results) ?? []\n\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2,\n          justifyContent: 'space-between',\n          flexDirection: { xs: 'column', md: 'row' },\n        }}\n      >\n        <Box\n          sx={{\n            flexGrow: 1,\n          }}\n        >\n          <h1>{title}</h1>\n          {body}\n        </Box>\n        <Box\n          sx={theme => ({\n            flexShrink: 0,\n            alignSelf: 'end',\n            [theme.breakpoints.down('md')]: { width: '100%' },\n          })}\n        >\n          <Button\n            sx={theme => ({\n              [theme.breakpoints.down('md')]: { width: '100%' },\n            })}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => setShowCreateTokenModal(true)}\n            startIcon={<AddCircleTwoTone />}\n          >\n            Create New Token\n          </Button>\n        </Box>\n      </Box>\n      <SynapseErrorBoundary>\n        {showCreateTokenModal && (\n          <CreateAccessTokenModal\n            onClose={() => setShowCreateTokenModal(false)}\n          />\n        )}\n\n        <div>\n          {!isLoading && !error && tokenRecords.length === 0 && (\n            <Typography\n              variant={'headline2'}\n              sx={{\n                m: 5,\n                textAlign: 'center',\n              }}\n            >\n              You currently have no personal access tokens.\n            </Typography>\n          )}\n          <Box\n            sx={{\n              maxWidth: '800px',\n              mx: 'auto',\n              my: 2.5,\n            }}\n          >\n            {tokenRecords.map(accessToken => {\n              return (\n                <AccessTokenCard\n                  key={accessToken.id}\n                  accessToken={accessToken}\n                />\n              )\n            })}\n            {isLoading && loadingScreen}\n            {!isLoading && hasNextPage && !error && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: 'flex-end',\n                }}\n              >\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => {\n                    fetchNextPage()\n                  }}\n                >\n                  Load More\n                </Button>\n              </Box>\n            )}\n          </Box>\n          {error && <ErrorBanner error={error}></ErrorBanner>}\n        </div>\n      </SynapseErrorBoundary>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,UAAO,WAA8B;CACrE,IAAM,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,cACA,UACA,kBACA,mBACE,EAAmC,GAEjC,IAAe,GAAc,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC;CAE3E,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM;EAC3C;YANF,CAQE,kBAAC,GAAD;GACE,IAAI,EACF,UAAU,EACZ;aAHF,CAKE,kBAAC,MAAD,EAAA,UAAK,EAAU,CAAA,GACd,CACE;MACL,kBAAC,GAAD;GACE,KAAI,OAAU;IACZ,YAAY;IACZ,WAAW;KACV,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO;GAClD;aAEA,kBAAC,GAAD;IACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO,EAClD;IACA,SAAQ;IACR,OAAM;IACN,eAAe,EAAwB,EAAI;IAC3C,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA;EACL,CAAA,CACF;KACL,kBAAC,GAAD,EAAA,UAAA,CACG,KACC,kBAAC,GAAD,EACE,eAAe,EAAwB,EAAK,EAC7C,CAAA,GAGH,kBAAC,OAAD,EAAA,UAAA;EACG,CAAC,KAAa,CAAC,KAAS,EAAa,WAAW,KAC/C,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,GAAG;IACH,WAAW;GACb;aACD;EAEW,CAAA;EAEd,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,IAAI;IACJ,IAAI;GACN;aALF;IAOG,EAAa,KAAI,MAEd,kBAAC,GAAD,EAEe,eACd,GAFM,EAAY,EAElB,CAEJ;IACA,KAAa;IACb,CAAC,KAAa,KAAe,CAAC,KAC7B,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;KAClB;eAEA,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe;OACb,EAAc;MAChB;gBACD;KAEO,CAAA;IACL,CAAA;GAEJ;;EACJ,KAAS,kBAAC,GAAD,EAAoB,SAAoB,CAAA;CAC/C,EAAA,CAAA,CACe,EAAA,CAAA,CACnB,EAAA,CAAA;AAET"}

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.js

@@ -6,7 +6,7 @@ import { StudyAcknowledgements as i } from "./StudyAcknowledgements.js";
 import { useCallback as a, useState as o } from "react";
 import { Box as s, Button as c, Container as l, Link as u, Typography as d } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { LaunchTwoTone as h } from "@mui/icons-material";
+import h from "@mui/icons-material/LaunchTwoTone";
 //#region src/components/AcknowledgementsPage/AcknowledgementsPage.tsx
 function g(g) {
 	let { portalName: _, createDoiHelpUrl: v, portalAcknowledgementProps: y, dataAvailabilityProps: b, studyAcknowledgementSql: x } = g, [S, C] = o(!1), [w, T] = o(), [E, D] = o(), [O, k] = o([]), A = a(() => C(!1), []);