synapse-react-client 4.0.32 → 4.0.34

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

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

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

@@ -0,0 +1,13 @@
+import { AccessorChange, PrincipalInvestigator, SigningOfficial } from '@sage-bionetworks/synapse-types';
+export type ReviewCollaboratorsAndSigningOfficialAccordionProps = {
+    accessorChanges: AccessorChange[];
+    principalInvestigator?: PrincipalInvestigator;
+    signingOfficial?: SigningOfficial;
+    isLoading?: boolean;
+};
+/**
+ * Collapsible summary of the DAR's collaborators, PI, and signing official.
+ * Shared by ReviewDucStep and ManualUploadDucStep.
+ */
+export declare function ReviewCollaboratorsAndSigningOfficialAccordion(props: ReviewCollaboratorsAndSigningOfficialAccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReviewCollaboratorsAndSigningOfficialAccordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewCollaboratorsAndSigningOfficialAccordion.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,eAAe,EAChB,MAAM,iCAAiC,CAAA;AAIxC,MAAM,MAAM,mDAAmD,GAAG;IAChE,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAC7C,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,8CAA8C,CAC5D,KAAK,EAAE,mDAAmD,2CA8G3D"}

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

@@ -0,0 +1,122 @@
+import { UserBadge as e } from "../../UserCard/UserBadge.js";
+import { longFieldLabelSx as t } from "./styles.js";
+import { Accordion as n, AccordionDetails as r, AccordionSummary as i, Box as a, Stack as o, Typography as s } from "@mui/material";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ExpandMore as u } from "@mui/icons-material";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx
+function d(d) {
+	let { accessorChanges: f, principalInvestigator: p, signingOfficial: m, isLoading: h = !1 } = d;
+	return /* @__PURE__ */ l(n, {
+		defaultExpanded: !1,
+		disableGutters: !0,
+		sx: {
+			boxShadow: "none",
+			border: "1px solid",
+			borderColor: "grey.300",
+			"&:before": { display: "none" }
+		},
+		children: [/* @__PURE__ */ c(i, {
+			expandIcon: /* @__PURE__ */ c(u, {}),
+			"aria-controls": "review-collaborators-so-content",
+			id: "review-collaborators-so-header",
+			children: /* @__PURE__ */ c(s, {
+				variant: "headline3",
+				children: "Review your collaborators & signing official"
+			})
+		}), /* @__PURE__ */ l(r, { children: [
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your collaborators:"
+			}),
+			/* @__PURE__ */ l(o, {
+				sx: {
+					mb: 3,
+					gap: 1
+				},
+				children: [f.length === 0 && !h && /* @__PURE__ */ c(s, {
+					variant: "body1",
+					sx: t,
+					children: "No collaborators added."
+				}), f.map((t) => /* @__PURE__ */ c(e, {
+					userId: t.userId,
+					showAccountLevelIcon: !0,
+					disableLink: !0,
+					showFullName: !0
+				}, t.userId))]
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your Project Lead or PI:"
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					mb: 1
+				},
+				children: "Your Project Lead or PI will also receive access to the requested data."
+			}),
+			/* @__PURE__ */ l(a, {
+				sx: { mb: 3 },
+				children: [
+					p?.userId && /* @__PURE__ */ c(e, {
+						userId: p.userId,
+						showAccountLevelIcon: !0,
+						disableLink: !0,
+						showFullName: !0
+					}),
+					p?.name && /* @__PURE__ */ c(s, {
+						variant: "body1",
+						sx: t,
+						children: p.name
+					}),
+					p?.institutionalEmail && /* @__PURE__ */ c(s, {
+						variant: "body1",
+						sx: t,
+						children: p.institutionalEmail
+					})
+				]
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your signing official:"
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					mb: 1
+				},
+				children: "A member of your institution who is NOT part of the study team (i.e., not the Project Lead, not a Data Requester or Collaborator, and not the Project Lead or PI)."
+			}),
+			/* @__PURE__ */ l(a, { children: [m?.name && /* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: t,
+				children: m.name
+			}), m?.institutionalEmail && /* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: t,
+				children: m.institutionalEmail
+			})] })
+		] })]
+	});
+}
+//#endregion
+export { d as ReviewCollaboratorsAndSigningOfficialAccordion };
+
+//# sourceMappingURL=ReviewCollaboratorsAndSigningOfficialAccordion.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+export type ReviewDucStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    onHide: () => void;
+    onBackClicked: () => void;
+    /**
+     * Called when the user clicks "Create a DUC". The parent advances to the eDUC preview step
+     * (PORTALS-4377), where the generated document is displayed for review before signing.
+     */
+    onCreateDuc: () => void;
+};
+/**
+ * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).
+ * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.
+ */
+export default function ReviewDucStep(props: ReviewDucStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReviewDucStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAM7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8E9D"}

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

@@ -0,0 +1,112 @@
+import { useGetDataAccessRequestForUpdate as e } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import "../../../../synapse-queries/index.js";
+import t from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as n } from "../styles.js";
+import r from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import { ReviewCollaboratorsAndSigningOfficialAccordion as i } from "../ReviewCollaboratorsAndSigningOfficialAccordion.js";
+import { Box as a, Button as o, DialogActions as s, DialogContent as c, DialogTitle as l, IconButton as u, Stack as d, Typography as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx
+function g(g) {
+	let { managedACTAccessRequirement: _, onHide: v, onBackClicked: y, onCreateDuc: b } = g, { data: x, isLoading: S } = e(String(_.id), {
+		staleTime: Infinity,
+		throwOnError: !0
+	}), C = x?.accessorChanges ?? [], w = x?.principalInvestigator, T = x?.signingOfficial;
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(l, { children: /* @__PURE__ */ h(d, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				gap: "5px"
+			},
+			children: [
+				"Request Access",
+				/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ m(u, {
+					"aria-label": "Close",
+					onClick: v,
+					children: /* @__PURE__ */ m(t, {
+						icon: "close",
+						wrap: !1,
+						sx: { color: "grey.700" }
+					})
+				})
+			]
+		}) }),
+		/* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(r, {
+			managedACTAccessRequirementId: String(_.id),
+			children: /* @__PURE__ */ h(a, { children: [
+				/* @__PURE__ */ m(f, {
+					variant: "headline3",
+					sx: { mb: 2 },
+					children: "Sign a Data Use Certificate (DUC)"
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "The DUC may be signed electronically."
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "Please verify the information of each data requester listed in the previous step. Ensure all email addresses are accurate. You can click the BACK button, below, to modify your list of collaborators and Signing Official if necessary."
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "If any information is incorrect, the request will be rejected."
+				}),
+				/* @__PURE__ */ h(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 3
+					},
+					children: [
+						"Click ",
+						/* @__PURE__ */ m("strong", { children: "Create a DUC" }),
+						" to generate a document and review it before sending it to your collaborators, PI, and Signing Official."
+					]
+				}),
+				/* @__PURE__ */ m(i, {
+					accessorChanges: C,
+					principalInvestigator: w,
+					signingOfficial: T,
+					isLoading: S
+				})
+			] })
+		}) }),
+		/* @__PURE__ */ h(s, { children: [
+			/* @__PURE__ */ m(o, {
+				variant: "outlined",
+				onClick: y,
+				children: "Back"
+			}),
+			/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ m(o, {
+				variant: "outlined",
+				onClick: v,
+				children: "Cancel"
+			}),
+			/* @__PURE__ */ m(o, {
+				variant: "contained",
+				disabled: S,
+				onClick: b,
+				children: "Create a DUC"
+			})
+		] })
+	] });
+}
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=ReviewDucStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"sourcesContent":["import { useGetDataAccessRequestForUpdate } from '@/synapse-queries'\nimport {\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  /**\n   * Called when the user clicks \"Create a DUC\". The parent advances to the eDUC preview step\n   * (PORTALS-4377), where the generated document is displayed for review before signing.\n   */\n  onCreateDuc: () => void\n}\n\n/**\n * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).\n * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.\n */\nexport default function ReviewDucStep(props: ReviewDucStepProps) {\n  const { managedACTAccessRequirement, onHide, onBackClicked, onCreateDuc } =\n    props\n\n  const { data: dataAccessRequest, isLoading } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n        >\n          <Box>\n            <Typography variant={'headline3'} sx={{ mb: 2 }}>\n              Sign a Data Use Certificate (DUC)\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              The DUC may be signed electronically.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              Please verify the information of each data requester listed in the\n              previous step. Ensure all email addresses are accurate. You can\n              click the BACK button, below, to modify your list of collaborators\n              and Signing Official if necessary.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              If any information is incorrect, the request will be rejected.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              Click <strong>Create a DUC</strong> to generate a document and\n              review it before sending it to your collaborators, PI, and Signing\n              Official.\n            </Typography>\n\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoading}\n            />\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button variant={'outlined'} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant={'contained'}\n          disabled={isLoading}\n          onClick={onCreateDuc}\n        >\n          Create a DUC\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,gCAA6B,WAAQ,kBAAe,mBAC1D,GAEI,EAAE,MAAM,GAAmB,iBAC/B,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,IAAkB,GAAmB,mBAAmB,CAAC,GACzD,IAAK,GAAmB,uBACxB,IAAK,GAAmB;CAE9B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAO,WAAU;GAAM,IAAI;IAAE,YAAY;IAAU,KAAK;GAAM;aAA9D;IAAiE;IAE/D,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,GAAD;KAAY,cAAY;KAAS,SAAS;eACxC,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,+BAA+B,OAAO,EAA4B,EAAE;aAEpE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,IAAI,EAAE;eAAG;IAErC,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAKtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAA/D;MAAkE;MAC1D,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;MAAC;KAGzB;;IAEZ,kBAAC,GAAD;KACmB;KACjB,uBAAuB;KACvB,iBAAiB;KACN;IACZ,CAAA;GACE,EAAA,CAAA;EACqC,CAAA,EAC/B,CAAA;EACf,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAe;GAE7C,CAAA;GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC3B,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAQ;GAEtC,CAAA;GACR,kBAAC,GAAD;IACE,SAAS;IACT,UAAU;IACV,SAAS;cACV;GAEO,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}

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

@@ -0,0 +1,22 @@
+import { ManagedACTAccessRequirement, RestrictableObjectType } from '@sage-bionetworks/synapse-types';
+export type SignatureStatusStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    subjectId: string;
+    subjectType: RestrictableObjectType;
+    onHide: () => void;
+    onBackClicked: () => void;
+    onSubmissionCreated: (submissionId: string) => void;
+    /**
+     * Optional href override for the "View DUC" link. When set, the preview file handle fetch
+     * is skipped and this URL is used directly. Used by stories and tests where the portal
+     * servlet is not available.
+     */
+    viewDucHrefOverride?: string;
+};
+/**
+ * Wizard step shown after the user has routed the eDUC for electronic signature
+ * (PORTALS-4380). Polls the DocuSign envelope status, lists the pending signers,
+ * and enables submission once every signer has signed.
+ */
+export default function SignatureStatusStep(props: SignatureStatusStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SignatureStatusStep.d.ts.map

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

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

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

@@ -0,0 +1,193 @@
+import { PRODUCTION_ENDPOINT_CONFIG as e } from "../../../../utils/functions/getEndpoint.js";
+import t from "../../../../synapse-client/index.js";
+import { useSubmitDataAccessRequest as n } from "../../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
+import { useGetDataAccessRequestForUpdate as r, useUpdateDataAccessRequest as i } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetDataAccessRequestPreview as a, useGetDataAccessRequestSignatureStatus as o, useGetDataAccessRequestSignedFileHandleId as s } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import "../../../../synapse-queries/index.js";
+import c from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as ee } from "../styles.js";
+import { useState as l } from "react";
+import { Alert as u, Box as d, Button as f, DialogActions as p, DialogContent as m, DialogTitle as h, IconButton as g, Link as _, Skeleton as v, Stack as y, Typography as b } from "@mui/material";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CheckCircleOutline as w, HourglassEmpty as T, OpenInNew as E, Refresh as D } from "@mui/icons-material";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx
+function O(e) {
+	let { managedACTAccessRequirement: O, subjectId: A, subjectType: j, onHide: te, onBackClicked: ne, onSubmissionCreated: re, viewDucHrefOverride: M } = e, { data: N, isLoading: P } = r(String(O.id), {
+		staleTime: Infinity,
+		throwOnError: !0
+	}), F = N?.id ?? "", { data: I, isLoading: L, isRefetching: R, error: z, refetch: B } = o(F, { enabled: !!F }), V = I?.signerStatus ?? [], H = V.filter((e) => e.status === "done").length, U = V.length, W = U > 0 && H === U, G = V.filter((e) => e.status !== "done"), { data: K } = a(F, { enabled: !!F && !M }), q = M ?? (K?.fileHandleId ? t.getPortalFileHandleServletUrl(K.fileHandleId) : void 0), { data: J } = s(F, { enabled: !!F && W }), [Y, X] = l(), [Z, Q] = l(), { mutateAsync: ie, isPending: ae } = i({ onError: (e) => X(e.reason) }), { mutate: oe, isPending: $ } = n({
+		onSuccess: (e) => re(e.submissionId),
+		onError: (e) => Q(e.reason)
+	}), se = P || L || R || !N || !W || !J?.fileHandleId || ae || $, ce = async () => {
+		if (!N || !J?.fileHandleId) return;
+		X(void 0), Q(void 0);
+		let e = await ie({
+			...N,
+			ducFileHandleId: J.fileHandleId
+		}).catch(() => null);
+		e && oe({
+			request: {
+				requestId: e.id,
+				requestEtag: e.etag,
+				subjectId: A,
+				subjectType: j
+			},
+			accessRequirementId: String(O.id)
+		});
+	};
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(h, { children: /* @__PURE__ */ C(y, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				gap: "5px"
+			},
+			children: [
+				"Request Access",
+				/* @__PURE__ */ S(d, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ S(g, {
+					"aria-label": "Close",
+					onClick: te,
+					children: /* @__PURE__ */ S(c, {
+						icon: "close",
+						wrap: !1,
+						sx: { color: "grey.700" }
+					})
+				})
+			]
+		}) }),
+		/* @__PURE__ */ C(m, { children: [
+			/* @__PURE__ */ S(b, {
+				variant: "headline3",
+				sx: { mb: 2 },
+				children: "Sign a Data Use Certificate (DUC)"
+			}),
+			/* @__PURE__ */ S(b, {
+				variant: "body1",
+				sx: {
+					...ee,
+					mb: 2
+				},
+				children: "Your DUC has been emailed to your Collaborators. Once all signatures (including the Signing Official) have been collected, you can submit the Data Access Request."
+			}),
+			L && /* @__PURE__ */ S(v, {
+				variant: "rectangular",
+				width: "100%",
+				height: 120,
+				"data-testid": "SignatureStatusStep-loading"
+			}),
+			z && /* @__PURE__ */ C(u, {
+				severity: "error",
+				children: [
+					/* @__PURE__ */ S("strong", { children: "Sorry, we couldn't load the current signature status." }),
+					/* @__PURE__ */ S("br", {}),
+					z.reason
+				]
+			}),
+			!L && !z && I && /* @__PURE__ */ C(x, { children: [
+				/* @__PURE__ */ C(y, {
+					direction: "row",
+					sx: {
+						alignItems: "center",
+						gap: 1,
+						mb: 1
+					},
+					children: [
+						W ? /* @__PURE__ */ S(w, { color: "success" }) : /* @__PURE__ */ S(T, { sx: { color: "grey.700" } }),
+						/* @__PURE__ */ S(b, {
+							variant: "body1",
+							sx: { fontWeight: 700 },
+							children: W ? "All signatures collected." : `${H} out of ${U} signatures collected.`
+						}),
+						/* @__PURE__ */ S(d, { sx: { flexGrow: 1 } }),
+						q && /* @__PURE__ */ C(_, {
+							href: q,
+							target: "_blank",
+							rel: "noopener",
+							sx: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: .5
+							},
+							children: ["View DUC", /* @__PURE__ */ S(E, { fontSize: "small" })]
+						})
+					]
+				}),
+				G.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(b, {
+					variant: "body1",
+					sx: { mb: 1 },
+					children: "You're still waiting for signatures from"
+				}), /* @__PURE__ */ S(d, {
+					component: "ul",
+					sx: {
+						mt: 0,
+						mb: 2,
+						pl: 3
+					},
+					children: G.map((e, t) => /* @__PURE__ */ S("li", { children: /* @__PURE__ */ S(k, { signer: e }) }, e.userId ?? `${e.name}-${t}`))
+				})] }),
+				/* @__PURE__ */ S(f, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ S(D, {}),
+					loading: R,
+					onClick: () => {
+						B();
+					},
+					children: "Refresh"
+				})
+			] }),
+			Y && /* @__PURE__ */ C(u, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ S("strong", { children: "Sorry, we couldn't save your change." }),
+					/* @__PURE__ */ S("br", {}),
+					Y
+				]
+			}),
+			Z && /* @__PURE__ */ C(u, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ S("strong", { children: "Sorry, we couldn't submit your request." }),
+					/* @__PURE__ */ S("br", {}),
+					Z
+				]
+			})
+		] }),
+		/* @__PURE__ */ C(p, { children: [
+			/* @__PURE__ */ S(f, {
+				variant: "outlined",
+				onClick: ne,
+				children: "Back"
+			}),
+			/* @__PURE__ */ S(d, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ S(f, {
+				variant: "contained",
+				disabled: se,
+				loading: $,
+				onClick: () => {
+					ce();
+				},
+				children: "Submit"
+			})
+		] })
+	] });
+}
+function k(t) {
+	let { signer: n } = t, r = n.name ?? "Unnamed signer";
+	return /* @__PURE__ */ C(b, {
+		variant: "body1",
+		component: "span",
+		children: [n.userId ? /* @__PURE__ */ S(_, {
+			href: `${e.PORTAL}Profile:${n.userId}`,
+			target: "_blank",
+			rel: "noopener",
+			children: r
+		}) : /* @__PURE__ */ S(x, { children: r }), n.status && n.status !== "pending" && n.status !== "done" ? ` (${n.status})` : ""]
+	});
+}
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=SignatureStatusStep.js.map