synapse-react-client 4.0.9 → 4.0.11

package/dist/components/ChallengeSubmission/ChallengeSubmissionStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeSubmissionStepper.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmissionStepper.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  DockerCommit,\n  EvaluationSubmission,\n  TeamSubmissionEligibility,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport StepperDialog from '../StepperDialog'\nimport { Step } from '../StepperDialog/StepperDialog'\nimport { displayToast } from '../ToastMessage'\nimport { EntityItem } from './ChallengeSubmission'\nimport EvaluationQueueList from './EvaluationQueueList'\nimport SubmissionCommitList from './SubmissionCommitList'\n\nenum StepsEnum {\n  SELECT_COMMIT = 'SELECT_COMMIT',\n  SELECT_EVALUATION = 'SELECT_EVALUATION',\n  SUBMISSION_SUCCESS = 'SUBMISSION_SUCCESS',\n}\ntype StepKey = keyof typeof StepsEnum\ntype StepList<TStepId = string> = {\n  [key in StepKey]: Step<TStepId>\n}\n\nconst stepsDocker: StepList<StepsEnum> = {\n  SELECT_COMMIT: {\n    id: StepsEnum.SELECT_COMMIT,\n    title: 'Select Commit for Submission',\n    nextStep: StepsEnum.SELECT_EVALUATION,\n    nextEnabled: false,\n  },\n  SELECT_EVALUATION: {\n    id: StepsEnum.SELECT_EVALUATION,\n    title: 'Select Evaluation Queue',\n    previousStep: StepsEnum.SELECT_COMMIT,\n    confirmStep: StepsEnum.SUBMISSION_SUCCESS,\n    confirmButtonText: 'Submit',\n  },\n  SUBMISSION_SUCCESS: {\n    id: StepsEnum.SUBMISSION_SUCCESS,\n    title: 'Submission Successful!',\n    confirmButtonText: 'Close',\n    confirmEnabled: true,\n  },\n}\n\nconst stepsFile: StepList<StepsEnum> = {\n  SELECT_COMMIT: { id: StepsEnum.SELECT_COMMIT, title: '' },\n  SELECT_EVALUATION: {\n    id: StepsEnum.SELECT_EVALUATION,\n    title: 'Select Evaluation Queue',\n    confirmStep: StepsEnum.SUBMISSION_SUCCESS,\n    confirmButtonText: 'Submit',\n  },\n  SUBMISSION_SUCCESS: {\n    id: StepsEnum.SUBMISSION_SUCCESS,\n    title: 'Submission Successful!',\n    confirmButtonText: 'Close',\n    confirmEnabled: true,\n  },\n}\n\nconst getSteps = (\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file,\n) => {\n  return entityType === EntityType.dockerrepo ? stepsDocker : stepsFile\n}\n\ntype ChallengeSubmissionStepperProps = {\n  projectId: string\n  userId: string\n  teamId: string\n  entity: EntityItem\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  isShowingModal: boolean\n  onClose: () => void\n}\n\nfunction ChallengeSubmissionStepper({\n  projectId,\n  userId,\n  teamId,\n  entity,\n  entityType,\n  isShowingModal,\n  onClose,\n}: ChallengeSubmissionStepperProps) {\n  const { accessToken } = useSynapseContext()\n  const steps = getSteps(entityType)\n  const initialStep =\n    entityType === EntityType.dockerrepo\n      ? steps.SELECT_COMMIT\n      : steps.SELECT_EVALUATION\n  const [step, setStep] = useState<Step<StepsEnum>>(initialStep)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [selectedCommit, setSelectedCommit] = useState<DockerCommit>()\n\n  const [submissionName, setSubmissionName] = useState<string>('')\n  const [selectedEval, setSelectedEval] = useState<string | undefined>()\n  const [confirming, setConfirming] = useState<boolean>(false)\n\n  const hide = () => {\n    setErrorMessage(undefined)\n    setSelectedCommit(undefined)\n    setSubmissionName('')\n    setSelectedEval(undefined)\n    setConfirming(false)\n    onClose()\n    setStep(initialStep)\n  }\n\n  function handleStepChange(value?: StepsEnum) {\n    if (!value || !steps[value]) return\n    setErrorMessage(undefined)\n    setStep(steps[value])\n  }\n\n  async function confirmEligibility() {\n    if (!selectedEval) return setErrorMessage('Please select an evaluation.')\n    try {\n      return await SynapseClient.getSubmissionEligibility(\n        selectedEval,\n        teamId,\n        accessToken,\n      )\n    } catch (err) {\n      return setErrorMessage(err.message)\n    }\n  }\n\n  async function submitForEvaluation(eligibility: TeamSubmissionEligibility) {\n    if (!entity.id || (entityType === EntityType.dockerrepo && !selectedCommit))\n      return setErrorMessage('Error: Invalid entity or commit.')\n\n    const contributors = eligibility.membersEligibility\n      .filter(\n        member =>\n          !member.hasConflictingSubmission &&\n          member.isEligible &&\n          !member.isQuotaFilled &&\n          member.isRegistered,\n      )\n      .map(member => {\n        return { principalId: member.principalId.toString() }\n      })\n\n    const submission: EvaluationSubmission = {\n      userId: userId,\n      evaluationId: selectedEval!,\n      entityId: entity.id,\n      versionNumber: entity.versionNumber ?? -1,\n      teamId: teamId,\n      contributors,\n    }\n    if (entityType === EntityType.dockerrepo) {\n      submission.dockerRepositoryName = entity.repositoryName\n      submission.dockerDigest = selectedCommit!.digest\n    }\n\n    if (submissionName !== '') submission['name'] = submissionName\n\n    try {\n      await SynapseClient.submitToEvaluation(\n        accessToken,\n        submission,\n        entity.etag!,\n        eligibility.eligibilityStateHash,\n      )\n      displayToast('Submitted successfully!', 'success')\n      hide()\n    } catch (e) {\n      setErrorMessage(e.message)\n    }\n  }\n\n  const onConfirmHandler = async () => {\n    const eligibility = await confirmEligibility()\n    if (eligibility) {\n      await submitForEvaluation(eligibility)\n    }\n  }\n\n  const onCommitChanged = (value: DockerCommit) => {\n    setSelectedCommit(value)\n    setStep({ ...step, nextEnabled: true })\n  }\n\n  function stepperContent() {\n    switch (step.id) {\n      case StepsEnum.SELECT_COMMIT:\n        return (\n          <SubmissionCommitList\n            repository={entity}\n            selectedCommit={selectedCommit}\n            onCommitChanged={onCommitChanged}\n          />\n        )\n        break\n      case StepsEnum.SELECT_EVALUATION:\n        return (\n          <EvaluationQueueList\n            projectId={projectId}\n            submissonName={submissionName}\n            onSubmissionNameChange={setSubmissionName}\n            selectedEvaluation={selectedEval}\n            onEvaluationChange={value => {\n              setStep({ ...step, confirmEnabled: true })\n              setSelectedEval(value)\n            }}\n          />\n        )\n      case StepsEnum.SUBMISSION_SUCCESS:\n        return (\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            Your submission will be scored and results posted to the Challenge\n            Leaderboard.\n          </Typography>\n        )\n      default:\n        return <></>\n    }\n  }\n\n  return (\n    <StepperDialog\n      errorMessage={errorMessage}\n      onCancel={hide}\n      onStepChange={handleStepChange as (arg: string) => void}\n      open={isShowingModal}\n      onConfirm={() => {\n        onConfirmHandler()\n      }}\n      confirming={confirming}\n      step={step}\n      content={stepperContent()}\n      loading={false}\n    />\n  )\n}\n\nexport default ChallengeSubmissionStepper\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeSubmissionStepper.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmissionStepper.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  DockerCommit,\n  EvaluationSubmission,\n  TeamSubmissionEligibility,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport StepperDialog from '../StepperDialog'\nimport { Step } from '../StepperDialog/StepperDialog'\nimport { displayToast } from '../ToastMessage'\nimport { EntityItem } from './ChallengeSubmission'\nimport EvaluationQueueList from './EvaluationQueueList'\nimport SubmissionCommitList from './SubmissionCommitList'\n\nenum StepsEnum {\n  SELECT_COMMIT = 'SELECT_COMMIT',\n  SELECT_EVALUATION = 'SELECT_EVALUATION',\n  SUBMISSION_SUCCESS = 'SUBMISSION_SUCCESS',\n}\ntype StepKey = keyof typeof StepsEnum\ntype StepList<TStepId = string> = {\n  [key in StepKey]: Step<TStepId>\n}\n\nconst stepsDocker: StepList<StepsEnum> = {\n  SELECT_COMMIT: {\n    id: StepsEnum.SELECT_COMMIT,\n    title: 'Select Commit for Submission',\n    nextStep: StepsEnum.SELECT_EVALUATION,\n    nextEnabled: false,\n  },\n  SELECT_EVALUATION: {\n    id: StepsEnum.SELECT_EVALUATION,\n    title: 'Select Evaluation Queue',\n    previousStep: StepsEnum.SELECT_COMMIT,\n    confirmStep: StepsEnum.SUBMISSION_SUCCESS,\n    confirmButtonText: 'Submit',\n  },\n  SUBMISSION_SUCCESS: {\n    id: StepsEnum.SUBMISSION_SUCCESS,\n    title: 'Submission Successful!',\n    confirmButtonText: 'Close',\n    confirmEnabled: true,\n  },\n}\n\nconst stepsFile: StepList<StepsEnum> = {\n  SELECT_COMMIT: { id: StepsEnum.SELECT_COMMIT, title: '' },\n  SELECT_EVALUATION: {\n    id: StepsEnum.SELECT_EVALUATION,\n    title: 'Select Evaluation Queue',\n    confirmStep: StepsEnum.SUBMISSION_SUCCESS,\n    confirmButtonText: 'Submit',\n  },\n  SUBMISSION_SUCCESS: {\n    id: StepsEnum.SUBMISSION_SUCCESS,\n    title: 'Submission Successful!',\n    confirmButtonText: 'Close',\n    confirmEnabled: true,\n  },\n}\n\nconst getSteps = (\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file,\n) => {\n  return entityType === EntityType.dockerrepo ? stepsDocker : stepsFile\n}\n\ntype ChallengeSubmissionStepperProps = {\n  projectId: string\n  userId: string\n  teamId: string\n  entity: EntityItem\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  isShowingModal: boolean\n  onClose: () => void\n}\n\nfunction ChallengeSubmissionStepper({\n  projectId,\n  userId,\n  teamId,\n  entity,\n  entityType,\n  isShowingModal,\n  onClose,\n}: ChallengeSubmissionStepperProps) {\n  const { accessToken } = useSynapseContext()\n  const steps = getSteps(entityType)\n  const initialStep =\n    entityType === EntityType.dockerrepo\n      ? steps.SELECT_COMMIT\n      : steps.SELECT_EVALUATION\n  const [step, setStep] = useState<Step<StepsEnum>>(initialStep)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [selectedCommit, setSelectedCommit] = useState<DockerCommit>()\n\n  const [submissionName, setSubmissionName] = useState<string>('')\n  const [selectedEval, setSelectedEval] = useState<string | undefined>()\n  const [confirming, setConfirming] = useState<boolean>(false)\n\n  const hide = () => {\n    setErrorMessage(undefined)\n    setSelectedCommit(undefined)\n    setSubmissionName('')\n    setSelectedEval(undefined)\n    setConfirming(false)\n    onClose()\n    setStep(initialStep)\n  }\n\n  function handleStepChange(value?: StepsEnum) {\n    if (!value || !steps[value]) return\n    setErrorMessage(undefined)\n    setStep(steps[value])\n  }\n\n  async function confirmEligibility() {\n    if (!selectedEval) return setErrorMessage('Please select an evaluation.')\n    try {\n      return await SynapseClient.getSubmissionEligibility(\n        selectedEval,\n        teamId,\n        accessToken,\n      )\n    } catch (err) {\n      return setErrorMessage(err.message)\n    }\n  }\n\n  async function submitForEvaluation(eligibility: TeamSubmissionEligibility) {\n    if (!entity.id || (entityType === EntityType.dockerrepo && !selectedCommit))\n      return setErrorMessage('Error: Invalid entity or commit.')\n\n    const contributors = eligibility.membersEligibility\n      .filter(\n        member =>\n          !member.hasConflictingSubmission &&\n          member.isEligible &&\n          !member.isQuotaFilled &&\n          member.isRegistered,\n      )\n      .map(member => {\n        return { principalId: member.principalId.toString() }\n      })\n\n    const submission: EvaluationSubmission = {\n      userId: userId,\n      evaluationId: selectedEval!,\n      entityId: entity.id,\n      versionNumber: entity.versionNumber ?? -1,\n      teamId: teamId,\n      contributors,\n    }\n    if (entityType === EntityType.dockerrepo) {\n      submission.dockerRepositoryName = entity.repositoryName\n      submission.dockerDigest = selectedCommit!.digest\n    }\n\n    if (submissionName !== '') submission['name'] = submissionName\n\n    try {\n      await SynapseClient.submitToEvaluation(\n        accessToken,\n        submission,\n        entity.etag!,\n        eligibility.eligibilityStateHash,\n      )\n      displayToast('Submitted successfully!', 'success')\n      hide()\n    } catch (e) {\n      setErrorMessage(e.message)\n    }\n  }\n\n  const onConfirmHandler = async () => {\n    const eligibility = await confirmEligibility()\n    if (eligibility) {\n      await submitForEvaluation(eligibility)\n    }\n  }\n\n  const onCommitChanged = (value: DockerCommit) => {\n    setSelectedCommit(value)\n    setStep({ ...step, nextEnabled: true })\n  }\n\n  function stepperContent() {\n    switch (step.id) {\n      case StepsEnum.SELECT_COMMIT:\n        return (\n          <SubmissionCommitList\n            repository={entity}\n            selectedCommit={selectedCommit}\n            onCommitChanged={onCommitChanged}\n          />\n        )\n        break\n      case StepsEnum.SELECT_EVALUATION:\n        return (\n          <EvaluationQueueList\n            projectId={projectId}\n            submissonName={submissionName}\n            onSubmissionNameChange={setSubmissionName}\n            selectedEvaluation={selectedEval}\n            onEvaluationChange={value => {\n              setStep({ ...step, confirmEnabled: true })\n              setSelectedEval(value)\n            }}\n          />\n        )\n      case StepsEnum.SUBMISSION_SUCCESS:\n        return (\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            Your submission will be scored and results posted to the Challenge\n            Leaderboard.\n          </Typography>\n        )\n      default:\n        return <></>\n    }\n  }\n\n  return (\n    <StepperDialog\n      errorMessage={errorMessage}\n      onCancel={hide}\n      onStepChange={handleStepChange as (arg: string) => void}\n      open={isShowingModal}\n      onConfirm={() => {\n        onConfirmHandler()\n      }}\n      confirming={confirming}\n      step={step}\n      content={stepperContent()}\n      loading={false}\n    />\n  )\n}\n\nexport default ChallengeSubmissionStepper\n"],"mappings":"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"}

package/dist/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,EAAa,EAErD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,EAAa;AAEhD,SAAgB;AAEd,EAAI,KAAe,CAAC,KACb,GAAe;IAErB;EAAC;EAAe;EAAa;EAAmB,CAAC;CAOpD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,KAAM,IAAI,EAAE,EAC3D,CAAC,GAAc,MAAM,CACtB,CAEyD;AA+B1D,QACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,aAAgB,CAAA;GAC3D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,UAAe,CAAA;;IAAE,EAAW,EAAM,GAAc,WAAW,CAAC;IAClE,EAAA,CAAA;GAEL,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,QAAa,CAAA;;IAAE,EAAW,EAAM,GAAc,SAAS,CAAC;IAC9D,EAAA,CAAA;GAEN,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,sBAA2B,CAAA;IAAC;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,aAAa,CAAC,cACrC,CACA,KAAK,KAAK,KACb;IACF,EAAA,CAAA;GACH,EAAA,CAAA;YAKD,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,YAAY,EAAI,CAAA;EAClC,CAAA"}
+{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,EAAa,EAErD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,EAAa;AAEhD,SAAgB;AAEd,EAAI,KAAe,CAAC,KACb,GAAe;IAErB;EAAC;EAAe;EAAa;EAAmB,CAAC;CAOpD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,KAAM,IAAI,EAAE,EAC3D,CAAC,GAAc,MAAM,CAG4B,CAAO;AA+B1D,QACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,aAAgB,CAAA;GAC3D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,UAAe,CAAA;;IAAE,EAAW,EAAM,GAAc,WAAW,CAAC;IAClE,EAAA,CAAA;GAEL,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,QAAa,CAAA;;IAAE,EAAW,EAAM,GAAc,SAAS,CAAC;IAC9D,EAAA,CAAA;GAEN,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,sBAA2B,CAAA;IAAC;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,aAAa,CAAC,cACrC,CACA,KAAK,KAAK,KACb;IACF,EAAA,CAAA;GACH,EAAA,CAIa;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,YAAY,EAAI,CAAA;EAClC,CAAA"}

package/dist/components/ChallengeSubmission/EvaluationQueueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueList.tsx"],"sourcesContent":["import EvaluationQueueCurrentRoundInfo from '@/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo'\nimport { useGetEntityEvaluations } from '@/synapse-queries'\nimport { Alert, Box, Radio, TextField, Typography } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { ACCESS_TYPE, Evaluation } from '@sage-bionetworks/synapse-types'\n\ntype EvaluationQueueListProps = {\n  projectId: string\n  submissonName: string\n  selectedEvaluation: string | undefined\n  onSubmissionNameChange: (value: string) => void\n  onEvaluationChange: (value: string) => void\n  submissionError?: string\n}\n\nfunction EvaluationQueueList({\n  projectId,\n  submissonName,\n  selectedEvaluation,\n  onSubmissionNameChange,\n  onEvaluationChange,\n  submissionError,\n}: EvaluationQueueListProps) {\n  const { isLoading, data: evaluations } = useGetEntityEvaluations(projectId, {\n    activeOnly: true,\n    accessType: ACCESS_TYPE.SUBMIT,\n  })\n\n  const columns: GridColDef<Evaluation>[] = [\n    {\n      field: 'radiobutton',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => {\n        return (\n          <Radio\n            value={params.id as string}\n            checked={params.id === selectedEvaluation}\n            onChange={event => onEvaluationChange(event.target.value)}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'info',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => (\n        <EvaluationQueueCurrentRoundInfo evaluationId={params.id as string} />\n      ),\n    },\n  ]\n\n  return (\n    <Box>\n      <Box\n        sx={{ display: 'flex', backgroundColor: '#FBFBFC', padding: '10px' }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          Evaluation Queues\n        </Typography>\n      </Box>\n      <DataGrid\n        columns={columns}\n        rows={evaluations || []}\n        hideFooter\n        density=\"compact\"\n        autoHeight\n        loading={isLoading}\n        slots={{\n          toolbar: () => null,\n        }}\n        sx={{\n          fontSize: '14px',\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeaders': {\n            display: 'none',\n          },\n          '& .MuiDataGrid-virtualScroller': {\n            marginTop: '0px !important',\n          },\n          '& .Mui-odd': {\n            backgroundColor: '#FBFBFC',\n          },\n          '.MuiDataGrid-columnHeaderTitleContainer': {\n            justifyContent: 'space-between',\n          },\n          '.radio': {\n            display: 'flex',\n            alignItems: 'center',\n            height: '100%',\n          },\n        }}\n        getRowClassName={params =>\n          params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n        }\n        showToolbar\n      />\n      <Box\n        sx={{\n          mt: 3,\n        }}\n      >\n        <Typography variant=\"body1\">Submission Name (optional)</Typography>\n        <TextField\n          id=\"submissionName\"\n          name=\"submissionName\"\n          fullWidth\n          onChange={e => onSubmissionNameChange(e.target.value)}\n          value={submissonName}\n        />\n        {submissionError && (\n          <Box\n            sx={{\n              mt: 1,\n            }}\n          >\n            <Alert severity=\"error\">{submissionError}</Alert>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nexport default EvaluationQueueList\n"],"mappings":";;;;;;;;AAeA,SAAS,EAAoB,EAC3B,cACA,kBACA,uBACA,2BACA,uBACA,sBAC2B;CAC3B,IAAM,EAAE,cAAW,MAAM,MAAgB,EAAwB,GAAW;EAC1E,YAAY;EACZ,YAAY,EAAY;EACzB,CAAC;AAwCF,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IAAE,SAAS;IAAQ,iBAAiB;IAAW,SAAS;IAAQ;aAEpE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,YAAY;KAAK;cAC9D;IAEY,CAAA;GACT,CAAA;EACN,kBAAC,GAAD;GACW,SAnD2B;IACxC;KACE,OAAO;KACP,OAAO;KACP,UAAU;KACV,YAAY;KACZ,UAAU;KACV,mBAAmB;KACnB,aAAY,MAER,kBAAC,GAAD;MACE,OAAO,EAAO;MACd,SAAS,EAAO,OAAO;MACvB,WAAU,MAAS,EAAmB,EAAM,OAAO,MAAM;MACzD,CAAA;KAGP;IACD;KACE,OAAO;KACP,MAAM;KACN,YAAY;KACZ,UAAU;KACV,mBAAmB;KACpB;IACD;KACE,OAAO;KACP,OAAO;KACP,UAAU;KACV,YAAY;KACZ,UAAU;KACV,mBAAmB;KACnB,aAAY,MACV,kBAAC,GAAD,EAAiC,cAAc,EAAO,IAAgB,CAAA;KAEzE;IACF;GAgBK,MAAM,KAAe,EAAE;GACvB,YAAA;GACA,SAAQ;GACR,YAAA;GACA,SAAS;GACT,OAAO,EACL,eAAe,MAChB;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,gCAAgC,EAC9B,SAAS,QACV;IACD,kCAAkC,EAChC,WAAW,kBACZ;IACD,cAAc,EACZ,iBAAiB,WAClB;IACD,2CAA2C,EACzC,gBAAgB,iBACjB;IACD,UAAU;KACR,SAAS;KACT,YAAY;KACZ,QAAQ;KACT;IACF;GACD,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;GAE7D,aAAA;GACA,CAAA;EACF,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;aAHH;IAKE,kBAAC,GAAD;KAAY,SAAQ;eAAQ;KAAuC,CAAA;IACnE,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,WAAA;KACA,WAAU,MAAK,EAAuB,EAAE,OAAO,MAAM;KACrD,OAAO;KACP,CAAA;IACD,KACC,kBAAC,GAAD;KACE,IAAI,EACF,IAAI,GACL;eAED,kBAAC,GAAD;MAAO,UAAS;gBAAS;MAAwB,CAAA;KAC7C,CAAA;IAEJ;;EACF,EAAA,CAAA"}
+{"version":3,"file":"EvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueList.tsx"],"sourcesContent":["import EvaluationQueueCurrentRoundInfo from '@/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo'\nimport { useGetEntityEvaluations } from '@/synapse-queries'\nimport { Alert, Box, Radio, TextField, Typography } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { ACCESS_TYPE, Evaluation } from '@sage-bionetworks/synapse-types'\n\ntype EvaluationQueueListProps = {\n  projectId: string\n  submissonName: string\n  selectedEvaluation: string | undefined\n  onSubmissionNameChange: (value: string) => void\n  onEvaluationChange: (value: string) => void\n  submissionError?: string\n}\n\nfunction EvaluationQueueList({\n  projectId,\n  submissonName,\n  selectedEvaluation,\n  onSubmissionNameChange,\n  onEvaluationChange,\n  submissionError,\n}: EvaluationQueueListProps) {\n  const { isLoading, data: evaluations } = useGetEntityEvaluations(projectId, {\n    activeOnly: true,\n    accessType: ACCESS_TYPE.SUBMIT,\n  })\n\n  const columns: GridColDef<Evaluation>[] = [\n    {\n      field: 'radiobutton',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => {\n        return (\n          <Radio\n            value={params.id as string}\n            checked={params.id === selectedEvaluation}\n            onChange={event => onEvaluationChange(event.target.value)}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'info',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => (\n        <EvaluationQueueCurrentRoundInfo evaluationId={params.id as string} />\n      ),\n    },\n  ]\n\n  return (\n    <Box>\n      <Box\n        sx={{ display: 'flex', backgroundColor: '#FBFBFC', padding: '10px' }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          Evaluation Queues\n        </Typography>\n      </Box>\n      <DataGrid\n        columns={columns}\n        rows={evaluations || []}\n        hideFooter\n        density=\"compact\"\n        autoHeight\n        loading={isLoading}\n        slots={{\n          toolbar: () => null,\n        }}\n        sx={{\n          fontSize: '14px',\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeaders': {\n            display: 'none',\n          },\n          '& .MuiDataGrid-virtualScroller': {\n            marginTop: '0px !important',\n          },\n          '& .Mui-odd': {\n            backgroundColor: '#FBFBFC',\n          },\n          '.MuiDataGrid-columnHeaderTitleContainer': {\n            justifyContent: 'space-between',\n          },\n          '.radio': {\n            display: 'flex',\n            alignItems: 'center',\n            height: '100%',\n          },\n        }}\n        getRowClassName={params =>\n          params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n        }\n        showToolbar\n      />\n      <Box\n        sx={{\n          mt: 3,\n        }}\n      >\n        <Typography variant=\"body1\">Submission Name (optional)</Typography>\n        <TextField\n          id=\"submissionName\"\n          name=\"submissionName\"\n          fullWidth\n          onChange={e => onSubmissionNameChange(e.target.value)}\n          value={submissonName}\n        />\n        {submissionError && (\n          <Box\n            sx={{\n              mt: 1,\n            }}\n          >\n            <Alert severity=\"error\">{submissionError}</Alert>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nexport default EvaluationQueueList\n"],"mappings":";;;;;;;;AAeA,SAAS,EAAoB,EAC3B,cACA,kBACA,uBACA,2BACA,uBACA,sBAC2B;CAC3B,IAAM,EAAE,cAAW,MAAM,MAAgB,EAAwB,GAAW;EAC1E,YAAY;EACZ,YAAY,EAAY;EACzB,CAAC;AAwCF,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IAAE,SAAS;IAAQ,iBAAiB;IAAW,SAAS;IAAQ;aAEpE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,YAAY;KAAK;cAC9D;IAEY,CAAA;GACT,CAAA;EACN,kBAAC,GAAD;GACW,SAAA;IAlDb;KACE,OAAO;KACP,OAAO;KACP,UAAU;KACV,YAAY;KACZ,UAAU;KACV,mBAAmB;KACnB,aAAY,MAER,kBAAC,GAAD;MACE,OAAO,EAAO;MACd,SAAS,EAAO,OAAO;MACvB,WAAU,MAAS,EAAmB,EAAM,OAAO,MAAM;MACzD,CAAA;KAGP;IACD;KACE,OAAO;KACP,MAAM;KACN,YAAY;KACZ,UAAU;KACV,mBAAmB;KACpB;IACD;KACE,OAAO;KACP,OAAO;KACP,UAAU;KACV,YAAY;KACZ,UAAU;KACV,mBAAmB;KACnB,aAAY,MACV,kBAAC,GAAD,EAAiC,cAAc,EAAO,IAAgB,CAAA;KAEzE;IAgBY;GACT,MAAM,KAAe,EAAE;GACvB,YAAA;GACA,SAAQ;GACR,YAAA;GACA,SAAS;GACT,OAAO,EACL,eAAe,MAChB;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,gCAAgC,EAC9B,SAAS,QACV;IACD,kCAAkC,EAChC,WAAW,kBACZ;IACD,cAAc,EACZ,iBAAiB,WAClB;IACD,2CAA2C,EACzC,gBAAgB,iBACjB;IACD,UAAU;KACR,SAAS;KACT,YAAY;KACZ,QAAQ;KACT;IACF;GACD,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;GAE7D,aAAA;GACA,CAAA;EACF,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;aAHH;IAKE,kBAAC,GAAD;KAAY,SAAQ;eAAQ;KAAuC,CAAA;IACnE,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,WAAA;KACA,WAAU,MAAK,EAAuB,EAAE,OAAO,MAAM;KACrD,OAAO;KACP,CAAA;IACD,KACC,kBAAC,GAAD;KACE,IAAI,EACF,IAAI,GACL;eAED,kBAAC,GAAD;MAAO,UAAS;gBAAS;MAAwB,CAAA;KAC7C,CAAA;IAEJ;;EACF,EAAA,CAAA"}

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionDirectoryList.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAuB7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAQlD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,cAAc,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,cAAc,GACf,EAAE,4BAA4B,2CAub9B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"SubmissionDirectoryList.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAuB7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAQlD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,cAAc,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,cAAc,GACf,EAAE,4BAA4B,2CAmc9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.js

@@ -2,71 +2,71 @@ import { BackendDestinationEnum as e, getEndpoint as t } from "../../utils/funct
 import n from "../../synapse-client/index.js";
 import { ErrorBanner as r } from "../error/ErrorBanner.js";
 import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
-import { invalidateAllQueriesForEntity as ee } from "../../synapse-queries/QueryFilterUtils.js";
+import { invalidateAllQueriesForEntity as a } from "../../synapse-queries/QueryFilterUtils.js";
 import "../../utils/index.js";
-import { useGetEntities as te } from "../../synapse-queries/entity/useEntity.js";
-import { useGetEntityChildren as ne } from "../../synapse-queries/entity/useGetEntityChildren.js";
+import { useGetEntities as ee } from "../../synapse-queries/entity/useEntity.js";
+import { useGetEntityChildren as o } from "../../synapse-queries/entity/useGetEntityChildren.js";
 import "../../synapse-queries/index.js";
-import a from "../ConfirmationDialog/index.js";
-import { formatDate as re } from "../../utils/functions/DateFormatter.js";
-import o from "../IconSvg/index.js";
-import { CopyToClipboardIcon as s } from "../CopyToClipboardIcon.js";
-import ie from "../FileUpload/index.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { Box as d, Button as ae, Radio as oe, Typography as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Direction as h, FILE_ENTITY_CONCRETE_TYPE_VALUE as g, SortBy as se } from "@sage-bionetworks/synapse-types";
-import { EntityType as _ } from "@sage-bionetworks/synapse-client";
-import { useQueryClient as v } from "@tanstack/react-query";
-import { InfoTwoTone as y } from "@mui/icons-material";
-import { Link as b } from "react-router";
-import x from "dayjs";
-import { DataGrid as S } from "@mui/x-data-grid";
+import s from "../ConfirmationDialog/index.js";
+import { formatDate as c } from "../../utils/functions/DateFormatter.js";
+import te from "../IconSvg/index.js";
+import { CopyToClipboardIcon as ne } from "../CopyToClipboardIcon.js";
+import l from "../FileUpload/index.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { Box as p, Button as re, Radio as m, Typography as h } from "@mui/material";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Direction as ie, FILE_ENTITY_CONCRETE_TYPE_VALUE as y, SortBy as ae } from "@sage-bionetworks/synapse-types";
+import { EntityType as b } from "@sage-bionetworks/synapse-client";
+import { useQueryClient as x } from "@tanstack/react-query";
+import { NotesTwoTone as oe } from "@mui/icons-material";
+import { Link as S } from "react-router";
+import C from "dayjs";
+import { DataGrid as se } from "@mui/x-data-grid";
 //#region src/components/ChallengeSubmission/SubmissionDirectoryList.tsx
-function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected: E }) {
-	let D = v(), { accessToken: O, keyFactory: k } = i(), [A, ce] = u(0), [j, M] = u(), [N, P] = u(), [F, I] = u(), [L, R] = u([]), [z, B] = u(), [V, H] = u(!1), [U, W] = u(!1), [G, K] = u(), q = C, J = `${t(e.PORTAL_ENDPOINT)}Synapse:${w}`, { data: Y, refetch: le } = ne({
-		parentId: w,
-		nextPageToken: V ? z : null,
-		includeTypes: [T],
+function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected: D }) {
+	let O = x(), { accessToken: k, keyFactory: A } = i(), [j, ce] = f(0), [M, N] = f(), [P, F] = f(), [I, L] = f(), [R, z] = f([]), [B, V] = f(), [H, U] = f(!1), [W, G] = f(!1), [K, q] = f(), J = w, Y = `${t(e.PORTAL_ENDPOINT)}Synapse:${T}`, { data: X, refetch: le } = o({
+		parentId: T,
+		nextPageToken: H ? B : null,
+		includeTypes: [E],
 		includeTotalChildCount: !0,
-		sortBy: se.MODIFIED_ON,
-		sortDirection: h.DESC
+		sortBy: ae.MODIFIED_ON,
+		sortDirection: ie.DESC
 	}, {
-		enabled: !!w,
+		enabled: !!T,
 		throwOnError: !0
 	});
-	c(() => {
-		if (Y) {
-			let e = [...L], t = Math.floor((A + 1) * q / 50) * 50;
-			e.splice(t, t + 50, ...Y.page), R(e), H(!1), B(Y.nextPageToken);
+	u(() => {
+		if (X) {
+			let e = [...R], t = Math.floor((j + 1) * J / 50) * 50;
+			e.splice(t, t + 50, ...X.page), z(e), U(!1), V(X.nextPageToken);
 		}
-	}, [Y]);
+	}, [X]);
 	function ue() {
-		let e = A * q;
-		return L.slice(e, e + q);
+		let e = j * J;
+		return R.slice(e, e + J);
 	}
-	function X() {
-		P(void 0), I(void 0), R([]), B(void 0), H(!1), le();
+	function Z() {
+		F(void 0), L(void 0), z([]), V(void 0), U(!1), le();
 	}
-	c(() => {
-		X();
-	}, [T, C]);
-	let Z = te(ue()), Q = l(() => Z.filter((e) => e.status === "success").map((e) => e.data), [Z]), de = Z.some((e) => e.isLoading), fe = async (e) => {
-		I(!1);
-		let t = Q.find((t) => t?.id === e);
+	u(() => {
+		Z();
+	}, [E, w]);
+	let Q = ee(ue()), $ = d(() => Q.filter((e) => e.status === "success").map((e) => e.data), [Q]), de = Q.some((e) => e.isLoading), fe = async (e) => {
+		L(!1);
+		let t = $.find((t) => t?.id === e);
 		if (t) {
-			if (M(t), T === _.dockerrepo) {
+			if (N(t), E === b.dockerrepo) {
 				let e;
 				try {
-					e = await n.getDockerTag(t.id, O, 0, 1);
+					e = await n.getDockerTag(t.id, k, 0, 1);
 				} catch (e) {
-					return P(e.message);
+					return F(e.message);
 				}
-				if (e.totalNumberOfResults === 0) return P("No commits have been made to this repository. Please select a repository with at least one commit.");
+				if (e.totalNumberOfResults === 0) return F("No commits have been made to this repository. Please select a repository with at least one commit.");
 			}
-			I(!0), P(void 0);
+			L(!0), F(void 0);
 		}
-	}, $ = [
+	}, pe = [
 		{
 			field: "radiobutton",
 			headerName: "",
@@ -75,9 +75,9 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			filterable: !1,
 			hideable: !1,
 			disableColumnMenu: !0,
-			renderCell: (e) => /* @__PURE__ */ p(oe, {
+			renderCell: (e) => /* @__PURE__ */ _(m, {
 				value: e.id,
-				checked: e.id === j?.id,
+				checked: e.id === M?.id,
 				onChange: (e) => {
 					fe(e.target.value);
 				}
@@ -85,12 +85,12 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 		},
 		{
 			field: "name",
-			headerName: T === _.dockerrepo ? "Docker Repository" : "File Name",
+			headerName: E === b.dockerrepo ? "Docker Repository" : "File Name",
 			flex: 1,
 			filterable: !1,
 			hideable: !1,
 			disableColumnMenu: !0,
-			renderCell: (n) => /* @__PURE__ */ p(b, {
+			renderCell: (n) => /* @__PURE__ */ _(S, {
 				to: { pathname: `${t(e.PORTAL_ENDPOINT)}Synapse:${n.row.id}` },
 				target: "_blank",
 				children: n.row.name
@@ -112,130 +112,156 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			hideable: !1,
 			disableColumnMenu: !0
 		}
-	], pe = (e) => {
+	], me = (e) => {
 		let t = [];
 		return e.forEach((e) => {
 			t.push({
 				id: e.id,
-				name: T === _.dockerrepo ? e.repositoryName ?? e.name : e.name,
-				modifiedOn: re(x(e.modifiedOn), "MM/DD/YY")
+				name: E === b.dockerrepo ? e.repositoryName ?? e.name : e.name,
+				modifiedOn: c(C(e.modifiedOn), "MM/DD/YY")
 			});
 		}), t;
-	}, me = (e) => {
-		Math.min(Y?.totalChildCount ?? 0, (e + 1) * q) > L.length && H(!0), ce(e);
-	}, he = () => {
-		E(j);
+	}, he = (e) => {
+		Math.min(X?.totalChildCount ?? 0, (e + 1) * J) > R.length && U(!0), ce(e);
+	}, ge = () => {
+		D(M);
 	};
-	function ge(e) {
+	function _e(e) {
 		if (!e) return;
 		let { fileHandleId: t, fileName: r } = e, i = {
-			parentId: w,
+			parentId: T,
 			name: r,
-			concreteType: g,
+			concreteType: y,
 			dataFileHandleId: t
 		};
-		n.createEntity(i, O).then(() => {
-			X();
+		n.createEntity(i, k).then(() => {
+			Z();
 		}).catch((e) => {
-			P(e.reason);
+			F(e.reason);
 		});
 	}
-	async function _e() {
-		if (!G) return;
-		let { fileHandleId: e, entityId: t } = G;
-		if (!t) return P("Error: missing entityId. Please try again.");
+	async function ve() {
+		if (!K) return;
+		let { fileHandleId: e, entityId: t } = K;
+		if (!t) return F("Error: missing entityId. Please try again.");
 		let r;
 		try {
-			r = await n.getEntity(O, t);
+			r = await n.getEntity(k, t);
 		} catch {
-			return P(`The entity ${t} could not be retrieved.`);
+			return F(`The entity ${t} could not be retrieved.`);
 		}
 		let i = {
 			id: r.id,
 			name: r.name,
 			dataFileHandleId: e,
-			concreteType: g,
+			concreteType: y,
 			parentId: r.parentId,
 			etag: r.etag,
 			modifiedOn: r.modifiedOn
 		};
 		try {
-			let e = await n.updateEntity(i, O, !0);
-			await ee(D, k, e.id), D.setQueryData(k.getEntityQueryKey(e.id), e), X();
+			let e = await n.updateEntity(i, k, !0);
+			await a(O, A, e.id), O.setQueryData(A.getEntityQueryKey(e.id), e), Z();
 		} catch (e) {
-			P(e.reason);
+			F(e.reason);
 		}
 	}
-	let ve = async (e) => {
+	let ye = async (e) => {
 		if (e.success && e.resp) {
 			let { fileName: t } = e.resp, r = {
 				entityName: t,
-				parentId: w
+				parentId: T
 			};
 			try {
-				let t = await n.lookupChildEntity(r, O);
-				t && (K({
+				let t = await n.lookupChildEntity(r, k);
+				t && (q({
 					...e.resp,
 					entityId: t.id
-				}), W(!0));
+				}), G(!0));
 			} catch {
-				K(void 0), ge(e.resp);
+				q(void 0), _e(e.resp);
 			}
-		} else !e.success && e.error ? P(e.error.reason) : P("An unknown error occurred. Please try again.");
+		} else !e.success && e.error ? F(e.error.reason) : F("An unknown error occurred. Please try again.");
 	};
-	return /* @__PURE__ */ m(d, { children: [
-		/* @__PURE__ */ m(d, {
+	return /* @__PURE__ */ v(p, { children: [
+		/* @__PURE__ */ v(p, {
 			sx: {
 				display: "flex",
 				backgroundColor: "#FBFBFC",
 				padding: "10px",
 				justifyContent: "space-between"
 			},
-			children: [/* @__PURE__ */ p(f, {
+			children: [/* @__PURE__ */ _(h, {
 				variant: "h6",
 				sx: {
 					fontSize: "18px",
 					lineHeight: "20px",
 					fontWeight: 700
 				},
-				children: "Your Submission Directory"
-			}), /* @__PURE__ */ m(d, {
+				children: E === b.file ? "Submit File" : "Submit Docker Image"
+			}), /* @__PURE__ */ v(p, {
 				sx: { display: "flex" },
-				children: [/* @__PURE__ */ m(f, {
+				children: [/* @__PURE__ */ v(h, {
 					variant: "body1",
 					sx: {
 						fontSize: "14px",
 						color: "#71767F"
 					},
 					children: [
-						"Project SynID:",
+						"Your Project SynID:",
 						"  ",
-						/* @__PURE__ */ p(b, {
-							to: { pathname: J },
+						/* @__PURE__ */ _(S, {
+							to: { pathname: Y },
 							target: "_blank",
-							children: w
+							children: T
 						})
 					]
-				}), /* @__PURE__ */ p(s, {
-					value: J,
+				}), /* @__PURE__ */ _(ne, {
+					value: Y,
 					sx: { marginTop: "-4px" }
 				})]
 			})]
 		}),
-		/* @__PURE__ */ p(d, { children: /* @__PURE__ */ p(S, {
+		/* @__PURE__ */ v(p, {
+			sx: {
+				my: 3,
+				display: "flex"
+			},
+			children: [/* @__PURE__ */ _(oe, { sx: {
+				width: "16px",
+				height: "16px",
+				verticalAlign: "text-bottom"
+			} }), /* @__PURE__ */ v(p, {
+				sx: { ml: 1 },
+				children: [E === b.file && /* @__PURE__ */ _(g, { children: "Choose a prediction file from your submission directory below and click \"Submit Selection\" to pick an evaluation queue. If you need to add a new file, click \"Upload File\" first." }), E === b.dockerrepo && /* @__PURE__ */ v(g, { children: [
+					"Choose a Docker image from your submission directory below and click \"Submit Selection\" to pick an image version and evaluation queue. If you need to upload a new image to your project (",
+					/* @__PURE__ */ _("code", { children: T }),
+					"), see our",
+					" ",
+					/* @__PURE__ */ _(S, {
+						to: "https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model",
+						target: "_blank",
+						children: "Docker model submission guide"
+					}),
+					" ",
+					"for command-line instructions on how to build and upload."
+				] })]
+			})]
+		}),
+		/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(se, {
 			loading: de,
-			columns: $,
-			rows: pe(Q),
-			rowCount: Y?.totalChildCount ?? 0,
+			columns: pe,
+			rows: me($),
+			rowCount: X?.totalChildCount ?? 0,
 			pagination: !0,
 			paginationMode: "server",
 			paginationModel: {
-				page: A,
-				pageSize: q
+				page: j,
+				pageSize: J
 			},
-			pageSizeOptions: [q],
+			pageSizeOptions: [J],
 			onPaginationModelChange: ({ page: e }) => {
-				me(e);
+				he(e);
 			},
 			density: "compact",
 			autoHeight: !0,
@@ -254,75 +280,52 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			},
 			getRowClassName: (e) => e.indexRelativeToCurrentPage % 2 == 0 ? "Mui-even" : "Mui-odd"
 		}) }),
-		N && /* @__PURE__ */ p(r, { error: N }),
-		/* @__PURE__ */ m(d, {
+		P && /* @__PURE__ */ _(r, { error: P }),
+		/* @__PURE__ */ v(p, {
 			sx: {
 				display: "flex",
 				justifyContent: "space-between"
 			},
-			children: [T === _.file && /* @__PURE__ */ p(ie, {
+			children: [E === b.file && /* @__PURE__ */ _(l, {
 				label: "Upload File",
 				buttonProps: {
 					variant: "outlined",
-					endIcon: /* @__PURE__ */ p(o, { icon: "upload" }),
+					endIcon: /* @__PURE__ */ _(te, { icon: "upload" }),
 					sx: { lineHeight: 1 }
 				},
 				onComplete: (e) => {
-					ve(e);
+					ye(e);
 				}
-			}), /* @__PURE__ */ p(ae, {
+			}), /* @__PURE__ */ _(re, {
 				color: "primary",
 				variant: "contained",
-				onClick: he,
-				disabled: !F,
+				onClick: ge,
+				disabled: !I,
 				children: "Submit Selection"
 			})]
 		}),
-		T === _.dockerrepo && /* @__PURE__ */ m(d, {
-			sx: {
-				mt: 4,
-				display: "flex"
-			},
-			children: [/* @__PURE__ */ p(y, { sx: {
-				width: "16px",
-				height: "16px",
-				verticalAlign: "text-bottom"
-			} }), /* @__PURE__ */ m(d, {
-				sx: { ml: 2 },
-				children: [
-					"To learn more about how to create and submit the Docker containers using command line, see our",
-					" ",
-					/* @__PURE__ */ p(b, {
-						to: "https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model",
-						target: "_blank",
-						children: "Docker model submission guide"
-					}),
-					"."
-				]
-			})]
-		}),
-		/* @__PURE__ */ p(a, {
-			open: U,
+		/* @__PURE__ */ _(s, {
+			open: W,
 			title: "File exists",
-			content: /* @__PURE__ */ m(f, {
+			content: /* @__PURE__ */ v(h, {
 				variant: "body1",
 				sx: { fontSize: "16px" },
 				children: [
 					"A file named \"",
-					G?.fileName,
+					K?.fileName,
 					"\" (",
-					G?.entityId,
+					K?.entityId,
 					") already exists in this location. Do you want to update the existing file and create a new version?"
 				]
 			}),
-			onCancel: () => W(!1),
+			onCancel: () => G(!1),
 			onConfirm: () => {
-				_e(), W(!1);
+				ve(), G(!1);
 			}
 		})
 	] });
 }
 //#endregion
-export { C as default };
+export { w as default };
 
 //# sourceMappingURL=SubmissionDirectoryList.js.map