synapse-react-client 4.0.33 → 4.0.35

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

@@ -1 +1 @@
-{"version":3,"file":"DataAccessRequestAccessorsFilesForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx"],"sourcesContent":["import { NewReleasesOutlined } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertProps as MuiAlertProps,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { deepEquals } from '@rjsf/utils'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport isEmpty from 'lodash-es/isEmpty'\nimport {\n  AccessorChange,\n  AccessType,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SigningOfficial,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserProfile,\n  useGetDataAccessRequestForUpdate,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '../../../../synapse-queries'\nimport { useSynapseContext } from '../../../../utils'\nimport { SynapseErrorBoundary } from '../../../error/ErrorBanner'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport DataAccessRequestAccessorsEditor, {\n  DataAccessRequestAccessorsEditorProps,\n} from '../DataAccessRequestAccessorsEditor'\nimport { longFieldLabelSx } from '../styles'\nimport DocumentTemplate from '../DocumentTemplate'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { UploadDocumentField } from '../UploadDocumentField'\n\nfunction AccessorRequirementHelpText(props: {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  isEDucEnabled: boolean\n}) {\n  const { managedACTAccessRequirement, isEDucEnabled } = props\n  let link: string = ''\n  let msg: string = ''\n\n  if (\n    managedACTAccessRequirement.isCertifiedUserRequired &&\n    managedACTAccessRequirement.isValidatedProfileRequired\n  ) {\n    link = 'https://help.synapse.org/docs/User-Types.2007072795.html'\n    msg =\n      'All data requesters must be certified users and have a validated user profile.'\n  } else if (managedACTAccessRequirement.isCertifiedUserRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers'\n    msg = 'All data requesters must be a certified user.'\n  } else if (managedACTAccessRequirement.isValidatedProfileRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers'\n    msg = 'All data requesters must have a validated user profile.'\n  }\n  return (\n    <>\n      {managedACTAccessRequirement.isDUCRequired && !isEDucEnabled ? (\n        <Box sx={{ display: 'flex', gap: 2, alignItems: 'center', py: 1 }}>\n          <NewReleasesOutlined sx={{ color: 'error.main' }} />\n          <div>\n            You must list the Synapse user names of all collaborators listed in\n            your Data Use Certificate (DUC).\n          </div>\n        </Box>\n      ) : (\n        ''\n      )}\n      {msg}{' '}\n      {link && (\n        <Link href={link} target={'_blank'} rel={'noreferrer'}>\n          Learn more\n        </Link>\n      )}\n    </>\n  )\n}\n\nexport type DataAccessRequestAccessorsFilesFormProps = {\n  /**\n   * The ID of the object of interest. This corresponds to the subjectId of the {@link CreateSubmissionRequest}\n   */\n  subjectId: string\n  /* The type of the subject */\n  subjectType: RestrictableObjectType\n  /* The access requirement to which the user is requesting access */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSubmissionCreated: (submissionId: string) => void\n  researchProjectId: string\n  onHide: () => void\n  /* Callback invoked when the user clicks cancel. The unsaved, modified dataAccessRequest is returned so the calling component may prompt the user to save this data */\n  onCancel: (modifiedDataAccessRequest: Request | Renewal) => void\n  /** Callback invoked when the 'Back' action button is clicked */\n  onBackClicked: () => void\n}\n\nexport type AlertProps = {\n  key: MuiAlertProps['severity']\n  message: string | ReactNode\n}\n\n/**\n * Step 2 of the Data Access Request/Renewal flow prompts the user to\n * - Manage the list of accessors, i.e. Synapse users who will gain, renew, or lose access\n * - Download and upload documents required by the Access Requirement\n * - If a renewal, provide publications and a summary of use statement.\n *\n * The component expects a researchProjectId, which should reference complete researchProject created in Step 1.\n * The user may click a \"Submit\" button, which will save the request and issue a data access submission that references\n * the requestId created/updated in this component.\n */\nexport default function DataAccessRequestAccessorsFilesForm(\n  props: DataAccessRequestAccessorsFilesFormProps,\n) {\n  const {\n    onSubmissionCreated,\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    researchProjectId,\n    onCancel,\n    onBackClicked,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { data: user } = useGetCurrentUserProfile({ enabled: isAuthenticated })\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [accessorChanges, setAccessorChanges] = useState<\n    AccessorChange[] | undefined\n  >()\n  const [summaryOfUse, setSummaryOfUse] = useState<string | undefined>()\n  const [publication, setPublication] = useState<string | undefined>()\n  const [soName, setSoName] = useState<string>('')\n  const [soEmail, setSoEmail] = useState<string>('')\n\n  const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      enabled: isAuthenticated,\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n      // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable\n      throwOnError: true,\n    })\n\n  const isRenewal =\n    dataAccessRequest?.concreteType ===\n    'org.sagebionetworks.repo.model.dataaccess.Renewal'\n\n  function onError(e: SynapseClientError) {\n    console.log('RequestDataAccessStep2: Error updating form', e)\n    setAlert({\n      key: 'error',\n      message: getErrorMessage(e.reason),\n    })\n  }\n\n  const { mutate: submit, isPending: submitDataAccessRequestIsPending } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => {\n        onSubmissionCreated(submission.submissionId)\n      },\n      onError: onError,\n    })\n\n  const {\n    mutateAsync: updateRequestAsync,\n    isPending: updateDataAccessRequestIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: onError,\n  })\n\n  const isLoading =\n    isLoadingGetDataAccessRequest ||\n    updateDataAccessRequestIsPending ||\n    submitDataAccessRequestIsPending\n\n  const disableSubmitButton =\n    submitDataAccessRequestIsPending || (isEDucEnabled && (!soName || !soEmail))\n\n  /**\n   * This effect comprises a collection of updates we should immediately apply to a data access request.\n   */\n  useEffect(() => {\n    if (dataAccessRequest && user) {\n      let shouldUpdate = false\n\n      // Attach the researchProjectId to the request\n      if (!dataAccessRequest.researchProjectId) {\n        dataAccessRequest.researchProjectId = researchProjectId\n        shouldUpdate = true\n      }\n\n      // Add the current user with GAIN_ACCESS to the list of accessors\n      const currentUserWithGainAccess: AccessorChange = {\n        userId: user.ownerId,\n        type: isRenewal ? AccessType.RENEW_ACCESS : AccessType.GAIN_ACCESS,\n      }\n      if (\n        !dataAccessRequest.accessorChanges ||\n        !dataAccessRequest.accessorChanges.find(item =>\n          deepEquals(item, currentUserWithGainAccess),\n        )\n      ) {\n        dataAccessRequest.accessorChanges = [\n          currentUserWithGainAccess,\n          ...(dataAccessRequest.accessorChanges || []),\n        ]\n        shouldUpdate = true\n      }\n\n      // SWC-5765: Filter out duplicate accessors\n      const seen = new Set()\n      const uniqueAccessorChanges = dataAccessRequest.accessorChanges.filter(\n        accessorChange => {\n          return seen.has(accessorChange.userId)\n            ? false\n            : seen.add(accessorChange.userId)\n        },\n      )\n      if (\n        uniqueAccessorChanges.length !==\n        dataAccessRequest.accessorChanges.length\n      ) {\n        dataAccessRequest.accessorChanges = uniqueAccessorChanges\n        shouldUpdate = true\n      }\n\n      if (shouldUpdate) {\n        updateRequestAsync(dataAccessRequest)\n      }\n    }\n  }, [\n    dataAccessRequest,\n    isRenewal,\n    researchProjectId,\n    updateRequestAsync,\n    user,\n  ])\n\n  /**\n   * Fields other than uploaded files are NOT immediately synced with the server. Set local state if these values exist in the\n   * fetched object, and no value exists in local state.\n   */\n  useEffect(() => {\n    if (dataAccessRequest) {\n      if (dataAccessRequest.accessorChanges && accessorChanges == undefined) {\n        setAccessorChanges(dataAccessRequest.accessorChanges)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.publication &&\n        publication == undefined\n      ) {\n        setPublication(dataAccessRequest.publication)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.summaryOfUse &&\n        summaryOfUse == undefined\n      ) {\n        setSummaryOfUse(dataAccessRequest.summaryOfUse)\n      }\n      if (isEDucEnabled) {\n        const so = dataAccessRequest.signingOfficial\n        if (isEmpty(soName) && so?.name) {\n          setSoName(so.name)\n        }\n        if (isEmpty(soEmail) && so?.institutionalEmail) {\n          setSoEmail(so.institutionalEmail)\n        }\n      }\n    }\n    // Intentionally only re-synchronize state when server state changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataAccessRequest])\n\n  function getDataAccessRequestWithLocalState(): Request | Renewal {\n    const base = {\n      ...dataAccessRequest,\n      accessorChanges: accessorChanges,\n      publication,\n      summaryOfUse,\n    } as Request | Renewal\n    if (isEDucEnabled) {\n      const nextSo: SigningOfficial = {\n        ...dataAccessRequest?.signingOfficial,\n        name: soName || undefined,\n        institutionalEmail: soEmail || undefined,\n      }\n      return { ...base, signingOfficial: nextSo }\n    }\n    return base\n  }\n\n  async function handleSubmit() {\n    if (dataAccessRequest) {\n      // Save the request\n      const requestObject = await updateRequestAsync(\n        getDataAccessRequestWithLocalState(),\n      )\n      // Create a submission and attach the request\n      submit({\n        request: {\n          requestId: requestObject.id,\n          requestEtag: requestObject.etag,\n          subjectId: subjectId,\n          subjectType: subjectType,\n        },\n        accessRequirementId: String(managedACTAccessRequirement.id),\n      })\n    }\n  }\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Sorry, there is an error in submitting your request.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const onAccessorChange: DataAccessRequestAccessorsEditorProps['onChange'] =\n    updater => {\n      // Copy the array so the caller doesn't have to worry about immutability\n      setAccessorChanges([...updater(accessorChanges || [])])\n    }\n\n  const onClearAttachment = (fid: string) => {\n    updateRequestAsync({\n      ...dataAccessRequest!,\n      attachments: dataAccessRequest!.attachments?.filter(item => item !== fid),\n    })\n  }\n\n  const uploadCallback = (\n    data: UploadCallbackResp,\n    context: keyof Pick<\n      Request,\n      'attachments' | 'irbFileHandleId' | 'ducFileHandleId'\n    >,\n  ) => {\n    if (data.resp && data.success) {\n      // Files are uploaded and synced with the server immediately\n      const uploadResponse: FileUploadComplete = data.resp\n      if (context === 'attachments') {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          attachments: [\n            ...(dataAccessRequest!.attachments || []),\n            uploadResponse.fileHandleId,\n          ],\n        })\n      } else {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          [context]: uploadResponse.fileHandleId,\n        })\n      }\n    } else if (!data.success && data.error) {\n      // show the error\n      console.log(\n        'RequestDataAccessStep2: Error uploading the file',\n        data.error,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(data.error.reason),\n      })\n    }\n  }\n\n  const ducFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.ducFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest?.ducFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n  const irbFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.irbFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest.irbFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n\n  const attachmentFileHandleAssociations: FileHandleAssociation[] =\n    (dataAccessRequest?.attachments || []).map(attachmentFileHandleId => ({\n      fileHandleId: attachmentFileHandleId,\n      associateObjectType: FileHandleAssociateType.DataAccessRequestAttachment,\n      associateObjectId: String(dataAccessRequest!.id),\n    })) ?? []\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton onClick={props.onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n        >\n          <Box\n            component={'form'}\n            sx={{\n              // Must set a minHeight to ensure the user picker in the DataAccessRequestAccessorsEditor doesn't get cut off\n              minHeight: '475px',\n            }}\n            onSubmit={e => e.preventDefault()}\n          >\n            <Typography variant={'body1'} sx={{ mb: 2, fontSize: '16px' }}>\n              Please provide the information below to submit the request for\n              access.\n            </Typography>\n\n            {isEDucEnabled && (\n              <>\n                <Typography variant={'headline3'} sx={{ mb: 2 }}>\n                  Signing Official\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, mb: 2 }}\n                >\n                  The signing official is a member of your institution with\n                  oversight authority who is NOT part of the study team (i.e.,\n                  not the Project Lead, not a Data Requester or Collaborator,\n                  and not the Principal Investigator). They do not need a\n                  Synapse account but must be able to receive messages at the\n                  email address provided below.\n                </Typography>\n                <TextField\n                  id=\"so-name\"\n                  label=\"First and last names of your Signing Official\"\n                  placeholder=\"First and last name of signing official, ex: John Smith\"\n                  fullWidth\n                  type=\"text\"\n                  disabled={isLoading}\n                  value={soName}\n                  required\n                  onChange={e => setSoName(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <TextField\n                  id=\"so-email\"\n                  label=\"Institutional Email of your Signing Official\"\n                  type=\"email\"\n                  placeholder=\"Individual with signing authority, e.g. jane.smith@institution.edu\"\n                  fullWidth\n                  disabled={isLoading}\n                  value={soEmail}\n                  required\n                  onChange={e => setSoEmail(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <Divider sx={{ my: 4 }} />\n              </>\n            )}\n\n            {dataAccessRequest && user && (\n              <DataAccessRequestAccessorsEditor\n                accessorChanges={accessorChanges || []}\n                onChange={onAccessorChange}\n                isRenewal={isRenewal}\n                helpText={\n                  <AccessorRequirementHelpText\n                    managedACTAccessRequirement={managedACTAccessRequirement}\n                    isEDucEnabled={isEDucEnabled}\n                  />\n                }\n              />\n            )}\n\n            {((managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled) ||\n              managedACTAccessRequirement?.isIRBApprovalRequired ||\n              managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n              <Divider sx={{ my: 4 }} />\n            )}\n            {/* DUC — hidden for eDUC ARs, which handle DUC via the eDUC flow */}\n            {managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled && (\n              <>\n                {managedACTAccessRequirement?.ducTemplateFileHandleId && (\n                  <DocumentTemplate\n                    title={'Download DUC Template'}\n                    description={\n                      'As a first step, you will need to download the most current version of the Data Use Certificate.'\n                    }\n                    fileHandleAssociation={{\n                      fileHandleId:\n                        managedACTAccessRequirement.ducTemplateFileHandleId,\n                      associateObjectType:\n                        FileHandleAssociateType.AccessRequirementAttachment,\n                      associateObjectId: String(managedACTAccessRequirement.id),\n                    }}\n                    downloadButtonText={'Download DUC Template'}\n                  />\n                )}\n                <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n                  Fill out and upload a Data Use Certificate\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  You must download and fill out a Data Use Certificate (DUC).\n                  Be sure to upload the completed DUC below once you&apos;ve\n                  completed it.\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  component={'ol'}\n                  sx={longFieldLabelSx}\n                >\n                  <li>Download the DUC template file.</li>\n                  <li>\n                    Fill out the DUC template, following the instructions in the\n                    file.\n                  </li>\n                  <li>\n                    Upload the completed certificate using the button below:\n                  </li>\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'duc'}\n                    isLoading={isLoading}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'ducFileHandleId')\n                    }\n                    documentName={'Data Use Certificate'}\n                    fileHandleAssociations={ducFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {(managedACTAccessRequirement?.isIRBApprovalRequired ||\n                  managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {/* IRB */}\n            {managedACTAccessRequirement?.isIRBApprovalRequired && (\n              <>\n                <Typography variant={'headline3'} sx={{ my: 2 }}>\n                  IRB Approval\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  Upload a signed IRB letter on institutional letterhead. The\n                  letter must include the names of all the datasets requested,\n                  as well as the names of the data requesters above. Use the\n                  button below to upload the document.\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'irb'}\n                    isLoading={isLoading}\n                    documentName={'IRB Approval Letter'}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'irbFileHandleId')\n                    }\n                    fileHandleAssociations={irbFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {\n              /* Attachments */\n              managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                <>\n                  <Typography variant={'headline3'} sx={{ my: 2 }}>\n                    Upload other required documents\n                  </Typography>\n                  <Typography\n                    variant={'body1'}\n                    sx={{ ...longFieldLabelSx, my: 2 }}\n                  >\n                    You must upload other required documents. Please review the\n                    instructions to gain data access to determine which\n                    documents must also be uploaded.\n                  </Typography>\n                  <SynapseErrorBoundary>\n                    <UploadDocumentField\n                      id={'file-attachment'}\n                      isLoading={isLoading}\n                      documentName={'Attachment'}\n                      uploadCallback={res => uploadCallback(res, 'attachments')}\n                      isMultiFileUpload={true}\n                      fileHandleAssociations={attachmentFileHandleAssociations}\n                      onClearAttachment={onClearAttachment}\n                    />\n                  </SynapseErrorBoundary>\n                </>\n              )\n            }\n\n            {\n              // SWC-7319 - Per GovernanceInnovation, do not show these fields on renewal\n              // Publications & Summary of Use\n              // isRenewal && (\n              //   <>\n              //     <TextField\n              //       id={'publications'}\n              //       label={'Publication(s)'}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       value={publication}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setPublication(e.target.value)\n              //       }\n              //     />\n              //     <TextField\n              //       id={'summaryOfUse'}\n              //       label={'Summary of use'}\n              //       value={summaryOfUse}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setSummaryOfUse(e.target.value)\n              //       }\n              //     />\n              //   </>\n              // )\n            }\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n        {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            onBackClicked()\n          }}\n        >\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n\n        <Button\n          variant=\"outlined\"\n          disabled={submitDataAccessRequestIsPending}\n          onClick={() => {\n            if (dataAccessRequest) {\n              // include the local state in the onCancel callback so the user may save their changes\n              onCancel(getDataAccessRequestWithLocalState())\n            }\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          loading={submitDataAccessRequestIsPending}\n          disabled={disableSubmitButton}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataAccessRequestAccessorsFilesForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx"],"sourcesContent":["import { NewReleasesOutlined } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertProps as MuiAlertProps,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { deepEquals } from '@rjsf/utils'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport isEmpty from 'lodash-es/isEmpty'\nimport {\n  AccessorChange,\n  AccessType,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SigningOfficial,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport {\n  useGetCurrentUserProfile,\n  useGetDataAccessRequestForUpdate,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '../../../../synapse-queries'\nimport { useSynapseContext } from '../../../../utils'\nimport { SynapseErrorBoundary } from '../../../error/ErrorBanner'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport DataAccessRequestAccessorsEditor, {\n  DataAccessRequestAccessorsEditorProps,\n} from '../DataAccessRequestAccessorsEditor'\nimport { longFieldLabelSx } from '../styles'\nimport DocumentTemplate from '../DocumentTemplate'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { UploadDocumentField } from '../UploadDocumentField'\n\n// PORTALS-4376: eDUC DARs cap total accessors at 100 (submitter + PI + 97 collaborators + 1 slack).\nexport const EDUC_COLLABORATOR_LIMIT = 97\n\nfunction AccessorRequirementHelpText(props: {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  isEDucEnabled: boolean\n}) {\n  const { managedACTAccessRequirement, isEDucEnabled } = props\n  let link: string = ''\n  let msg: string = ''\n\n  if (\n    managedACTAccessRequirement.isCertifiedUserRequired &&\n    managedACTAccessRequirement.isValidatedProfileRequired\n  ) {\n    link = 'https://help.synapse.org/docs/User-Types.2007072795.html'\n    msg =\n      'All data requesters must be certified users and have a validated user profile.'\n  } else if (managedACTAccessRequirement.isCertifiedUserRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers'\n    msg = 'All data requesters must be a certified user.'\n  } else if (managedACTAccessRequirement.isValidatedProfileRequired) {\n    link =\n      'https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers'\n    msg = 'All data requesters must have a validated user profile.'\n  }\n  return (\n    <>\n      {managedACTAccessRequirement.isDUCRequired && !isEDucEnabled ? (\n        <Box sx={{ display: 'flex', gap: 2, alignItems: 'center', py: 1 }}>\n          <NewReleasesOutlined sx={{ color: 'error.main' }} />\n          <div>\n            You must list the Synapse user names of all collaborators listed in\n            your Data Use Certificate (DUC).\n          </div>\n        </Box>\n      ) : (\n        ''\n      )}\n      {msg}{' '}\n      {link && (\n        <Link href={link} target={'_blank'} rel={'noreferrer'}>\n          Learn more\n        </Link>\n      )}\n    </>\n  )\n}\n\nexport type DataAccessRequestAccessorsFilesFormProps = {\n  /**\n   * The ID of the object of interest. This corresponds to the subjectId of the {@link CreateSubmissionRequest}\n   */\n  subjectId: string\n  /* The type of the subject */\n  subjectType: RestrictableObjectType\n  /* The access requirement to which the user is requesting access */\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onSubmissionCreated: (submissionId: string) => void\n  researchProjectId: string\n  onHide: () => void\n  /* Callback invoked when the user clicks cancel. The unsaved, modified dataAccessRequest is returned so the calling component may prompt the user to save this data */\n  onCancel: (modifiedDataAccessRequest: Request | Renewal) => void\n  /** Callback invoked when the 'Back' action button is clicked */\n  onBackClicked: () => void\n  /**\n   * When set (used for eDUC ARs), clicking the primary action saves the DAR and invokes this callback\n   * instead of creating a submission. Submission happens later in the eDUC flow.\n   */\n  onEDucContinue?: () => void\n}\n\nexport type AlertProps = {\n  key: MuiAlertProps['severity']\n  message: string | ReactNode\n}\n\n/**\n * Step 2 of the Data Access Request/Renewal flow prompts the user to\n * - Manage the list of accessors, i.e. Synapse users who will gain, renew, or lose access\n * - Download and upload documents required by the Access Requirement\n * - If a renewal, provide publications and a summary of use statement.\n *\n * The component expects a researchProjectId, which should reference complete researchProject created in Step 1.\n * The user may click a \"Submit\" button, which will save the request and issue a data access submission that references\n * the requestId created/updated in this component.\n */\nexport default function DataAccessRequestAccessorsFilesForm(\n  props: DataAccessRequestAccessorsFilesFormProps,\n) {\n  const {\n    onSubmissionCreated,\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    researchProjectId,\n    onCancel,\n    onBackClicked,\n    onEDucContinue,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { data: user } = useGetCurrentUserProfile({ enabled: isAuthenticated })\n  const [alert, setAlert] = useState<AlertProps | undefined>()\n  const isEDucEnabled = Boolean(managedACTAccessRequirement.eDucTemplateId)\n  const [accessorChanges, setAccessorChanges] = useState<\n    AccessorChange[] | undefined\n  >()\n  const [summaryOfUse, setSummaryOfUse] = useState<string | undefined>()\n  const [publication, setPublication] = useState<string | undefined>()\n  const [soName, setSoName] = useState<string>('')\n  const [soEmail, setSoEmail] = useState<string>('')\n  const hasAppliedImmediateUpdates = useRef(false)\n\n  const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      enabled: isAuthenticated,\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n      // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable\n      throwOnError: true,\n    })\n\n  const isRenewal =\n    dataAccessRequest?.concreteType ===\n    'org.sagebionetworks.repo.model.dataaccess.Renewal'\n\n  function onError(e: SynapseClientError) {\n    console.log('RequestDataAccessStep2: Error updating form', e)\n    setAlert({\n      key: 'error',\n      message: getErrorMessage(e.reason),\n    })\n  }\n\n  const { mutate: submit, isPending: submitDataAccessRequestIsPending } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => {\n        onSubmissionCreated(submission.submissionId)\n      },\n      onError: onError,\n    })\n\n  const {\n    mutateAsync: updateRequestAsync,\n    isPending: updateDataAccessRequestIsPending,\n  } = useUpdateDataAccessRequest({\n    onError: onError,\n  })\n\n  const isLoading =\n    isLoadingGetDataAccessRequest ||\n    updateDataAccessRequestIsPending ||\n    submitDataAccessRequestIsPending\n\n  /**\n   * Fields backed by local state are not synced with the server until the request is submitted, so an in-flight\n   * background update to the request must not block the user from editing them.\n   */\n  const disableLocalStateFields =\n    isLoadingGetDataAccessRequest || submitDataAccessRequestIsPending\n\n  const disableSubmitButton =\n    submitDataAccessRequestIsPending || (isEDucEnabled && (!soName || !soEmail))\n\n  /**\n   * This effect comprises a collection of updates we should immediately apply to a data access request.\n   */\n  useEffect(() => {\n    if (dataAccessRequest && user && !hasAppliedImmediateUpdates.current) {\n      let shouldUpdate = false\n\n      // Attach the researchProjectId to the request\n      if (!dataAccessRequest.researchProjectId) {\n        dataAccessRequest.researchProjectId = researchProjectId\n        shouldUpdate = true\n      }\n\n      // Add the current user with GAIN_ACCESS to the list of accessors\n      const currentUserWithGainAccess: AccessorChange = {\n        userId: user.ownerId,\n        type: isRenewal ? AccessType.RENEW_ACCESS : AccessType.GAIN_ACCESS,\n      }\n      if (\n        !dataAccessRequest.accessorChanges ||\n        !dataAccessRequest.accessorChanges.find(item =>\n          deepEquals(item, currentUserWithGainAccess),\n        )\n      ) {\n        dataAccessRequest.accessorChanges = [\n          currentUserWithGainAccess,\n          ...(dataAccessRequest.accessorChanges || []),\n        ]\n        shouldUpdate = true\n      }\n\n      // SWC-5765: Filter out duplicate accessors\n      const seen = new Set()\n      const uniqueAccessorChanges = dataAccessRequest.accessorChanges.filter(\n        accessorChange => {\n          return seen.has(accessorChange.userId)\n            ? false\n            : seen.add(accessorChange.userId)\n        },\n      )\n      if (\n        uniqueAccessorChanges.length !==\n        dataAccessRequest.accessorChanges.length\n      ) {\n        dataAccessRequest.accessorChanges = uniqueAccessorChanges\n        shouldUpdate = true\n      }\n\n      if (shouldUpdate) {\n        // Only attempt these updates once. If the server does not echo back a value we applied here, retrying would\n        // loop indefinitely, leaving the form perpetually in a pending state.\n        hasAppliedImmediateUpdates.current = true\n        updateRequestAsync(dataAccessRequest)\n      }\n    }\n  }, [\n    dataAccessRequest,\n    isRenewal,\n    researchProjectId,\n    updateRequestAsync,\n    user,\n  ])\n\n  /**\n   * Fields other than uploaded files are NOT immediately synced with the server. Set local state if these values exist in the\n   * fetched object, and no value exists in local state.\n   */\n  useEffect(() => {\n    if (dataAccessRequest) {\n      if (dataAccessRequest.accessorChanges && accessorChanges == undefined) {\n        setAccessorChanges(dataAccessRequest.accessorChanges)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.publication &&\n        publication == undefined\n      ) {\n        setPublication(dataAccessRequest.publication)\n      }\n      if (\n        isRenewal &&\n        dataAccessRequest.summaryOfUse &&\n        summaryOfUse == undefined\n      ) {\n        setSummaryOfUse(dataAccessRequest.summaryOfUse)\n      }\n      if (isEDucEnabled) {\n        const so = dataAccessRequest.signingOfficial\n        if (isEmpty(soName) && so?.name) {\n          setSoName(so.name)\n        }\n        if (isEmpty(soEmail) && so?.institutionalEmail) {\n          setSoEmail(so.institutionalEmail)\n        }\n      }\n    }\n    // Intentionally only re-synchronize state when server state changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataAccessRequest])\n\n  function getDataAccessRequestWithLocalState(): Request | Renewal {\n    const base = {\n      ...dataAccessRequest,\n      accessorChanges: accessorChanges,\n      publication,\n      summaryOfUse,\n    } as Request | Renewal\n    if (isEDucEnabled) {\n      const nextSo: SigningOfficial = {\n        ...dataAccessRequest?.signingOfficial,\n        name: soName || undefined,\n        institutionalEmail: soEmail || undefined,\n      }\n      return { ...base, signingOfficial: nextSo }\n    }\n    return base\n  }\n\n  async function handleSubmit() {\n    if (dataAccessRequest) {\n      // Save the request\n      const requestObject = await updateRequestAsync(\n        getDataAccessRequestWithLocalState(),\n      )\n      if (onEDucContinue) {\n        onEDucContinue()\n        return\n      }\n      // Create a submission and attach the request\n      submit({\n        request: {\n          requestId: requestObject.id,\n          requestEtag: requestObject.etag,\n          subjectId: subjectId,\n          subjectType: subjectType,\n        },\n        accessRequirementId: String(managedACTAccessRequirement.id),\n      })\n    }\n  }\n\n  const getErrorMessage = (reason: string = '') => {\n    return (\n      <>\n        <strong>Sorry, there is an error in submitting your request.</strong>\n        <br />\n        {reason}\n      </>\n    )\n  }\n\n  const onAccessorChange: DataAccessRequestAccessorsEditorProps['onChange'] =\n    updater => {\n      // Copy the array so the caller doesn't have to worry about immutability\n      setAccessorChanges([...updater(accessorChanges || [])])\n    }\n\n  const onClearAttachment = (fid: string) => {\n    updateRequestAsync({\n      ...dataAccessRequest!,\n      attachments: dataAccessRequest!.attachments?.filter(item => item !== fid),\n    })\n  }\n\n  const uploadCallback = (\n    data: UploadCallbackResp,\n    context: keyof Pick<\n      Request,\n      'attachments' | 'irbFileHandleId' | 'ducFileHandleId'\n    >,\n  ) => {\n    if (data.resp && data.success) {\n      // Files are uploaded and synced with the server immediately\n      const uploadResponse: FileUploadComplete = data.resp\n      if (context === 'attachments') {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          attachments: [\n            ...(dataAccessRequest!.attachments || []),\n            uploadResponse.fileHandleId,\n          ],\n        })\n      } else {\n        updateRequestAsync({\n          ...dataAccessRequest!,\n          [context]: uploadResponse.fileHandleId,\n        })\n      }\n    } else if (!data.success && data.error) {\n      // show the error\n      console.log(\n        'RequestDataAccessStep2: Error uploading the file',\n        data.error,\n      )\n      setAlert({\n        key: 'error',\n        message: getErrorMessage(data.error.reason),\n      })\n    }\n  }\n\n  const ducFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.ducFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest?.ducFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n  const irbFileHandleAssociation: FileHandleAssociation[] =\n    dataAccessRequest?.irbFileHandleId\n      ? [\n          {\n            fileHandleId: dataAccessRequest.irbFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: String(dataAccessRequest.id),\n          },\n        ]\n      : []\n\n  const attachmentFileHandleAssociations: FileHandleAssociation[] =\n    (dataAccessRequest?.attachments || []).map(attachmentFileHandleId => ({\n      fileHandleId: attachmentFileHandleId,\n      associateObjectType: FileHandleAssociateType.DataAccessRequestAttachment,\n      associateObjectId: String(dataAccessRequest!.id),\n    })) ?? []\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack\n          direction=\"row\"\n          sx={{\n            alignItems: 'center',\n            gap: '5px',\n          }}\n        >\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton onClick={props.onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n        >\n          <Box\n            component={'form'}\n            sx={{\n              // Must set a minHeight to ensure the user picker in the DataAccessRequestAccessorsEditor doesn't get cut off\n              minHeight: '475px',\n            }}\n            onSubmit={e => e.preventDefault()}\n          >\n            <Typography variant={'body1'} sx={{ mb: 2, fontSize: '16px' }}>\n              Please provide the information below to submit the request for\n              access.\n            </Typography>\n\n            {isEDucEnabled && (\n              <>\n                <Typography variant={'headline3'} sx={{ mb: 2 }}>\n                  Signing Official\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, mb: 2 }}\n                >\n                  The signing official is a member of your institution with\n                  oversight authority who is NOT part of the study team (i.e.,\n                  not the Project Lead, not a Data Requester or Collaborator,\n                  and not the Principal Investigator). They do not need a\n                  Synapse account but must be able to receive messages at the\n                  email address provided below.\n                </Typography>\n                <TextField\n                  id=\"so-name\"\n                  label=\"First and last names of your Signing Official\"\n                  placeholder=\"First and last name of signing official, ex: John Smith\"\n                  fullWidth\n                  type=\"text\"\n                  disabled={disableLocalStateFields}\n                  value={soName}\n                  required\n                  onChange={e => setSoName(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <TextField\n                  id=\"so-email\"\n                  label=\"Institutional Email of your Signing Official\"\n                  type=\"email\"\n                  placeholder=\"Individual with signing authority, e.g. jane.smith@institution.edu\"\n                  fullWidth\n                  disabled={disableLocalStateFields}\n                  value={soEmail}\n                  required\n                  onChange={e => setSoEmail(e.target.value)}\n                  sx={{ mb: 2 }}\n                />\n                <Divider sx={{ my: 4 }} />\n              </>\n            )}\n\n            {dataAccessRequest && user && (\n              <DataAccessRequestAccessorsEditor\n                accessorChanges={accessorChanges || []}\n                onChange={onAccessorChange}\n                isRenewal={isRenewal}\n                collaboratorLimit={\n                  isEDucEnabled ? EDUC_COLLABORATOR_LIMIT : undefined\n                }\n                helpText={\n                  <AccessorRequirementHelpText\n                    managedACTAccessRequirement={managedACTAccessRequirement}\n                    isEDucEnabled={isEDucEnabled}\n                  />\n                }\n              />\n            )}\n\n            {((managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled) ||\n              managedACTAccessRequirement?.isIRBApprovalRequired ||\n              managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n              <Divider sx={{ my: 4 }} />\n            )}\n            {/* DUC — hidden for eDUC ARs, which handle DUC via the eDUC flow */}\n            {managedACTAccessRequirement?.isDUCRequired && !isEDucEnabled && (\n              <>\n                {managedACTAccessRequirement?.ducTemplateFileHandleId && (\n                  <DocumentTemplate\n                    title={'Download DUC Template'}\n                    description={\n                      'As a first step, you will need to download the most current version of the Data Use Certificate.'\n                    }\n                    fileHandleAssociation={{\n                      fileHandleId:\n                        managedACTAccessRequirement.ducTemplateFileHandleId,\n                      associateObjectType:\n                        FileHandleAssociateType.AccessRequirementAttachment,\n                      associateObjectId: String(managedACTAccessRequirement.id),\n                    }}\n                    downloadButtonText={'Download DUC Template'}\n                  />\n                )}\n                <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n                  Fill out and upload a Data Use Certificate\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  You must download and fill out a Data Use Certificate (DUC).\n                  Be sure to upload the completed DUC below once you&apos;ve\n                  completed it.\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  component={'ol'}\n                  sx={longFieldLabelSx}\n                >\n                  <li>Download the DUC template file.</li>\n                  <li>\n                    Fill out the DUC template, following the instructions in the\n                    file.\n                  </li>\n                  <li>\n                    Upload the completed certificate using the button below:\n                  </li>\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'duc'}\n                    isLoading={isLoading}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'ducFileHandleId')\n                    }\n                    documentName={'Data Use Certificate'}\n                    fileHandleAssociations={ducFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {(managedACTAccessRequirement?.isIRBApprovalRequired ||\n                  managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {/* IRB */}\n            {managedACTAccessRequirement?.isIRBApprovalRequired && (\n              <>\n                <Typography variant={'headline3'} sx={{ my: 2 }}>\n                  IRB Approval\n                </Typography>\n                <Typography\n                  variant={'body1'}\n                  sx={{ ...longFieldLabelSx, my: 2 }}\n                >\n                  Upload a signed IRB letter on institutional letterhead. The\n                  letter must include the names of all the datasets requested,\n                  as well as the names of the data requesters above. Use the\n                  button below to upload the document.\n                </Typography>\n                <SynapseErrorBoundary>\n                  <UploadDocumentField\n                    id={'irb'}\n                    isLoading={isLoading}\n                    documentName={'IRB Approval Letter'}\n                    uploadCallback={resp =>\n                      uploadCallback(resp, 'irbFileHandleId')\n                    }\n                    fileHandleAssociations={irbFileHandleAssociation}\n                  />\n                </SynapseErrorBoundary>\n                {managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                  <Divider sx={{ my: 4 }} />\n                )}\n              </>\n            )}\n\n            {\n              /* Attachments */\n              managedACTAccessRequirement?.areOtherAttachmentsRequired && (\n                <>\n                  <Typography variant={'headline3'} sx={{ my: 2 }}>\n                    Upload other required documents\n                  </Typography>\n                  <Typography\n                    variant={'body1'}\n                    sx={{ ...longFieldLabelSx, my: 2 }}\n                  >\n                    You must upload other required documents. Please review the\n                    instructions to gain data access to determine which\n                    documents must also be uploaded.\n                  </Typography>\n                  <SynapseErrorBoundary>\n                    <UploadDocumentField\n                      id={'file-attachment'}\n                      isLoading={isLoading}\n                      documentName={'Attachment'}\n                      uploadCallback={res => uploadCallback(res, 'attachments')}\n                      isMultiFileUpload={true}\n                      fileHandleAssociations={attachmentFileHandleAssociations}\n                      onClearAttachment={onClearAttachment}\n                    />\n                  </SynapseErrorBoundary>\n                </>\n              )\n            }\n\n            {\n              // SWC-7319 - Per GovernanceInnovation, do not show these fields on renewal\n              // Publications & Summary of Use\n              // isRenewal && (\n              //   <>\n              //     <TextField\n              //       id={'publications'}\n              //       label={'Publication(s)'}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       value={publication}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setPublication(e.target.value)\n              //       }\n              //     />\n              //     <TextField\n              //       id={'summaryOfUse'}\n              //       label={'Summary of use'}\n              //       value={summaryOfUse}\n              //       disabled={submitDataAccessRequestIsPending}\n              //       multiline\n              //       rows={3}\n              //       onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              //         setSummaryOfUse(e.target.value)\n              //       }\n              //     />\n              //   </>\n              // )\n            }\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n        {alert && <Alert severity={alert.key}>{alert.message}</Alert>}\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            onBackClicked()\n          }}\n        >\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }}>{/* spacer */}</Box>\n\n        <Button\n          variant=\"outlined\"\n          disabled={submitDataAccessRequestIsPending}\n          onClick={() => {\n            if (dataAccessRequest) {\n              // include the local state in the onCancel callback so the user may save their changes\n              onCancel(getDataAccessRequestWithLocalState())\n            }\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          loading={submitDataAccessRequestIsPending}\n          disabled={disableSubmitButton}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {onEDucContinue ? 'Continue' : 'Submit'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmDA,IAAa,IAA0B;AAEvC,SAAS,GAA4B,GAGlC;CACD,IAAM,EAAE,gCAA6B,qBAAkB,GACnD,IAAe,IACf,IAAc;CAkBlB,OAfE,EAA4B,2BAC5B,EAA4B,8BAE5B,IAAO,4DACP,IACE,oFACO,EAA4B,2BACrC,IACE,4FACF,IAAM,mDACG,EAA4B,+BACrC,IACE,4FACF,IAAM,4DAGN,kBAAA,GAAA,EAAA,UAAA;EACG,EAA4B,iBAAiB,CAAC,IAC7C,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,KAAK;IAAG,YAAY;IAAU,IAAI;GAAE;aAAhE,CACE,kBAAC,GAAD,EAAqB,IAAI,EAAE,OAAO,aAAa,EAAI,CAAA,GACnD,kBAAC,OAAD,EAAA,UAAK,uGAGA,CAAA,CACF;OAEL;EAED;EAAK;EACL,KACC,kBAAC,GAAD;GAAM,MAAM;GAAM,QAAQ;GAAU,KAAK;aAAc;EAEjD,CAAA;CAER,EAAA,CAAA;AAEN;AAwCA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,wBACA,gCACA,cACA,iBACA,sBACA,aACA,mBACA,sBACE,GACE,EAAE,uBAAoB,EAAkB,GACxC,EAAE,MAAM,MAAS,GAAyB,EAAE,SAAS,EAAgB,CAAC,GACtE,CAAC,GAAO,KAAY,EAAiC,GACrD,IAAgB,EAAQ,EAA4B,gBACpD,CAAC,GAAiB,KAAsB,EAE5C,GACI,CAAC,GAAc,KAAmB,EAA6B,GAC/D,CAAC,GAAa,KAAkB,EAA6B,GAC7D,CAAC,GAAQ,KAAa,EAAiB,EAAE,GACzC,CAAC,GAAS,KAAc,EAAiB,EAAE,GAC3C,IAA6B,GAAO,EAAK,GAEzC,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,SAAS;EAET,WAAW;EAEX,cAAc;CAChB,CAAC,GAEG,IACJ,GAAmB,iBACnB;CAEF,SAAS,EAAQ,GAAuB;EAEtC,AADA,QAAQ,IAAI,+CAA+C,CAAC,GAC5D,EAAS;GACP,KAAK;GACL,SAAS,EAAgB,EAAE,MAAM;EACnC,CAAC;CACH;CAEA,IAAM,EAAE,QAAQ,IAAQ,WAAW,MACjC,EAA2B;EACzB,YAAW,MAAc;GACvB,EAAoB,EAAW,YAAY;EAC7C;EACS;CACX,CAAC,GAEG,EACJ,aAAa,GACb,WAAW,OACT,EAA2B,EACpB,WACX,CAAC,GAEK,IACJ,KACA,MACA,GAMI,IACJ,KAAiC,GAE7B,KACJ,KAAqC,MAAkB,CAAC,KAAU,CAAC;CAqErE,AAhEA,QAAgB;EACd,IAAI,KAAqB,KAAQ,CAAC,EAA2B,SAAS;GACpE,IAAI,IAAe;GAGnB,AAAK,EAAkB,sBACrB,EAAkB,oBAAoB,GACtC,IAAe;GAIjB,IAAM,IAA4C;IAChD,QAAQ,EAAK;IACb,MAAM,IAAY,EAAW,eAAe,EAAW;GACzD;GACA,CACE,CAAC,EAAkB,mBACnB,CAAC,EAAkB,gBAAgB,MAAK,MACtC,GAAW,GAAM,CAAyB,CAC5C,OAEA,EAAkB,kBAAkB,CAClC,GACA,GAAI,EAAkB,mBAAmB,CAAC,CAC5C,GACA,IAAe;GAIjB,IAAM,oBAAO,IAAI,IAAI,GACf,IAAwB,EAAkB,gBAAgB,QAC9D,MACS,EAAK,IAAI,EAAe,MAAM,IACjC,KACA,EAAK,IAAI,EAAe,MAAM,CAEtC;GASA,AAPE,EAAsB,WACtB,EAAkB,gBAAgB,WAElC,EAAkB,kBAAkB,GACpC,IAAe,KAGb,MAGF,EAA2B,UAAU,IACrC,EAAmB,CAAiB;EAExC;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAMD,QAAgB;EACd,IAAI,MACE,EAAkB,mBAAmB,KAAmB,QAC1D,EAAmB,EAAkB,eAAe,GAGpD,KACA,EAAkB,eAClB,KAAe,QAEf,EAAe,EAAkB,WAAW,GAG5C,KACA,EAAkB,gBAClB,KAAgB,QAEhB,EAAgB,EAAkB,YAAY,GAE5C,IAAe;GACjB,IAAM,IAAK,EAAkB;GAI7B,AAHI,EAAQ,CAAM,KAAK,GAAI,QACzB,EAAU,EAAG,IAAI,GAEf,EAAQ,CAAO,KAAK,GAAI,sBAC1B,EAAW,EAAG,kBAAkB;EAEpC;CAIJ,GAAG,CAAC,CAAiB,CAAC;CAEtB,SAAS,IAAwD;EAC/D,IAAM,IAAO;GACX,GAAG;GACc;GACjB;GACA;EACF;EACA,IAAI,GAAe;GACjB,IAAM,IAA0B;IAC9B,GAAG,GAAmB;IACtB,MAAM,KAAU,KAAA;IAChB,oBAAoB,KAAW,KAAA;GACjC;GACA,OAAO;IAAE,GAAG;IAAM,iBAAiB;GAAO;EAC5C;EACA,OAAO;CACT;CAEA,eAAe,KAAe;EAC5B,IAAI,GAAmB;GAErB,IAAM,IAAgB,MAAM,EAC1B,EAAmC,CACrC;GACA,IAAI,GAAgB;IAClB,EAAe;IACf;GACF;GAEA,GAAO;IACL,SAAS;KACP,WAAW,EAAc;KACzB,aAAa,EAAc;KAChB;KACE;IACf;IACA,qBAAqB,OAAO,EAA4B,EAAE;GAC5D,CAAC;EACH;CACF;CAEA,IAAM,KAAmB,IAAiB,OAEtC,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,UAAD,EAAA,UAAQ,uDAA4D,CAAA;EACpE,kBAAC,MAAD,CAAK,CAAA;EACJ;CACD,EAAA,CAAA,GAIA,MACJ,MAAW;EAET,EAAmB,CAAC,GAAG,EAAQ,KAAmB,CAAC,CAAC,CAAC,CAAC;CACxD,GAEI,MAAqB,MAAgB;EACzC,EAAmB;GACjB,GAAG;GACH,aAAa,EAAmB,aAAa,QAAO,MAAQ,MAAS,CAAG;EAC1E,CAAC;CACH,GAEM,KACJ,GACA,MAIG;EACH,IAAI,EAAK,QAAQ,EAAK,SAAS;GAE7B,IAAM,IAAqC,EAAK;GAChD,AACE,EADE,MAAY,gBACK;IACjB,GAAG;IACH,aAAa,CACX,GAAI,EAAmB,eAAe,CAAC,GACvC,EAAe,YACjB;GACF,IAEmB;IACjB,GAAG;KACF,IAAU,EAAe;GAC5B,CAAC;EAEL,OAAO,AAAI,CAAC,EAAK,WAAW,EAAK,UAE/B,QAAQ,IACN,oDACA,EAAK,KACP,GACA,EAAS;GACP,KAAK;GACL,SAAS,EAAgB,EAAK,MAAM,MAAM;EAC5C,CAAC;CAEL,GAEM,KACJ,GAAmB,kBACf,CACE;EACE,cAAc,GAAmB;EACjC,qBACE,EAAwB;EAC1B,mBAAmB,OAAO,EAAkB,EAAE;CAChD,CACF,IACA,CAAC,GACD,KACJ,GAAmB,kBACf,CACE;EACE,cAAc,EAAkB;EAChC,qBACE,EAAwB;EAC1B,mBAAmB,OAAO,EAAkB,EAAE;CAChD,CACF,IACA,CAAC,GAED,MACH,GAAmB,eAAe,CAAC,GAAG,KAAI,OAA2B;EACpE,cAAc;EACd,qBAAqB,EAAwB;EAC7C,mBAAmB,OAAO,EAAmB,EAAE;CACjD,EAAE,KAAK,CAAC;CAEV,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD;GACE,WAAU;GACV,IAAI;IACF,YAAY;IACZ,KAAK;GACP;aALF;IAMC;IAEC,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,IAAD;KAAY,SAAS,EAAM;eACzB,kBAAC,IAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACb,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD;GACE,+BAA+B,OAAO,EAA4B,EAAE;aAEpE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI,EAEF,WAAW,QACb;IACA,WAAU,MAAK,EAAE,eAAe;cANlC;KAQE,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;OAAE,IAAI;OAAG,UAAU;MAAO;gBAAG;KAGnD,CAAA;KAEX,KACC,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,GAAD;OAAY,SAAS;OAAa,IAAI,EAAE,IAAI,EAAE;iBAAG;MAErC,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAClC;MAOW,CAAA;MACZ,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,aAAY;OACZ,WAAA;OACA,MAAK;OACL,UAAU;OACV,OAAO;OACP,UAAA;OACA,WAAU,MAAK,EAAU,EAAE,OAAO,KAAK;OACvC,IAAI,EAAE,IAAI,EAAE;MACb,CAAA;MACD,kBAAC,GAAD;OACE,IAAG;OACH,OAAM;OACN,MAAK;OACL,aAAY;OACZ,WAAA;OACA,UAAU;OACV,OAAO;OACP,UAAA;OACA,WAAU,MAAK,EAAW,EAAE,OAAO,KAAK;OACxC,IAAI,EAAE,IAAI,EAAE;MACb,CAAA;MACD,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;KACzB,EAAA,CAAA;KAGH,KAAqB,KACpB,kBAAC,IAAD;MACE,iBAAiB,KAAmB,CAAC;MACrC,UAAU;MACC;MACX,mBACE,IAAA,KAA0C,KAAA;MAE5C,UACE,kBAAC,IAAD;OAC+B;OACd;MAChB,CAAA;KAEJ,CAAA;MAGA,GAA6B,iBAAiB,CAAC,KAChD,GAA6B,yBAC7B,GAA6B,gCAC7B,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;KAG1B,GAA6B,iBAAiB,CAAC,KAC9C,kBAAA,GAAA,EAAA,UAAA;MACG,GAA6B,2BAC5B,kBAAC,IAAD;OACE,OAAO;OACP,aACE;OAEF,uBAAuB;QACrB,cACE,EAA4B;QAC9B,qBACE,EAAwB;QAC1B,mBAAmB,OAAO,EAA4B,EAAE;OAC1D;OACA,oBAAoB;MACrB,CAAA;MAEH,kBAAC,GAAD;OAAY,SAAS;OAAa,IAAI;QAAE,IAAI;QAAG,IAAI;OAAE;iBAAG;MAE5C,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAClC;MAIW,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,WAAW;OACX,IAAI;iBAHN;QAKE,kBAAC,MAAD,EAAA,UAAI,kCAAmC,CAAA;QACvC,kBAAC,MAAD,EAAA,UAAI,qEAGA,CAAA;QACJ,kBAAC,MAAD,EAAA,UAAI,2DAEA,CAAA;OACM;;MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OACE,IAAI;OACO;OACX,iBAAgB,MACd,EAAe,GAAM,iBAAiB;OAExC,cAAc;OACd,wBAAwB;MACzB,CAAA,EACmB,CAAA;OACpB,GAA6B,yBAC7B,GAA6B,gCAC7B,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;KAE3B,EAAA,CAAA;KAIH,GAA6B,yBAC5B,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,GAAD;OAAY,SAAS;OAAa,IAAI,EAAE,IAAI,EAAE;iBAAG;MAErC,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAClC;MAKW,CAAA;MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OACE,IAAI;OACO;OACX,cAAc;OACd,iBAAgB,MACd,EAAe,GAAM,iBAAiB;OAExC,wBAAwB;MACzB,CAAA,EACmB,CAAA;MACrB,GAA6B,+BAC5B,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;KAE3B,EAAA,CAAA;KAKF,GAA6B,+BAC3B,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,GAAD;OAAY,SAAS;OAAa,IAAI,EAAE,IAAI,EAAE;iBAAG;MAErC,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAClC;MAIW,CAAA;MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OACE,IAAI;OACO;OACX,cAAc;OACd,iBAAgB,MAAO,EAAe,GAAK,aAAa;OACxD,mBAAmB;OACnB,wBAAwB;OACL;MACpB,CAAA,EACmB,CAAA;KACtB,EAAA,CAAA;IAkCH;;EACqC,CAAA,GAC3C,KAAS,kBAAC,IAAD;GAAO,UAAU,EAAM;aAAM,EAAM;EAAe,CAAA,CAC/C,EAAA,CAAA;EACf,kBAAC,IAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAS;IACT,eAAe;KACb,GAAc;IAChB;cACD;GAEO,CAAA;GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAsB,CAAA;GAE7C,kBAAC,GAAD;IACE,SAAQ;IACR,UAAU;IACV,eAAe;KACb,AAAI,KAEF,EAAS,EAAmC,CAAC;IAEjD;cACD;GAEO,CAAA;GACR,kBAAC,GAAD;IACE,SAAQ;IACR,SAAS;IACT,UAAU;IACV,eAAe;KACb,GAAa;IACf;cAEC,IAAiB,aAAa;GACzB,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}

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

@@ -0,0 +1,21 @@
+import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+export type EDucPreviewStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    onHide: () => void;
+    onBackClicked: () => void;
+    onSendForSignature: () => void;
+    onManualUpload: () => void;
+    /**
+     * Optional iframe `src` override for demos and stories. When set, the blob fetch is skipped
+     * and this URL is used directly as the iframe src. Production callers should not set this.
+     */
+    previewSrcOverride?: string;
+};
+/**
+ * Wizard step shown after the "Review / Create a DUC" step (PORTALS-4414).
+ * Displays the generated eDUC document in an iframe so the user can review it
+ * before sending it for electronic signature (PORTALS-4378) or manually printing and
+ * uploading a signed PDF (PORTALS-4379).
+ */
+export default function EDucPreviewStep(props: EDucPreviewStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EDucPreviewStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EDucPreviewStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,2BAA2B,EAC5B,MAAM,iCAAiC,CAAA;AAQxC,MAAM,MAAM,oBAAoB,GAAG;IACjC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmKlE"}

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { ManagedACTAccessRequirement, RestrictableObjectType } from '@sage-bionetworks/synapse-types';
+export type ManualUploadDucStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    subjectId: string;
+    subjectType: RestrictableObjectType;
+    onHide: () => void;
+    onBackClicked: () => void;
+    onSubmissionCreated: (submissionId: string) => void;
+    /**
+     * Optional href override for the "Download DUC for Signatures" anchor. When set, the preview
+     * file handle fetch is skipped and this URL is used directly. Used by stories and tests where
+     * the portal servlet is not available.
+     */
+    downloadHrefOverride?: string;
+};
+/**
+ * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually
+ * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download
+ * the partially-populated DUC, upload a signed copy, and submit the request.
+ */
+export default function ManualUploadDucStep(props: ManualUploadDucStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ManualUploadDucStep.d.ts.map

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

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