synapse-react-client 4.0.18 → 4.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"ChallengeSubmission.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"sourcesContent":["import { createEntity } from '@/synapse-client'\nimport {\n  useGetCurrentUserProfile,\n  useGetEntityACL,\n  useGetEntityAlias,\n  useGetEntityChallenge,\n  useGetEntityPermissions,\n  useGetUserSubmissionTeams,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetTeam } from '@/synapse-queries/team/useTeam'\nimport { useSynapseContext } from '@/utils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ACCESS_TYPE,\n  Challenge,\n  Entity,\n  Project,\n  PROJECT_CONCRETE_TYPE_VALUE,\n  ResourceAccess,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport ChallengeSubmissionStepper from './ChallengeSubmissionStepper'\nimport SubmissionDirectoryList from './SubmissionDirectoryList'\n\nexport type EntityItem = Entity & {\n  repositoryName?: string\n  versionNumber?: number\n}\n\nexport type ChallengeSubmissionProps = {\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  pageSize: number\n  projectId: string\n}\n\nexport function ChallengeSubmission({\n  entityType,\n  projectId,\n  pageSize = 10,\n}: ChallengeSubmissionProps) {\n  const { isAuthenticated, accessToken } = useSynapseContext()\n\n  const [loading, setLoading] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [submissionTeamId, setSubmissionTeamId] = useState<string>()\n  const [challengeProjectId, setChallengeProjectId] = useState<string>()\n  const [newProject, setNewProject] = useState<Project>()\n  const [isProjectNewlyCreated, setIsProjectNewlyCreated] = useState<boolean>()\n  const [projectAliasFound, setProjectAliasFound] = useState<boolean>()\n  const { mutate: updateACL } = useUpdateEntityACL()\n  const [canSubmit, setCanSubmit] = useState<boolean>(false)\n  const [selectedEntity, setSelectedEntity] = useState<EntityItem>()\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const EMPTY_ID = ''\n\n  const getProject = (c: Challenge, t: Team): Project => {\n    const name = `Challenge Submission Project-${c.projectId}-${t.id}`\n    const alias = name.replace(/\\s+/g, '_').replace(/-+/g, '_').toLowerCase()\n    return {\n      name,\n      alias,\n      concreteType: PROJECT_CONCRETE_TYPE_VALUE,\n      description: `This Project was automatically created for Team \"${t.name}\" for Challenge \"${c.id}\"`,\n    }\n  }\n\n  // Use the existing accessToken if present to get the current user's profile / userId\n  const { data: userProfile, isLoading: isProfileLoading } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n      throwOnError: true,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated && !!projectId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  // Determine whether or not the given user belongs to any submission teams\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id ?? EMPTY_ID,\n    2,\n  )\n\n  useEffect(() => {\n    if (isAuthenticated && !!challenge && userSubmissionTeams) {\n      const isReg = userSubmissionTeams.results.length > 0\n      if (!isReg) {\n        setErrorMessage(\n          'Error: Please join a Submission Team before continuing.',\n        )\n        return setLoading(false)\n      }\n      if (userSubmissionTeams.results.length > 1) {\n        setErrorMessage(\n          'Error: You are a member of more than one Submission Team. You may only belong to one Submission Team per Challenge.',\n        )\n        return setLoading(false)\n      }\n      setSubmissionTeamId(userSubmissionTeams.results[0])\n    }\n  }, [challenge, isAuthenticated, userSubmissionTeams])\n\n  const { data: submissionTeam } = useGetTeam(submissionTeamId!, {\n    enabled: !!submissionTeamId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: entityAlias } = useGetEntityAlias(\n    newProject?.alias ?? EMPTY_ID,\n    {\n      enabled: newProject !== undefined && !!challenge && !!submissionTeam,\n      throwOnError: true,\n    },\n  )\n  useEffect(() => {\n    if (entityAlias) {\n      setProjectAliasFound(true)\n      setChallengeProjectId(entityAlias.id)\n    } else {\n      setProjectAliasFound(false)\n    }\n  }, [entityAlias])\n\n  /**\n   * If the challenge project was just created, retrieve its ACL\n   * and add the submission team to it\n   */\n  const { data: entityACL } = useGetEntityACL(challengeProjectId ?? EMPTY_ID, {\n    enabled: !!challengeProjectId && isProjectNewlyCreated === true,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (entityACL && isProjectNewlyCreated === true) {\n      // Give submission team admin access to challenge project\n      const teamResourceAccess: ResourceAccess = {\n        principalId: Number(submissionTeam!.id),\n        accessType: [\n          ACCESS_TYPE.CHANGE_PERMISSIONS,\n          ACCESS_TYPE.CHANGE_SETTINGS,\n          ACCESS_TYPE.CREATE,\n          ACCESS_TYPE.DELETE,\n          ACCESS_TYPE.DOWNLOAD,\n          ACCESS_TYPE.MODERATE,\n          ACCESS_TYPE.READ,\n          ACCESS_TYPE.UPDATE,\n        ],\n      }\n      updateACL({\n        ...entityACL,\n        resourceAccess: [...entityACL.resourceAccess, teamResourceAccess],\n      })\n      setIsProjectNewlyCreated(false)\n    }\n  }, [entityACL])\n\n  const { data: entityPermissions } = useGetEntityPermissions(\n    challengeProjectId!,\n    {\n      enabled: !!challengeProjectId,\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  useEffect(() => {\n    if (\n      entityPermissions &&\n      entityPermissions.canView &&\n      entityPermissions.canAddChild\n    ) {\n      setCanSubmit(true)\n    }\n    setLoading(false)\n  }, [entityPermissions])\n\n  useEffect(() => {\n    if (!isAuthenticated && (!!userProfile || !isProfileLoading)) {\n      setLoading(false)\n      setErrorMessage('Please login to continue.')\n    }\n  }, [isAuthenticated, userProfile, isProfileLoading])\n\n  useEffect(() => {\n    if (isAuthenticated && submissionTeam && challenge && !newProject) {\n      const project = getProject(challenge, submissionTeam)\n      setNewProject(project)\n    }\n  }, [isAuthenticated, submissionTeam, challenge, newProject])\n\n  useEffect(() => {\n    async function createChallengeProject() {\n      const project: Project = getProject(challenge!, submissionTeam!)\n      const challengeProject = await createEntity(project, accessToken)\n      if (challengeProject && challengeProject.id) {\n        setChallengeProjectId(challengeProject.id)\n        setIsProjectNewlyCreated(true)\n      }\n    }\n    if (\n      isAuthenticated &&\n      submissionTeam &&\n      challenge &&\n      newProject &&\n      projectAliasFound === false\n    ) {\n      createChallengeProject()\n    }\n  }, [\n    isAuthenticated,\n    submissionTeam,\n    challenge,\n    newProject,\n    projectAliasFound,\n    accessToken,\n  ])\n\n  const itemSelectedHandler = (entity: EntityItem) => {\n    setSelectedEntity(entity)\n    setIsShowingModal(true)\n  }\n\n  const onModalClose = () => {\n    setIsShowingModal(false)\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      {loading && (\n        <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n      )}\n      {canSubmit && (\n        <>\n          <SubmissionDirectoryList\n            entityType={entityType}\n            pageSize={pageSize}\n            challengeProjectId={challengeProjectId!}\n            onItemSelected={itemSelectedHandler}\n          />\n          {userProfile && selectedEntity && (\n            <ChallengeSubmissionStepper\n              projectId={projectId}\n              userId={userProfile?.ownerId}\n              teamId={submissionTeamId!}\n              entity={selectedEntity}\n              entityType={entityType}\n              isShowingModal={isShowingModal}\n              onClose={onModalClose}\n            />\n          )}\n        </>\n      )}\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ChallengeSubmission\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeSubmission.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"sourcesContent":["import { createEntity } from '@/synapse-client'\nimport {\n  useGetCurrentUserProfile,\n  useGetEntityACL,\n  useGetEntityAlias,\n  useGetEntityChallenge,\n  useGetEntityPermissions,\n  useGetUserSubmissionTeams,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetTeam } from '@/synapse-queries/team/useTeam'\nimport { useSynapseContext } from '@/utils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ACCESS_TYPE,\n  Challenge,\n  Entity,\n  Project,\n  PROJECT_CONCRETE_TYPE_VALUE,\n  ResourceAccess,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport ChallengeSubmissionStepper from './ChallengeSubmissionStepper'\nimport SubmissionDirectoryList from './SubmissionDirectoryList'\n\nexport type EntityItem = Entity & {\n  repositoryName?: string\n  versionNumber?: number\n}\n\nexport type ChallengeSubmissionProps = {\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  pageSize: number\n  projectId: string\n}\n\nexport function ChallengeSubmission({\n  entityType,\n  projectId,\n  pageSize = 10,\n}: ChallengeSubmissionProps) {\n  const { isAuthenticated, accessToken } = useSynapseContext()\n\n  const [loading, setLoading] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [submissionTeamId, setSubmissionTeamId] = useState<string>()\n  const [challengeProjectId, setChallengeProjectId] = useState<string>()\n  const [newProject, setNewProject] = useState<Project>()\n  const [isProjectNewlyCreated, setIsProjectNewlyCreated] = useState<boolean>()\n  const [projectAliasFound, setProjectAliasFound] = useState<boolean>()\n  const { mutate: updateACL } = useUpdateEntityACL()\n  const [canSubmit, setCanSubmit] = useState<boolean>(false)\n  const [selectedEntity, setSelectedEntity] = useState<EntityItem>()\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const EMPTY_ID = ''\n\n  const getProject = (c: Challenge, t: Team): Project => {\n    const name = `Challenge Submission Project-${c.projectId}-${t.id}`\n    const alias = name.replace(/\\s+/g, '_').replace(/-+/g, '_').toLowerCase()\n    return {\n      name,\n      alias,\n      concreteType: PROJECT_CONCRETE_TYPE_VALUE,\n      description: `This Project was automatically created for Team \"${t.name}\" for Challenge \"${c.id}\"`,\n    }\n  }\n\n  // Use the existing accessToken if present to get the current user's profile / userId\n  const { data: userProfile, isLoading: isProfileLoading } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n      throwOnError: true,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated && !!projectId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  // Determine whether or not the given user belongs to any submission teams\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id ?? EMPTY_ID,\n    2,\n  )\n\n  useEffect(() => {\n    if (isAuthenticated && !!challenge && userSubmissionTeams) {\n      const isReg = userSubmissionTeams.results.length > 0\n      if (!isReg) {\n        setErrorMessage(\n          'Error: Please join a Submission Team before continuing.',\n        )\n        return setLoading(false)\n      }\n      if (userSubmissionTeams.results.length > 1) {\n        setErrorMessage(\n          'Error: You are a member of more than one Submission Team. You may only belong to one Submission Team per Challenge.',\n        )\n        return setLoading(false)\n      }\n      setSubmissionTeamId(userSubmissionTeams.results[0])\n    }\n  }, [challenge, isAuthenticated, userSubmissionTeams])\n\n  const { data: submissionTeam } = useGetTeam(submissionTeamId!, {\n    enabled: !!submissionTeamId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: entityAlias } = useGetEntityAlias(\n    newProject?.alias ?? EMPTY_ID,\n    {\n      enabled: newProject !== undefined && !!challenge && !!submissionTeam,\n      throwOnError: true,\n    },\n  )\n  useEffect(() => {\n    if (entityAlias) {\n      setProjectAliasFound(true)\n      setChallengeProjectId(entityAlias.id)\n    } else {\n      setProjectAliasFound(false)\n    }\n  }, [entityAlias])\n\n  /**\n   * If the challenge project was just created, retrieve its ACL\n   * and add the submission team to it\n   */\n  const { data: entityACL } = useGetEntityACL(challengeProjectId ?? EMPTY_ID, {\n    enabled: !!challengeProjectId && isProjectNewlyCreated === true,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (entityACL && isProjectNewlyCreated === true) {\n      // Give submission team admin access to challenge project\n      const teamResourceAccess: ResourceAccess = {\n        principalId: Number(submissionTeam!.id),\n        accessType: [\n          ACCESS_TYPE.CHANGE_PERMISSIONS,\n          ACCESS_TYPE.CHANGE_SETTINGS,\n          ACCESS_TYPE.CREATE,\n          ACCESS_TYPE.DELETE,\n          ACCESS_TYPE.DOWNLOAD,\n          ACCESS_TYPE.MODERATE,\n          ACCESS_TYPE.READ,\n          ACCESS_TYPE.UPDATE,\n        ],\n      }\n      updateACL({\n        ...entityACL,\n        resourceAccess: [...entityACL.resourceAccess, teamResourceAccess],\n      })\n      setIsProjectNewlyCreated(false)\n    }\n  }, [entityACL])\n\n  const { data: entityPermissions } = useGetEntityPermissions(\n    challengeProjectId!,\n    {\n      enabled: !!challengeProjectId,\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  useEffect(() => {\n    if (\n      entityPermissions &&\n      entityPermissions.canView &&\n      entityPermissions.canAddChild\n    ) {\n      setCanSubmit(true)\n    }\n    setLoading(false)\n  }, [entityPermissions])\n\n  useEffect(() => {\n    if (!isAuthenticated && (!!userProfile || !isProfileLoading)) {\n      setLoading(false)\n      setErrorMessage('Please login to continue.')\n    }\n  }, [isAuthenticated, userProfile, isProfileLoading])\n\n  useEffect(() => {\n    if (isAuthenticated && submissionTeam && challenge && !newProject) {\n      const project = getProject(challenge, submissionTeam)\n      setNewProject(project)\n    }\n  }, [isAuthenticated, submissionTeam, challenge, newProject])\n\n  useEffect(() => {\n    async function createChallengeProject() {\n      const project: Project = getProject(challenge!, submissionTeam!)\n      const challengeProject = await createEntity(project, accessToken)\n      if (challengeProject && challengeProject.id) {\n        setChallengeProjectId(challengeProject.id)\n        setIsProjectNewlyCreated(true)\n      }\n    }\n    if (\n      isAuthenticated &&\n      submissionTeam &&\n      challenge &&\n      newProject &&\n      projectAliasFound === false\n    ) {\n      createChallengeProject()\n    }\n  }, [\n    isAuthenticated,\n    submissionTeam,\n    challenge,\n    newProject,\n    projectAliasFound,\n    accessToken,\n  ])\n\n  const itemSelectedHandler = (entity: EntityItem) => {\n    setSelectedEntity(entity)\n    setIsShowingModal(true)\n  }\n\n  const onModalClose = () => {\n    setIsShowingModal(false)\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      {loading && (\n        <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n      )}\n      {canSubmit && (\n        <>\n          <SubmissionDirectoryList\n            entityType={entityType}\n            pageSize={pageSize}\n            challengeProjectId={challengeProjectId!}\n            onItemSelected={itemSelectedHandler}\n          />\n          {userProfile && selectedEntity && (\n            <ChallengeSubmissionStepper\n              projectId={projectId}\n              userId={userProfile?.ownerId}\n              teamId={submissionTeamId!}\n              entity={selectedEntity}\n              entityType={entityType}\n              isShowingModal={isShowingModal}\n              onClose={onModalClose}\n            />\n          )}\n        </>\n      )}\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ChallengeSubmission\n"],"mappings":"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"}

package/dist/components/ChallengeSubmission/ChallengeSubmissionStepper.js

@@ -11,107 +11,105 @@ import { Typography as s } from "@mui/material";
 import { Fragment as c, jsx as l } from "react/jsx-runtime";
 import { EntityType as u } from "@sage-bionetworks/synapse-client";
 //#region src/components/ChallengeSubmission/ChallengeSubmissionStepper.tsx
-var d = /* @__PURE__ */ function(e) {
-	return e.SELECT_COMMIT = "SELECT_COMMIT", e.SELECT_EVALUATION = "SELECT_EVALUATION", e.SUBMISSION_SUCCESS = "SUBMISSION_SUCCESS", e;
-}(d || {}), f = {
+var d = {
 	SELECT_COMMIT: {
-		id: d.SELECT_COMMIT,
+		id: "SELECT_COMMIT",
 		title: "Select Commit for Submission",
-		nextStep: d.SELECT_EVALUATION,
+		nextStep: "SELECT_EVALUATION",
 		nextEnabled: !1
 	},
 	SELECT_EVALUATION: {
-		id: d.SELECT_EVALUATION,
+		id: "SELECT_EVALUATION",
 		title: "Select Evaluation Queue",
-		previousStep: d.SELECT_COMMIT,
-		confirmStep: d.SUBMISSION_SUCCESS,
+		previousStep: "SELECT_COMMIT",
+		confirmStep: "SUBMISSION_SUCCESS",
 		confirmButtonText: "Submit"
 	},
 	SUBMISSION_SUCCESS: {
-		id: d.SUBMISSION_SUCCESS,
+		id: "SUBMISSION_SUCCESS",
 		title: "Submission Successful!",
 		confirmButtonText: "Close",
 		confirmEnabled: !0
 	}
-}, p = {
+}, f = {
 	SELECT_COMMIT: {
-		id: d.SELECT_COMMIT,
+		id: "SELECT_COMMIT",
 		title: ""
 	},
 	SELECT_EVALUATION: {
-		id: d.SELECT_EVALUATION,
+		id: "SELECT_EVALUATION",
 		title: "Select Evaluation Queue",
-		confirmStep: d.SUBMISSION_SUCCESS,
+		confirmStep: "SUBMISSION_SUCCESS",
 		confirmButtonText: "Submit"
 	},
 	SUBMISSION_SUCCESS: {
-		id: d.SUBMISSION_SUCCESS,
+		id: "SUBMISSION_SUCCESS",
 		title: "Submission Successful!",
 		confirmButtonText: "Close",
 		confirmEnabled: !0
 	}
-}, m = (e) => e === u.dockerrepo ? f : p;
-function h({ projectId: f, userId: p, teamId: h, entity: g, entityType: _, isShowingModal: v, onClose: y }) {
-	let { accessToken: b } = n(), x = m(_), S = _ === u.dockerrepo ? x.SELECT_COMMIT : x.SELECT_EVALUATION, [C, w] = o(S), [T, E] = o(), [D, O] = o(), [k, A] = o(""), [j, M] = o(), [N, P] = o(!1), F = () => {
-		E(void 0), O(void 0), A(""), M(void 0), P(!1), y(), w(S);
+}, p = (e) => e === u.dockerrepo ? d : f;
+function m({ projectId: d, userId: f, teamId: m, entity: h, entityType: g, isShowingModal: _, onClose: v }) {
+	let { accessToken: y } = n(), b = p(g), x = g === u.dockerrepo ? b.SELECT_COMMIT : b.SELECT_EVALUATION, [S, C] = o(x), [w, T] = o(), [E, D] = o(), [O, k] = o(""), [A, j] = o(), [M, N] = o(!1), P = () => {
+		T(void 0), D(void 0), k(""), j(void 0), N(!1), v(), C(x);
 	};
-	function I(e) {
-		!e || !x[e] || (E(void 0), w(x[e]));
+	function F(e) {
+		!e || !b[e] || (T(void 0), C(b[e]));
 	}
-	async function L() {
-		if (!j) return E("Please select an evaluation.");
+	async function I() {
+		if (!A) return T("Please select an evaluation.");
 		try {
-			return await t.getSubmissionEligibility(j, h, b);
+			return await t.getSubmissionEligibility(A, m, y);
 		} catch (e) {
-			return E(e.message);
+			return T(e.message);
 		}
 	}
-	async function R(n) {
-		if (!g.id || _ === u.dockerrepo && !D) return E("Error: Invalid entity or commit.");
+	async function L(n) {
+		if (!h.id || g === u.dockerrepo && !E) return T("Error: Invalid entity or commit.");
 		let r = n.membersEligibility.filter((e) => !e.hasConflictingSubmission && e.isEligible && !e.isQuotaFilled && e.isRegistered).map((e) => ({ principalId: e.principalId.toString() })), i = {
-			userId: p,
-			evaluationId: j,
-			entityId: g.id,
-			versionNumber: g.versionNumber ?? -1,
-			teamId: h,
+			userId: f,
+			evaluationId: A,
+			entityId: h.id,
+			versionNumber: h.versionNumber ?? -1,
+			teamId: m,
 			contributors: r
 		};
-		_ === u.dockerrepo && (i.dockerRepositoryName = g.repositoryName, i.dockerDigest = D.digest), k !== "" && (i.name = k);
+		g === u.dockerrepo && (i.dockerRepositoryName = h.repositoryName, i.dockerDigest = E.digest), O !== "" && (i.name = O);
 		try {
-			await t.submitToEvaluation(b, i, g.etag, n.eligibilityStateHash), e("Submitted successfully!", "success"), F();
+			await t.submitToEvaluation(y, i, h.etag, n.eligibilityStateHash), e("Submitted successfully!", "success"), P();
 		} catch (e) {
-			E(e.message);
+			T(e.message);
 		}
 	}
-	let z = async () => {
-		let e = await L();
-		e && await R(e);
-	}, B = (e) => {
-		O(e), w({
-			...C,
+	let R = async () => {
+		let e = await I();
+		e && await L(e);
+	}, z = (e) => {
+		D(e), C({
+			...S,
 			nextEnabled: !0
 		});
 	};
-	function V() {
-		switch (C.id) {
-			case d.SELECT_COMMIT: return /* @__PURE__ */ l(a, {
-				repository: g,
-				selectedCommit: D,
-				onCommitChanged: B
+	function B() {
+		switch (S.id) {
+			case "SELECT_COMMIT": return /* @__PURE__ */ l(a, {
+				repository: h,
+				selectedCommit: E,
+				onCommitChanged: z
 			});
-			case d.SELECT_EVALUATION: return /* @__PURE__ */ l(i, {
-				projectId: f,
-				submissonName: k,
-				onSubmissionNameChange: A,
-				selectedEvaluation: j,
+			case "SELECT_EVALUATION": return /* @__PURE__ */ l(i, {
+				projectId: d,
+				submissonName: O,
+				onSubmissionNameChange: k,
+				selectedEvaluation: A,
 				onEvaluationChange: (e) => {
-					w({
-						...C,
+					C({
+						...S,
 						confirmEnabled: !0
-					}), M(e);
+					}), j(e);
 				}
 			});
-			case d.SUBMISSION_SUCCESS: return /* @__PURE__ */ l(s, {
+			case "SUBMISSION_SUCCESS": return /* @__PURE__ */ l(s, {
 				variant: "body1",
 				sx: { fontSize: "16px" },
 				children: "Your submission will be scored and results posted to the Challenge Leaderboard."
@@ -120,20 +118,20 @@ function h({ projectId: f, userId: p, teamId: h, entity: g, entityType: _, isSho
 		}
 	}
 	return /* @__PURE__ */ l(r, {
-		errorMessage: T,
-		onCancel: F,
-		onStepChange: I,
-		open: v,
+		errorMessage: w,
+		onCancel: P,
+		onStepChange: F,
+		open: _,
 		onConfirm: () => {
-			z();
+			R();
 		},
-		confirming: N,
-		step: C,
-		content: V(),
+		confirming: M,
+		step: S,
+		content: B(),
 		loading: !1
 	});
 }
 //#endregion
-export { h as default };
+export { m as default };
 
 //# sourceMappingURL=ChallengeSubmissionStepper.js.map

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,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"}
+{"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,CAAY,GAEpD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,CAAY;CAE/C,QAAgB;EAEd,AAAI,KAAe,CAAC,KAClB,EAAmB;CAEvB,GAAG;EAAC;EAAe;EAAa;CAAkB,CAAC;CAOnD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,GAAc,KAAK,CAG6B,CAAM;CA+BzD,OACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,YAAe,CAAA;GAC1D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,UAAU,CAAC;GAClE,EAAA,CAAA;GAEJ,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,QAAQ,CAAC;GAC9D,EAAA,CAAA;GAEL,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,qBAA0B,CAAA;IAAE;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,YAAY,EAAE,aACtC,EACC,KAAK,IAAI,MACZ;GACH,EAAA,CAAA;EACH,EAAA,CAIc;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;CAClC,CAAA;AAEb"}

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,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"}
+{"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;CAC1B,CAAC;CAwCD,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IAAE,SAAS;IAAQ,iBAAiB;IAAW,SAAS;GAAO;aAEnE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,YAAY;IAAI;cAC7D;GAEW,CAAA;EACT,CAAA;EACL,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,KAAK;KACzD,CAAA;IAGP;IACA;KACE,OAAO;KACP,MAAM;KACN,YAAY;KACZ,UAAU;KACV,mBAAmB;IACrB;IACA;KACE,OAAO;KACP,OAAO;KACP,UAAU;KACV,YAAY;KACZ,UAAU;KACV,mBAAmB;KACnB,aAAY,MACV,kBAAC,GAAD,EAAiC,cAAc,EAAO,GAAe,CAAA;IAEzE;GAgBa;GACT,MAAM,KAAe,CAAC;GACtB,YAAA;GACA,SAAQ;GACR,YAAA;GACA,SAAS;GACT,OAAO,EACL,eAAe,KACjB;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,gCAAgC,EAC9B,SAAS,OACX;IACA,kCAAkC,EAChC,WAAW,iBACb;IACA,cAAc,EACZ,iBAAiB,UACnB;IACA,2CAA2C,EACzC,gBAAgB,gBAClB;IACA,UAAU;KACR,SAAS;KACT,YAAY;KACZ,QAAQ;IACV;GACF;GACA,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;GAE7D,aAAA;EACD,CAAA;EACD,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;aAHF;IAKE,kBAAC,GAAD;KAAY,SAAQ;eAAQ;IAAsC,CAAA;IAClE,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,WAAA;KACA,WAAU,MAAK,EAAuB,EAAE,OAAO,KAAK;KACpD,OAAO;IACR,CAAA;IACA,KACC,kBAAC,GAAD;KACE,IAAI,EACF,IAAI,EACN;eAEA,kBAAC,GAAD;MAAO,UAAS;gBAAS;KAAuB,CAAA;IAC7C,CAAA;GAEJ;;CACF,EAAA,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubmissionCommitList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionCommitList.tsx"],"sourcesContent":["import { useGetDockerTags } from '@/synapse-queries/docker'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { Box, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport {\n  Direction,\n  DockerCommit,\n  SortBy,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionCommitRow = {\n  id: string\n  createdOn: string\n  digest: string\n  tag: string\n}\n\ntype SubmissionCommitListProps = {\n  repository: EntityItem\n  selectedCommit: DockerCommit | undefined\n  onCommitChanged: (value: DockerCommit) => void\n}\n\nfunction SubmissionCommitList({\n  repository,\n  selectedCommit,\n  onCommitChanged,\n}: SubmissionCommitListProps) {\n  const [page, setPage] = useState<number>(0)\n  const PER_PAGE = 10\n\n  const { isLoading, data: commitResults } = useGetDockerTags(\n    repository.id!,\n    page * PER_PAGE,\n    PER_PAGE,\n    SortBy.CREATED_ON,\n    Direction.DESC,\n  )\n\n  const commitChangeHandler = (digest: string) => {\n    const commits = commitResults?.results ?? []\n    const commit = commits.find(commit => commit.digest === digest)\n    if (commit) onCommitChanged(commit)\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\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 === selectedCommit?.digest}\n            onChange={event => commitChangeHandler(event.target.value)}\n          />\n        )\n      },\n    },\n    {\n      field: 'tag',\n      headerName: 'Tag',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'createdOn',\n      headerName: 'Created On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'digest',\n      headerName: 'Digest',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (commits: DockerCommit[]) => {\n    const newRows: SubmissionCommitRow[] = []\n    commits.forEach(commit => {\n      newRows.push({\n        id: commit.digest,\n        tag: commit.tag,\n        digest: commit.digest,\n        createdOn: formatDate(dayjs(commit.createdOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const getPageData = () => {\n    return getRows(commitResults?.results ?? [])\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    setPage(newPageNum)\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          Available commits for {repository.repositoryName}\n        </Typography>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={isLoading}\n          columns={columns}\n          rows={getPageData()}\n          rowCount={commitResults?.totalNumberOfResults ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          onPaginationModelChange={({ page }) => handlePageChange(page)}\n          pageSizeOptions={[PER_PAGE]}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\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        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default SubmissionCommitList\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,EAAqB,EAC5B,eACA,mBACA,sBAC4B;CAC5B,IAAM,CAAC,GAAM,KAAW,EAAiB,EAAE,EAGrC,EAAE,cAAW,MAAM,MAAkB,EACzC,EAAW,IACX,IAAO,IACP,IACA,EAAO,YACP,EAAU,KACX,EAEK,KAAuB,MAAmB;EAE9C,IAAM,KADU,GAAe,WAAW,EAAE,EACrB,MAAK,MAAU,EAAO,WAAW,EAAO;AAC/D,EAAI,KAAQ,EAAgB,EAAO;IAG/B,IAAwB;EAC5B;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,UAAU;GACV,YAAY;GACZ,UAAU;GACV,mBAAmB;GACnB,aAAY,MAER,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,SAAS,EAAO,OAAO,GAAgB;IACvC,WAAU,MAAS,EAAoB,EAAM,OAAO,MAAM;IAC1D,CAAA;GAGP;EACD;GACE,OAAO;GACP,YAAY;GACZ,MAAM;GACN,YAAY;GACZ,UAAU;GACV,mBAAmB;GACpB;EACD;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;GACpB;EACD;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;GACpB;EACF,EAEK,KAAW,MAA4B;EAC3C,IAAM,IAAiC,EAAE;AASzC,SARA,EAAQ,SAAQ,MAAU;AACxB,KAAQ,KAAK;IACX,IAAI,EAAO;IACX,KAAK,EAAO;IACZ,QAAQ,EAAO;IACf,WAAW,EAAW,EAAM,EAAO,UAAU,EAAE,WAAW;IAC3D,CAAC;IACF,EACK;IAGH,UACG,EAAQ,GAAe,WAAW,EAAE,CAAC,EAGxC,KAAoB,MAAuB;AAC/C,IAAQ,EAAW;;AAGrB,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,gBAAgB;GACjB;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,UAAU;IAAQ,YAAY;IAAQ,YAAY;IAAK;aAF/D,CAGC,0BACwB,EAAW,eACvB;;EACT,CAAA,EACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,SAAS;EACA;EACT,MAAM,GAAa;EACnB,UAAU,GAAe,wBAAwB;EACjD,YAAA;EACA,gBAAe;EACf,iBAAiB;GAAE;GAAM,UAAU;GAAU;EAC7C,0BAA0B,EAAE,cAAW,EAAiB,EAAK;EAC7D,iBAAiB,CAAC,GAAS;EAC3B,SAAQ;EACR,YAAA;EACA,IAAI;GACF,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,+BAA+B,EAC7B,iBAAiB,WAClB;GACD,cAAc,EACZ,iBAAiB,WAClB;GACD,2CAA2C,EACzC,gBAAgB,iBACjB;GACD,UAAU;IACR,SAAS;IACT,YAAY;IACZ,QAAQ;IACT;GACF;EACD,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;EAE7D,CAAA,EACE,CAAA,CACF,EAAA,CAAA"}
+{"version":3,"file":"SubmissionCommitList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionCommitList.tsx"],"sourcesContent":["import { useGetDockerTags } from '@/synapse-queries/docker'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { Box, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport {\n  Direction,\n  DockerCommit,\n  SortBy,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionCommitRow = {\n  id: string\n  createdOn: string\n  digest: string\n  tag: string\n}\n\ntype SubmissionCommitListProps = {\n  repository: EntityItem\n  selectedCommit: DockerCommit | undefined\n  onCommitChanged: (value: DockerCommit) => void\n}\n\nfunction SubmissionCommitList({\n  repository,\n  selectedCommit,\n  onCommitChanged,\n}: SubmissionCommitListProps) {\n  const [page, setPage] = useState<number>(0)\n  const PER_PAGE = 10\n\n  const { isLoading, data: commitResults } = useGetDockerTags(\n    repository.id!,\n    page * PER_PAGE,\n    PER_PAGE,\n    SortBy.CREATED_ON,\n    Direction.DESC,\n  )\n\n  const commitChangeHandler = (digest: string) => {\n    const commits = commitResults?.results ?? []\n    const commit = commits.find(commit => commit.digest === digest)\n    if (commit) onCommitChanged(commit)\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\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 === selectedCommit?.digest}\n            onChange={event => commitChangeHandler(event.target.value)}\n          />\n        )\n      },\n    },\n    {\n      field: 'tag',\n      headerName: 'Tag',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'createdOn',\n      headerName: 'Created On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'digest',\n      headerName: 'Digest',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (commits: DockerCommit[]) => {\n    const newRows: SubmissionCommitRow[] = []\n    commits.forEach(commit => {\n      newRows.push({\n        id: commit.digest,\n        tag: commit.tag,\n        digest: commit.digest,\n        createdOn: formatDate(dayjs(commit.createdOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const getPageData = () => {\n    return getRows(commitResults?.results ?? [])\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    setPage(newPageNum)\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          Available commits for {repository.repositoryName}\n        </Typography>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={isLoading}\n          columns={columns}\n          rows={getPageData()}\n          rowCount={commitResults?.totalNumberOfResults ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          onPaginationModelChange={({ page }) => handlePageChange(page)}\n          pageSizeOptions={[PER_PAGE]}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\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        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default SubmissionCommitList\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,EAAqB,EAC5B,eACA,mBACA,sBAC4B;CAC5B,IAAM,CAAC,GAAM,KAAW,EAAiB,CAAC,GAGpC,EAAE,cAAW,MAAM,MAAkB,EACzC,EAAW,IACX,IAAO,IACP,IACA,EAAO,YACP,EAAU,IACZ,GAEM,KAAuB,MAAmB;EAE9C,IAAM,KADU,GAAe,WAAW,CAAC,GACpB,MAAK,MAAU,EAAO,WAAW,CAAM;EAC9D,AAAI,KAAQ,EAAgB,CAAM;CACpC,GAEM,IAAwB;EAC5B;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,UAAU;GACV,YAAY;GACZ,UAAU;GACV,mBAAmB;GACnB,aAAY,MAER,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,SAAS,EAAO,OAAO,GAAgB;IACvC,WAAU,MAAS,EAAoB,EAAM,OAAO,KAAK;GAC1D,CAAA;EAGP;EACA;GACE,OAAO;GACP,YAAY;GACZ,MAAM;GACN,YAAY;GACZ,UAAU;GACV,mBAAmB;EACrB;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;EACrB;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;EACrB;CACF,GAEM,KAAW,MAA4B;EAC3C,IAAM,IAAiC,CAAC;EASxC,OARA,EAAQ,SAAQ,MAAU;GACxB,EAAQ,KAAK;IACX,IAAI,EAAO;IACX,KAAK,EAAO;IACZ,QAAQ,EAAO;IACf,WAAW,EAAW,EAAM,EAAO,SAAS,GAAG,UAAU;GAC3D,CAAC;EACH,CAAC,GACM;CACT,GAEM,UACG,EAAQ,GAAe,WAAW,CAAC,CAAC,GAGvC,KAAoB,MAAuB;EAC/C,EAAQ,CAAU;CACpB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,gBAAgB;EAClB;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,UAAU;IAAQ,YAAY;IAAQ,YAAY;GAAI;aAF9D,CAGC,0BACwB,EAAW,cACxB;;CACT,CAAA,GACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,SAAS;EACA;EACT,MAAM,EAAY;EAClB,UAAU,GAAe,wBAAwB;EACjD,YAAA;EACA,gBAAe;EACf,iBAAiB;GAAE;GAAM,UAAU;EAAS;EAC5C,0BAA0B,EAAE,cAAW,EAAiB,CAAI;EAC5D,iBAAiB,CAAC,EAAQ;EAC1B,SAAQ;EACR,YAAA;EACA,IAAI;GACF,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,+BAA+B,EAC7B,iBAAiB,UACnB;GACA,cAAc,EACZ,iBAAiB,UACnB;GACA,2CAA2C,EACzC,gBAAgB,gBAClB;GACA,UAAU;IACR,SAAS;IACT,YAAY;IACZ,QAAQ;GACV;EACF;EACA,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;CAE9D,CAAA,EACE,CAAA,CACF,EAAA,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubmissionDirectoryList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport {\n  invalidateAllQueriesForEntity,\n  useGetEntities,\n  useGetEntityChildren,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { NotesTwoTone } from '@mui/icons-material'\nimport { Box, Button, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridCellParams, GridColDef } from '@mui/x-data-grid'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Direction,\n  Entity,\n  EntityChildrenRequest,\n  EntityHeader,\n  EntityLookupRequest,\n  FILE_ENTITY_CONCRETE_TYPE_VALUE,\n  FileEntity,\n  FileUploadComplete,\n  SortBy,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FileUpload from '../FileUpload'\nimport IconSvg from '../IconSvg'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionDirectoryRow = {\n  id: string\n  name: string\n  modifiedOn: string\n}\n\ntype SubmissionDirectoryListProps = {\n  pageSize: number\n  challengeProjectId: string\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  onItemSelected: (selected: EntityItem) => void\n}\n\ntype FileUploadAttempt = FileUploadComplete & {\n  entityId?: string\n}\n\nfunction SubmissionDirectoryList({\n  pageSize,\n  challengeProjectId,\n  entityType,\n  onItemSelected,\n}: SubmissionDirectoryListProps) {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n  const [page, setPage] = useState<number>(0)\n  const [selectedItem, setSelectedItem] = useState<EntityItem | undefined>()\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [canSubmit, setCanSubmit] = useState<boolean>()\n  const [fetchedHeaders, setFetchedHeaders] = useState<EntityHeader[]>([])\n  const [nextPageToken, setNextPageToken] = useState<string | undefined>()\n  const [fetchNextPage, setFetchNextPage] = useState<boolean>(false)\n  const [confirmOpen, setConfirmOpen] = useState<boolean>(false)\n  const [uploadAttempt, setUploadAttempt] = useState<FileUploadAttempt>()\n\n  const PER_PAGE = pageSize\n  const HEADERS_PER_PAGE = 50\n  const PROJECT_URL = `${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${challengeProjectId}`\n\n  const request: EntityChildrenRequest = {\n    parentId: challengeProjectId,\n    nextPageToken: fetchNextPage ? nextPageToken : null,\n    includeTypes: [entityType],\n    includeTotalChildCount: true,\n    sortBy: SortBy.MODIFIED_ON,\n    sortDirection: Direction.DESC,\n  }\n\n  const { data: headerResults, refetch } = useGetEntityChildren(request, {\n    enabled: !!challengeProjectId,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (headerResults) {\n      const newHeaders = [...fetchedHeaders]\n      const headerPage = Math.floor(((page + 1) * PER_PAGE) / HEADERS_PER_PAGE)\n      const start = headerPage * HEADERS_PER_PAGE\n      newHeaders.splice(start, start + HEADERS_PER_PAGE, ...headerResults.page)\n      setFetchedHeaders(newHeaders)\n      setFetchNextPage(false)\n      setNextPageToken(headerResults.nextPageToken)\n    }\n    // TODO: Temporary useEffect hook to remove onSuccess QueryOption for @tanstack/react-query v5\n    // Refactor this component to remove this effect.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [headerResults])\n\n  function getPageHeaders() {\n    const pageStart = page * PER_PAGE\n    const pageHeaders = fetchedHeaders.slice(pageStart, pageStart + PER_PAGE)\n    return pageHeaders\n  }\n\n  function reset() {\n    setErrorMessage(undefined)\n    setCanSubmit(undefined)\n    setFetchedHeaders([])\n    setNextPageToken(undefined)\n    setFetchNextPage(false)\n    refetch()\n  }\n\n  useEffect(() => {\n    reset()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [entityType, pageSize])\n\n  const queries = useGetEntities(getPageHeaders())\n  const entities = useMemo(\n    () =>\n      queries\n        .filter(q => q.status === 'success')\n        .map(q => q.data) as EntityItem[],\n    [queries],\n  )\n  const areEntitiesLoading = queries.some(q => q.isLoading)\n\n  const entityChangeHandler = async (value: string) => {\n    setCanSubmit(false)\n    const entity = entities.find(entity => entity?.id === value)\n    if (entity) {\n      setSelectedItem(entity)\n      if (entityType === EntityType.dockerrepo) {\n        let commits\n        try {\n          commits = await SynapseClient.getDockerTag(\n            entity.id!,\n            accessToken,\n            0,\n            1,\n          )\n        } catch (e) {\n          return setErrorMessage(e.message)\n        }\n        if (commits.totalNumberOfResults === 0) {\n          return setErrorMessage(\n            'No commits have been made to this repository. Please select a repository with at least one commit.',\n          )\n        }\n      }\n      setCanSubmit(true)\n      setErrorMessage(undefined)\n    }\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\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}\n            checked={params.id === selectedItem?.id}\n            onChange={event => {\n              entityChangeHandler(event.target.value)\n            }}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      headerName:\n        entityType === EntityType.dockerrepo\n          ? 'Docker Repository'\n          : 'File Name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: (params: GridCellParams<Entity, SubmissionDirectoryRow>) => (\n        <Link\n          to={{\n            pathname: `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${params.row.id}`,\n          }}\n          target=\"_blank\"\n        >\n          {params.row.name}\n        </Link>\n      ),\n    },\n    {\n      field: 'modifiedOn',\n      headerName: 'Updated On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'id',\n      headerName: 'ID',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (entities: EntityItem[]) => {\n    const newRows: SubmissionDirectoryRow[] = []\n    entities.forEach(entity => {\n      newRows.push({\n        id: entity.id!,\n        name:\n          entityType === EntityType.dockerrepo\n            ? (entity.repositoryName ?? entity.name)\n            : entity.name,\n        modifiedOn: formatDate(dayjs(entity.modifiedOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    const lastIndexNeeded = Math.min(\n      headerResults?.totalChildCount ?? 0,\n      (newPageNum + 1) * PER_PAGE,\n    )\n    if (lastIndexNeeded > fetchedHeaders.length) {\n      setFetchNextPage(true)\n    }\n    setPage(newPageNum)\n  }\n\n  const itemSelectedHandler = () => {\n    onItemSelected(selectedItem!)\n  }\n\n  function createEntity(file: FileUploadAttempt) {\n    // Create Entity\n    if (!file) return\n    const { fileHandleId, fileName } = file\n    const newFileEntity: FileEntity = {\n      parentId: challengeProjectId,\n      name: fileName,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      dataFileHandleId: fileHandleId,\n    }\n    SynapseClient.createEntity(newFileEntity, accessToken)\n      .then(() => {\n        reset()\n      })\n      .catch((err: SynapseClientError) => {\n        setErrorMessage(err.reason)\n      })\n  }\n\n  async function updateEntity() {\n    if (!uploadAttempt) return\n    const { fileHandleId, entityId } = uploadAttempt\n    if (!entityId)\n      return setErrorMessage('Error: missing entityId. Please try again.')\n    // Get the entity\n    let entity: FileEntity\n    try {\n      entity = await SynapseClient.getEntity(accessToken, entityId)\n    } catch (err) {\n      return setErrorMessage(`The entity ${entityId} could not be retrieved.`)\n    }\n\n    const updateRequest: FileEntity = {\n      id: entity.id,\n      name: entity.name,\n      dataFileHandleId: fileHandleId,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      parentId: entity.parentId,\n      etag: entity.etag,\n      modifiedOn: entity.modifiedOn,\n    }\n\n    try {\n      const updatedEntity = await SynapseClient.updateEntity(\n        updateRequest,\n        accessToken,\n        true,\n      )\n      await invalidateAllQueriesForEntity(\n        queryClient,\n        keyFactory,\n        updatedEntity.id!,\n      )\n      queryClient.setQueryData(\n        keyFactory.getEntityQueryKey(updatedEntity.id!),\n        updatedEntity,\n      )\n      reset()\n    } catch (err) {\n      setErrorMessage(err.reason)\n    }\n  }\n\n  const handleUpload = async (response: UploadCallbackResp) => {\n    if (response.success && response.resp) {\n      const { fileName } = response.resp\n\n      // Lookup entity\n      const entityLookupRequest: EntityLookupRequest = {\n        entityName: fileName,\n        parentId: challengeProjectId,\n      }\n      try {\n        const entityId = await SynapseClient.lookupChildEntity(\n          entityLookupRequest,\n          accessToken,\n        )\n        // Entity exists, prompt user to update it\n        if (entityId) {\n          setUploadAttempt({ ...response.resp, entityId: entityId.id })\n          setConfirmOpen(true)\n        }\n      } catch (err) {\n        // An existing entity was not found for this file, create it\n        setUploadAttempt(undefined)\n        createEntity(response.resp)\n      }\n    } else if (!response.success && response.error) {\n      setErrorMessage(response.error.reason as string)\n    } else {\n      setErrorMessage('An unknown error occurred. Please try again.')\n    }\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          {entityType === EntityType.file\n            ? 'Submit File'\n            : 'Submit Docker Image'}\n        </Typography>\n        <Box sx={{ display: 'flex' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{ fontSize: '14px', color: '#71767F' }}\n          >\n            Your Project SynID:{'  '}\n            <Link to={{ pathname: PROJECT_URL }} target=\"_blank\">\n              {challengeProjectId}\n            </Link>\n          </Typography>\n          <CopyToClipboardIcon value={PROJECT_URL} sx={{ marginTop: '-4px' }} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          my: 3,\n          display: 'flex',\n        }}\n      >\n        <NotesTwoTone\n          sx={{\n            width: '16px',\n            height: '16px',\n            verticalAlign: 'text-bottom',\n          }}\n        />\n        <Box\n          sx={{\n            ml: 1,\n          }}\n        >\n          {entityType === EntityType.file && (\n            <>\n              Choose a prediction file from your submission directory below and\n              click \"Submit Selection\" to pick an evaluation queue. If you need\n              to add a new file, click \"Upload File\" first.\n            </>\n          )}\n          {entityType === EntityType.dockerrepo && (\n            <>\n              Choose a Docker image from your submission directory below and\n              click \"Submit Selection\" to pick an image version and evaluation\n              queue. If you need to upload a new image to your project (\n              <code>{challengeProjectId}</code>), see our{' '}\n              <Link\n                to=\"https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model\"\n                target=\"_blank\"\n              >\n                Docker model submission guide\n              </Link>{' '}\n              for command-line instructions on how to build and upload.\n            </>\n          )}\n        </Box>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={areEntitiesLoading}\n          columns={columns}\n          rows={getRows(entities)}\n          rowCount={headerResults?.totalChildCount ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          pageSizeOptions={[PER_PAGE]}\n          onPaginationModelChange={({ page }) => {\n            handlePageChange(page)\n          }}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\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        />\n      </Box>\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n        }}\n      >\n        {entityType === EntityType.file && (\n          <FileUpload\n            label=\"Upload File\"\n            buttonProps={{\n              variant: 'outlined',\n              endIcon: <IconSvg icon=\"upload\" />,\n              sx: { lineHeight: 1 },\n            }}\n            onComplete={resp => {\n              handleUpload(resp)\n            }}\n          />\n        )}\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={itemSelectedHandler}\n          disabled={!canSubmit}\n        >\n          Submit Selection\n        </Button>\n      </Box>\n      <ConfirmationDialog\n        open={confirmOpen}\n        title=\"File exists\"\n        content={\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            A file named &quot;{uploadAttempt?.fileName}&quot; (\n            {uploadAttempt?.entityId}) already exists in this location. Do you\n            want to update the existing file and create a new version?\n          </Typography>\n        }\n        onCancel={() => setConfirmOpen(false)}\n        onConfirm={() => {\n          updateEntity()\n          setConfirmOpen(false)\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default SubmissionDirectoryList\n"],"mappings":"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"}
+{"version":3,"file":"SubmissionDirectoryList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport {\n  invalidateAllQueriesForEntity,\n  useGetEntities,\n  useGetEntityChildren,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { NotesTwoTone } from '@mui/icons-material'\nimport { Box, Button, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridCellParams, GridColDef } from '@mui/x-data-grid'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Direction,\n  Entity,\n  EntityChildrenRequest,\n  EntityHeader,\n  EntityLookupRequest,\n  FILE_ENTITY_CONCRETE_TYPE_VALUE,\n  FileEntity,\n  FileUploadComplete,\n  SortBy,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FileUpload from '../FileUpload'\nimport IconSvg from '../IconSvg'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionDirectoryRow = {\n  id: string\n  name: string\n  modifiedOn: string\n}\n\ntype SubmissionDirectoryListProps = {\n  pageSize: number\n  challengeProjectId: string\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  onItemSelected: (selected: EntityItem) => void\n}\n\ntype FileUploadAttempt = FileUploadComplete & {\n  entityId?: string\n}\n\nfunction SubmissionDirectoryList({\n  pageSize,\n  challengeProjectId,\n  entityType,\n  onItemSelected,\n}: SubmissionDirectoryListProps) {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n  const [page, setPage] = useState<number>(0)\n  const [selectedItem, setSelectedItem] = useState<EntityItem | undefined>()\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [canSubmit, setCanSubmit] = useState<boolean>()\n  const [fetchedHeaders, setFetchedHeaders] = useState<EntityHeader[]>([])\n  const [nextPageToken, setNextPageToken] = useState<string | undefined>()\n  const [fetchNextPage, setFetchNextPage] = useState<boolean>(false)\n  const [confirmOpen, setConfirmOpen] = useState<boolean>(false)\n  const [uploadAttempt, setUploadAttempt] = useState<FileUploadAttempt>()\n\n  const PER_PAGE = pageSize\n  const HEADERS_PER_PAGE = 50\n  const PROJECT_URL = `${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${challengeProjectId}`\n\n  const request: EntityChildrenRequest = {\n    parentId: challengeProjectId,\n    nextPageToken: fetchNextPage ? nextPageToken : null,\n    includeTypes: [entityType],\n    includeTotalChildCount: true,\n    sortBy: SortBy.MODIFIED_ON,\n    sortDirection: Direction.DESC,\n  }\n\n  const { data: headerResults, refetch } = useGetEntityChildren(request, {\n    enabled: !!challengeProjectId,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (headerResults) {\n      const newHeaders = [...fetchedHeaders]\n      const headerPage = Math.floor(((page + 1) * PER_PAGE) / HEADERS_PER_PAGE)\n      const start = headerPage * HEADERS_PER_PAGE\n      newHeaders.splice(start, start + HEADERS_PER_PAGE, ...headerResults.page)\n      setFetchedHeaders(newHeaders)\n      setFetchNextPage(false)\n      setNextPageToken(headerResults.nextPageToken)\n    }\n    // TODO: Temporary useEffect hook to remove onSuccess QueryOption for @tanstack/react-query v5\n    // Refactor this component to remove this effect.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [headerResults])\n\n  function getPageHeaders() {\n    const pageStart = page * PER_PAGE\n    const pageHeaders = fetchedHeaders.slice(pageStart, pageStart + PER_PAGE)\n    return pageHeaders\n  }\n\n  function reset() {\n    setErrorMessage(undefined)\n    setCanSubmit(undefined)\n    setFetchedHeaders([])\n    setNextPageToken(undefined)\n    setFetchNextPage(false)\n    refetch()\n  }\n\n  useEffect(() => {\n    reset()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [entityType, pageSize])\n\n  const queries = useGetEntities(getPageHeaders())\n  const entities = useMemo(\n    () =>\n      queries\n        .filter(q => q.status === 'success')\n        .map(q => q.data) as EntityItem[],\n    [queries],\n  )\n  const areEntitiesLoading = queries.some(q => q.isLoading)\n\n  const entityChangeHandler = async (value: string) => {\n    setCanSubmit(false)\n    const entity = entities.find(entity => entity?.id === value)\n    if (entity) {\n      setSelectedItem(entity)\n      if (entityType === EntityType.dockerrepo) {\n        let commits\n        try {\n          commits = await SynapseClient.getDockerTag(\n            entity.id!,\n            accessToken,\n            0,\n            1,\n          )\n        } catch (e) {\n          return setErrorMessage(e.message)\n        }\n        if (commits.totalNumberOfResults === 0) {\n          return setErrorMessage(\n            'No commits have been made to this repository. Please select a repository with at least one commit.',\n          )\n        }\n      }\n      setCanSubmit(true)\n      setErrorMessage(undefined)\n    }\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\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}\n            checked={params.id === selectedItem?.id}\n            onChange={event => {\n              entityChangeHandler(event.target.value)\n            }}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      headerName:\n        entityType === EntityType.dockerrepo\n          ? 'Docker Repository'\n          : 'File Name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: (params: GridCellParams<Entity, SubmissionDirectoryRow>) => (\n        <Link\n          to={{\n            pathname: `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${params.row.id}`,\n          }}\n          target=\"_blank\"\n        >\n          {params.row.name}\n        </Link>\n      ),\n    },\n    {\n      field: 'modifiedOn',\n      headerName: 'Updated On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'id',\n      headerName: 'ID',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (entities: EntityItem[]) => {\n    const newRows: SubmissionDirectoryRow[] = []\n    entities.forEach(entity => {\n      newRows.push({\n        id: entity.id!,\n        name:\n          entityType === EntityType.dockerrepo\n            ? (entity.repositoryName ?? entity.name)\n            : entity.name,\n        modifiedOn: formatDate(dayjs(entity.modifiedOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    const lastIndexNeeded = Math.min(\n      headerResults?.totalChildCount ?? 0,\n      (newPageNum + 1) * PER_PAGE,\n    )\n    if (lastIndexNeeded > fetchedHeaders.length) {\n      setFetchNextPage(true)\n    }\n    setPage(newPageNum)\n  }\n\n  const itemSelectedHandler = () => {\n    onItemSelected(selectedItem!)\n  }\n\n  function createEntity(file: FileUploadAttempt) {\n    // Create Entity\n    if (!file) return\n    const { fileHandleId, fileName } = file\n    const newFileEntity: FileEntity = {\n      parentId: challengeProjectId,\n      name: fileName,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      dataFileHandleId: fileHandleId,\n    }\n    SynapseClient.createEntity(newFileEntity, accessToken)\n      .then(() => {\n        reset()\n      })\n      .catch((err: SynapseClientError) => {\n        setErrorMessage(err.reason)\n      })\n  }\n\n  async function updateEntity() {\n    if (!uploadAttempt) return\n    const { fileHandleId, entityId } = uploadAttempt\n    if (!entityId)\n      return setErrorMessage('Error: missing entityId. Please try again.')\n    // Get the entity\n    let entity: FileEntity\n    try {\n      entity = await SynapseClient.getEntity(accessToken, entityId)\n    } catch (err) {\n      return setErrorMessage(`The entity ${entityId} could not be retrieved.`)\n    }\n\n    const updateRequest: FileEntity = {\n      id: entity.id,\n      name: entity.name,\n      dataFileHandleId: fileHandleId,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      parentId: entity.parentId,\n      etag: entity.etag,\n      modifiedOn: entity.modifiedOn,\n    }\n\n    try {\n      const updatedEntity = await SynapseClient.updateEntity(\n        updateRequest,\n        accessToken,\n        true,\n      )\n      await invalidateAllQueriesForEntity(\n        queryClient,\n        keyFactory,\n        updatedEntity.id!,\n      )\n      queryClient.setQueryData(\n        keyFactory.getEntityQueryKey(updatedEntity.id!),\n        updatedEntity,\n      )\n      reset()\n    } catch (err) {\n      setErrorMessage(err.reason)\n    }\n  }\n\n  const handleUpload = async (response: UploadCallbackResp) => {\n    if (response.success && response.resp) {\n      const { fileName } = response.resp\n\n      // Lookup entity\n      const entityLookupRequest: EntityLookupRequest = {\n        entityName: fileName,\n        parentId: challengeProjectId,\n      }\n      try {\n        const entityId = await SynapseClient.lookupChildEntity(\n          entityLookupRequest,\n          accessToken,\n        )\n        // Entity exists, prompt user to update it\n        if (entityId) {\n          setUploadAttempt({ ...response.resp, entityId: entityId.id })\n          setConfirmOpen(true)\n        }\n      } catch (err) {\n        // An existing entity was not found for this file, create it\n        setUploadAttempt(undefined)\n        createEntity(response.resp)\n      }\n    } else if (!response.success && response.error) {\n      setErrorMessage(response.error.reason as string)\n    } else {\n      setErrorMessage('An unknown error occurred. Please try again.')\n    }\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          {entityType === EntityType.file\n            ? 'Submit File'\n            : 'Submit Docker Image'}\n        </Typography>\n        <Box sx={{ display: 'flex' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{ fontSize: '14px', color: '#71767F' }}\n          >\n            Your Project SynID:{'  '}\n            <Link to={{ pathname: PROJECT_URL }} target=\"_blank\">\n              {challengeProjectId}\n            </Link>\n          </Typography>\n          <CopyToClipboardIcon value={PROJECT_URL} sx={{ marginTop: '-4px' }} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          my: 3,\n          display: 'flex',\n        }}\n      >\n        <NotesTwoTone\n          sx={{\n            width: '16px',\n            height: '16px',\n            verticalAlign: 'text-bottom',\n          }}\n        />\n        <Box\n          sx={{\n            ml: 1,\n          }}\n        >\n          {entityType === EntityType.file && (\n            <>\n              Choose a prediction file from your submission directory below and\n              click \"Submit Selection\" to pick an evaluation queue. If you need\n              to add a new file, click \"Upload File\" first.\n            </>\n          )}\n          {entityType === EntityType.dockerrepo && (\n            <>\n              Choose a Docker image from your submission directory below and\n              click \"Submit Selection\" to pick an image version and evaluation\n              queue. If you need to upload a new image to your project (\n              <code>{challengeProjectId}</code>), see our{' '}\n              <Link\n                to=\"https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model\"\n                target=\"_blank\"\n              >\n                Docker model submission guide\n              </Link>{' '}\n              for command-line instructions on how to build and upload.\n            </>\n          )}\n        </Box>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={areEntitiesLoading}\n          columns={columns}\n          rows={getRows(entities)}\n          rowCount={headerResults?.totalChildCount ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          pageSizeOptions={[PER_PAGE]}\n          onPaginationModelChange={({ page }) => {\n            handlePageChange(page)\n          }}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\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        />\n      </Box>\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n        }}\n      >\n        {entityType === EntityType.file && (\n          <FileUpload\n            label=\"Upload File\"\n            buttonProps={{\n              variant: 'outlined',\n              endIcon: <IconSvg icon=\"upload\" />,\n              sx: { lineHeight: 1 },\n            }}\n            onComplete={resp => {\n              handleUpload(resp)\n            }}\n          />\n        )}\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={itemSelectedHandler}\n          disabled={!canSubmit}\n        >\n          Submit Selection\n        </Button>\n      </Box>\n      <ConfirmationDialog\n        open={confirmOpen}\n        title=\"File exists\"\n        content={\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            A file named &quot;{uploadAttempt?.fileName}&quot; (\n            {uploadAttempt?.entityId}) already exists in this location. Do you\n            want to update the existing file and create a new version?\n          </Typography>\n        }\n        onCancel={() => setConfirmOpen(false)}\n        onConfirm={() => {\n          updateEntity()\n          setConfirmOpen(false)\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default SubmissionDirectoryList\n"],"mappings":"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"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamSearch.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamSearch.tsx"],"sourcesContent":["import { ChangeEvent } from 'react'\nimport InputBase from '@mui/material/InputBase'\nimport SearchIcon from '@mui/icons-material/Search'\nimport { Box } from '@mui/system'\n\nexport interface ChallengeTeamSearchProps {\n  rowCount: number\n  value: string\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void\n}\n\nexport function ChallengeTeamSearch(props: ChallengeTeamSearchProps) {\n  const { value, rowCount, onChange } = props\n  const width = rowCount > 5 ? 'calc(100% - 8px)' : '100%'\n  return (\n    <Box\n      sx={{\n        p: '4px 4px',\n        display: 'flex',\n        flexGrow: 1,\n        width,\n        border: '1px solid #F2F2F2',\n        '& .Mui-focused': {\n          border: 'none',\n          boxShadow: 'none',\n        },\n      }}\n    >\n      <Box sx={{ margin: '0px 0 -4px 8px' }} aria-label=\"search\">\n        <SearchIcon sx={{ color: '#878E95' }} />\n      </Box>\n      <InputBase\n        value={value}\n        onChange={onChange}\n        sx={{\n          '& .MuiInputBase-input': { p: '1px 8px' },\n          ml: 1,\n          flex: 1,\n          backgroundColor: 'white',\n        }}\n        placeholder=\"Search all teams\"\n        inputProps={{ 'aria-label': 'search all teams' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,UAAO,aAAU,gBAAa;AAEtC,QACE,kBAAC,GAAD;EACE,IAAI;GACF,GAAG;GACH,SAAS;GACT,UAAU;GACV,OAPQ,IAAW,IAAI,qBAAqB;GAQ5C,QAAQ;GACR,kBAAkB;IAChB,QAAQ;IACR,WAAW;IACZ;GACF;YAXH,CAaE,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,kBAAkB;GAAE,cAAW;aAChD,kBAAC,GAAD,EAAY,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;GACpC,CAAA,EACN,kBAAC,GAAD;GACS;GACG;GACV,IAAI;IACF,yBAAyB,EAAE,GAAG,WAAW;IACzC,IAAI;IACJ,MAAM;IACN,iBAAiB;IAClB;GACD,aAAY;GACZ,YAAY,EAAE,cAAc,oBAAoB;GAChD,CAAA,CACE"}
+{"version":3,"file":"ChallengeTeamSearch.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamSearch.tsx"],"sourcesContent":["import { ChangeEvent } from 'react'\nimport InputBase from '@mui/material/InputBase'\nimport SearchIcon from '@mui/icons-material/Search'\nimport { Box } from '@mui/system'\n\nexport interface ChallengeTeamSearchProps {\n  rowCount: number\n  value: string\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void\n}\n\nexport function ChallengeTeamSearch(props: ChallengeTeamSearchProps) {\n  const { value, rowCount, onChange } = props\n  const width = rowCount > 5 ? 'calc(100% - 8px)' : '100%'\n  return (\n    <Box\n      sx={{\n        p: '4px 4px',\n        display: 'flex',\n        flexGrow: 1,\n        width,\n        border: '1px solid #F2F2F2',\n        '& .Mui-focused': {\n          border: 'none',\n          boxShadow: 'none',\n        },\n      }}\n    >\n      <Box sx={{ margin: '0px 0 -4px 8px' }} aria-label=\"search\">\n        <SearchIcon sx={{ color: '#878E95' }} />\n      </Box>\n      <InputBase\n        value={value}\n        onChange={onChange}\n        sx={{\n          '& .MuiInputBase-input': { p: '1px 8px' },\n          ml: 1,\n          flex: 1,\n          backgroundColor: 'white',\n        }}\n        placeholder=\"Search all teams\"\n        inputProps={{ 'aria-label': 'search all teams' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,UAAO,aAAU,gBAAa;CAEtC,OACE,kBAAC,GAAD;EACE,IAAI;GACF,GAAG;GACH,SAAS;GACT,UAAU;GACV,OAPQ,IAAW,IAAI,qBAAqB;GAQ5C,QAAQ;GACR,kBAAkB;IAChB,QAAQ;IACR,WAAW;GACb;EACF;YAXF,CAaE,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,iBAAiB;GAAG,cAAW;aAChD,kBAAC,GAAD,EAAY,IAAI,EAAE,OAAO,UAAU,EAAI,CAAA;EACpC,CAAA,GACL,kBAAC,GAAD;GACS;GACG;GACV,IAAI;IACF,yBAAyB,EAAE,GAAG,UAAU;IACxC,IAAI;IACJ,MAAM;IACN,iBAAiB;GACnB;GACA,aAAY;GACZ,YAAY,EAAE,cAAc,mBAAmB;EAChD,CAAA,CACE;;AAET"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamTable.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"sourcesContent":["import {\n  useGetAllOpenMembershipInvitations,\n  useGetChallengeTeamList,\n  useGetCurrentUserProfile,\n  useGetTeamList,\n} from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { EmailTwoTone } from '@mui/icons-material'\nimport { Box, Link, Radio, Tooltip } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { Team } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport { ChallengeTeamSearch } from './ChallengeTeamSearch'\n\nexport type ChallengeTeamTableProps = {\n  challengeId: string\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\n// Custom type for the challenge team table that combines fields from the Team and the ChallengeTeam record\ntype RowData = Team & {\n  hasInvitation: boolean\n}\n\n/**\n * Table component that displays teams that\n *  1. are registered for the challenge specified by the challengeId prop\n *  2. the current user is able to join, create a request to join, or accept an invitation to join\n */\nexport default function ChallengeTeamTable(props: ChallengeTeamTableProps) {\n  const { challengeId, onSelectTeam, selectedTeamId } = props\n  const { data: registeredTeams, isLoading: isLoadingChallengeTeams } =\n    useGetChallengeTeamList(challengeId)\n  const { data: user } = useGetCurrentUserProfile()\n  const { data: openInvitationsToJoinTeams } =\n    useGetAllOpenMembershipInvitations(user?.ownerId!, {\n      enabled: Boolean(user?.ownerId),\n    })\n  const [searchValue, setSearchValue] = useState('')\n  const teamIdList = registeredTeams?.map(team => team.teamId) ?? []\n  const { data: teamsList, isLoading: isLoadingTeamList } = useGetTeamList(\n    teamIdList,\n    {\n      enabled: !!teamIdList.length,\n    },\n  )\n\n  const allRows: RowData[] = useMemo(() => {\n    const term = searchValue.toLowerCase()\n    const teams =\n      teamsList?.list.filter(\n        team =>\n          team.canPublicJoin ||\n          // `canRequestMembership` is true by default if the property is not present\n          team.canRequestMembership !== false ||\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n      ) ?? []\n\n    let filtered = teams\n    if (term.length) {\n      filtered = teams.filter(team => {\n        return (\n          team.name.toLowerCase().includes(term) ||\n          team.description?.toLowerCase().includes(term)\n        )\n      })\n    }\n    return filtered.map(\n      (team): RowData => ({\n        ...team,\n        hasInvitation: Boolean(\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n        ),\n      }),\n    )\n  }, [openInvitationsToJoinTeams, searchValue, teamsList?.list])\n\n  const isLoading = isLoadingChallengeTeams || isLoadingTeamList\n\n  const columns: GridColDef<RowData>[] = useMemo(\n    () => [\n      {\n        field: 'radiobutton',\n        headerName: '',\n        width: 25,\n        sortable: false,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => {\n          return (\n            <Radio\n              value={row.id}\n              checked={String(row.id) === selectedTeamId}\n              onClick={() => {\n                onSelectTeam(String(row.id))\n              }}\n              inputProps={{ 'aria-label': `Select ${row.name}` }}\n            />\n          )\n        },\n      },\n      {\n        field: 'name',\n        headerName: 'Team Name',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => (\n          <Link\n            href={`${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}/Team:${row.id}`}\n            target=\"_blank\"\n            underline={'hover'}\n          >\n            {row.name}\n          </Link>\n        ),\n      },\n      {\n        field: 'hasInvitation',\n        headerName: '',\n        width: 15,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        align: 'center',\n        renderCell: ({ value }) =>\n          value ? (\n            <Tooltip title={'You have been invited to join this team'}>\n              <EmailTwoTone fontSize={'small'} sx={{ color: 'grey.700' }} />\n            </Tooltip>\n          ) : null,\n      },\n      {\n        field: 'created',\n        headerName: 'Created On',\n        width: 100,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ value }) => formatDate(dayjs(value), 'MM/DD/YY'),\n      },\n      {\n        field: 'description',\n        headerName: 'Description',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n      },\n    ],\n    [onSelectTeam, selectedTeamId],\n  )\n\n  return (\n    <Box sx={{ height: 220 }}>\n      {!isLoading && (\n        <ChallengeTeamSearch\n          value={searchValue}\n          onChange={e => setSearchValue(e.target.value)}\n          rowCount={allRows.length}\n        />\n      )}\n      <DataGrid\n        initialState={{\n          sorting: {\n            sortModel: [{ field: 'hasInvitation', sort: 'desc' }],\n          },\n        }}\n        loading={isLoading}\n        rows={allRows}\n        columns={columns}\n        rowCount={5}\n        hideFooter\n        density=\"compact\"\n        rowBufferPx={500} // Buffer ensures all rows required in test are loaded.\n        sx={{\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeader': {\n            backgroundColor: '#F1F3F5',\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      />\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeTeamTable.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"sourcesContent":["import {\n  useGetAllOpenMembershipInvitations,\n  useGetChallengeTeamList,\n  useGetCurrentUserProfile,\n  useGetTeamList,\n} from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { EmailTwoTone } from '@mui/icons-material'\nimport { Box, Link, Radio, Tooltip } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { Team } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport { ChallengeTeamSearch } from './ChallengeTeamSearch'\n\nexport type ChallengeTeamTableProps = {\n  challengeId: string\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\n// Custom type for the challenge team table that combines fields from the Team and the ChallengeTeam record\ntype RowData = Team & {\n  hasInvitation: boolean\n}\n\n/**\n * Table component that displays teams that\n *  1. are registered for the challenge specified by the challengeId prop\n *  2. the current user is able to join, create a request to join, or accept an invitation to join\n */\nexport default function ChallengeTeamTable(props: ChallengeTeamTableProps) {\n  const { challengeId, onSelectTeam, selectedTeamId } = props\n  const { data: registeredTeams, isLoading: isLoadingChallengeTeams } =\n    useGetChallengeTeamList(challengeId)\n  const { data: user } = useGetCurrentUserProfile()\n  const { data: openInvitationsToJoinTeams } =\n    useGetAllOpenMembershipInvitations(user?.ownerId!, {\n      enabled: Boolean(user?.ownerId),\n    })\n  const [searchValue, setSearchValue] = useState('')\n  const teamIdList = registeredTeams?.map(team => team.teamId) ?? []\n  const { data: teamsList, isLoading: isLoadingTeamList } = useGetTeamList(\n    teamIdList,\n    {\n      enabled: !!teamIdList.length,\n    },\n  )\n\n  const allRows: RowData[] = useMemo(() => {\n    const term = searchValue.toLowerCase()\n    const teams =\n      teamsList?.list.filter(\n        team =>\n          team.canPublicJoin ||\n          // `canRequestMembership` is true by default if the property is not present\n          team.canRequestMembership !== false ||\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n      ) ?? []\n\n    let filtered = teams\n    if (term.length) {\n      filtered = teams.filter(team => {\n        return (\n          team.name.toLowerCase().includes(term) ||\n          team.description?.toLowerCase().includes(term)\n        )\n      })\n    }\n    return filtered.map(\n      (team): RowData => ({\n        ...team,\n        hasInvitation: Boolean(\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n        ),\n      }),\n    )\n  }, [openInvitationsToJoinTeams, searchValue, teamsList?.list])\n\n  const isLoading = isLoadingChallengeTeams || isLoadingTeamList\n\n  const columns: GridColDef<RowData>[] = useMemo(\n    () => [\n      {\n        field: 'radiobutton',\n        headerName: '',\n        width: 25,\n        sortable: false,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => {\n          return (\n            <Radio\n              value={row.id}\n              checked={String(row.id) === selectedTeamId}\n              onClick={() => {\n                onSelectTeam(String(row.id))\n              }}\n              inputProps={{ 'aria-label': `Select ${row.name}` }}\n            />\n          )\n        },\n      },\n      {\n        field: 'name',\n        headerName: 'Team Name',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => (\n          <Link\n            href={`${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}/Team:${row.id}`}\n            target=\"_blank\"\n            underline={'hover'}\n          >\n            {row.name}\n          </Link>\n        ),\n      },\n      {\n        field: 'hasInvitation',\n        headerName: '',\n        width: 15,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        align: 'center',\n        renderCell: ({ value }) =>\n          value ? (\n            <Tooltip title={'You have been invited to join this team'}>\n              <EmailTwoTone fontSize={'small'} sx={{ color: 'grey.700' }} />\n            </Tooltip>\n          ) : null,\n      },\n      {\n        field: 'created',\n        headerName: 'Created On',\n        width: 100,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ value }) => formatDate(dayjs(value), 'MM/DD/YY'),\n      },\n      {\n        field: 'description',\n        headerName: 'Description',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n      },\n    ],\n    [onSelectTeam, selectedTeamId],\n  )\n\n  return (\n    <Box sx={{ height: 220 }}>\n      {!isLoading && (\n        <ChallengeTeamSearch\n          value={searchValue}\n          onChange={e => setSearchValue(e.target.value)}\n          rowCount={allRows.length}\n        />\n      )}\n      <DataGrid\n        initialState={{\n          sorting: {\n            sortModel: [{ field: 'hasInvitation', sort: 'desc' }],\n          },\n        }}\n        loading={isLoading}\n        rows={allRows}\n        columns={columns}\n        rowCount={5}\n        hideFooter\n        density=\"compact\"\n        rowBufferPx={500} // Buffer ensures all rows required in test are loaded.\n        sx={{\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeader': {\n            backgroundColor: '#F1F3F5',\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      />\n    </Box>\n  )\n}\n"],"mappings":"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"}