synapse-react-client 4.0.31 → 4.0.33

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  Typography,\n} from '@mui/material'\nimport { deepEquals } from '@rjsf/utils'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  AccessorChange,\n  AccessType,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\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 DocumentTemplate from '../DocumentTemplate'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { UploadDocumentField } from '../UploadDocumentField'\n\nfunction AccessorRequirementHelpText(props: {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n}) {\n  const { managedACTAccessRequirement } = 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 ? (\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 [accessorChanges, setAccessorChanges] = useState<\n    AccessorChange[] | undefined\n  >()\n  const [summaryOfUse, setSummaryOfUse] = useState<string | undefined>()\n  const [publication, setPublication] = useState<string | undefined>()\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   * 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    }\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    return {\n      ...dataAccessRequest,\n      // append local state to the request\n      accessorChanges: accessorChanges,\n      publication,\n      summaryOfUse,\n    } as Request | Renewal\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 }}>\n              Please provide the information below to submit the request for\n              access.\n            </Typography>\n\n            {dataAccessRequest && user && (\n              <DataAccessRequestAccessorsEditor\n                accessorChanges={accessorChanges || []}\n                onChange={onAccessorChange}\n                isRenewal={isRenewal}\n                helpText={\n                  <AccessorRequirementHelpText\n                    managedACTAccessRequirement={managedACTAccessRequirement}\n                  />\n                }\n              />\n            )}\n\n            {(managedACTAccessRequirement?.isDUCRequired ||\n              managedACTAccessRequirement?.isIRBApprovalRequired ||\n              managedACTAccessRequirement?.areOtherAttachmentsRequired) && (\n              <Divider sx={{ my: 4 }} />\n            )}\n            {/* DUC */}\n            {managedACTAccessRequirement?.isDUCRequired && (\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 variant={'body1'} sx={{ my: 2 }}>\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 variant={'body1'} component={'ol'}>\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 variant={'body1'} sx={{ my: 2 }}>\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 variant={'body1'} sx={{ my: 2 }}>\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          disabled={submitDataAccessRequestIsPending}\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, 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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DocumentTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,EAAE,SAAS,CAAA;IACtB,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,6BAA6B,2CAyD5E"}
+{"version":3,"file":"DocumentTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DocumentTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,EAAE,SAAS,CAAA;IACtB,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,6BAA6B,2CAyD5E"}

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

@@ -1,40 +1,44 @@
 import { useGetFileBatch as e } from "../../../synapse-queries/file/useFiles.js";
 import t from "../../IconSvg/IconSvg.js";
-import n from "../../DirectDownloadButton.js";
-import { Box as r, Typography as i } from "@mui/material";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { longFieldLabelSx as n } from "./styles.js";
+import r from "../../DirectDownloadButton.js";
+import { Box as i, Typography as a } from "@mui/material";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DocumentTemplate.tsx
-function c(c) {
-	let { title: l, description: u, fileHandleAssociation: d, downloadButtonText: f } = c, { data: p } = e({
-		requestedFiles: [d],
+function l(l) {
+	let { title: u, description: d, fileHandleAssociation: f, downloadButtonText: p } = l, { data: m } = e({
+		requestedFiles: [f],
 		includeFileHandles: !0,
 		includePreSignedURLs: !1,
 		includePreviewPreSignedURLs: !1
-	}, { enabled: !!d }), m = p?.requestedFiles[0]?.fileHandle?.fileName;
-	return /* @__PURE__ */ s(a, { children: [
-		/* @__PURE__ */ o(i, {
+	}, { enabled: !!f }), h = m?.requestedFiles[0]?.fileHandle?.fileName;
+	return /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ s(a, {
 			variant: "headline3",
 			sx: {
 				mt: 4,
 				mb: 2
 			},
-			children: l
+			children: u
 		}),
-		/* @__PURE__ */ o(i, {
+		/* @__PURE__ */ s(a, {
 			variant: "body1",
-			sx: { my: 2 },
-			children: u
+			sx: {
+				...n,
+				my: 2
+			},
+			children: d
 		}),
-		/* @__PURE__ */ o(i, {
+		/* @__PURE__ */ s(a, {
 			variant: "body1",
 			children: "Download this file:"
 		}),
-		/* @__PURE__ */ o(i, {
+		/* @__PURE__ */ s(a, {
 			variant: "smallText1",
 			sx: { my: .5 },
-			children: /* @__PURE__ */ o("strong", { children: m })
+			children: /* @__PURE__ */ s("strong", { children: h })
 		}),
-		/* @__PURE__ */ s(r, {
+		/* @__PURE__ */ c(i, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -48,11 +52,11 @@ function c(c) {
 					md: "wrap-reverse"
 				}
 			},
-			children: [/* @__PURE__ */ o(n, {
+			children: [/* @__PURE__ */ s(r, {
 				variant: "outlined",
-				fileHandleAssociation: d,
-				fileName: f,
-				endIcon: /* @__PURE__ */ o(t, {
+				fileHandleAssociation: f,
+				fileName: p,
+				endIcon: /* @__PURE__ */ s(t, {
 					icon: "download",
 					wrap: !1
 				}),
@@ -60,18 +64,18 @@ function c(c) {
 					whiteSpace: "nowrap",
 					flexShrink: 0
 				}
-			}), /* @__PURE__ */ s(i, {
+			}), /* @__PURE__ */ c(a, {
 				variant: "body1",
 				children: [
 					"You must fill out and upload this exact version of the template.",
 					" ",
-					/* @__PURE__ */ o("strong", { children: "No other versions will be accepted." })
+					/* @__PURE__ */ s("strong", { children: "No other versions will be accepted." })
 				]
 			})]
 		})
 	] });
 }
 //#endregion
-export { c as default };
+export { l as default };
 
 //# sourceMappingURL=DocumentTemplate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentTemplate.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DocumentTemplate.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { Box, Typography } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport DirectDownloadButton from '../../DirectDownloadButton'\nimport IconSvg from '../../IconSvg/IconSvg'\n\nexport type DownloadDocumentTemplateProps = {\n  title: ReactNode\n  description: ReactNode\n  fileHandleAssociation: FileHandleAssociation\n  downloadButtonText: string\n}\n\nexport default function DocumentTemplate(props: DownloadDocumentTemplateProps) {\n  const { title, description, fileHandleAssociation, downloadButtonText } =\n    props\n\n  // get batch of files\n  const { data: fileData } = useGetFileBatch(\n    {\n      requestedFiles: [fileHandleAssociation],\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n    },\n    {\n      enabled: !!fileHandleAssociation,\n    },\n  )\n\n  const fileName = fileData?.requestedFiles[0]?.fileHandle?.fileName\n\n  return (\n    <>\n      <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n        {title}\n      </Typography>\n      <Typography variant={'body1'} sx={{ my: 2 }}>\n        {description}\n      </Typography>\n      <Typography variant={'body1'}>Download this file:</Typography>\n      <Typography variant={'smallText1'} sx={{ my: 0.5 }}>\n        <strong>{fileName}</strong>\n      </Typography>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          gap: 2,\n          backgroundColor: 'tertiary.100',\n          p: 2.5,\n          my: 2,\n          flexWrap: { xs: 'nowrap', md: 'wrap-reverse' },\n        }}\n      >\n        <DirectDownloadButton\n          variant={'outlined'}\n          fileHandleAssociation={fileHandleAssociation}\n          fileName={downloadButtonText}\n          endIcon={<IconSvg icon={'download'} wrap={false} />}\n          sx={{ whiteSpace: 'nowrap', flexShrink: 0 }}\n        />\n        <Typography variant={'body1'}>\n          You must fill out and upload this exact version of the template.{' '}\n          <strong>No other versions will be accepted.</strong>\n        </Typography>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EAAiB,GAAsC;CAC7E,IAAM,EAAE,UAAO,gBAAa,0BAAuB,0BACjD,GAGI,EAAE,MAAM,MAAa,EACzB;EACE,gBAAgB,CAAC,CAAqB;EACtC,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;CAC/B,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAEM,IAAW,GAAU,eAAe,IAAI,YAAY;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAS;GAAa,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;GAAS,IAAI,EAAE,IAAI,EAAE;aACvC;EACS,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;aAAS;EAA+B,CAAA;EAC7D,kBAAC,GAAD;GAAY,SAAS;GAAc,IAAI,EAAE,IAAI,GAAI;aAC/C,kBAAC,UAAD,EAAA,UAAS,EAAiB,CAAA;EAChB,CAAA;EACZ,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,KAAK;IACL,iBAAiB;IACjB,GAAG;IACH,IAAI;IACJ,UAAU;KAAE,IAAI;KAAU,IAAI;IAAe;GAC/C;aAVF,CAYE,kBAAC,GAAD;IACE,SAAS;IACc;IACvB,UAAU;IACV,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;IAAQ,CAAA;IAClD,IAAI;KAAE,YAAY;KAAU,YAAY;IAAE;GAC3C,CAAA,GACD,kBAAC,GAAD;IAAY,SAAS;cAArB;KAA8B;KACqC;KACjE,kBAAC,UAAD,EAAA,UAAQ,sCAA2C,CAAA;IACzC;KACT;;CACL,EAAA,CAAA;AAEN"}
+{"version":3,"file":"DocumentTemplate.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DocumentTemplate.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { Box, Typography } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport DirectDownloadButton from '../../DirectDownloadButton'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from './styles'\n\nexport type DownloadDocumentTemplateProps = {\n  title: ReactNode\n  description: ReactNode\n  fileHandleAssociation: FileHandleAssociation\n  downloadButtonText: string\n}\n\nexport default function DocumentTemplate(props: DownloadDocumentTemplateProps) {\n  const { title, description, fileHandleAssociation, downloadButtonText } =\n    props\n\n  // get batch of files\n  const { data: fileData } = useGetFileBatch(\n    {\n      requestedFiles: [fileHandleAssociation],\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n    },\n    {\n      enabled: !!fileHandleAssociation,\n    },\n  )\n\n  const fileName = fileData?.requestedFiles[0]?.fileHandle?.fileName\n\n  return (\n    <>\n      <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n        {title}\n      </Typography>\n      <Typography variant={'body1'} sx={{ ...longFieldLabelSx, my: 2 }}>\n        {description}\n      </Typography>\n      <Typography variant={'body1'}>Download this file:</Typography>\n      <Typography variant={'smallText1'} sx={{ my: 0.5 }}>\n        <strong>{fileName}</strong>\n      </Typography>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          gap: 2,\n          backgroundColor: 'tertiary.100',\n          p: 2.5,\n          my: 2,\n          flexWrap: { xs: 'nowrap', md: 'wrap-reverse' },\n        }}\n      >\n        <DirectDownloadButton\n          variant={'outlined'}\n          fileHandleAssociation={fileHandleAssociation}\n          fileName={downloadButtonText}\n          endIcon={<IconSvg icon={'download'} wrap={false} />}\n          sx={{ whiteSpace: 'nowrap', flexShrink: 0 }}\n        />\n        <Typography variant={'body1'}>\n          You must fill out and upload this exact version of the template.{' '}\n          <strong>No other versions will be accepted.</strong>\n        </Typography>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAwB,EAAiB,GAAsC;CAC7E,IAAM,EAAE,UAAO,gBAAa,0BAAuB,0BACjD,GAGI,EAAE,MAAM,MAAa,EACzB;EACE,gBAAgB,CAAC,CAAqB;EACtC,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;CAC/B,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAEM,IAAW,GAAU,eAAe,IAAI,YAAY;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAS;GAAa,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;GAAS,IAAI;IAAE,GAAG;IAAkB,IAAI;GAAE;aAC5D;EACS,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;aAAS;EAA+B,CAAA;EAC7D,kBAAC,GAAD;GAAY,SAAS;GAAc,IAAI,EAAE,IAAI,GAAI;aAC/C,kBAAC,UAAD,EAAA,UAAS,EAAiB,CAAA;EAChB,CAAA;EACZ,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,KAAK;IACL,iBAAiB;IACjB,GAAG;IACH,IAAI;IACJ,UAAU;KAAE,IAAI;KAAU,IAAI;IAAe;GAC/C;aAVF,CAYE,kBAAC,GAAD;IACE,SAAS;IACc;IACvB,UAAU;IACV,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;IAAQ,CAAA;IAClD,IAAI;KAAE,YAAY;KAAU,YAAY;IAAE;GAC3C,CAAA,GACD,kBAAC,GAAD;IAAY,SAAS;cAArB;KAA8B;KACqC;KACjE,kBAAC,UAAD,EAAA,UAAQ,sCAA2C,CAAA;IACzC;KACT;;CACL,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResearchProjectForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,2BAA2B,EAC3B,eAAe,EAChB,MAAM,iCAAiC,CAAA;AAcxC,MAAM,MAAM,wBAAwB,GAAG;IAErC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAiP1E"}
+{"version":3,"file":"ResearchProjectForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.tsx"],"names":[],"mappings":"AAmBA,OAAO,EACL,2BAA2B,EAI3B,eAAe,EAEhB,MAAM,iCAAiC,CAAA;AAexC,MAAM,MAAM,wBAAwB,GAAG;IAErC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAuW1E"}