synapse-react-client 4.0.40 → 4.0.42

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, 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?.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":"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"}
+{"version":3,"file":"DataAccessRequestAccessorsFilesForm.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertProps as MuiAlertProps,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport isEmpty from 'lodash-es/isEmpty'\nimport {\n  AccessorChange,\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 AccessorRequirementHelpText from '../AccessorRequirementHelpText'\nimport DucUploadSection from '../DucUploadSection'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport SigningOfficialFields from '../SigningOfficialFields'\nimport { useInitializeRequestAccessors } from '../useInitializeRequestAccessors'\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\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\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    mutate: updateRequest,\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  useInitializeRequestAccessors({\n    dataAccessRequest,\n    user,\n    isRenewal,\n    updateRequest,\n    researchProjectId,\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    updateRequest({\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        updateRequest({\n          ...dataAccessRequest!,\n          attachments: [\n            ...(dataAccessRequest!.attachments || []),\n            uploadResponse.fileHandleId,\n          ],\n        })\n      } else {\n        updateRequest({\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              <SigningOfficialFields\n                name={soName}\n                email={soEmail}\n                disabled={disableLocalStateFields}\n                onNameChange={setSoName}\n                onEmailChange={setSoEmail}\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                    accessRequirement={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                <DucUploadSection\n                  accessRequirement={managedACTAccessRequirement}\n                  isLoading={isLoading}\n                  uploadedDucAssociations={ducFileHandleAssociation}\n                  onUpload={resp => uploadCallback(resp, 'ducFileHandleId')}\n                />\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":"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"}

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

@@ -0,0 +1,13 @@
+import { FileHandleAssociation, UploadCallbackResp } from '@sage-bionetworks/synapse-types';
+import { AccessorStepAccessRequirement } from './requestFlowTypes';
+export type DucUploadSectionProps = {
+    accessRequirement: AccessorStepAccessRequirement;
+    isLoading: boolean;
+    uploadedDucAssociations: FileHandleAssociation[];
+    onUpload: (response: UploadCallbackResp) => void;
+};
+/**
+ * Lets the user download the DUC template of a non-eDUC access requirement and upload the completed certificate.
+ */
+export default function DucUploadSection(props: DucUploadSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DucUploadSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DucUploadSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DucUploadSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAIlE,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,6BAA6B,CAAA;IAChD,SAAS,EAAE,OAAO,CAAA;IAClB,uBAAuB,EAAE,qBAAqB,EAAE,CAAA;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACjD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA6CpE"}

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

@@ -0,0 +1,60 @@
+import { SynapseErrorBoundary as e } from "../../error/ErrorBanner.js";
+import { longFieldLabelSx as t } from "./styles.js";
+import n from "./DocumentTemplate.js";
+import { UploadDocumentField as r } from "./UploadDocumentField.js";
+import { Typography as i } from "@mui/material";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { FileHandleAssociateType as c } from "@sage-bionetworks/synapse-types";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DucUploadSection.tsx
+function l(l) {
+	let { accessRequirement: u, isLoading: d, uploadedDucAssociations: f, onUpload: p } = l;
+	return /* @__PURE__ */ s(a, { children: [
+		u.ducTemplateFileHandleId && /* @__PURE__ */ o(n, {
+			title: "Download DUC Template",
+			description: "As a first step, you will need to download the most current version of the Data Use Certificate.",
+			fileHandleAssociation: {
+				fileHandleId: u.ducTemplateFileHandleId,
+				associateObjectType: c.AccessRequirementAttachment,
+				associateObjectId: String(u.id)
+			},
+			downloadButtonText: "Download DUC Template"
+		}),
+		/* @__PURE__ */ o(i, {
+			variant: "headline3",
+			sx: {
+				mt: 4,
+				mb: 2
+			},
+			children: "Fill out and upload a Data Use Certificate"
+		}),
+		/* @__PURE__ */ o(i, {
+			variant: "body1",
+			sx: {
+				...t,
+				my: 2
+			},
+			children: "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."
+		}),
+		/* @__PURE__ */ s(i, {
+			variant: "body1",
+			component: "ol",
+			sx: t,
+			children: [
+				/* @__PURE__ */ o("li", { children: "Download the DUC template file." }),
+				/* @__PURE__ */ o("li", { children: "Fill out the DUC template, following the instructions in the file." }),
+				/* @__PURE__ */ o("li", { children: "Upload the completed certificate using the button below:" })
+			]
+		}),
+		/* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(r, {
+			id: "duc",
+			isLoading: d,
+			uploadCallback: p,
+			documentName: "Data Use Certificate",
+			fileHandleAssociations: f
+		}) })
+	] });
+}
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=DucUploadSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DucUploadSection.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DucUploadSection.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseErrorBoundary } from '../../error/ErrorBanner'\nimport DocumentTemplate from './DocumentTemplate'\nimport { AccessorStepAccessRequirement } from './requestFlowTypes'\nimport { longFieldLabelSx } from './styles'\nimport { UploadDocumentField } from './UploadDocumentField'\n\nexport type DucUploadSectionProps = {\n  accessRequirement: AccessorStepAccessRequirement\n  isLoading: boolean\n  uploadedDucAssociations: FileHandleAssociation[]\n  onUpload: (response: UploadCallbackResp) => void\n}\n\n/**\n * Lets the user download the DUC template of a non-eDUC access requirement and upload the completed certificate.\n */\nexport default function DucUploadSection(props: DucUploadSectionProps) {\n  const { accessRequirement, isLoading, uploadedDucAssociations, onUpload } =\n    props\n  return (\n    <>\n      {accessRequirement.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: accessRequirement.ducTemplateFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.AccessRequirementAttachment,\n            associateObjectId: String(accessRequirement.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={{ ...longFieldLabelSx, my: 2 }}>\n        You must download and fill out a Data Use Certificate (DUC). Be sure to\n        upload the completed DUC below once you&apos;ve completed it.\n      </Typography>\n      <Typography variant={'body1'} component={'ol'} sx={longFieldLabelSx}>\n        <li>Download the DUC template file.</li>\n        <li>\n          Fill out the DUC template, following the instructions in the file.\n        </li>\n        <li>Upload the completed certificate using the button below:</li>\n      </Typography>\n      <SynapseErrorBoundary>\n        <UploadDocumentField\n          id={'duc'}\n          isLoading={isLoading}\n          uploadCallback={onUpload}\n          documentName={'Data Use Certificate'}\n          fileHandleAssociations={uploadedDucAssociations}\n        />\n      </SynapseErrorBoundary>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,sBAAmB,cAAW,4BAAyB,gBAC7D;CACF,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAkB,2BACjB,kBAAC,GAAD;GACE,OAAO;GACP,aACE;GAEF,uBAAuB;IACrB,cAAc,EAAkB;IAChC,qBACE,EAAwB;IAC1B,mBAAmB,OAAO,EAAkB,EAAE;GAChD;GACA,oBAAoB;EACrB,CAAA;EAEH,kBAAC,GAAD;GAAY,SAAS;GAAa,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;aAAG;EAE5C,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;GAAS,IAAI;IAAE,GAAG;IAAkB,IAAI;GAAE;aAAG;EAGtD,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAS;GAAS,WAAW;GAAM,IAAI;aAAnD;IACE,kBAAC,MAAD,EAAA,UAAI,kCAAmC,CAAA;IACvC,kBAAC,MAAD,EAAA,UAAI,qEAEA,CAAA;IACJ,kBAAC,MAAD,EAAA,UAAI,2DAA4D,CAAA;GACtD;;EACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,IAAI;GACO;GACX,gBAAgB;GAChB,cAAc;GACd,wBAAwB;EACzB,CAAA,EACmB,CAAA;CACtB,EAAA,CAAA;AAEN"}

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

@@ -1,6 +1,12 @@
-import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+import { RequestFlowAccessRequirement } from '../requestFlowTypes';
+export declare const SEND_FOR_SIGNATURE_BUTTON_TEXT = "Send for electronic signature";
+export declare const KEEP_OR_REPLACE_DIALOG_TITLE = "Keep your existing DUC or send a new one?";
+export declare const KEEP_EXISTING_DUC_BUTTON_TEXT = "Keep Existing DUC";
+export declare const SEND_NEW_DUC_BUTTON_TEXT = "Send new DUC";
+export declare const RESTART_SIGNING_DIALOG_TITLE = "Restart DUC signing?";
+export declare const RESTART_SIGNING_CONFIRM_BUTTON_TEXT = "I understand, send new DUC";
 export type EDucPreviewStepProps = {
-    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    managedACTAccessRequirement: RequestFlowAccessRequirement;
     onHide: () => void;
     onBackClicked: () => void;
     onSendForSignature: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"EDucPreviewStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"names":[],"mappings":"AAqBA,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,2CA4LlE"}
+{"version":3,"file":"EDucPreviewStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAIlE,eAAO,MAAM,8BAA8B,kCAAkC,CAAA;AAE7E,eAAO,MAAM,4BAA4B,8CACI,CAAA;AAC7C,eAAO,MAAM,6BAA6B,sBAAsB,CAAA;AAChE,eAAO,MAAM,wBAAwB,iBAAiB,CAAA;AAEtD,eAAO,MAAM,4BAA4B,yBAAyB,CAAA;AAClE,eAAO,MAAM,mCAAmC,+BAA+B,CAAA;AAW/E,MAAM,MAAM,oBAAoB,GAAG;IACjC,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,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,2CA+YlE"}

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

@@ -1,24 +1,58 @@
 import e from "../../../../synapse-client/index.js";
 import { useGetDataAccessRequestForUpdate as t } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useGetDataAccessRequestPreview as n, useGetDataAccessRequestSignatureQuota as r, useInitiateDataAccessRequestSignature as i } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import { useCheckDataAccessRequestSignatureUpdatable as n, useGetDataAccessRequestPreview as r, useGetDataAccessRequestSignatureQuota as ee, useInitiateDataAccessRequestSignature as te, useUpdateDataAccessRequestSignature as ne, useVoidDataAccessRequestSignature as re } from "../../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../../synapse-queries/index.js";
-import a from "../../../IconSvg/IconSvg.js";
-import { longFieldLabelSx as o } from "../styles.js";
-import { useFetchBlobUrl as s } from "../../../../utils/hooks/useFetchBlobUrl.js";
-import { Alert as c, Box as l, Button as u, DialogActions as d, DialogContent as f, DialogTitle as p, Divider as m, IconButton as h, Skeleton as g, Stack as _, Tooltip as v, Typography as y } from "@mui/material";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { FileHandleAssociateType as C } from "@sage-bionetworks/synapse-types";
+import { DialogBase as ie } from "../../../DialogBase.js";
+import { CANCEL_BUTTON_TEXT as ae, ConfirmationDialog as oe } from "../../../ConfirmationDialog/ConfirmationDialog.js";
+import "../../../ConfirmationDialog/index.js";
+import se from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as i } from "../styles.js";
+import { useFetchBlobUrl as ce } from "../../../../utils/hooks/useFetchBlobUrl.js";
+import { SignatureQuotaExhaustedMessage as a } from "../eDucSignatureUtils.js";
+import { useState as o } from "react";
+import { Alert as s, Box as c, Button as l, DialogActions as le, DialogContent as ue, DialogTitle as de, Divider as fe, IconButton as pe, Skeleton as me, Stack as u, Tooltip as d, Typography as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { FileHandleAssociateType as he } from "@sage-bionetworks/synapse-types";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx
-var w = "500px";
-function T(T) {
-	let { managedACTAccessRequirement: D, onHide: O, onBackClicked: k, onSendForSignature: A, onManualUpload: j, previewSrcOverride: M } = T, { data: N, isLoading: P } = t(String(D.id), {
+var g = "500px", _ = "Send for electronic signature", v = "Keep your existing DUC or send a new one?", y = "Keep Existing DUC", b = "Send new DUC", x = "Restart DUC signing?", S = "I understand, send new DUC", ge = "Sorry, we couldn't check the status of your existing signature request.", _e = "Sorry, we couldn't apply your changes to your existing signature request.", ve = "Sorry, we couldn't cancel your existing signature request.", ye = "Sorry, we couldn't send your DUC for electronic signature.";
+function C(C) {
+	let { managedACTAccessRequirement: xe, onHide: Se, onBackClicked: Ce, onSendForSignature: E, onManualUpload: we, previewSrcOverride: D } = C, { data: O, isLoading: k } = t(String(xe.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), { data: F, isLoading: I, error: L } = n(N?.id ?? "", { enabled: !!N?.id }), R = F?.fileHandleId, { blobUrl: z, error: B } = s(M || !R || !N?.id ? void 0 : e.getPortalFileHandleServletUrl(R, N.id, C.DataAccessRequestAttachment)), { mutate: V, isPending: H, error: U, reset: W } = i({ onSuccess: () => A() }), { data: G } = r(N?.id ?? "", { enabled: !!N?.id }), K = G?.remaining != null && G.remaining <= 0, q = P || !!N?.id && I || !M && !!R && !z && !B, J = q || !M && !z || H, Y = () => {
-		N?.id && (W(), V(N.id));
+	}), A = O?.id, j = !!O?.eDucSignatureEnvelopeId, [Te, Ee] = o(!1), { data: De, isLoading: Oe, error: M } = r(A ?? "", { enabled: !!A && !Te }), N = De?.fileHandleId, { blobUrl: P, error: F } = ce(D || !N || !A ? void 0 : e.getPortalFileHandleServletUrl(N, A, he.DataAccessRequestAttachment)), { mutateAsync: ke, isPending: Ae, error: I, reset: je } = n(), { mutate: Me, isPending: L, error: R, reset: Ne } = ne({ onSuccess: () => E() }), { mutateAsync: Pe, isPending: Fe, error: z, reset: Ie } = re(), { mutate: B, isPending: Le, error: V, reset: Re } = te({ onSuccess: () => E() }), { data: H, isLoading: ze } = ee(A ?? "", { enabled: !!A }), U = H?.remaining != null && H.remaining <= 0, W = U && !j, [G, K] = o(null), [Be, q] = o(!1), J = Ae || L || Fe || Le, Y = k || !!A && Oe || !D && !!N && !P && !F, X = Y || !D && !P || J, Ve = X || ze || W, Z = I && {
+		title: ge,
+		reason: I.reason
+	} || R && {
+		title: _e,
+		reason: R.reason
+	} || z && {
+		title: ve,
+		reason: z.reason
+	} || V && {
+		title: ye,
+		reason: V.reason
+	} || Be && {
+		title: "Sorry, you've used all of your electronic signature requests.",
+		reason: /* @__PURE__ */ m(a, { quota: H?.quota })
+	}, He = () => {
+		je(), Ne(), Ie(), Re(), q(!1);
+	}, Ue = async () => {
+		if (!A) return;
+		if (He(), Ee(!0), !j) {
+			B(A);
+			return;
+		}
+		let e = await ke(A).catch(() => null);
+		e !== null && (e ? K("keepOrReplace") : U ? q(!0) : K("restartSigning"));
+	}, We = () => {
+		A && (K(null), Me(A));
+	}, Q = async () => {
+		A && (K(null), await Pe(A).then(() => !0, () => !1) && B(A));
+	}, $ = () => {
+		K(null);
 	};
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x(p, { children: /* @__PURE__ */ S(_, {
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(de, { children: /* @__PURE__ */ h(u, {
 			direction: "row",
 			sx: {
 				alignItems: "center",
@@ -26,11 +60,11 @@ function T(T) {
 			},
 			children: [
 				"Request Access",
-				/* @__PURE__ */ x(l, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ x(h, {
+				/* @__PURE__ */ m(c, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ m(pe, {
 					"aria-label": "Close",
-					onClick: O,
-					children: /* @__PURE__ */ x(a, {
+					onClick: Se,
+					children: /* @__PURE__ */ m(se, {
 						icon: "close",
 						wrap: !1,
 						sx: { color: "grey.700" }
@@ -38,8 +72,8 @@ function T(T) {
 				})
 			]
 		}) }),
-		/* @__PURE__ */ S(f, { children: [
-			/* @__PURE__ */ x(y, {
+		/* @__PURE__ */ h(ue, { children: [
+			/* @__PURE__ */ m(f, {
 				variant: "body1",
 				sx: {
 					fontWeight: 700,
@@ -47,38 +81,38 @@ function T(T) {
 				},
 				children: "Take a minute to preview your DUC"
 			}),
-			/* @__PURE__ */ x(y, {
+			/* @__PURE__ */ m(f, {
 				variant: "body1",
 				sx: {
-					...o,
+					...i,
 					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."
 			}),
-			q && /* @__PURE__ */ x(g, {
+			Y && /* @__PURE__ */ m(me, {
 				variant: "rectangular",
 				width: "100%",
-				height: w,
+				height: g,
 				"data-testid": "EDucPreviewStep-loading"
 			}),
-			!q && (L || B) && /* @__PURE__ */ S(c, {
+			!Y && (M || F) && /* @__PURE__ */ h(s, {
 				severity: "error",
 				children: [
-					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't load your DUC preview." }),
-					/* @__PURE__ */ x("br", {}),
-					L?.reason ?? B?.message
+					/* @__PURE__ */ m("strong", { children: "Sorry, we couldn't load your DUC preview." }),
+					/* @__PURE__ */ m("br", {}),
+					M?.reason ?? F?.message
 				]
 			}),
-			!q && !L && !B && (M || z) && /* @__PURE__ */ x("iframe", {
+			!Y && !M && !F && (D || P) && /* @__PURE__ */ m("iframe", {
 				title: "eDUC preview",
-				src: M ?? z,
+				src: D ?? P,
 				style: {
 					border: 0,
 					width: "100%",
-					height: w
+					height: g
 				}
 			}),
-			/* @__PURE__ */ S(l, {
+			/* @__PURE__ */ h(c, {
 				sx: {
 					mt: 3,
 					border: "1px solid",
@@ -86,59 +120,141 @@ function T(T) {
 					borderRadius: 1
 				},
 				children: [
-					/* @__PURE__ */ x(E, {
+					/* @__PURE__ */ m(T, {
 						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__ */ x(v, {
-							title: K ? `You have used all ${G?.quota ?? ""} of your electronic signature routings for this request. Please contact ACT to request a quota reset.` : "",
+						action: /* @__PURE__ */ m(d, {
+							title: W ? /* @__PURE__ */ m(a, { quota: H?.quota }) : "",
 							arrow: !0,
-							disableHoverListener: !K,
-							disableFocusListener: !K,
-							disableTouchListener: !K,
-							children: /* @__PURE__ */ x(l, {
+							disableHoverListener: !W,
+							disableFocusListener: !W,
+							disableTouchListener: !W,
+							children: /* @__PURE__ */ m(c, {
 								component: "span",
-								children: /* @__PURE__ */ x(u, {
+								children: /* @__PURE__ */ m(l, {
 									variant: "contained",
-									disabled: J || K,
-									onClick: Y,
-									children: H ? "Sending..." : "Send for electronic signature"
+									disabled: Ve,
+									onClick: () => {
+										Ue();
+									},
+									children: J ? "Sending..." : _
 								})
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {}),
-					/* @__PURE__ */ x(E, {
+					/* @__PURE__ */ m(fe, {}),
+					/* @__PURE__ */ m(T, {
 						title: "Print and upload a PDF instead",
 						description: "Download the DUC, sign it by hand, and upload the completed document.",
-						action: /* @__PURE__ */ x(u, {
+						action: /* @__PURE__ */ m(l, {
 							variant: "outlined",
-							disabled: J,
-							onClick: j,
+							disabled: X,
+							onClick: we,
 							children: "Manually print and upload PDF"
 						})
 					})
 				]
 			}),
-			U && /* @__PURE__ */ S(c, {
+			Z && /* @__PURE__ */ h(s, {
 				severity: "error",
 				sx: { mt: 2 },
 				children: [
-					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't send your DUC for electronic signature." }),
-					/* @__PURE__ */ x("br", {}),
-					U.reason
+					/* @__PURE__ */ m("strong", { children: Z.title }),
+					/* @__PURE__ */ m("br", {}),
+					Z.reason
 				]
 			})
 		] }),
-		/* @__PURE__ */ x(d, { children: /* @__PURE__ */ x(u, {
+		/* @__PURE__ */ m(le, { children: /* @__PURE__ */ m(l, {
 			variant: "outlined",
-			onClick: k,
+			onClick: Ce,
 			children: "Back"
-		}) })
+		}) }),
+		/* @__PURE__ */ m(ie, {
+			open: G === "keepOrReplace",
+			title: v,
+			content: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
+				variant: "body1",
+				sx: i,
+				children: "Your DUC was already signed and submitted. If your changes don't affect what's on it, you can keep it and resubmit. If they do, you'll need a new DUC, and your PI or Project Lead, Signing Official, and any named Collaborators will need to sign again."
+			}), /* @__PURE__ */ m(w, { remaining: H?.remaining })] }),
+			onCancel: $,
+			actions: /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(l, {
+					variant: "outlined",
+					onClick: $,
+					children: ae
+				}),
+				/* @__PURE__ */ m(be, {
+					quota: H?.quota,
+					isAtOrOverQuota: U,
+					variant: "outlined",
+					onClick: () => {
+						Q();
+					},
+					children: b
+				}),
+				/* @__PURE__ */ m(l, {
+					variant: "contained",
+					onClick: We,
+					children: y
+				})
+			] })
+		}),
+		/* @__PURE__ */ m(oe, {
+			open: G === "restartSigning",
+			title: x,
+			content: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
+				variant: "body1",
+				sx: i,
+				children: "Your DUC was already submitted for review, so it can't be edited. To submit your changes, we'll close the current DUC and send a new one for signature. Your PI or Project Lead, Signing Official, and any named Collaborators will need to sign again."
+			}), /* @__PURE__ */ m(w, { remaining: H?.remaining })] }),
+			confirmButtonProps: { children: S },
+			onConfirm: () => {
+				Q();
+			},
+			onCancel: $
+		})
 	] });
 }
-function E(e) {
+function w(e) {
+	let { remaining: t } = e;
+	return t == null ? null : /* @__PURE__ */ h(f, {
+		variant: "body1",
+		sx: {
+			...i,
+			mt: 2
+		},
+		children: [
+			"You can create ",
+			/* @__PURE__ */ m("strong", { children: t }),
+			" more electronic",
+			" ",
+			t === 1 ? "DUC" : "DUCs",
+			" this month."
+		]
+	});
+}
+function be(e) {
+	let { quota: t, isAtOrOverQuota: n, ...r } = e;
+	return /* @__PURE__ */ m(d, {
+		title: n ? /* @__PURE__ */ m(a, { quota: t }) : "",
+		arrow: !0,
+		disableHoverListener: !n,
+		disableFocusListener: !n,
+		disableTouchListener: !n,
+		children: /* @__PURE__ */ m(c, {
+			component: "span",
+			children: /* @__PURE__ */ m(l, {
+				...r,
+				disabled: n
+			})
+		})
+	});
+}
+function T(e) {
 	let { title: t, description: n, action: r } = e;
-	return /* @__PURE__ */ S(_, {
+	return /* @__PURE__ */ h(u, {
 		direction: {
 			xs: "column",
 			sm: "row"
@@ -148,27 +264,27 @@ function E(e) {
 			gap: 2,
 			p: 2
 		},
-		children: [/* @__PURE__ */ S(l, {
+		children: [/* @__PURE__ */ h(c, {
 			sx: { flexGrow: 1 },
-			children: [/* @__PURE__ */ x(y, {
+			children: [/* @__PURE__ */ m(f, {
 				variant: "body1",
 				sx: {
 					fontWeight: 700,
 					mb: .5
 				},
 				children: t
-			}), /* @__PURE__ */ x(y, {
+			}), /* @__PURE__ */ m(f, {
 				variant: "body1",
-				sx: o,
+				sx: i,
 				children: n
 			})]
-		}), /* @__PURE__ */ x(l, {
+		}), /* @__PURE__ */ m(c, {
 			sx: { flexShrink: 0 },
 			children: r
 		})]
 	});
 }
 //#endregion
-export { T as default };
+export { y as KEEP_EXISTING_DUC_BUTTON_TEXT, v as KEEP_OR_REPLACE_DIALOG_TITLE, S as RESTART_SIGNING_CONFIRM_BUTTON_TEXT, x as RESTART_SIGNING_DIALOG_TITLE, _ as SEND_FOR_SIGNATURE_BUTTON_TEXT, b as SEND_NEW_DUC_BUTTON_TEXT, C as default };
 
 //# sourceMappingURL=EDucPreviewStep.js.map