synapse-react-client 4.0.34 → 4.0.36

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

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementList.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessRequirementList.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForEntity,\n  useGetAccessRequirementsForTeam,\n  useSortAccessRequirementIdsByCompletion,\n} from '@/synapse-queries'\nimport {\n  storeRedirectURLForOneSageLoginAndGotoURL,\n  useSynapseContext,\n} from '@/utils'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  styled,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport {\n  AccessRequirement,\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport noop from 'lodash-es/noop'\nimport groupBy from 'lodash-es/groupBy'\nimport { ReactNode, useMemo, useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\nimport { EntityLink } from '../EntityLink'\nimport IconSvg from '../IconSvg/IconSvg'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { AccessRequirementListItem } from './AccessRequirementListItem'\nimport { useCanShowManagedACTWikiInWizard } from './AccessRequirementListUtils'\nimport CancelRequestDataAccess from './ManagedACTAccessRequirementRequestFlow/CancelRequestDataAccess'\nimport DataAccessRequestAccessorsFilesForm from './ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport RequestDataAccessSuccess from './ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess'\nimport ResearchProjectForm from './ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm'\nimport ReviewDucStep from './ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep'\nimport EDucPreviewStep from './ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep'\nimport ManualUploadDucStep from './ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep'\nimport SignatureStatusStep from './ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep'\nimport AuthenticatedRequirement from './RequirementItem/AuthenticatedRequirement'\nimport CertificationRequirement from './RequirementItem/CertificationRequirement'\nimport TwoFactorAuthEnabledRequirement from './RequirementItem/TwoFactorAuthEnabledRequirement'\nimport ValidationRequirement from './RequirementItem/ValidationRequirement'\nimport { useOneSageURL } from '@/utils/hooks'\n\nexport type AccessRequirementListProps = {\n  /* if provided, will show this instead of the entity information */\n  numberOfFilesAffected?: number\n  /* if provided, will show this instead of the entity information or numberOfFilesAffected */\n  requestObjectName?: string\n  /* If true, this component will render in its own modal */\n  renderAsModal?: boolean\n  /* Overrides the default dialog title. This only applies if renderAsModal is true */\n  dialogTitle?: string\n  /* Called when the user rejects the terms of a listed AccessRequirement. If renderAsModal is true, this is also called when the user closes the modal. */\n  onHide: () => void\n  /* Displays the provided list of access requirements, instead of the ones fetched using the subject ID */\n  accessRequirementFromProps?: Array<AccessRequirement>\n  /* If provided, displays these actions on when viewing all ARs */\n  customDialogActions?: ReactNode\n  /* Optional callback invoked if a submission is created via this component */\n  onSubmissionCreated?: (submissionId: string) => void\n} & (\n  | {\n      /**\n       * Fetches the access requirements associated with an entity\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      entityId: string\n    }\n  | {\n      /**\n       * Fetches the access requirements associated with a team\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      teamId: string\n    }\n  | {\n      /* The ID of the object for which access is being requested */\n      subjectId?: string\n      /* The type of the object for which access is being requested */\n      subjectType?: RestrictableObjectType\n    }\n)\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED: AccessRequirement['concreteType'][] =\n  [\n    SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ]\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES = new Set<\n  AccessRequirement['concreteType']\n>(SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED)\n\nconst DialogSubsectionHeader: StyledComponent<TypographyProps> = styled(\n  Typography,\n  {\n    label: 'DialogSubsectionHeader',\n  },\n)(({ theme }) => ({\n  marginTop: theme.spacing(4),\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  fontSize: '18px',\n  fontWeight: 'bold',\n  borderBottom: '1px solid',\n  borderColor: theme.palette.grey['200'],\n}))\n\nexport const checkHasUnsupportedRequirement = (\n  accessRequirements: Array<AccessRequirement>,\n): boolean => {\n  return accessRequirements.some(isARUnsupported)\n}\n\nconst isARUnsupported = (accessRequirement: AccessRequirement) => {\n  return !SUPPORTED_ACCESS_REQUIREMENT_TYPES.has(accessRequirement.concreteType)\n}\n\n/**\n * Represents a distinct screen in the wizard used to apply to a ManagedACTAccessRequirement\n */\nenum RequestDataStep {\n  SHOW_ALL_ARS = 0,\n  UPDATE_RESEARCH_PROJECT = 1,\n  UPDATE_ACCESSORS_AND_FILES = 2,\n  PROMPT_CANCEL = 3,\n  PROMPT_LOGIN = 4,\n  COMPLETE = 5,\n  REVIEW_DUC = 6,\n  EDUC_PREVIEW = 7,\n  MANUAL_UPLOAD_DUC = 8,\n  SIGNATURE_STATUS = 9,\n}\n\nexport type RequestDataStepCallbackArgs = {\n  step: RequestDataStep\n  managedACTAccessRequirement?: ManagedACTAccessRequirement\n  researchProjectId?: string\n  dataAccessRequest?: Request | Renewal\n}\n\n/**\n * The AccessRequirementListV2 component renders a set of {@link AccessRequirement}s (either pre-defined, or those applied\n * to an entity, based on provided props).\n *\n * The component shows the user the approval status of each AR and provides a workflow for accepting the terms of or\n * creating a submission for any of the Access Requirements.\n */\nexport default function AccessRequirementList(\n  props: AccessRequirementListProps,\n) {\n  const {\n    onHide = noop,\n    renderAsModal = false,\n    numberOfFilesAffected,\n    requestObjectName,\n    customDialogActions,\n    onSubmissionCreated = noop,\n  } = props\n\n  const isShowingRequirementsForEntity = 'entityId' in props\n  const isShowingRequirementsForTeam = 'teamId' in props\n  const isShowingRequirementsFromProps = 'accessRequirementFromProps' in props\n\n  const subjectId =\n    'subjectId' in props\n      ? props.subjectId\n      : isShowingRequirementsForEntity\n        ? props.entityId\n        : isShowingRequirementsForTeam\n          ? props.teamId\n          : undefined\n\n  const subjectType =\n    'subjectType' in props\n      ? props.subjectType\n      : isShowingRequirementsForEntity\n        ? RestrictableObjectType.ENTITY\n        : isShowingRequirementsForTeam\n          ? RestrictableObjectType.TEAM\n          : undefined\n\n  let { dialogTitle = 'Data Access Request' } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [requestDataStep, setRequestDataStep] = useState<RequestDataStep>(\n    RequestDataStep.SHOW_ALL_ARS,\n  )\n  const oneSageURL = useOneSageURL()\n  const [managedACTAccessRequirement, setManagedACTAccessRequirement] =\n    useState<ManagedACTAccessRequirement>()\n  const [researchProjectId, setResearchProjectId] = useState<string>('')\n  const [dataAccessRequest, setDataAccessRequest] = useState<\n    Request | Renewal | undefined\n  >()\n\n  const canShowManagedACTWikiInWizard = useCanShowManagedACTWikiInWizard()\n\n  const { data: fetchedRequirementsForTeam } = useGetAccessRequirementsForTeam(\n    subjectId!,\n    {\n      enabled:\n        subjectId !== undefined && subjectType === RestrictableObjectType.TEAM,\n    },\n  )\n  const { data: fetchedRequirementsForEntity } =\n    useGetAccessRequirementsForEntity(subjectId!, {\n      enabled:\n        subjectId !== undefined &&\n        subjectType === RestrictableObjectType.ENTITY,\n    })\n\n  const requirementsFromProps = isShowingRequirementsFromProps\n    ? props.accessRequirementFromProps\n    : undefined\n\n  const accessRequirements =\n    requirementsFromProps ??\n    fetchedRequirementsForEntity ??\n    fetchedRequirementsForTeam\n\n  /**\n   * Set the initial ordering of the Access Requirements to show complete ARs first. The individual AR Item components\n   * retrieve and render status independently, so this data only determines ordering. For this reason, the query data\n   * should not be invalidated or updated as the user progresses through the workflow.\n   */\n  const { data: sortedAccessRequirementIds } =\n    useSortAccessRequirementIdsByCompletion(\n      (accessRequirements ?? []).map(ar => String(ar.id)),\n      {\n        enabled: !!accessRequirements,\n        // Set the stale time to infinity because we don't want to refetch this and change the order\n        staleTime: Infinity,\n      },\n    )\n\n  const sortedGroupedAccessRequirementsByType = useMemo(() => {\n    if (accessRequirements && sortedAccessRequirementIds) {\n      // SWC-7218: Group by access requirement type\n      const groupedAccessRequirementsByType = groupBy(\n        accessRequirements,\n        'concreteType',\n      )\n      const sortedByTypeAndStatus =\n        SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED.map(type => {\n          const arsOfType = groupedAccessRequirementsByType[type]\n          if (arsOfType) {\n            return sortedAccessRequirementIds.map(\n              id => arsOfType.find(ar => id === String(ar.id))!,\n            )\n          }\n          return []\n        })\n          .flat()\n          .filter((item): item is AccessRequirement => item !== undefined)\n      return sortedByTypeAndStatus\n    }\n    return undefined\n  }, [accessRequirements, sortedAccessRequirementIds])\n\n  const requestDataStepCallback = (props: RequestDataStepCallbackArgs) => {\n    const {\n      managedACTAccessRequirement,\n      step,\n      researchProjectId,\n      dataAccessRequest: newDataAccessRequest,\n    } = props\n    if (managedACTAccessRequirement) {\n      // required for step 1, 2 form\n      setManagedACTAccessRequirement(managedACTAccessRequirement)\n    }\n    if (researchProjectId) {\n      setResearchProjectId(researchProjectId)\n    }\n    if (newDataAccessRequest) {\n      setDataAccessRequest(newDataAccessRequest)\n    }\n    setRequestDataStep(step)\n  }\n\n  const anyARsRequireTwoFactorAuth = accessRequirements?.some(\n    accessRequirement =>\n      accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE &&\n      accessRequirement.isTwoFaRequired,\n  )\n\n  const anyARsRequireCertification = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isCertifiedUserRequired,\n  )\n\n  const anyARsRequireProfileValidation = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isValidatedProfileRequired,\n  )\n\n  const requestDetails = useMemo(() => {\n    // Prioritize requestObjectName, then the number of files affected, then the entity/team name\n    if (requestObjectName) return requestObjectName\n    if (numberOfFilesAffected)\n      return (\n        <>\n          <IconSvg icon=\"file\" sx={{ width: '30px' }} /> {numberOfFilesAffected}{' '}\n          File(s)\n        </>\n      )\n    if (\n      subjectId !== undefined &&\n      subjectType === RestrictableObjectType.ENTITY\n    ) {\n      return <EntityLink entity={subjectId} />\n    } else if (subjectType === RestrictableObjectType.TEAM) {\n      return <UserOrTeamBadge principalId={subjectId} />\n    } else {\n      console.warn(\n        `Unhandled case for AccessRequirementList requestDetails: ${subjectType}: ${subjectId}`,\n      )\n      return <></>\n    }\n  }, [numberOfFilesAffected, requestObjectName, subjectId, subjectType])\n\n  const dialogWidth =\n    [\n      RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n      RequestDataStep.UPDATE_RESEARCH_PROJECT,\n      RequestDataStep.REVIEW_DUC,\n      RequestDataStep.EDUC_PREVIEW,\n    ].includes(requestDataStep) && canShowManagedACTWikiInWizard\n      ? 'xl'\n      : 'md'\n\n  let renderContent = <></>\n  switch (requestDataStep) {\n    case RequestDataStep.UPDATE_RESEARCH_PROJECT:\n      renderContent = (\n        <ResearchProjectForm\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onSave={researchProject => {\n            requestDataStepCallback({\n              managedACTAccessRequirement,\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n              researchProjectId: researchProject.id,\n            })\n          }}\n          onHide={onHide}\n        />\n      )\n      break\n    case RequestDataStep.UPDATE_ACCESSORS_AND_FILES:\n      renderContent = (\n        <DataAccessRequestAccessorsFilesForm\n          researchProjectId={researchProjectId}\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onCancel={dataAccessRequestInProgress => {\n            requestDataStepCallback({\n              step: RequestDataStep.PROMPT_CANCEL,\n              dataAccessRequest: dataAccessRequestInProgress,\n            })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            })\n          }}\n          onEDucContinue={\n            managedACTAccessRequirement?.eDucTemplateId\n              ? () => {\n                  requestDataStepCallback({\n                    step: RequestDataStep.REVIEW_DUC,\n                  })\n                }\n              : undefined\n          }\n        />\n      )\n      break\n    case RequestDataStep.REVIEW_DUC:\n      renderContent = (\n        <ReviewDucStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n            })\n          }}\n          onCreateDuc={() => {\n            requestDataStepCallback({ step: RequestDataStep.EDUC_PREVIEW })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.EDUC_PREVIEW:\n      renderContent = (\n        <EDucPreviewStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({ step: RequestDataStep.REVIEW_DUC })\n          }}\n          onSendForSignature={() => {\n            requestDataStepCallback({ step: RequestDataStep.SIGNATURE_STATUS })\n          }}\n          onManualUpload={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.MANUAL_UPLOAD_DUC,\n            })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.MANUAL_UPLOAD_DUC:\n      renderContent = (\n        <ManualUploadDucStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({ step: RequestDataStep.EDUC_PREVIEW })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n        />\n      )\n      break\n    case RequestDataStep.SIGNATURE_STATUS:\n      renderContent = (\n        <SignatureStatusStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({ step: RequestDataStep.EDUC_PREVIEW })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_CANCEL:\n      renderContent = (\n        <CancelRequestDataAccess\n          modifiedDataAccessRequest={dataAccessRequest}\n          onHide={onHide} // for closing dialogs\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_LOGIN:\n      // Send to OneSage login page\n      storeRedirectURLForOneSageLoginAndGotoURL(oneSageURL.toString())\n      dialogTitle = 'Please Log In'\n      renderContent = <></>\n      break\n    case RequestDataStep.COMPLETE:\n      renderContent = <RequestDataAccessSuccess onHide={onHide} />\n      break\n    case RequestDataStep.SHOW_ALL_ARS:\n    default:\n      renderContent = (\n        <>\n          {renderAsModal ? (\n            <DialogBaseTitle title={dialogTitle} onCancel={onHide} />\n          ) : (\n            <Typography variant=\"h5\" sx={{ mb: 2 }}>\n              {dialogTitle}\n            </Typography>\n          )}\n          <DialogContent>\n            <DialogSubsectionHeader variant={'h4'} sx={{ mt: 0 }}>\n              What is this request for?\n            </DialogSubsectionHeader>\n            <Typography variant={'body1'} component={'span'}>\n              {requestDetails}\n            </Typography>\n            <DialogSubsectionHeader variant={'h4'}>\n              What do I need to do?\n            </DialogSubsectionHeader>\n            <AuthenticatedRequirement />\n            {anyARsRequireCertification && <CertificationRequirement />}\n            {anyARsRequireProfileValidation && <ValidationRequirement />}\n            {anyARsRequireTwoFactorAuth && <TwoFactorAuthEnabledRequirement />}\n            {sortedGroupedAccessRequirementsByType?.map(accessRequirement => {\n              return (\n                <AccessRequirementListItem\n                  key={accessRequirement.id}\n                  accessRequirement={accessRequirement}\n                  subjectId={subjectId}\n                  subjectType={subjectType}\n                  onHide={onHide}\n                  onRequestAccess={accessRequirement => {\n                    const nextStep = isAuthenticated\n                      ? RequestDataStep.UPDATE_RESEARCH_PROJECT\n                      : RequestDataStep.PROMPT_LOGIN\n                    requestDataStepCallback({\n                      managedACTAccessRequirement: accessRequirement,\n                      step: nextStep,\n                    })\n                  }}\n                />\n              )\n            })}\n          </DialogContent>\n          <DialogActions>\n            {customDialogActions ? (\n              customDialogActions\n            ) : (\n              <>\n                {renderAsModal && (\n                  <Button variant=\"contained\" onClick={onHide}>\n                    Close\n                  </Button>\n                )}\n              </>\n            )}\n          </DialogActions>\n        </>\n      )\n  }\n\n  if (renderAsModal) {\n    return (\n      <Dialog maxWidth={dialogWidth} fullWidth open={true} onClose={onHide}>\n        {renderContent}\n      </Dialog>\n    )\n  }\n\n  return <>{renderContent}</>\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessRequirementList.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessRequirementList.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForEntity,\n  useGetAccessRequirementsForTeam,\n  useSortAccessRequirementIdsByCompletion,\n} from '@/synapse-queries'\nimport {\n  storeRedirectURLForOneSageLoginAndGotoURL,\n  useSynapseContext,\n} from '@/utils'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  styled,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport {\n  AccessRequirement,\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport noop from 'lodash-es/noop'\nimport groupBy from 'lodash-es/groupBy'\nimport { ReactNode, useMemo, useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\nimport { EntityLink } from '../EntityLink'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { AccessRequirementListItem } from './AccessRequirementListItem'\nimport { useCanShowManagedACTWikiInWizard } from './AccessRequirementListUtils'\nimport CancelRequestDataAccess from './ManagedACTAccessRequirementRequestFlow/CancelRequestDataAccess'\nimport DataAccessRequestAccessorsFilesForm from './ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport RequestDataAccessSuccess from './ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess'\nimport ResearchProjectForm from './ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm'\nimport ReviewDucStep from './ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep'\nimport EDucPreviewStep from './ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep'\nimport ManualUploadDucStep from './ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep'\nimport SignatureStatusStep from './ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep'\nimport AuthenticatedRequirement from './RequirementItem/AuthenticatedRequirement'\nimport CertificationRequirement from './RequirementItem/CertificationRequirement'\nimport TwoFactorAuthEnabledRequirement from './RequirementItem/TwoFactorAuthEnabledRequirement'\nimport ValidationRequirement from './RequirementItem/ValidationRequirement'\nimport { useOneSageURL } from '@/utils/hooks'\n\nexport type AccessRequirementListProps = {\n  /* if provided, will show this instead of the entity information */\n  numberOfFilesAffected?: number\n  /* if provided, will show this instead of the entity information or numberOfFilesAffected */\n  requestObjectName?: string\n  /* If true, this component will render in its own modal */\n  renderAsModal?: boolean\n  /* Overrides the default dialog title. This only applies if renderAsModal is true */\n  dialogTitle?: string\n  /* Called when the user rejects the terms of a listed AccessRequirement. If renderAsModal is true, this is also called when the user closes the modal. */\n  onHide: () => void\n  /* Displays the provided list of access requirements, instead of the ones fetched using the subject ID */\n  accessRequirementFromProps?: Array<AccessRequirement>\n  /* If provided, displays these actions on when viewing all ARs */\n  customDialogActions?: ReactNode\n  /* Optional callback invoked if a submission is created via this component */\n  onSubmissionCreated?: (submissionId: string) => void\n  /**\n   * Optionally open the wizard directly at a specific ManagedACTAccessRequirement step instead of\n   * the default access requirement list. Useful for deep-link routes and for resuming an in-progress\n   * eDUC signature flow (jump straight to `RequestDataStep.SIGNATURE_STATUS`).\n   *\n   * The `managedACTAccessRequirement` is bundled with the step because every ManagedACT wizard step\n   * requires it — passing them together prevents entering a step with no AR selected.\n   *\n   * Does not affect the traditional-DUC (non-eDUC) flow, which is entered from the AR list.\n   */\n  initialWizardEntry?: {\n    step: RequestDataStep\n    managedACTAccessRequirement: ManagedACTAccessRequirement\n  }\n} & (\n  | {\n      /**\n       * Fetches the access requirements associated with an entity\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      entityId: string\n    }\n  | {\n      /**\n       * Fetches the access requirements associated with a team\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      teamId: string\n    }\n  | {\n      /* The ID of the object for which access is being requested */\n      subjectId?: string\n      /* The type of the object for which access is being requested */\n      subjectType?: RestrictableObjectType\n    }\n)\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED: AccessRequirement['concreteType'][] =\n  [\n    SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ]\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES = new Set<\n  AccessRequirement['concreteType']\n>(SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED)\n\nconst DialogSubsectionHeader: StyledComponent<TypographyProps> = styled(\n  Typography,\n  {\n    label: 'DialogSubsectionHeader',\n  },\n)(({ theme }) => ({\n  marginTop: theme.spacing(4),\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  fontSize: '18px',\n  fontWeight: 'bold',\n  borderBottom: '1px solid',\n  borderColor: theme.palette.grey['200'],\n}))\n\nexport const checkHasUnsupportedRequirement = (\n  accessRequirements: Array<AccessRequirement>,\n): boolean => {\n  return accessRequirements.some(isARUnsupported)\n}\n\nconst isARUnsupported = (accessRequirement: AccessRequirement) => {\n  return !SUPPORTED_ACCESS_REQUIREMENT_TYPES.has(accessRequirement.concreteType)\n}\n\n/**\n * Represents a distinct screen in the wizard used to apply to a ManagedACTAccessRequirement\n */\nexport enum RequestDataStep {\n  SHOW_ALL_ARS = 0,\n  UPDATE_RESEARCH_PROJECT = 1,\n  UPDATE_ACCESSORS_AND_FILES = 2,\n  PROMPT_CANCEL = 3,\n  PROMPT_LOGIN = 4,\n  COMPLETE = 5,\n  REVIEW_DUC = 6,\n  EDUC_PREVIEW = 7,\n  MANUAL_UPLOAD_DUC = 8,\n  SIGNATURE_STATUS = 9,\n}\n\nexport type RequestDataStepCallbackArgs = {\n  step: RequestDataStep\n  managedACTAccessRequirement?: ManagedACTAccessRequirement\n  researchProjectId?: string\n  dataAccessRequest?: Request | Renewal\n}\n\n/**\n * The AccessRequirementListV2 component renders a set of {@link AccessRequirement}s (either pre-defined, or those applied\n * to an entity, based on provided props).\n *\n * The component shows the user the approval status of each AR and provides a workflow for accepting the terms of or\n * creating a submission for any of the Access Requirements.\n *\n * ### Wizard entry\n *\n * By default the component opens on the AR list ({@link RequestDataStep.SHOW_ALL_ARS}) and the user\n * navigates into the ManagedACT wizard by clicking Request Access on a specific AR.\n *\n * To open the wizard directly at a specific step (for example, to resume an in-progress eDUC signature\n * flow or to serve a deep-link route), pass {@link AccessRequirementListProps.initialWizardEntry} with\n * the target step and the {@link ManagedACTAccessRequirement} the wizard should operate on.\n */\nexport default function AccessRequirementList(\n  props: AccessRequirementListProps,\n) {\n  const {\n    onHide = noop,\n    renderAsModal = false,\n    numberOfFilesAffected,\n    requestObjectName,\n    customDialogActions,\n    onSubmissionCreated = noop,\n    initialWizardEntry,\n  } = props\n\n  const isShowingRequirementsForEntity = 'entityId' in props\n  const isShowingRequirementsForTeam = 'teamId' in props\n  const isShowingRequirementsFromProps = 'accessRequirementFromProps' in props\n\n  const subjectId =\n    'subjectId' in props\n      ? props.subjectId\n      : isShowingRequirementsForEntity\n        ? props.entityId\n        : isShowingRequirementsForTeam\n          ? props.teamId\n          : undefined\n\n  const subjectType =\n    'subjectType' in props\n      ? props.subjectType\n      : isShowingRequirementsForEntity\n        ? RestrictableObjectType.ENTITY\n        : isShowingRequirementsForTeam\n          ? RestrictableObjectType.TEAM\n          : undefined\n\n  let { dialogTitle = 'Data Access Request' } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [requestDataStep, setRequestDataStep] = useState<RequestDataStep>(\n    initialWizardEntry?.step ?? RequestDataStep.SHOW_ALL_ARS,\n  )\n  const oneSageURL = useOneSageURL()\n  const [managedACTAccessRequirement, setManagedACTAccessRequirement] =\n    useState<ManagedACTAccessRequirement | undefined>(\n      initialWizardEntry?.managedACTAccessRequirement,\n    )\n  const [researchProjectId, setResearchProjectId] = useState<string>('')\n  const [dataAccessRequest, setDataAccessRequest] = useState<\n    Request | Renewal | undefined\n  >()\n\n  const canShowManagedACTWikiInWizard = useCanShowManagedACTWikiInWizard()\n\n  const { data: fetchedRequirementsForTeam } = useGetAccessRequirementsForTeam(\n    subjectId!,\n    {\n      enabled:\n        subjectId !== undefined && subjectType === RestrictableObjectType.TEAM,\n    },\n  )\n  const { data: fetchedRequirementsForEntity } =\n    useGetAccessRequirementsForEntity(subjectId!, {\n      enabled:\n        subjectId !== undefined &&\n        subjectType === RestrictableObjectType.ENTITY,\n    })\n\n  const requirementsFromProps = isShowingRequirementsFromProps\n    ? props.accessRequirementFromProps\n    : undefined\n\n  const accessRequirements =\n    requirementsFromProps ??\n    fetchedRequirementsForEntity ??\n    fetchedRequirementsForTeam\n\n  /**\n   * Set the initial ordering of the Access Requirements to show complete ARs first. The individual AR Item components\n   * retrieve and render status independently, so this data only determines ordering. For this reason, the query data\n   * should not be invalidated or updated as the user progresses through the workflow.\n   */\n  const { data: sortedAccessRequirementIds } =\n    useSortAccessRequirementIdsByCompletion(\n      (accessRequirements ?? []).map(ar => String(ar.id)),\n      {\n        enabled: !!accessRequirements,\n        // Set the stale time to infinity because we don't want to refetch this and change the order\n        staleTime: Infinity,\n      },\n    )\n\n  const sortedGroupedAccessRequirementsByType = useMemo(() => {\n    if (accessRequirements && sortedAccessRequirementIds) {\n      // SWC-7218: Group by access requirement type\n      const groupedAccessRequirementsByType = groupBy(\n        accessRequirements,\n        'concreteType',\n      )\n      const sortedByTypeAndStatus =\n        SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED.map(type => {\n          const arsOfType = groupedAccessRequirementsByType[type]\n          if (arsOfType) {\n            return sortedAccessRequirementIds.map(\n              id => arsOfType.find(ar => id === String(ar.id))!,\n            )\n          }\n          return []\n        })\n          .flat()\n          .filter((item): item is AccessRequirement => item !== undefined)\n      return sortedByTypeAndStatus\n    }\n    return undefined\n  }, [accessRequirements, sortedAccessRequirementIds])\n\n  const requestDataStepCallback = (props: RequestDataStepCallbackArgs) => {\n    const {\n      managedACTAccessRequirement,\n      step,\n      researchProjectId,\n      dataAccessRequest: newDataAccessRequest,\n    } = props\n    if (managedACTAccessRequirement) {\n      // required for step 1, 2 form\n      setManagedACTAccessRequirement(managedACTAccessRequirement)\n    }\n    if (researchProjectId) {\n      setResearchProjectId(researchProjectId)\n    }\n    if (newDataAccessRequest) {\n      setDataAccessRequest(newDataAccessRequest)\n    }\n    setRequestDataStep(step)\n  }\n\n  const anyARsRequireTwoFactorAuth = accessRequirements?.some(\n    accessRequirement =>\n      accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE &&\n      accessRequirement.isTwoFaRequired,\n  )\n\n  const anyARsRequireCertification = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isCertifiedUserRequired,\n  )\n\n  const anyARsRequireProfileValidation = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isValidatedProfileRequired,\n  )\n\n  const requestDetails = useMemo(() => {\n    // Prioritize requestObjectName, then the number of files affected, then the entity/team name\n    if (requestObjectName) return requestObjectName\n    if (numberOfFilesAffected)\n      return (\n        <>\n          <IconSvg icon=\"file\" sx={{ width: '30px' }} /> {numberOfFilesAffected}{' '}\n          File(s)\n        </>\n      )\n    if (\n      subjectId !== undefined &&\n      subjectType === RestrictableObjectType.ENTITY\n    ) {\n      return <EntityLink entity={subjectId} />\n    } else if (subjectType === RestrictableObjectType.TEAM) {\n      return <UserOrTeamBadge principalId={subjectId} />\n    } else {\n      console.warn(\n        `Unhandled case for AccessRequirementList requestDetails: ${subjectType}: ${subjectId}`,\n      )\n      return <></>\n    }\n  }, [numberOfFilesAffected, requestObjectName, subjectId, subjectType])\n\n  const dialogWidth =\n    [\n      RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n      RequestDataStep.UPDATE_RESEARCH_PROJECT,\n      RequestDataStep.REVIEW_DUC,\n      RequestDataStep.EDUC_PREVIEW,\n    ].includes(requestDataStep) && canShowManagedACTWikiInWizard\n      ? 'xl'\n      : 'md'\n\n  let renderContent = <></>\n  switch (requestDataStep) {\n    case RequestDataStep.UPDATE_RESEARCH_PROJECT:\n      renderContent = (\n        <ResearchProjectForm\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onSave={researchProject => {\n            requestDataStepCallback({\n              managedACTAccessRequirement,\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n              researchProjectId: researchProject.id,\n            })\n          }}\n          onHide={onHide}\n        />\n      )\n      break\n    case RequestDataStep.UPDATE_ACCESSORS_AND_FILES:\n      renderContent = (\n        <DataAccessRequestAccessorsFilesForm\n          researchProjectId={researchProjectId}\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onCancel={dataAccessRequestInProgress => {\n            requestDataStepCallback({\n              step: RequestDataStep.PROMPT_CANCEL,\n              dataAccessRequest: dataAccessRequestInProgress,\n            })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            })\n          }}\n          onEDucContinue={\n            managedACTAccessRequirement?.eDucTemplateId\n              ? () => {\n                  requestDataStepCallback({\n                    step: RequestDataStep.REVIEW_DUC,\n                  })\n                }\n              : undefined\n          }\n        />\n      )\n      break\n    case RequestDataStep.REVIEW_DUC:\n      renderContent = (\n        <ReviewDucStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n            })\n          }}\n          onCreateDuc={() => {\n            requestDataStepCallback({ step: RequestDataStep.EDUC_PREVIEW })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.EDUC_PREVIEW:\n      renderContent = (\n        <EDucPreviewStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({ step: RequestDataStep.REVIEW_DUC })\n          }}\n          onSendForSignature={() => {\n            // The signature-status step isn't useful right after routing (0 signatures collected,\n            // Submit necessarily disabled), so surface a toast and close the wizard. The user can\n            // resume from their in-flight requests table when signatures are ready.\n            displayToast(\n              'Your DUC has been emailed to your collaborators. You can check signature progress in your access request history.',\n              'info',\n            )\n            onHide()\n          }}\n          onManualUpload={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.MANUAL_UPLOAD_DUC,\n            })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.MANUAL_UPLOAD_DUC:\n      renderContent = (\n        <ManualUploadDucStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onBackClicked={() => {\n            requestDataStepCallback({ step: RequestDataStep.EDUC_PREVIEW })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n        />\n      )\n      break\n    case RequestDataStep.SIGNATURE_STATUS:\n      renderContent = (\n        <SignatureStatusStep\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onBackClicked={\n            // When entered directly via initialWizardEntry there is no earlier wizard step to\n            // return to, so omit the callback and let the step hide its Back button.\n            initialWizardEntry\n              ? undefined\n              : () => {\n                  requestDataStepCallback({\n                    step: RequestDataStep.EDUC_PREVIEW,\n                  })\n                }\n          }\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_CANCEL:\n      renderContent = (\n        <CancelRequestDataAccess\n          modifiedDataAccessRequest={dataAccessRequest}\n          onHide={onHide} // for closing dialogs\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_LOGIN:\n      // Send to OneSage login page\n      storeRedirectURLForOneSageLoginAndGotoURL(oneSageURL.toString())\n      dialogTitle = 'Please Log In'\n      renderContent = <></>\n      break\n    case RequestDataStep.COMPLETE:\n      renderContent = <RequestDataAccessSuccess onHide={onHide} />\n      break\n    case RequestDataStep.SHOW_ALL_ARS:\n    default:\n      renderContent = (\n        <>\n          {renderAsModal ? (\n            <DialogBaseTitle title={dialogTitle} onCancel={onHide} />\n          ) : (\n            <Typography variant=\"h5\" sx={{ mb: 2 }}>\n              {dialogTitle}\n            </Typography>\n          )}\n          <DialogContent>\n            <DialogSubsectionHeader variant={'h4'} sx={{ mt: 0 }}>\n              What is this request for?\n            </DialogSubsectionHeader>\n            <Typography variant={'body1'} component={'span'}>\n              {requestDetails}\n            </Typography>\n            <DialogSubsectionHeader variant={'h4'}>\n              What do I need to do?\n            </DialogSubsectionHeader>\n            <AuthenticatedRequirement />\n            {anyARsRequireCertification && <CertificationRequirement />}\n            {anyARsRequireProfileValidation && <ValidationRequirement />}\n            {anyARsRequireTwoFactorAuth && <TwoFactorAuthEnabledRequirement />}\n            {sortedGroupedAccessRequirementsByType?.map(accessRequirement => {\n              return (\n                <AccessRequirementListItem\n                  key={accessRequirement.id}\n                  accessRequirement={accessRequirement}\n                  subjectId={subjectId}\n                  subjectType={subjectType}\n                  onHide={onHide}\n                  onRequestAccess={accessRequirement => {\n                    const nextStep = isAuthenticated\n                      ? RequestDataStep.UPDATE_RESEARCH_PROJECT\n                      : RequestDataStep.PROMPT_LOGIN\n                    requestDataStepCallback({\n                      managedACTAccessRequirement: accessRequirement,\n                      step: nextStep,\n                    })\n                  }}\n                />\n              )\n            })}\n          </DialogContent>\n          <DialogActions>\n            {customDialogActions ? (\n              customDialogActions\n            ) : (\n              <>\n                {renderAsModal && (\n                  <Button variant=\"contained\" onClick={onHide}>\n                    Close\n                  </Button>\n                )}\n              </>\n            )}\n          </DialogActions>\n        </>\n      )\n  }\n\n  if (renderAsModal) {\n    return (\n      <Dialog maxWidth={dialogWidth} fullWidth open={true} onClose={onHide}>\n        {renderContent}\n      </Dialog>\n    )\n  }\n\n  return <>{renderContent}</>\n}\n"],"mappings":"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"}

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":"AAmBA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAQ7E,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,2CA+JlE"}
+{"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,2CA8LlE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EDucPreviewStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useInitiateDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  onSendForSignature: () => void\n  onManualUpload: () => void\n  /**\n   * Optional iframe `src` override for demos and stories. When set, the blob fetch is skipped\n   * and this URL is used directly as the iframe src. Production callers should not set this.\n   */\n  previewSrcOverride?: string\n}\n\n/**\n * Wizard step shown after the \"Review / Create a DUC\" step (PORTALS-4414).\n * Displays the generated eDUC document in an iframe so the user can review it\n * before sending it for electronic signature (PORTALS-4378) or manually printing and\n * uploading a signed PDF (PORTALS-4379).\n */\nexport default function EDucPreviewStep(props: EDucPreviewStepProps) {\n  const {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onSendForSignature,\n    onManualUpload,\n    previewSrcOverride,\n  } = props\n\n  const { data: dataAccessRequest, isLoading: isLoadingDar } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id),\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(previewFileHandleId),\n  )\n\n  const {\n    mutate: initiateSignature,\n    isPending: isSendingForSignature,\n    error: sendForSignatureError,\n    reset: resetSendForSignature,\n  } = useInitiateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(dataAccessRequest?.id) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n\n  const handleSendForSignature = () => {\n    if (!dataAccessRequest?.id) return\n    resetSendForSignature()\n    initiateSignature(dataAccessRequest.id)\n  }\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n          Take a minute to preview your DUC\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Please ensure that all information is correct, as incorrect\n          information will result in the rejection of your access request. Use\n          the Back button to return to previous steps and modify any details.\n        </Typography>\n\n        {isLoading && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={PDF_PREVIEW_HEIGHT}\n            data-testid={'EDucPreviewStep-loading'}\n          />\n        )}\n        {!isLoading && (previewError || blobError) && (\n          <Alert severity={'error'}>\n            <strong>Sorry, we couldn&apos;t load your DUC preview.</strong>\n            <br />\n            {previewError?.reason ?? blobError?.message}\n          </Alert>\n        )}\n        {!isLoading &&\n          !previewError &&\n          !blobError &&\n          (previewSrcOverride || blobUrl) && (\n            <iframe\n              title={'eDUC preview'}\n              src={previewSrcOverride ?? blobUrl}\n              style={{ border: 0, width: '100%', height: PDF_PREVIEW_HEIGHT }}\n            />\n          )}\n\n        <Box\n          sx={{\n            mt: 3,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            borderRadius: 1,\n          }}\n        >\n          <ActionRow\n            title={'Email DUC to Collaborators'}\n            description={\n              'Complete and sign the DUC online by emailing a secure DocuSign link to your listed collaborators. Notifications will be sent directly to the email address associated with their Synapse accounts. This is fastest way to get access.'\n            }\n            action={\n              <Button\n                variant={'contained'}\n                disabled={actionsDisabled}\n                onClick={handleSendForSignature}\n              >\n                {isSendingForSignature\n                  ? 'Sending...'\n                  : 'Send for electronic signature'}\n              </Button>\n            }\n          />\n          <Divider />\n          <ActionRow\n            title={'Print and upload a PDF instead'}\n            description={\n              'Download the DUC, sign it by hand, and upload the completed document.'\n            }\n            action={\n              <Button\n                variant={'outlined'}\n                disabled={actionsDisabled}\n                onClick={onManualUpload}\n              >\n                Manually print and upload PDF\n              </Button>\n            }\n          />\n        </Box>\n        {sendForSignatureError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>\n              Sorry, we couldn&apos;t send your DUC for electronic signature.\n            </strong>\n            <br />\n            {sendForSignatureError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ActionRow(props: {\n  title: string\n  description: string\n  action: ReactNode\n}) {\n  const { title, description, action } = props\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      sx={{ alignItems: { sm: 'center' }, gap: 2, p: 2 }}\n    >\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 0.5 }}>\n          {title}\n        </Typography>\n        <Typography variant={'body1'} sx={longFieldLabelSx}>\n          {description}\n        </Typography>\n      </Box>\n      <Box sx={{ flexShrink: 0 }}>{action}</Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;AAyBA,IAAM,IAAqB;AAqB3B,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,gCACA,WACA,kBACA,uBACA,mBACA,0BACE,GAEE,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA+B,GAAmB,MAAM,IAAI,EAC9D,SAAS,EAAQ,GAAmB,GACtC,CAAC,GAEK,IAAsB,GAAmB,cACzC,EAAE,YAAS,OAAO,MAAc,EACpC,KAAsB,CAAC,IACnB,KAAA,IACA,EAAc,8BAA8B,CAAmB,CACrE,GAEM,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,MACL,EAAsC,EACxC,iBAAiB,EAAmB,EACtC,CAAC,GAEK,IACJ,KACC,EAAQ,GAAmB,MAAO,KAClC,CAAC,KAAsB,CAAC,CAAC,KAAuB,CAAC,KAAW,CAAC,GAC1D,IACJ,KAAc,CAAC,KAAsB,CAAC,KAAY,GAE9C,UAA+B;EAC9B,GAAmB,OACxB,EAAsB,GACtB,EAAkB,EAAkB,EAAE;CACxC;CAEA,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,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAE;cAAG;GAElD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GAEX,KACC,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,QAAQ;IACR,eAAa;GACd,CAAA;GAEF,CAAC,MAAc,KAAgB,MAC9B,kBAAC,GAAD;IAAO,UAAU;cAAjB;KACE,kBAAC,UAAD,EAAA,UAAQ,4CAAsD,CAAA;KAC9D,kBAAC,MAAD,CAAK,CAAA;KACJ,GAAc,UAAU,GAAW;IAC/B;;GAER,CAAC,KACA,CAAC,KACD,CAAC,MACA,KAAsB,MACrB,kBAAC,UAAD;IACE,OAAO;IACP,KAAK,KAAsB;IAC3B,OAAO;KAAE,QAAQ;KAAG,OAAO;KAAQ,QAAQ;IAAmB;GAC/D,CAAA;GAGL,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,QAAQ;KACR,aAAa;KACb,cAAc;IAChB;cANF;KAQE,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,SAAS;iBAER,IACG,eACA;MACE,CAAA;KAEX,CAAA;KACD,kBAAC,GAAD,CAAU,CAAA;KACV,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,SAAS;iBACV;MAEO,CAAA;KAEX,CAAA;IACE;;GACJ,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cAAtC;KACE,kBAAC,UAAD,EAAA,UAAQ,6DAEA,CAAA;KACR,kBAAC,MAAD,CAAK,CAAA;KACJ,EAAsB;IAClB;;EAEI,EAAA,CAAA;EACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAe;EAE7C,CAAA,EACK,CAAA;CACf,EAAA,CAAA;AAEN;AAEA,SAAS,EAAU,GAIhB;CACD,IAAM,EAAE,UAAO,gBAAa,cAAW;CACvC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,IAAI;GAAE,YAAY,EAAE,IAAI,SAAS;GAAG,KAAK;GAAG,GAAG;EAAE;YAFnD,CAIE,kBAAC,GAAD;GAAK,IAAI,EAAE,UAAU,EAAE;aAAvB,CACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAI;cAC1D;GACS,CAAA,GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B;GACS,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,IAAI,EAAE,YAAY,EAAE;aAAI;EAAY,CAAA,CACpC;;AAEX"}
+{"version":3,"file":"EDucPreviewStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/EDucPreviewStep/EDucPreviewStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureQuota,\n  useInitiateDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\n\nconst PDF_PREVIEW_HEIGHT = '500px'\n\nexport type EDucPreviewStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  onSendForSignature: () => void\n  onManualUpload: () => void\n  /**\n   * Optional iframe `src` override for demos and stories. When set, the blob fetch is skipped\n   * and this URL is used directly as the iframe src. Production callers should not set this.\n   */\n  previewSrcOverride?: string\n}\n\n/**\n * Wizard step shown after the \"Review / Create a DUC\" step (PORTALS-4414).\n * Displays the generated eDUC document in an iframe so the user can review it\n * before sending it for electronic signature (PORTALS-4378) or manually printing and\n * uploading a signed PDF (PORTALS-4379).\n */\nexport default function EDucPreviewStep(props: EDucPreviewStepProps) {\n  const {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onSendForSignature,\n    onManualUpload,\n    previewSrcOverride,\n  } = props\n\n  const { data: dataAccessRequest, isLoading: isLoadingDar } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id),\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    previewSrcOverride || !previewFileHandleId || !dataAccessRequest?.id\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        ),\n  )\n\n  const {\n    mutate: initiateSignature,\n    isPending: isSendingForSignature,\n    error: sendForSignatureError,\n    reset: resetSendForSignature,\n  } = useInitiateDataAccessRequestSignature({\n    onSuccess: () => onSendForSignature(),\n  })\n\n  // Preflight the quota so we can disable the send-for-signature action when the user is at\n  // or over their limit. A fetch error falls back to the current enabled behavior so a quota\n  // service outage doesn't spuriously block valid requests.\n  const { data: signatureQuota } = useGetDataAccessRequestSignatureQuota(\n    dataAccessRequest?.id ?? '',\n    { enabled: Boolean(dataAccessRequest?.id) },\n  )\n  const isAtOrOverQuota =\n    signatureQuota != null &&\n    signatureQuota.remaining != null &&\n    signatureQuota.remaining <= 0\n\n  const isLoading =\n    isLoadingDar ||\n    (Boolean(dataAccessRequest?.id) && isLoadingPreview) ||\n    (!previewSrcOverride && !!previewFileHandleId && !blobUrl && !blobError)\n  const actionsDisabled =\n    isLoading || (!previewSrcOverride && !blobUrl) || isSendingForSignature\n\n  const handleSendForSignature = () => {\n    if (!dataAccessRequest?.id) return\n    resetSendForSignature()\n    initiateSignature(dataAccessRequest.id)\n  }\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n          Take a minute to preview your DUC\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Please ensure that all information is correct, as incorrect\n          information will result in the rejection of your access request. Use\n          the Back button to return to previous steps and modify any details.\n        </Typography>\n\n        {isLoading && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={PDF_PREVIEW_HEIGHT}\n            data-testid={'EDucPreviewStep-loading'}\n          />\n        )}\n        {!isLoading && (previewError || blobError) && (\n          <Alert severity={'error'}>\n            <strong>Sorry, we couldn&apos;t load your DUC preview.</strong>\n            <br />\n            {previewError?.reason ?? blobError?.message}\n          </Alert>\n        )}\n        {!isLoading &&\n          !previewError &&\n          !blobError &&\n          (previewSrcOverride || blobUrl) && (\n            <iframe\n              title={'eDUC preview'}\n              src={previewSrcOverride ?? blobUrl}\n              style={{ border: 0, width: '100%', height: PDF_PREVIEW_HEIGHT }}\n            />\n          )}\n\n        <Box\n          sx={{\n            mt: 3,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            borderRadius: 1,\n          }}\n        >\n          <ActionRow\n            title={'Email DUC to Collaborators'}\n            description={\n              'Complete and sign the DUC online by emailing a secure DocuSign link to your listed collaborators. Notifications will be sent directly to the email address associated with their Synapse accounts. This is fastest way to get access.'\n            }\n            action={\n              <Tooltip\n                title={\n                  isAtOrOverQuota\n                    ? `You have used all ${signatureQuota?.quota ?? ''} of your electronic signature routings for this request. Please contact ACT to request a quota reset.`\n                    : ''\n                }\n                arrow\n                disableHoverListener={!isAtOrOverQuota}\n                disableFocusListener={!isAtOrOverQuota}\n                disableTouchListener={!isAtOrOverQuota}\n              >\n                {/* Tooltip wrapper Box is needed because MUI Tooltip does not fire on disabled children directly. */}\n                <Box component={'span'}>\n                  <Button\n                    variant={'contained'}\n                    disabled={actionsDisabled || isAtOrOverQuota}\n                    onClick={handleSendForSignature}\n                  >\n                    {isSendingForSignature\n                      ? 'Sending...'\n                      : 'Send for electronic signature'}\n                  </Button>\n                </Box>\n              </Tooltip>\n            }\n          />\n          <Divider />\n          <ActionRow\n            title={'Print and upload a PDF instead'}\n            description={\n              'Download the DUC, sign it by hand, and upload the completed document.'\n            }\n            action={\n              <Button\n                variant={'outlined'}\n                disabled={actionsDisabled}\n                onClick={onManualUpload}\n              >\n                Manually print and upload PDF\n              </Button>\n            }\n          />\n        </Box>\n        {sendForSignatureError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>\n              Sorry, we couldn&apos;t send your DUC for electronic signature.\n            </strong>\n            <br />\n            {sendForSignatureError.reason}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction ActionRow(props: {\n  title: string\n  description: string\n  action: ReactNode\n}) {\n  const { title, description, action } = props\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      sx={{ alignItems: { sm: 'center' }, gap: 2, p: 2 }}\n    >\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 0.5 }}>\n          {title}\n        </Typography>\n        <Typography variant={'body1'} sx={longFieldLabelSx}>\n          {description}\n        </Typography>\n      </Box>\n      <Box sx={{ flexShrink: 0 }}>{action}</Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA8BA,IAAM,IAAqB;AAqB3B,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,gCACA,WACA,kBACA,uBACA,mBACA,0BACE,GAEE,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA+B,GAAmB,MAAM,IAAI,EAC9D,SAAS,EAAQ,GAAmB,GACtC,CAAC,GAEK,IAAsB,GAAmB,cACzC,EAAE,YAAS,OAAO,MAAc,EACpC,KAAsB,CAAC,KAAuB,CAAC,GAAmB,KAC9D,KAAA,IACA,EAAc,8BACZ,GACA,EAAkB,IAClB,EAAwB,2BAC1B,CACN,GAEM,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,MACL,EAAsC,EACxC,iBAAiB,EAAmB,EACtC,CAAC,GAKK,EAAE,MAAM,MAAmB,EAC/B,GAAmB,MAAM,IACzB,EAAE,SAAS,EAAQ,GAAmB,GAAI,CAC5C,GACM,IACJ,KAAkB,QAClB,EAAe,aAAa,QAC5B,EAAe,aAAa,GAExB,IACJ,KACC,EAAQ,GAAmB,MAAO,KAClC,CAAC,KAAsB,CAAC,CAAC,KAAuB,CAAC,KAAW,CAAC,GAC1D,IACJ,KAAc,CAAC,KAAsB,CAAC,KAAY,GAE9C,UAA+B;EAC9B,GAAmB,OACxB,EAAsB,GACtB,EAAkB,EAAkB,EAAE;CACxC;CAEA,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,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAE;cAAG;GAElD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GAEX,KACC,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,QAAQ;IACR,eAAa;GACd,CAAA;GAEF,CAAC,MAAc,KAAgB,MAC9B,kBAAC,GAAD;IAAO,UAAU;cAAjB;KACE,kBAAC,UAAD,EAAA,UAAQ,4CAAsD,CAAA;KAC9D,kBAAC,MAAD,CAAK,CAAA;KACJ,GAAc,UAAU,GAAW;IAC/B;;GAER,CAAC,KACA,CAAC,KACD,CAAC,MACA,KAAsB,MACrB,kBAAC,UAAD;IACE,OAAO;IACP,KAAK,KAAsB;IAC3B,OAAO;KAAE,QAAQ;KAAG,OAAO;KAAQ,QAAQ;IAAmB;GAC/D,CAAA;GAGL,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,QAAQ;KACR,aAAa;KACb,cAAc;IAChB;cANF;KAQE,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,OACE,IACI,qBAAqB,GAAgB,SAAS,GAAG,yGACjD;OAEN,OAAA;OACA,sBAAsB,CAAC;OACvB,sBAAsB,CAAC;OACvB,sBAAsB,CAAC;iBAGvB,kBAAC,GAAD;QAAK,WAAW;kBACd,kBAAC,GAAD;SACE,SAAS;SACT,UAAU,KAAmB;SAC7B,SAAS;mBAER,IACG,eACA;QACE,CAAA;OACL,CAAA;MACE,CAAA;KAEZ,CAAA;KACD,kBAAC,GAAD,CAAU,CAAA;KACV,kBAAC,GAAD;MACE,OAAO;MACP,aACE;MAEF,QACE,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,SAAS;iBACV;MAEO,CAAA;KAEX,CAAA;IACE;;GACJ,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cAAtC;KACE,kBAAC,UAAD,EAAA,UAAQ,6DAEA,CAAA;KACR,kBAAC,MAAD,CAAK,CAAA;KACJ,EAAsB;IAClB;;EAEI,EAAA,CAAA;EACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAe;EAE7C,CAAA,EACK,CAAA;CACf,EAAA,CAAA;AAEN;AAEA,SAAS,EAAU,GAIhB;CACD,IAAM,EAAE,UAAO,gBAAa,cAAW;CACvC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,IAAI;GAAE,YAAY,EAAE,IAAI,SAAS;GAAG,KAAK;GAAG,GAAG;EAAE;YAFnD,CAIE,kBAAC,GAAD;GAAK,IAAI,EAAE,UAAU,EAAE;aAAvB,CACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAK,IAAI;IAAI;cAC1D;GACS,CAAA,GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B;GACS,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,IAAI,EAAE,YAAY,EAAE;aAAI;EAAY,CAAA,CACpC;;AAEX"}

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

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

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

@@ -16,7 +16,7 @@ function w(w) {
 	let { managedACTAccessRequirement: T, subjectId: E, subjectType: D, onHide: O, onBackClicked: k, onSubmissionCreated: A, downloadHrefOverride: j } = w, { data: M, isLoading: N, refetch: P } = n(String(T.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), { data: F, isLoading: I, error: L } = i(M?.id ?? "", { enabled: !!M?.id && !j }), R = F?.fileHandleId, z = j ?? (R ? e.getPortalFileHandleServletUrl(R) : void 0), [B, V] = u(), [H, U] = u(), { mutate: W, mutateAsync: G, isPending: K } = r({ onError: (e) => V(e.reason) }), { mutateAsync: q, isPending: J } = a({ onError: (e) => V(e.reason) }), { mutate: Y, isPending: X } = t({
+	}), { data: F, isLoading: I, error: L } = i(M?.id ?? "", { enabled: !!M?.id && !j }), R = F?.fileHandleId, z = j ?? (R && M?.id ? e.getPortalFileHandleServletUrl(R, M.id, C.DataAccessRequestAttachment) : void 0), [B, V] = u(), [H, U] = u(), { mutate: W, mutateAsync: G, isPending: K } = r({ onError: (e) => V(e.reason) }), { mutateAsync: q, isPending: J } = a({ onError: (e) => V(e.reason) }), { mutate: Y, isPending: X } = t({
 		onSuccess: (e) => A(e.submissionId),
 		onError: (e) => U(e.reason)
 	}), Z = M?.accessorChanges ?? [], Q = M?.principalInvestigator, te = M?.signingOfficial, $ = M?.ducFileHandleId, ne = $ && M?.id ? [{

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

@@ -1 +1 @@
-{"version":3,"file":"ManualUploadDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  ManagedACTAccessRequirement,\n  RestrictableObjectType,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { UploadDocumentField } from '../UploadDocumentField'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ManualUploadDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  onBackClicked: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"Download DUC for Signatures\" anchor. When set, the preview\n   * file handle fetch is skipped and this URL is used directly. Used by stories and tests where\n   * the portal servlet is not available.\n   */\n  downloadHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually\n * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download\n * the partially-populated DUC, upload a signed copy, and submit the request.\n */\nexport default function ManualUploadDucStep(props: ManualUploadDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    downloadHrefOverride,\n  } = props\n\n  const {\n    data: dataAccessRequest,\n    isLoading: isLoadingDar,\n    refetch: refetchDar,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    staleTime: Infinity,\n    throwOnError: true,\n  })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id) && !downloadHrefOverride,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId\n      ? SynapseClient.getPortalFileHandleServletUrl(previewFileHandleId)\n      : undefined)\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const {\n    mutate: updateDar,\n    mutateAsync: updateDarAsync,\n    isPending: isUpdating,\n  } = useUpdateDataAccessRequest({\n    onError: e => setUpdateDarError(e.reason),\n  })\n\n  const { mutateAsync: voidSignatureAsync, isPending: isVoidingSignature } =\n    useVoidDataAccessRequestSignature({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n  const signedDucFileHandleId = dataAccessRequest?.ducFileHandleId\n  const signedDucFileHandleAssociations: FileHandleAssociation[] =\n    signedDucFileHandleId && dataAccessRequest?.id\n      ? [\n          {\n            fileHandleId: signedDucFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: dataAccessRequest.id,\n          },\n        ]\n      : []\n\n  const isDownloadDisabled = isLoadingDar || isLoadingPreview || !downloadHref\n  const isSubmitDisabled =\n    isLoadingDar ||\n    !dataAccessRequest ||\n    !signedDucFileHandleId ||\n    isUpdating ||\n    isVoidingSignature ||\n    isSubmitting\n\n  const handleUpload = async (resp: UploadCallbackResp) => {\n    if (!resp.success || !resp.resp || !dataAccessRequest) {\n      const errorObj = resp.error as { reason?: unknown } | undefined\n      const reason =\n        errorObj && typeof errorObj.reason === 'string'\n          ? errorObj.reason\n          : undefined\n      if (reason) {\n        setUpdateDarError(reason)\n      }\n      return\n    }\n    setUpdateDarError(undefined)\n    // Only void a prior eDUC signature routing if one was actually sent. If the user ejected\n    // from EDucPreviewStep before sending for signature, there's nothing to void.\n    const hasSignatureEnvelope = Boolean(\n      dataAccessRequest.eDucSignatureEnvelopeId,\n    )\n    let latestDar = dataAccessRequest\n    if (hasSignatureEnvelope) {\n      try {\n        await voidSignatureAsync(dataAccessRequest.id)\n      } catch {\n        return\n      }\n      const refreshed = await refetchDar()\n      latestDar = refreshed.data ?? dataAccessRequest\n    }\n    updateDar({\n      ...latestDar,\n      ducFileHandleId: resp.resp.fileHandleId,\n    })\n  }\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest) return\n    setSubmitDarError(undefined)\n    // Persist the DAR once more so the submission uses the latest etag.\n    const latest = await updateDarAsync(dataAccessRequest).catch(() => null)\n    if (!latest) return\n    submit({\n      request: {\n        requestId: latest.id,\n        requestEtag: latest.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <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        <Box>\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Submit a signed PDF instead of e-signatures\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n            Instead of signing the Data Use Certificate (DUC) using DocuSign,\n            you can download the DUC as a PDF and then upload it after it has\n            been signed by your collaborators, your project lead, and your\n            Signing Official.\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n            However, we recommend using e-signatures, as it is usually faster,\n            and prevents common errors which can result in your request being\n            rejected.\n          </Typography>\n\n          <Box sx={{ mb: 3 }}>\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoadingDar}\n            />\n          </Box>\n\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          <Stack\n            direction={{ xs: 'column', md: 'row' }}\n            sx={{ gap: 4, alignItems: 'flex-start' }}\n          >\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 1. Download your Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                As a first step, you will need to download a PDF of the Data Use\n                Certificate with the names of your Collaborators and Signing\n                Official. Make sure the names are correct and complete before\n                downloading.\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                If needed, you can modify the printed list of collaborators by\n                adding or removing names on the paper copy before uploading.\n              </Typography>\n              {previewError ? (\n                <Alert severity={'error'}>\n                  <strong>\n                    Sorry, we couldn&apos;t prepare your DUC for download.\n                  </strong>\n                  <br />\n                  {previewError.reason}\n                </Alert>\n              ) : (\n                <Button\n                  component=\"a\"\n                  href={downloadHref ?? undefined}\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                  variant={'outlined'}\n                  disabled={isDownloadDisabled}\n                  endIcon={<IconSvg icon={'download'} wrap={false} />}\n                >\n                  Download DUC for Signatures\n                </Button>\n              )}\n            </Box>\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 2. Fill out and upload a Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                You must download and fill out a Data Use Certificate (DUC). Be\n                sure to upload the completed DUC below.\n              </Typography>\n              <Typography\n                variant={'body1'}\n                component={'ol'}\n                sx={{ ...longFieldLabelSx, mb: 2, pl: 3 }}\n              >\n                <li>Download the DUC document.</li>\n                <li>\n                  Fill out the DUC, following the instructions in the PDF.\n                </li>\n                <li>\n                  Upload the completed certificate using the button below:\n                </li>\n              </Typography>\n              {isLoadingDar ? (\n                <Skeleton variant={'rectangular'} width={200} height={36} />\n              ) : (\n                <UploadDocumentField\n                  id={'signed-duc'}\n                  documentName={'Signed DUC'}\n                  isLoading={isUpdating || isVoidingSignature}\n                  uploadCallback={resp => {\n                    handleUpload(resp)\n                  }}\n                  fileHandleAssociations={signedDucFileHandleAssociations}\n                />\n              )}\n            </Box>\n          </Stack>\n\n          {updateDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t save your change.</strong>\n              <br />\n              {updateDarError}\n            </Alert>\n          )}\n          {submitDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t submit your request.</strong>\n              <br />\n              {submitDarError}\n            </Alert>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit Request\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ManualUploadDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManualUploadDucStep/ManualUploadDucStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  ManagedACTAccessRequirement,\n  RestrictableObjectType,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { UploadDocumentField } from '../UploadDocumentField'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ManualUploadDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  onBackClicked: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"Download DUC for Signatures\" anchor. When set, the preview\n   * file handle fetch is skipped and this URL is used directly. Used by stories and tests where\n   * the portal servlet is not available.\n   */\n  downloadHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the eDUC preview (PORTALS-4377) when the user chooses to manually\n * print, sign, and upload a PDF instead of using electronic signatures. Lets the user download\n * the partially-populated DUC, upload a signed copy, and submit the request.\n */\nexport default function ManualUploadDucStep(props: ManualUploadDucStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    downloadHrefOverride,\n  } = props\n\n  const {\n    data: dataAccessRequest,\n    isLoading: isLoadingDar,\n    refetch: refetchDar,\n  } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n    staleTime: Infinity,\n    throwOnError: true,\n  })\n\n  const {\n    data: previewFileHandle,\n    isLoading: isLoadingPreview,\n    error: previewError,\n  } = useGetDataAccessRequestPreview(dataAccessRequest?.id ?? '', {\n    enabled: Boolean(dataAccessRequest?.id) && !downloadHrefOverride,\n  })\n\n  const previewFileHandleId = previewFileHandle?.fileHandleId\n  const downloadHref =\n    downloadHrefOverride ??\n    (previewFileHandleId && dataAccessRequest?.id\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandleId,\n          dataAccessRequest.id,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const {\n    mutate: updateDar,\n    mutateAsync: updateDarAsync,\n    isPending: isUpdating,\n  } = useUpdateDataAccessRequest({\n    onError: e => setUpdateDarError(e.reason),\n  })\n\n  const { mutateAsync: voidSignatureAsync, isPending: isVoidingSignature } =\n    useVoidDataAccessRequestSignature({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n  const signedDucFileHandleId = dataAccessRequest?.ducFileHandleId\n  const signedDucFileHandleAssociations: FileHandleAssociation[] =\n    signedDucFileHandleId && dataAccessRequest?.id\n      ? [\n          {\n            fileHandleId: signedDucFileHandleId,\n            associateObjectType:\n              FileHandleAssociateType.DataAccessRequestAttachment,\n            associateObjectId: dataAccessRequest.id,\n          },\n        ]\n      : []\n\n  const isDownloadDisabled = isLoadingDar || isLoadingPreview || !downloadHref\n  const isSubmitDisabled =\n    isLoadingDar ||\n    !dataAccessRequest ||\n    !signedDucFileHandleId ||\n    isUpdating ||\n    isVoidingSignature ||\n    isSubmitting\n\n  const handleUpload = async (resp: UploadCallbackResp) => {\n    if (!resp.success || !resp.resp || !dataAccessRequest) {\n      const errorObj = resp.error as { reason?: unknown } | undefined\n      const reason =\n        errorObj && typeof errorObj.reason === 'string'\n          ? errorObj.reason\n          : undefined\n      if (reason) {\n        setUpdateDarError(reason)\n      }\n      return\n    }\n    setUpdateDarError(undefined)\n    // Only void a prior eDUC signature routing if one was actually sent. If the user ejected\n    // from EDucPreviewStep before sending for signature, there's nothing to void.\n    const hasSignatureEnvelope = Boolean(\n      dataAccessRequest.eDucSignatureEnvelopeId,\n    )\n    let latestDar = dataAccessRequest\n    if (hasSignatureEnvelope) {\n      try {\n        await voidSignatureAsync(dataAccessRequest.id)\n      } catch {\n        return\n      }\n      const refreshed = await refetchDar()\n      latestDar = refreshed.data ?? dataAccessRequest\n    }\n    updateDar({\n      ...latestDar,\n      ducFileHandleId: resp.resp.fileHandleId,\n    })\n  }\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest) return\n    setSubmitDarError(undefined)\n    // Persist the DAR once more so the submission uses the latest etag.\n    const latest = await updateDarAsync(dataAccessRequest).catch(() => null)\n    if (!latest) return\n    submit({\n      request: {\n        requestId: latest.id,\n        requestEtag: latest.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <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        <Box>\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Submit a signed PDF instead of e-signatures\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n            Instead of signing the Data Use Certificate (DUC) using DocuSign,\n            you can download the DUC as a PDF and then upload it after it has\n            been signed by your collaborators, your project lead, and your\n            Signing Official.\n          </Typography>\n          <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n            However, we recommend using e-signatures, as it is usually faster,\n            and prevents common errors which can result in your request being\n            rejected.\n          </Typography>\n\n          <Box sx={{ mb: 3 }}>\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoadingDar}\n            />\n          </Box>\n\n          <Typography variant={'headline3'} sx={{ mb: 2 }}>\n            Instructions\n          </Typography>\n          <Stack\n            direction={{ xs: 'column', md: 'row' }}\n            sx={{ gap: 4, alignItems: 'flex-start' }}\n          >\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 1. Download your Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                As a first step, you will need to download a PDF of the Data Use\n                Certificate with the names of your Collaborators and Signing\n                Official. Make sure the names are correct and complete before\n                downloading.\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                If needed, you can modify the printed list of collaborators by\n                adding or removing names on the paper copy before uploading.\n              </Typography>\n              {previewError ? (\n                <Alert severity={'error'}>\n                  <strong>\n                    Sorry, we couldn&apos;t prepare your DUC for download.\n                  </strong>\n                  <br />\n                  {previewError.reason}\n                </Alert>\n              ) : (\n                <Button\n                  component=\"a\"\n                  href={downloadHref ?? undefined}\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                  variant={'outlined'}\n                  disabled={isDownloadDisabled}\n                  endIcon={<IconSvg icon={'download'} wrap={false} />}\n                >\n                  Download DUC for Signatures\n                </Button>\n              )}\n            </Box>\n            <Box sx={{ flex: 1 }}>\n              <Typography variant={'body1'} sx={{ fontWeight: 700, mb: 1 }}>\n                Step 2. Fill out and upload a Data Use Certificate\n              </Typography>\n              <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n                You must download and fill out a Data Use Certificate (DUC). Be\n                sure to upload the completed DUC below.\n              </Typography>\n              <Typography\n                variant={'body1'}\n                component={'ol'}\n                sx={{ ...longFieldLabelSx, mb: 2, pl: 3 }}\n              >\n                <li>Download the DUC document.</li>\n                <li>\n                  Fill out the DUC, following the instructions in the PDF.\n                </li>\n                <li>\n                  Upload the completed certificate using the button below:\n                </li>\n              </Typography>\n              {isLoadingDar ? (\n                <Skeleton variant={'rectangular'} width={200} height={36} />\n              ) : (\n                <UploadDocumentField\n                  id={'signed-duc'}\n                  documentName={'Signed DUC'}\n                  isLoading={isUpdating || isVoidingSignature}\n                  uploadCallback={resp => {\n                    handleUpload(resp)\n                  }}\n                  fileHandleAssociations={signedDucFileHandleAssociations}\n                />\n              )}\n            </Box>\n          </Stack>\n\n          {updateDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t save your change.</strong>\n              <br />\n              {updateDarError}\n            </Alert>\n          )}\n          {submitDarError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <strong>Sorry, we couldn&apos;t submit your request.</strong>\n              <br />\n              {submitDarError}\n            </Alert>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit Request\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAqDA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EACJ,gCACA,cACA,gBACA,WACA,kBACA,wBACA,4BACE,GAEE,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAiC,OAAO,EAA4B,EAAE,GAAG;EAC3E,WAAW;EACX,cAAc;CAChB,CAAC,GAEK,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA+B,GAAmB,MAAM,IAAI,EAC9D,SAAS,EAAQ,GAAmB,MAAO,CAAC,EAC9C,CAAC,GAEK,IAAsB,GAAmB,cACzC,IACJ,MACC,KAAuB,GAAmB,KACvC,EAAc,8BACZ,GACA,EAAkB,IAClB,EAAwB,2BAC1B,IACA,KAAA,IAEA,CAAC,GAAgB,KAAqB,EAA6B,GACnE,CAAC,GAAgB,KAAqB,EAA6B,GAEnE,EACJ,QAAQ,GACR,aAAa,GACb,WAAW,MACT,EAA2B,EAC7B,UAAS,MAAK,EAAkB,EAAE,MAAM,EAC1C,CAAC,GAEK,EAAE,aAAa,GAAoB,WAAW,MAClD,EAAkC,EAChC,UAAS,MAAK,EAAkB,EAAE,MAAM,EAC1C,CAAC,GAEG,EAAE,QAAQ,GAAQ,WAAW,MACjC,EAA2B;EACzB,YAAW,MAAc,EAAoB,EAAW,YAAY;EACpE,UAAS,MAAK,EAAkB,EAAE,MAAM;CAC1C,CAAC,GAEG,IAAkB,GAAmB,mBAAmB,CAAC,GACzD,IAAK,GAAmB,uBACxB,KAAK,GAAmB,iBACxB,IAAwB,GAAmB,iBAC3C,KACJ,KAAyB,GAAmB,KACxC,CACE;EACE,cAAc;EACd,qBACE,EAAwB;EAC1B,mBAAmB,EAAkB;CACvC,CACF,IACA,CAAC,GAED,KAAqB,KAAgB,KAAoB,CAAC,GAC1D,KACJ,KACA,CAAC,KACD,CAAC,KACD,KACA,KACA,GAEI,KAAe,OAAO,MAA6B;EACvD,IAAI,CAAC,EAAK,WAAW,CAAC,EAAK,QAAQ,CAAC,GAAmB;GACrD,IAAM,IAAW,EAAK,OAChB,IACJ,KAAY,OAAO,EAAS,UAAW,WACnC,EAAS,SACT,KAAA;GACN,AAAI,KACF,EAAkB,CAAM;GAE1B;EACF;EACA,EAAkB,KAAA,CAAS;EAG3B,IAAM,IAAuB,EAC3B,EAAkB,yBAEhB,IAAY;EAChB,IAAI,GAAsB;GACxB,IAAI;IACF,MAAM,EAAmB,EAAkB,EAAE;GAC/C,QAAQ;IACN;GACF;GAEA,KAAY,MADY,EAAW,GACb,QAAQ;EAChC;EACA,EAAU;GACR,GAAG;GACH,iBAAiB,EAAK,KAAK;EAC7B,CAAC;CACH,GAEM,KAAe,YAAY;EAC/B,IAAI,CAAC,GAAmB;EACxB,EAAkB,KAAA,CAAS;EAE3B,IAAM,IAAS,MAAM,EAAe,CAAiB,EAAE,YAAY,IAAI;EAClE,KACL,EAAO;GACL,SAAS;IACP,WAAW,EAAO;IAClB,aAAa,EAAO;IACpB;IACA;GACF;GACA,qBAAqB,OAAO,EAA4B,EAAE;EAC5D,CAAC;CACH;CAEA,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,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;cAAG;GAErC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAKtD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GAEZ,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cACf,kBAAC,GAAD;KACmB;KACjB,uBAAuB;KACvB,iBAAiB;KACjB,WAAW;IACZ,CAAA;GACE,CAAA;GAEL,kBAAC,GAAD;IAAY,SAAS;IAAa,IAAI,EAAE,IAAI,EAAE;cAAG;GAErC,CAAA;GACZ,kBAAC,GAAD;IACE,WAAW;KAAE,IAAI;KAAU,IAAI;IAAM;IACrC,IAAI;KAAE,KAAK;KAAG,YAAY;IAAa;cAFzC,CAIE,kBAAC,GAAD;KAAK,IAAI,EAAE,MAAM,EAAE;eAAnB;MACE,kBAAC,GAAD;OAAY,SAAS;OAAS,IAAI;QAAE,YAAY;QAAK,IAAI;OAAE;iBAAG;MAElD,CAAA;MACZ,kBAAC,GAAD;OAAY,SAAS;OAAS,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAAG;MAKtD,CAAA;MACZ,kBAAC,GAAD;OAAY,SAAS;OAAS,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAAG;MAGtD,CAAA;MACX,IACC,kBAAC,GAAD;OAAO,UAAU;iBAAjB;QACE,kBAAC,UAAD,EAAA,UAAQ,oDAEA,CAAA;QACR,kBAAC,MAAD,CAAK,CAAA;QACJ,EAAa;OACT;WAEP,kBAAC,GAAD;OACE,WAAU;OACV,MAAM,KAAgB,KAAA;OACtB,QAAO;OACP,KAAI;OACJ,SAAS;OACT,UAAU;OACV,SAAS,kBAAC,GAAD;QAAS,MAAM;QAAY,MAAM;OAAQ,CAAA;iBACnD;MAEO,CAAA;KAEP;QACL,kBAAC,GAAD;KAAK,IAAI,EAAE,MAAM,EAAE;eAAnB;MACE,kBAAC,GAAD;OAAY,SAAS;OAAS,IAAI;QAAE,YAAY;QAAK,IAAI;OAAE;iBAAG;MAElD,CAAA;MACZ,kBAAC,GAAD;OAAY,SAAS;OAAS,IAAI;QAAE,GAAG;QAAkB,IAAI;OAAE;iBAAG;MAGtD,CAAA;MACZ,kBAAC,GAAD;OACE,SAAS;OACT,WAAW;OACX,IAAI;QAAE,GAAG;QAAkB,IAAI;QAAG,IAAI;OAAE;iBAH1C;QAKE,kBAAC,MAAD,EAAA,UAAI,6BAA8B,CAAA;QAClC,kBAAC,MAAD,EAAA,UAAI,2DAEA,CAAA;QACJ,kBAAC,MAAD,EAAA,UAAI,2DAEA,CAAA;OACM;;MACX,IACC,kBAAC,GAAD;OAAU,SAAS;OAAe,OAAO;OAAK,QAAQ;MAAK,CAAA,IAE3D,kBAAC,GAAD;OACE,IAAI;OACJ,cAAc;OACd,WAAW,KAAc;OACzB,iBAAgB,MAAQ;QACtB,GAAa,CAAI;OACnB;OACA,wBAAwB;MACzB,CAAA;KAEA;MACA;;GAEN,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cAAtC;KACE,kBAAC,UAAD,EAAA,UAAQ,uCAAiD,CAAA;KACzD,kBAAC,MAAD,CAAK,CAAA;KACJ;IACI;;GAER,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cAAtC;KACE,kBAAC,UAAD,EAAA,UAAQ,0CAAoD,CAAA;KAC5D,kBAAC,MAAD,CAAK,CAAA;KACJ;IACI;;EAEN,EAAA,CAAA,EACQ,CAAA;EACf,kBAAC,IAAD,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;IACE,SAAS;IACT,UAAU;IACV,SAAS;IACT,eAAe;KACb,GAAa;IACf;cACD;GAEO,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}

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

@@ -4,7 +4,12 @@ export type SignatureStatusStepProps = {
     subjectId: string;
     subjectType: RestrictableObjectType;
     onHide: () => void;
-    onBackClicked: () => void;
+    /**
+     * Called when the user clicks the Back button. When omitted, the Back button is hidden —
+     * used when the step is reached via direct entry (e.g. a deep-link route) rather than
+     * through the wizard flow, so there is no meaningful previous step to return to.
+     */
+    onBackClicked?: () => void;
     onSubmissionCreated: (submissionId: string) => void;
     /**
      * Optional href override for the "View DUC" link. When set, the preview file handle fetch

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

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