synapse-react-client 4.0.12 → 4.0.15

package/dist/SWC.index.js

@@ -109,7 +109,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	sendSearchResultsReturnedEvent: y,
 	sendSearchResultReturnedEvent: v,
 	sendSearchResultClickedEvent: _
-}, T = "4.0.12";
+}, T = "4.0.15";
 //#endregion
 export { w as Analytics, a as HttpClient, d as Palettes, o as SynapseClient, C as SynapseComponents, n as SynapseConstants, S as SynapseContext, x as SynapseEnums, m as SynapseQueries, T as SynapseReactClientVersion, p as SynapseSessionManager, i as xssOptions };
 

package/dist/components/ChallengeRegisterButton/ChallengeRegisterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRegisterButton.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAA;AAM/D,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,uBAAuB,GAAI,oDAK9B,4BAA4B,KAAG,KAAK,CAAC,SAwGvC,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"ChallengeRegisterButton.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAA;AAO/D,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,uBAAuB,GAAI,oDAK9B,4BAA4B,KAAG,KAAK,CAAC,SAiIvC,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/ChallengeRegisterButton/ChallengeRegisterButton.js

@@ -10,60 +10,91 @@ import { useEffect as o } from "react";
 import { Box as s } from "@mui/material";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "@mui/icons-material/ExitToApp";
+import d from "@mui/icons-material/PendingActions";
 //#region src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx
-var d = ({ projectId: d, onError: f, onJoinClick: p, onLeaveClick: m }) => {
-	let { isAuthenticated: h } = e(), { data: g } = r({ enabled: h }), { data: _, isLoading: v, error: y } = t(d, { enabled: h }), { data: b, isLoading: x, error: S } = i(_?.participantTeamId, g?.ownerId, { enabled: !!_ && !!g }), C = !!b, { data: w, error: T, isLoading: E } = n(_?.id, 20, 0, { enabled: !!_ && h }), D = w && w.results.length > 0, O = C && D, k = y || S || T;
+var f = ({ projectId: f, onError: p, onJoinClick: m, onLeaveClick: h }) => {
+	let { isAuthenticated: g } = e(), { data: _ } = r({ enabled: g }), { data: v, isLoading: y, error: b } = t(f, { enabled: g }), { data: x, isLoading: S, error: C } = i(v?.participantTeamId, _?.ownerId, { enabled: !!v && !!_ }), w = !!x, { data: T, error: E, isLoading: D } = n(v?.id, 20, 0, { enabled: !!v && g }), O = T && T.results.length > 0, k = w && O, A = w && !O, j = b || C || E;
 	return o(() => {
-		k && f && f(k);
-	}, [k, f]), v || x || E ? /* @__PURE__ */ c(a, {
+		j && p && p(j);
+	}, [j, p]), y || S || D ? /* @__PURE__ */ c(a, {
 		showSpinner: !0,
 		children: "Loading..."
-	}) : /* @__PURE__ */ l(s, { children: [!O && /* @__PURE__ */ c(a, {
-		disableElevation: !0,
-		variant: "contained",
-		onClick: () => h && p ? p() : void 0,
-		sx: {
-			color: "white",
-			backgroundColor: "#109488",
-			fontSize: "1.12em",
-			textTransform: "none",
-			padding: "4px 18px",
-			fontWeight: 400,
-			":hover": {
+	}) : /* @__PURE__ */ l(s, { children: [
+		!k && !A && /* @__PURE__ */ c(a, {
+			disableElevation: !0,
+			variant: "contained",
+			onClick: () => g && m ? m() : void 0,
+			sx: {
 				color: "white",
-				backgroundColor: "#109488"
+				backgroundColor: "#109488",
+				fontSize: "1.12em",
+				textTransform: "none",
+				padding: "4px 18px",
+				fontWeight: 400,
+				":hover": {
+					color: "white",
+					backgroundColor: "#109488"
+				},
+				":active": {
+					color: "white",
+					backgroundColor: "#109488"
+				},
+				":visited": {
+					color: "white",
+					backgroundColor: "#109488"
+				}
 			},
-			":active": {
-				color: "white",
-				backgroundColor: "#109488"
+			children: "Register for this Challenge"
+		}),
+		A && /* @__PURE__ */ c(a, {
+			disableElevation: !0,
+			variant: "contained",
+			endIcon: /* @__PURE__ */ c(d, {}),
+			onClick: () => g && m ? m() : void 0,
+			sx: {
+				color: "#4A2E1B",
+				backgroundColor: "#FFD486",
+				fontSize: "1.12em",
+				textTransform: "none",
+				padding: "4px 18px",
+				fontWeight: 400,
+				":hover": {
+					color: "#4A2E1B",
+					backgroundColor: "#FFD486"
+				},
+				":active": {
+					color: "#4A2E1B",
+					backgroundColor: "#FFD486"
+				},
+				":visited": {
+					color: "#4A2E1B",
+					backgroundColor: "#FFD486"
+				}
 			},
-			":visited": {
+			children: "Complete Registration"
+		}),
+		k && /* @__PURE__ */ c(a, {
+			disableElevation: !0,
+			variant: "outlined",
+			endIcon: /* @__PURE__ */ c(u, {}),
+			onClick: () => h ? h() : void 0,
+			sx: {
+				borderColor: "white",
 				color: "white",
-				backgroundColor: "#109488"
-			}
-		},
-		children: "Register for this Challenge"
-	}), O && /* @__PURE__ */ c(a, {
-		disableElevation: !0,
-		variant: "outlined",
-		endIcon: /* @__PURE__ */ c(u, {}),
-		onClick: () => m ? m() : void 0,
-		sx: {
-			borderColor: "white",
-			color: "white",
-			fontSize: "1.12em",
-			textTransform: "none",
-			padding: "4px 18px",
-			fontWeight: 400,
-			":hover": {
-				color: "#172430",
-				borderColor: "#172430"
-			}
-		},
-		children: "Leave Challenge"
-	})] });
+				fontSize: "1.12em",
+				textTransform: "none",
+				padding: "4px 18px",
+				fontWeight: 400,
+				":hover": {
+					color: "#172430",
+					borderColor: "#172430"
+				}
+			},
+			children: "Leave Challenge"
+		})
+	] });
 };
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=ChallengeRegisterButton.js.map

package/dist/components/ChallengeRegisterButton/ChallengeRegisterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRegisterButton.js","names":[],"sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetIsUserMemberOfTeam,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport React from 'react'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport ExitToAppIcon from '@mui/icons-material/ExitToApp'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\n\nexport interface ChallengeRegisterButtonProps {\n  projectId: string\n  onError?: (error: SynapseClientError) => void\n  onJoinClick?: () => void\n  onLeaveClick?: () => void\n}\n\nconst ChallengeRegisterButton = ({\n  projectId,\n  onError,\n  onJoinClick,\n  onLeaveClick,\n}: ChallengeRegisterButtonProps): React.ReactNode => {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: userProfile } = useGetCurrentUserProfile({\n    enabled: isAuthenticated,\n  })\n\n  const {\n    data: challenge,\n    isLoading: isLoadingChallenge,\n    error: getChallengeError,\n  } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated,\n  })\n\n  // Verify that user is a member of the participant team\n  const {\n    data: teamMembership,\n    isLoading: isLoadingTeamMembership,\n    error: getTeamMembershipError,\n  } = useGetIsUserMemberOfTeam(\n    challenge?.participantTeamId!,\n    userProfile?.ownerId!,\n    {\n      enabled: !!challenge && !!userProfile,\n    },\n  )\n\n  const isRegistered = Boolean(teamMembership)\n\n  const {\n    data: userSubmissionTeams,\n    error: getSubmissionTeamsError,\n    isLoading: isLoadingSubmissionTeams,\n  } = useGetUserSubmissionTeams(challenge?.id!, 20, 0, {\n    enabled: !!challenge && isAuthenticated,\n  })\n\n  const hasSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n  const isMemberOfBothParticipantAndSubmissionTeams =\n    isRegistered && hasSubmissionTeam\n\n  const error =\n    getChallengeError || getTeamMembershipError || getSubmissionTeamsError\n\n  useEffect(() => {\n    if (error && onError) onError(error)\n  }, [error, onError])\n\n  const isLoading =\n    isLoadingChallenge || isLoadingTeamMembership || isLoadingSubmissionTeams\n\n  if (isLoading) {\n    return <SpinnerButton showSpinner>Loading...</SpinnerButton>\n  }\n\n  return (\n    <Box>\n      {!isMemberOfBothParticipantAndSubmissionTeams && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"contained\"\n          onClick={() =>\n            isAuthenticated && onJoinClick ? onJoinClick() : undefined\n          }\n          sx={{\n            color: 'white',\n            backgroundColor: '#109488',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': { color: 'white', backgroundColor: '#109488' },\n            ':active': { color: 'white', backgroundColor: '#109488' },\n            ':visited': { color: 'white', backgroundColor: '#109488' },\n          }}\n        >\n          Register for this Challenge\n        </SpinnerButton>\n      )}\n      {isMemberOfBothParticipantAndSubmissionTeams && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"outlined\"\n          endIcon={<ExitToAppIcon />}\n          onClick={() => (onLeaveClick ? onLeaveClick() : undefined)}\n          sx={{\n            borderColor: 'white',\n            color: 'white',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': {\n              color: '#172430',\n              borderColor: '#172430',\n            },\n          }}\n        >\n          Leave Challenge\n        </SpinnerButton>\n      )}\n    </Box>\n  )\n}\n\nexport default ChallengeRegisterButton\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,KAA2B,EAC/B,cACA,YACA,gBACA,sBACmD;CACnD,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EAAE,MAAM,MAAgB,EAAyB,EACrD,SAAS,GACV,CAAC,EAEI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAW,EACnC,SAAS,GACV,CAAC,EAGI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF,GAAW,mBACX,GAAa,SACb,EACE,SAAS,CAAC,CAAC,KAAa,CAAC,CAAC,GAC3B,CACF,EAEK,IAAe,EAAQ,GAEvB,EACJ,MAAM,GACN,OAAO,GACP,WAAW,MACT,EAA0B,GAAW,IAAK,IAAI,GAAG,EACnD,SAAS,CAAC,CAAC,KAAa,GACzB,CAAC,EAEI,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GACxD,IACJ,KAAgB,GAEZ,IACJ,KAAqB,KAA0B;AAajD,QAXA,QAAgB;AACd,EAAI,KAAS,KAAS,EAAQ,EAAM;IACnC,CAAC,GAAO,EAAQ,CAAC,EAGlB,KAAsB,KAA2B,IAG1C,kBAAC,GAAD;EAAe,aAAA;YAAY;EAA0B,CAAA,GAI5D,kBAAC,GAAD,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;EACE,kBAAkB;EAClB,SAAQ;EACR,eACE,KAAmB,IAAc,GAAa,GAAG,KAAA;EAEnD,IAAI;GACF,OAAO;GACP,iBAAiB;GACjB,UAAU;GACV,eAAe;GACf,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,OAAO;IAAS,iBAAiB;IAAW;GACxD,WAAW;IAAE,OAAO;IAAS,iBAAiB;IAAW;GACzD,YAAY;IAAE,OAAO;IAAS,iBAAiB;IAAW;GAC3D;YACF;EAEe,CAAA,EAEjB,KACC,kBAAC,GAAD;EACE,kBAAkB;EAClB,SAAQ;EACR,SAAS,kBAAC,GAAD,EAAiB,CAAA;EAC1B,eAAgB,IAAe,GAAc,GAAG,KAAA;EAChD,IAAI;GACF,aAAa;GACb,OAAO;GACP,UAAU;GACV,eAAe;GACf,SAAS;GACT,YAAY;GACZ,UAAU;IACR,OAAO;IACP,aAAa;IACd;GACF;YACF;EAEe,CAAA,CAEd,EAAA,CAAA"}
+{"version":3,"file":"ChallengeRegisterButton.js","names":[],"sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetIsUserMemberOfTeam,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport React from 'react'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport ExitToAppIcon from '@mui/icons-material/ExitToApp'\nimport PendingActionsIcon from '@mui/icons-material/PendingActions'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\n\nexport interface ChallengeRegisterButtonProps {\n  projectId: string\n  onError?: (error: SynapseClientError) => void\n  onJoinClick?: () => void\n  onLeaveClick?: () => void\n}\n\nconst ChallengeRegisterButton = ({\n  projectId,\n  onError,\n  onJoinClick,\n  onLeaveClick,\n}: ChallengeRegisterButtonProps): React.ReactNode => {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: userProfile } = useGetCurrentUserProfile({\n    enabled: isAuthenticated,\n  })\n\n  const {\n    data: challenge,\n    isLoading: isLoadingChallenge,\n    error: getChallengeError,\n  } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated,\n  })\n\n  // Verify that user is a member of the participant team\n  const {\n    data: teamMembership,\n    isLoading: isLoadingTeamMembership,\n    error: getTeamMembershipError,\n  } = useGetIsUserMemberOfTeam(\n    challenge?.participantTeamId!,\n    userProfile?.ownerId!,\n    {\n      enabled: !!challenge && !!userProfile,\n    },\n  )\n\n  const isRegistered = Boolean(teamMembership)\n\n  const {\n    data: userSubmissionTeams,\n    error: getSubmissionTeamsError,\n    isLoading: isLoadingSubmissionTeams,\n  } = useGetUserSubmissionTeams(challenge?.id!, 20, 0, {\n    enabled: !!challenge && isAuthenticated,\n  })\n\n  const hasSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n  const isMemberOfBothParticipantAndSubmissionTeams =\n    isRegistered && hasSubmissionTeam\n  const isMemberOfParticipantTeamOnly = isRegistered && !hasSubmissionTeam\n\n  const error =\n    getChallengeError || getTeamMembershipError || getSubmissionTeamsError\n\n  useEffect(() => {\n    if (error && onError) onError(error)\n  }, [error, onError])\n\n  const isLoading =\n    isLoadingChallenge || isLoadingTeamMembership || isLoadingSubmissionTeams\n\n  if (isLoading) {\n    return <SpinnerButton showSpinner>Loading...</SpinnerButton>\n  }\n\n  return (\n    <Box>\n      {!isMemberOfBothParticipantAndSubmissionTeams &&\n        !isMemberOfParticipantTeamOnly && (\n          <SpinnerButton\n            disableElevation={true}\n            variant=\"contained\"\n            onClick={() =>\n              isAuthenticated && onJoinClick ? onJoinClick() : undefined\n            }\n            sx={{\n              color: 'white',\n              backgroundColor: '#109488',\n              fontSize: '1.12em',\n              textTransform: 'none',\n              padding: '4px 18px',\n              fontWeight: 400,\n              ':hover': { color: 'white', backgroundColor: '#109488' },\n              ':active': { color: 'white', backgroundColor: '#109488' },\n              ':visited': { color: 'white', backgroundColor: '#109488' },\n            }}\n          >\n            Register for this Challenge\n          </SpinnerButton>\n        )}\n      {isMemberOfParticipantTeamOnly && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"contained\"\n          endIcon={<PendingActionsIcon />}\n          onClick={() =>\n            isAuthenticated && onJoinClick ? onJoinClick() : undefined\n          }\n          sx={{\n            color: '#4A2E1B',\n            backgroundColor: '#FFD486',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':active': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':visited': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n          }}\n        >\n          Complete Registration\n        </SpinnerButton>\n      )}\n      {isMemberOfBothParticipantAndSubmissionTeams && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"outlined\"\n          endIcon={<ExitToAppIcon />}\n          onClick={() => (onLeaveClick ? onLeaveClick() : undefined)}\n          sx={{\n            borderColor: 'white',\n            color: 'white',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': {\n              color: '#172430',\n              borderColor: '#172430',\n            },\n          }}\n        >\n          Leave Challenge\n        </SpinnerButton>\n      )}\n    </Box>\n  )\n}\n\nexport default ChallengeRegisterButton\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,KAA2B,EAC/B,cACA,YACA,gBACA,sBACmD;CACnD,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EAAE,MAAM,MAAgB,EAAyB,EACrD,SAAS,GACV,CAAC,EAEI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAW,EACnC,SAAS,GACV,CAAC,EAGI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF,GAAW,mBACX,GAAa,SACb,EACE,SAAS,CAAC,CAAC,KAAa,CAAC,CAAC,GAC3B,CACF,EAEK,IAAe,EAAQ,GAEvB,EACJ,MAAM,GACN,OAAO,GACP,WAAW,MACT,EAA0B,GAAW,IAAK,IAAI,GAAG,EACnD,SAAS,CAAC,CAAC,KAAa,GACzB,CAAC,EAEI,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GACxD,IACJ,KAAgB,GACZ,IAAgC,KAAgB,CAAC,GAEjD,IACJ,KAAqB,KAA0B;AAajD,QAXA,QAAgB;AACd,EAAI,KAAS,KAAS,EAAQ,EAAM;IACnC,CAAC,GAAO,EAAQ,CAAC,EAGlB,KAAsB,KAA2B,IAG1C,kBAAC,GAAD;EAAe,aAAA;YAAY;EAA0B,CAAA,GAI5D,kBAAC,GAAD,EAAA,UAAA;EACG,CAAC,KACA,CAAC,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,eACE,KAAmB,IAAc,GAAa,GAAG,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAS,iBAAiB;KAAW;IACxD,WAAW;KAAE,OAAO;KAAS,iBAAiB;KAAW;IACzD,YAAY;KAAE,OAAO;KAAS,iBAAiB;KAAW;IAC3D;aACF;GAEe,CAAA;EAEnB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,EAAsB,CAAA;GAC/B,eACE,KAAmB,IAAc,GAAa,GAAG,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC1D,WAAW;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC3D,YAAY;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC7D;aACF;GAEe,CAAA;EAEjB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,EAAiB,CAAA;GAC1B,eAAgB,IAAe,GAAc,GAAG,KAAA;GAChD,IAAI;IACF,aAAa;IACb,OAAO;IACP,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KACR,OAAO;KACP,aAAa;KACd;IACF;aACF;GAEe,CAAA;EAEd,EAAA,CAAA"}

package/dist/components/ChallengeRequirementsModal/ChallengeRequirementsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRequirementsModal.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAChD,KAAK,EAAE,+BAA+B,2CA8HvC"}
+{"version":3,"file":"ChallengeRequirementsModal.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAChD,KAAK,EAAE,+BAA+B,2CA4HvC"}

package/dist/components/ChallengeRequirementsModal/ChallengeRequirementsModal.js

@@ -33,9 +33,9 @@ function y(y) {
 		P,
 		B,
 		L
-	].filter((e) => !!e), G = N?.isMember ? "Continue" : "Register";
+	].filter((e) => !!e), G = "Next Step";
 	return I && (G = "Registering..."), d(W) ? !j || !b ? /* @__PURE__ */ g(h, {}) : /* @__PURE__ */ g(l, {
-		dialogTitle: "Challenge Terms and Conditions",
+		dialogTitle: "Challenge Registration (Step 1 of 2): Terms and Conditions",
 		subjectId: j,
 		subjectType: v.TEAM,
 		teamId: D?.participantTeamId,

package/dist/components/ChallengeRequirementsModal/ChallengeRequirementsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRequirementsModal.js","names":[],"sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForTeam,\n  useGetAccessRequirementStatuses,\n  useGetCurrentUserProfile,\n  useGetEntity,\n  useGetEntityChallenge,\n} from '@/synapse-queries'\nimport {\n  useAddMemberToTeam,\n  useGetMembershipStatus,\n} from '@/synapse-queries/team/useTeamMembers'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { RestrictableObjectType } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\nexport type ChallengeRequirementsModalProps = {\n  open: boolean\n  projectId: string\n  onCancel: () => void\n  onRegisterComplete: () => void\n}\n\n/**\n * The challenge requirements modal will\n *  1. Display the access requirements that must be accepted to join a participant team. The component will guide the user through meeting the requirements.\n *  2. If the user has accepted the requirements, the user can click 'Register' to join the team\n *     If the user has not accepted the requirements, the user cannot register for the challenge.\n */\nexport default function ChallengeRequirementsModal(\n  props: ChallengeRequirementsModalProps,\n) {\n  const { open, projectId, onRegisterComplete, onCancel } = props\n  const { data: project, error: getEntityError } = useGetEntity(projectId)\n\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: challenge, error: getChallengeError } =\n    useGetEntityChallenge(projectId)\n  const { data: userProfile, error: getProfileError } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  const participantTeamId = challenge?.participantTeamId\n  const userId = userProfile?.ownerId\n\n  const { data: teamMembershipStatus, error: getMembershipStatusError } =\n    useGetMembershipStatus(participantTeamId!, userId!, {\n      enabled: Boolean(participantTeamId && userId),\n    })\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: registrationIsPending,\n    error: registrationError,\n  } = useAddMemberToTeam()\n\n  const {\n    data: fetchedRequirementsForTeam,\n    isSuccess: hasFetchedRequirements,\n    error: getAccessRequirementsError,\n  } = useGetAccessRequirementsForTeam(challenge?.participantTeamId!, {\n    enabled: Boolean(challenge?.participantTeamId),\n  })\n\n  const requirementStatusesQueryResults = useGetAccessRequirementStatuses(\n    fetchedRequirementsForTeam?.map(ar => String(ar.id)) ?? [],\n  )\n\n  const meetsAllRequirements =\n    hasFetchedRequirements &&\n    requirementStatusesQueryResults.every(queryResult => {\n      return queryResult.status === 'success' && queryResult.data.isApproved\n    })\n\n  const registerForChallenge = useCallback(async () => {\n    if (participantTeamId && userId && !teamMembershipStatus?.isMember) {\n      await addTeamMember({\n        teamId: participantTeamId,\n        userId,\n      })\n    }\n    onRegisterComplete()\n  }, [\n    addTeamMember,\n    onRegisterComplete,\n    participantTeamId,\n    teamMembershipStatus?.isMember,\n    userId,\n  ])\n\n  const errors = [\n    getEntityError,\n    getChallengeError,\n    getProfileError,\n    getMembershipStatusError,\n    getAccessRequirementsError,\n    registrationError,\n  ].filter((e): e is SynapseClientError => Boolean(e))\n\n  // It's possible that the user joined the team, but requirements on the team changed since they became a member\n  // They do not need to re-join the team, but they should still be prompted to accept the requirements\n  let registerButtonText = teamMembershipStatus?.isMember\n    ? 'Continue'\n    : 'Register'\n  if (registrationIsPending) {\n    registerButtonText = 'Registering...'\n  }\n\n  if (!isEmpty(errors)) {\n    return (\n      <Alert severity=\"error\">\n        {errors.map((e, index) => (\n          <Typography variant={'body1'} key={index}>\n            {e.reason}\n          </Typography>\n        ))}\n      </Alert>\n    )\n  }\n\n  if (!participantTeamId || !open) {\n    return <></>\n  }\n\n  return (\n    <AccessRequirementList\n      dialogTitle={`Challenge Terms and Conditions`}\n      subjectId={participantTeamId}\n      subjectType={RestrictableObjectType.TEAM}\n      teamId={challenge?.participantTeamId}\n      renderAsModal={true}\n      requestObjectName={project?.name}\n      onHide={() => {\n        onCancel()\n      }}\n      customDialogActions={\n        <>\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => {\n              registerForChallenge()\n            }}\n            startIcon={registrationIsPending ? <SynapseSpinner /> : undefined}\n            disabled={!meetsAllRequirements || registrationIsPending}\n          >\n            {registerButtonText}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,GACpD,EAAE,MAAM,GAAS,OAAO,MAAmB,EAAa,EAAU,EAElE,EAAE,uBAAoB,GAAmB,EAEzC,EAAE,MAAM,GAAW,OAAO,MAC9B,EAAsB,EAAU,EAC5B,EAAE,MAAM,GAAa,OAAO,MAChC,EAAyB,EACvB,SAAS,GACV,CAAC,EAEE,IAAoB,GAAW,mBAC/B,IAAS,GAAa,SAEtB,EAAE,MAAM,GAAsB,OAAO,MACzC,EAAuB,GAAoB,GAAS,EAClD,SAAS,GAAQ,KAAqB,IACvC,CAAC,EAEE,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAAoB,EAElB,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAgC,GAAW,mBAAoB,EACjE,SAAS,EAAQ,GAAW,mBAC7B,CAAC,EAEI,IAAkC,EACtC,GAA4B,KAAI,MAAM,OAAO,EAAG,GAAG,CAAC,IAAI,EAAE,CAC3D,EAEK,IACJ,KACA,EAAgC,OAAM,MAC7B,EAAY,WAAW,aAAa,EAAY,KAAK,WAC5D,EAEE,IAAuB,EAAY,YAAY;AAOnD,EANI,KAAqB,KAAU,CAAC,GAAsB,YACxD,MAAM,EAAc;GAClB,QAAQ;GACR;GACD,CAAC,EAEJ,GAAoB;IACnB;EACD;EACA;EACA;EACA,GAAsB;EACtB;EACD,CAAC,EAEI,IAAS;EACb;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,QAAQ,MAA+B,EAAQ,EAAG,EAIhD,IAAqB,GAAsB,WAC3C,aACA;AAqBJ,QApBI,MACF,IAAqB,mBAGlB,EAAQ,EAAO,GAYhB,CAAC,KAAqB,CAAC,IAClB,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,aAAa;EACb,WAAW;EACX,aAAa,EAAuB;EACpC,QAAQ,GAAW;EACnB,eAAe;EACf,mBAAmB,GAAS;EAC5B,cAAc;AACZ,MAAU;;EAEZ,qBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAU;GAEvC,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;AACb,OAAsB;;GAExB,WAAW,IAAwB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACxD,UAAU,CAAC,KAAwB;aAElC;GACM,CAAA,CACR,EAAA,CAAA;EAEL,CAAA,GA1CA,kBAAC,GAAD;EAAO,UAAS;YACb,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAE;GACQ,EAFsB,EAEtB,CACb;EACI,CAAA"}
+{"version":3,"file":"ChallengeRequirementsModal.js","names":[],"sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForTeam,\n  useGetAccessRequirementStatuses,\n  useGetCurrentUserProfile,\n  useGetEntity,\n  useGetEntityChallenge,\n} from '@/synapse-queries'\nimport {\n  useAddMemberToTeam,\n  useGetMembershipStatus,\n} from '@/synapse-queries/team/useTeamMembers'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { RestrictableObjectType } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\nexport type ChallengeRequirementsModalProps = {\n  open: boolean\n  projectId: string\n  onCancel: () => void\n  onRegisterComplete: () => void\n}\n\n/**\n * The challenge requirements modal will\n *  1. Display the access requirements that must be accepted to join a participant team. The component will guide the user through meeting the requirements.\n *  2. If the user has accepted the requirements, the user can click 'Register' to join the team\n *     If the user has not accepted the requirements, the user cannot register for the challenge.\n */\nexport default function ChallengeRequirementsModal(\n  props: ChallengeRequirementsModalProps,\n) {\n  const { open, projectId, onRegisterComplete, onCancel } = props\n  const { data: project, error: getEntityError } = useGetEntity(projectId)\n\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: challenge, error: getChallengeError } =\n    useGetEntityChallenge(projectId)\n  const { data: userProfile, error: getProfileError } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  const participantTeamId = challenge?.participantTeamId\n  const userId = userProfile?.ownerId\n\n  const { data: teamMembershipStatus, error: getMembershipStatusError } =\n    useGetMembershipStatus(participantTeamId!, userId!, {\n      enabled: Boolean(participantTeamId && userId),\n    })\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: registrationIsPending,\n    error: registrationError,\n  } = useAddMemberToTeam()\n\n  const {\n    data: fetchedRequirementsForTeam,\n    isSuccess: hasFetchedRequirements,\n    error: getAccessRequirementsError,\n  } = useGetAccessRequirementsForTeam(challenge?.participantTeamId!, {\n    enabled: Boolean(challenge?.participantTeamId),\n  })\n\n  const requirementStatusesQueryResults = useGetAccessRequirementStatuses(\n    fetchedRequirementsForTeam?.map(ar => String(ar.id)) ?? [],\n  )\n\n  const meetsAllRequirements =\n    hasFetchedRequirements &&\n    requirementStatusesQueryResults.every(queryResult => {\n      return queryResult.status === 'success' && queryResult.data.isApproved\n    })\n\n  const registerForChallenge = useCallback(async () => {\n    if (participantTeamId && userId && !teamMembershipStatus?.isMember) {\n      await addTeamMember({\n        teamId: participantTeamId,\n        userId,\n      })\n    }\n    onRegisterComplete()\n  }, [\n    addTeamMember,\n    onRegisterComplete,\n    participantTeamId,\n    teamMembershipStatus?.isMember,\n    userId,\n  ])\n\n  const errors = [\n    getEntityError,\n    getChallengeError,\n    getProfileError,\n    getMembershipStatusError,\n    getAccessRequirementsError,\n    registrationError,\n  ].filter((e): e is SynapseClientError => Boolean(e))\n\n  // It's possible that the user joined the team, but requirements on the team changed since they became a member\n  // They do not need to re-join the team, but they should still be prompted to accept the requirements\n  let registerButtonText = 'Next Step'\n  if (registrationIsPending) {\n    registerButtonText = 'Registering...'\n  }\n\n  if (!isEmpty(errors)) {\n    return (\n      <Alert severity=\"error\">\n        {errors.map((e, index) => (\n          <Typography variant={'body1'} key={index}>\n            {e.reason}\n          </Typography>\n        ))}\n      </Alert>\n    )\n  }\n\n  if (!participantTeamId || !open) {\n    return <></>\n  }\n\n  return (\n    <AccessRequirementList\n      dialogTitle={`Challenge Registration (Step 1 of 2): Terms and Conditions`}\n      subjectId={participantTeamId}\n      subjectType={RestrictableObjectType.TEAM}\n      teamId={challenge?.participantTeamId}\n      renderAsModal={true}\n      requestObjectName={project?.name}\n      onHide={() => {\n        onCancel()\n      }}\n      customDialogActions={\n        <>\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => {\n              registerForChallenge()\n            }}\n            startIcon={registrationIsPending ? <SynapseSpinner /> : undefined}\n            disabled={!meetsAllRequirements || registrationIsPending}\n          >\n            {registerButtonText}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,GACpD,EAAE,MAAM,GAAS,OAAO,MAAmB,EAAa,EAAU,EAElE,EAAE,uBAAoB,GAAmB,EAEzC,EAAE,MAAM,GAAW,OAAO,MAC9B,EAAsB,EAAU,EAC5B,EAAE,MAAM,GAAa,OAAO,MAChC,EAAyB,EACvB,SAAS,GACV,CAAC,EAEE,IAAoB,GAAW,mBAC/B,IAAS,GAAa,SAEtB,EAAE,MAAM,GAAsB,OAAO,MACzC,EAAuB,GAAoB,GAAS,EAClD,SAAS,GAAQ,KAAqB,IACvC,CAAC,EAEE,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAAoB,EAElB,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAgC,GAAW,mBAAoB,EACjE,SAAS,EAAQ,GAAW,mBAC7B,CAAC,EAEI,IAAkC,EACtC,GAA4B,KAAI,MAAM,OAAO,EAAG,GAAG,CAAC,IAAI,EAAE,CAC3D,EAEK,IACJ,KACA,EAAgC,OAAM,MAC7B,EAAY,WAAW,aAAa,EAAY,KAAK,WAC5D,EAEE,IAAuB,EAAY,YAAY;AAOnD,EANI,KAAqB,KAAU,CAAC,GAAsB,YACxD,MAAM,EAAc;GAClB,QAAQ;GACR;GACD,CAAC,EAEJ,GAAoB;IACnB;EACD;EACA;EACA;EACA,GAAsB;EACtB;EACD,CAAC,EAEI,IAAS;EACb;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,QAAQ,MAA+B,EAAQ,EAAG,EAIhD,IAAqB;AAqBzB,QApBI,MACF,IAAqB,mBAGlB,EAAQ,EAAO,GAYhB,CAAC,KAAqB,CAAC,IAClB,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,aAAa;EACb,WAAW;EACX,aAAa,EAAuB;EACpC,QAAQ,GAAW;EACnB,eAAe;EACf,mBAAmB,GAAS;EAC5B,cAAc;AACZ,MAAU;;EAEZ,qBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAU;GAEvC,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;AACb,OAAsB;;GAExB,WAAW,IAAwB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACxD,UAAU,CAAC,KAAwB;aAElC;GACM,CAAA,CACR,EAAA,CAAA;EAEL,CAAA,GA1CA,kBAAC,GAAD;EAAO,UAAS;YACb,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAE;GACQ,EAFsB,EAEtB,CACb;EACI,CAAA"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamWizard.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx"],"names":[],"mappings":"AAuDA,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA4W3D;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ChallengeTeamWizard.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx"],"names":[],"mappings":"AAuDA,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8W3D;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamWizard.js

@@ -23,7 +23,7 @@ var C = /* @__PURE__ */ function(e) {
 }(C || {});
 function w(e) {
 	switch (e) {
-		case C.SELECT_YOUR_CHALLENGE_TEAM: return "Select Your Challenge Team";
+		case C.SELECT_YOUR_CHALLENGE_TEAM: return "Select Your Submission Team";
 		case C.ACCEPT_INVITATION: return "Invitation to Join Team";
 		case C.JOIN_REQUEST_FORM: return "Request Team Membership";
 		case C.JOIN_REQUEST_SENT: return "Request Sent";
@@ -181,7 +181,7 @@ function T(T) {
 		onCancel: le,
 		open: D,
 		actions: de,
-		title: w(A),
+		title: `Challenge Registration (Step 2 of 2): ${w(A)}`,
 		content: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(g, {
 			sx: {
 				display: "flex",

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

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamWizard.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx"],"sourcesContent":["import {\n  useAddMemberToTeam,\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetMembershipStatus,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, Box, Button, Tooltip, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SignInPrompt, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  CreateChallengeTeam,\n  CreateChallengeTeamHandle,\n} from './CreateChallengeTeam'\nimport {\n  MembershipRequestForm,\n  MembershipRequestFormHandle,\n} from './MembershipRequestForm'\nimport {\n  AcceptMembershipInvitationButton,\n  OpenMembershipInvitation,\n} from './OpenMembershipInvitation'\nimport { RegistrationSuccessful } from './RegistrationSuccessful'\nimport { SelectChallengeTeam } from './SelectChallengeTeam'\n\nenum ChallengeTeamWizardStep {\n  SELECT_YOUR_CHALLENGE_TEAM = 'SELECT_YOUR_CHALLENGE_TEAM',\n  ACCEPT_INVITATION = 'ACCEPT_INVITATION',\n  JOIN_REQUEST_FORM = 'JOIN_REQUEST_FORM',\n  JOIN_REQUEST_SENT = 'JOIN_REQUEST_SENT',\n  CREATE_NEW_TEAM = 'CREATE_NEW_TEAM',\n  REGISTRATION_SUCCESSFUL = 'REGISTRATION_SUCCESSFUL',\n}\n\nfunction getStepDialogTitle(step: ChallengeTeamWizardStep) {\n  switch (step) {\n    case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM:\n      return 'Select Your Challenge Team'\n    case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n      return 'Invitation to Join Team'\n    case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n      return 'Request Team Membership'\n    case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n      return 'Request Sent'\n    case ChallengeTeamWizardStep.CREATE_NEW_TEAM:\n      return 'Create Team'\n    case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n      return 'Registration Successful!'\n  }\n}\n\nexport type ChallengeTeamWizardProps = {\n  projectId: string\n  isShowingModal?: boolean\n  onClose: () => void\n}\n\n/**\n * The ChallengeTeamWizard is used to guide a user through the process of joining or creating a team for a challenge.\n *\n * A required precondition is that the user is NOT on any registered submission team for the challenge.\n */\nfunction ChallengeTeamWizard(props: ChallengeTeamWizardProps) {\n  const { projectId, isShowingModal = false, onClose } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const [step, setStep] = useState<ChallengeTeamWizardStep>(\n    ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM,\n  )\n  const [selectedTeamId, setSelectedTeamId] = useState<string | undefined>()\n\n  // Tracks if the form to create a new team is valid, so the wizard can control the `disabled` status of the confirm button\n  const [canCreateNewTeam, setCanCreateNewTeam] = useState(false)\n  // true if the user has created a new team to register for the challenge\n  const [hasCreatedNewTeam, setHasCreatedNewTeam] = useState<boolean>(false)\n\n  const membershipRequestFormRef = useRef<MembershipRequestFormHandle>(null)\n  const createTeamRef = useRef<CreateChallengeTeamHandle>(null)\n\n  const { data: userProfile, isLoading: isLoadingUserProfile } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge, isLoading: isLoadingChallenge } =\n    useGetEntityChallenge(projectId)\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: addMemberToTeamIsPending,\n    error: addUserToTeamError,\n  } = useAddMemberToTeam()\n\n  // Determine whether the given user belongs to any submission teams\n  const { data: userSubmissionTeams, error: userSubmissionTeamError } =\n    useGetUserSubmissionTeams(challenge?.id!, 1, 0, {\n      enabled: Boolean(isAuthenticated && challenge),\n    })\n\n  const isMemberOfSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n\n  const {\n    data: selectedTeamMembershipStatus,\n    isLoading: selectedTeamMembershipStatusIsLoading,\n    error: selectedTeamMembershipStatusError,\n  } = useGetMembershipStatus(selectedTeamId!, String(userProfile?.ownerId), {\n    enabled: isAuthenticated && !!selectedTeamId && !!userProfile,\n  })\n\n  const addUserToTeam = useCallback(async () => {\n    if (!selectedTeamId || !userProfile) return\n    await addTeamMember({\n      teamId: selectedTeamId,\n      userId: userProfile.ownerId,\n    })\n    setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n  }, [addTeamMember, setStep, selectedTeamId, userProfile])\n\n  const hide = useCallback(() => {\n    setHasCreatedNewTeam(false)\n    setSelectedTeamId(undefined)\n    onClose()\n  }, [onClose])\n\n  const isLoading = isLoadingUserProfile || isLoadingChallenge\n\n  const backButton = useMemo(() => {\n    switch (step) {\n      case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM:\n      case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n      case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n        // Cannot go back from these steps\n        return <></>\n      case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n      case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n      case ChallengeTeamWizardStep.CREATE_NEW_TEAM:\n      default:\n        // All the other steps go back to team selection\n        return (\n          <Button\n            variant={'outlined'}\n            onClick={() => {\n              setStep(ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM)\n              setSelectedTeamId(undefined)\n            }}\n          >\n            Back\n          </Button>\n        )\n    }\n  }, [step])\n\n  const closeButton = useMemo(() => {\n    return (\n      <Button\n        variant={'contained'}\n        onClick={() => {\n          onClose()\n        }}\n      >\n        Close\n      </Button>\n    )\n  }, [onClose])\n\n  // Determine modal content based on step.id\n  const { actions = <></>, content = <></> } = useMemo(() => {\n    if (!isAuthenticated) {\n      return {\n        content: (\n          <Alert severity={'error'}>\n            <SignInPrompt />\n          </Alert>\n        ),\n      }\n    }\n\n    if (isMemberOfSubmissionTeam) {\n      return {\n        content: (\n          <Alert severity={'error'}>\n            <Typography>\n              You are already a member of a registered submission team for this\n              Challenge.\n            </Typography>\n          </Alert>\n        ),\n      }\n    }\n\n    switch (step) {\n      case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM: {\n        let buttonText = 'Join Team'\n        let disableJoiningSelectedTeam = false\n        let buttonOnClickBehavior: () => void = noop\n        let buttonTooltip = ''\n        if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.hasOpenInvitation\n        ) {\n          // The user has been invited to join the selected team\n          buttonText = 'View Invitation to Join Team'\n          buttonOnClickBehavior = () => {\n            setStep(ChallengeTeamWizardStep.ACCEPT_INVITATION)\n          }\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.hasOpenRequest\n        ) {\n          // User already has an open request to join the selected team, disable button to avoid request spamming\n          buttonText = 'Join Request Pending'\n          disableJoiningSelectedTeam = true\n          buttonTooltip =\n            'You have already submitted a request to join this team.'\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.membershipApprovalRequired\n        ) {\n          // The user has to send a request to join the selected team\n          buttonText = 'Request to Join Team'\n          buttonOnClickBehavior = () => {\n            setStep(ChallengeTeamWizardStep.JOIN_REQUEST_FORM)\n          }\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.canJoin\n        ) {\n          // The user can freely join the selected team\n          buttonText = 'Join Team'\n          buttonOnClickBehavior = () => {\n            void addUserToTeam()\n          }\n        }\n        return {\n          content: challenge && !isMemberOfSubmissionTeam && (\n            <SelectChallengeTeam\n              challengeId={challenge.id}\n              onCreateTeam={() =>\n                setStep(ChallengeTeamWizardStep.CREATE_NEW_TEAM)\n              }\n              selectedTeamId={selectedTeamId}\n              onSelectTeam={teamId => setSelectedTeamId(teamId)}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Tooltip title={buttonTooltip}>\n                {/* Wrap button in span to show tooltip when button is disabled */}\n                <span>\n                  <Button\n                    onClick={buttonOnClickBehavior}\n                    startIcon={\n                      addMemberToTeamIsPending ? <SynapseSpinner /> : undefined\n                    }\n                    disabled={\n                      !selectedTeamId ||\n                      selectedTeamMembershipStatusIsLoading ||\n                      addMemberToTeamIsPending ||\n                      disableJoiningSelectedTeam\n                    }\n                    variant={'contained'}\n                  >\n                    {buttonText}\n                  </Button>\n                </span>\n              </Tooltip>\n            </>\n          ),\n        }\n      }\n      case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n        return {\n          content: <OpenMembershipInvitation teamId={selectedTeamId!} />,\n          actions: (\n            <>\n              {backButton}\n              <AcceptMembershipInvitationButton\n                teamId={selectedTeamId!}\n                onSuccess={() => {\n                  setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n                }}\n              />\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n        return {\n          content: (\n            <MembershipRequestForm\n              ref={membershipRequestFormRef}\n              teamId={selectedTeamId!}\n              onRequestSubmitted={() => {\n                setStep(ChallengeTeamWizardStep.JOIN_REQUEST_SENT)\n              }}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Button\n                variant={'contained'}\n                onClick={() => {\n                  membershipRequestFormRef?.current?.submit()\n                }}\n              >\n                Send Request\n              </Button>\n            </>\n          ),\n        }\n\n      case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n        return {\n          content: (\n            <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n              Team Manager(s) have received your request. Check your Synapse\n              email address for status of your request.\n            </Typography>\n          ),\n          actions: (\n            <>\n              {backButton}\n              {closeButton}\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n        return {\n          content: (\n            <RegistrationSuccessful\n              createdNewTeam={hasCreatedNewTeam}\n              teamId={selectedTeamId}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              {closeButton}\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.CREATE_NEW_TEAM: {\n        return {\n          content: (\n            <CreateChallengeTeam\n              ref={createTeamRef}\n              challengeId={challenge?.id!}\n              onCanSubmitChange={canSubmit => setCanCreateNewTeam(canSubmit)}\n              onFinished={teamId => {\n                setHasCreatedNewTeam(true)\n                setSelectedTeamId(teamId)\n                setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n              }}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Button\n                variant={'contained'}\n                disabled={!canCreateNewTeam}\n                onClick={() => {\n                  createTeamRef?.current?.submit()\n                }}\n              >\n                Create Team\n              </Button>\n            </>\n          ),\n        }\n      }\n    }\n  }, [\n    isAuthenticated,\n    isMemberOfSubmissionTeam,\n    step,\n    selectedTeamId,\n    backButton,\n    closeButton,\n    hasCreatedNewTeam,\n    selectedTeamMembershipStatus,\n    challenge,\n    addMemberToTeamIsPending,\n    selectedTeamMembershipStatusIsLoading,\n    addUserToTeam,\n    canCreateNewTeam,\n  ])\n\n  const errorMessage =\n    addUserToTeamError?.message ||\n    selectedTeamMembershipStatusError?.message ||\n    userSubmissionTeamError?.message\n\n  return (\n    <DialogBase\n      onCancel={hide}\n      open={isShowingModal}\n      actions={actions}\n      title={getStepDialogTitle(step)}\n      content={\n        <SynapseErrorBoundary>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 1,\n            }}\n          >\n            {isLoading ? (\n              <SynapseSpinner size={40} />\n            ) : (\n              <>\n                {content}\n                {errorMessage && (\n                  <Alert severity={'error'}>{errorMessage}</Alert>\n                )}\n              </>\n            )}\n          </Box>\n        </SynapseErrorBoundary>\n      }\n    />\n  )\n}\n\nexport default ChallengeTeamWizard\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeTeamWizard.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx"],"sourcesContent":["import {\n  useAddMemberToTeam,\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetMembershipStatus,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, Box, Button, Tooltip, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SignInPrompt, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  CreateChallengeTeam,\n  CreateChallengeTeamHandle,\n} from './CreateChallengeTeam'\nimport {\n  MembershipRequestForm,\n  MembershipRequestFormHandle,\n} from './MembershipRequestForm'\nimport {\n  AcceptMembershipInvitationButton,\n  OpenMembershipInvitation,\n} from './OpenMembershipInvitation'\nimport { RegistrationSuccessful } from './RegistrationSuccessful'\nimport { SelectChallengeTeam } from './SelectChallengeTeam'\n\nenum ChallengeTeamWizardStep {\n  SELECT_YOUR_CHALLENGE_TEAM = 'SELECT_YOUR_CHALLENGE_TEAM',\n  ACCEPT_INVITATION = 'ACCEPT_INVITATION',\n  JOIN_REQUEST_FORM = 'JOIN_REQUEST_FORM',\n  JOIN_REQUEST_SENT = 'JOIN_REQUEST_SENT',\n  CREATE_NEW_TEAM = 'CREATE_NEW_TEAM',\n  REGISTRATION_SUCCESSFUL = 'REGISTRATION_SUCCESSFUL',\n}\n\nfunction getStepDialogTitle(step: ChallengeTeamWizardStep) {\n  switch (step) {\n    case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM:\n      return 'Select Your Submission Team'\n    case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n      return 'Invitation to Join Team'\n    case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n      return 'Request Team Membership'\n    case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n      return 'Request Sent'\n    case ChallengeTeamWizardStep.CREATE_NEW_TEAM:\n      return 'Create Team'\n    case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n      return 'Registration Successful!'\n  }\n}\n\nexport type ChallengeTeamWizardProps = {\n  projectId: string\n  isShowingModal?: boolean\n  onClose: () => void\n}\n\n/**\n * The ChallengeTeamWizard is used to guide a user through the process of joining or creating a team for a challenge.\n *\n * A required precondition is that the user is NOT on any registered submission team for the challenge.\n */\nfunction ChallengeTeamWizard(props: ChallengeTeamWizardProps) {\n  const { projectId, isShowingModal = false, onClose } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const [step, setStep] = useState<ChallengeTeamWizardStep>(\n    ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM,\n  )\n  const [selectedTeamId, setSelectedTeamId] = useState<string | undefined>()\n\n  // Tracks if the form to create a new team is valid, so the wizard can control the `disabled` status of the confirm button\n  const [canCreateNewTeam, setCanCreateNewTeam] = useState(false)\n  // true if the user has created a new team to register for the challenge\n  const [hasCreatedNewTeam, setHasCreatedNewTeam] = useState<boolean>(false)\n\n  const membershipRequestFormRef = useRef<MembershipRequestFormHandle>(null)\n  const createTeamRef = useRef<CreateChallengeTeamHandle>(null)\n\n  const { data: userProfile, isLoading: isLoadingUserProfile } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge, isLoading: isLoadingChallenge } =\n    useGetEntityChallenge(projectId)\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: addMemberToTeamIsPending,\n    error: addUserToTeamError,\n  } = useAddMemberToTeam()\n\n  // Determine whether the given user belongs to any submission teams\n  const { data: userSubmissionTeams, error: userSubmissionTeamError } =\n    useGetUserSubmissionTeams(challenge?.id!, 1, 0, {\n      enabled: Boolean(isAuthenticated && challenge),\n    })\n\n  const isMemberOfSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n\n  const {\n    data: selectedTeamMembershipStatus,\n    isLoading: selectedTeamMembershipStatusIsLoading,\n    error: selectedTeamMembershipStatusError,\n  } = useGetMembershipStatus(selectedTeamId!, String(userProfile?.ownerId), {\n    enabled: isAuthenticated && !!selectedTeamId && !!userProfile,\n  })\n\n  const addUserToTeam = useCallback(async () => {\n    if (!selectedTeamId || !userProfile) return\n    await addTeamMember({\n      teamId: selectedTeamId,\n      userId: userProfile.ownerId,\n    })\n    setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n  }, [addTeamMember, setStep, selectedTeamId, userProfile])\n\n  const hide = useCallback(() => {\n    setHasCreatedNewTeam(false)\n    setSelectedTeamId(undefined)\n    onClose()\n  }, [onClose])\n\n  const isLoading = isLoadingUserProfile || isLoadingChallenge\n\n  const backButton = useMemo(() => {\n    switch (step) {\n      case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM:\n      case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n      case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n        // Cannot go back from these steps\n        return <></>\n      case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n      case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n      case ChallengeTeamWizardStep.CREATE_NEW_TEAM:\n      default:\n        // All the other steps go back to team selection\n        return (\n          <Button\n            variant={'outlined'}\n            onClick={() => {\n              setStep(ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM)\n              setSelectedTeamId(undefined)\n            }}\n          >\n            Back\n          </Button>\n        )\n    }\n  }, [step])\n\n  const closeButton = useMemo(() => {\n    return (\n      <Button\n        variant={'contained'}\n        onClick={() => {\n          onClose()\n        }}\n      >\n        Close\n      </Button>\n    )\n  }, [onClose])\n\n  // Determine modal content based on step.id\n  const { actions = <></>, content = <></> } = useMemo(() => {\n    if (!isAuthenticated) {\n      return {\n        content: (\n          <Alert severity={'error'}>\n            <SignInPrompt />\n          </Alert>\n        ),\n      }\n    }\n\n    if (isMemberOfSubmissionTeam) {\n      return {\n        content: (\n          <Alert severity={'error'}>\n            <Typography>\n              You are already a member of a registered submission team for this\n              Challenge.\n            </Typography>\n          </Alert>\n        ),\n      }\n    }\n\n    switch (step) {\n      case ChallengeTeamWizardStep.SELECT_YOUR_CHALLENGE_TEAM: {\n        let buttonText = 'Join Team'\n        let disableJoiningSelectedTeam = false\n        let buttonOnClickBehavior: () => void = noop\n        let buttonTooltip = ''\n        if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.hasOpenInvitation\n        ) {\n          // The user has been invited to join the selected team\n          buttonText = 'View Invitation to Join Team'\n          buttonOnClickBehavior = () => {\n            setStep(ChallengeTeamWizardStep.ACCEPT_INVITATION)\n          }\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.hasOpenRequest\n        ) {\n          // User already has an open request to join the selected team, disable button to avoid request spamming\n          buttonText = 'Join Request Pending'\n          disableJoiningSelectedTeam = true\n          buttonTooltip =\n            'You have already submitted a request to join this team.'\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.membershipApprovalRequired\n        ) {\n          // The user has to send a request to join the selected team\n          buttonText = 'Request to Join Team'\n          buttonOnClickBehavior = () => {\n            setStep(ChallengeTeamWizardStep.JOIN_REQUEST_FORM)\n          }\n        } else if (\n          selectedTeamMembershipStatus &&\n          selectedTeamMembershipStatus.canJoin\n        ) {\n          // The user can freely join the selected team\n          buttonText = 'Join Team'\n          buttonOnClickBehavior = () => {\n            void addUserToTeam()\n          }\n        }\n        return {\n          content: challenge && !isMemberOfSubmissionTeam && (\n            <SelectChallengeTeam\n              challengeId={challenge.id}\n              onCreateTeam={() =>\n                setStep(ChallengeTeamWizardStep.CREATE_NEW_TEAM)\n              }\n              selectedTeamId={selectedTeamId}\n              onSelectTeam={teamId => setSelectedTeamId(teamId)}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Tooltip title={buttonTooltip}>\n                {/* Wrap button in span to show tooltip when button is disabled */}\n                <span>\n                  <Button\n                    onClick={buttonOnClickBehavior}\n                    startIcon={\n                      addMemberToTeamIsPending ? <SynapseSpinner /> : undefined\n                    }\n                    disabled={\n                      !selectedTeamId ||\n                      selectedTeamMembershipStatusIsLoading ||\n                      addMemberToTeamIsPending ||\n                      disableJoiningSelectedTeam\n                    }\n                    variant={'contained'}\n                  >\n                    {buttonText}\n                  </Button>\n                </span>\n              </Tooltip>\n            </>\n          ),\n        }\n      }\n      case ChallengeTeamWizardStep.ACCEPT_INVITATION:\n        return {\n          content: <OpenMembershipInvitation teamId={selectedTeamId!} />,\n          actions: (\n            <>\n              {backButton}\n              <AcceptMembershipInvitationButton\n                teamId={selectedTeamId!}\n                onSuccess={() => {\n                  setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n                }}\n              />\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.JOIN_REQUEST_FORM:\n        return {\n          content: (\n            <MembershipRequestForm\n              ref={membershipRequestFormRef}\n              teamId={selectedTeamId!}\n              onRequestSubmitted={() => {\n                setStep(ChallengeTeamWizardStep.JOIN_REQUEST_SENT)\n              }}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Button\n                variant={'contained'}\n                onClick={() => {\n                  membershipRequestFormRef?.current?.submit()\n                }}\n              >\n                Send Request\n              </Button>\n            </>\n          ),\n        }\n\n      case ChallengeTeamWizardStep.JOIN_REQUEST_SENT:\n        return {\n          content: (\n            <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n              Team Manager(s) have received your request. Check your Synapse\n              email address for status of your request.\n            </Typography>\n          ),\n          actions: (\n            <>\n              {backButton}\n              {closeButton}\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL:\n        return {\n          content: (\n            <RegistrationSuccessful\n              createdNewTeam={hasCreatedNewTeam}\n              teamId={selectedTeamId}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              {closeButton}\n            </>\n          ),\n        }\n      case ChallengeTeamWizardStep.CREATE_NEW_TEAM: {\n        return {\n          content: (\n            <CreateChallengeTeam\n              ref={createTeamRef}\n              challengeId={challenge?.id!}\n              onCanSubmitChange={canSubmit => setCanCreateNewTeam(canSubmit)}\n              onFinished={teamId => {\n                setHasCreatedNewTeam(true)\n                setSelectedTeamId(teamId)\n                setStep(ChallengeTeamWizardStep.REGISTRATION_SUCCESSFUL)\n              }}\n            />\n          ),\n          actions: (\n            <>\n              {backButton}\n              <Button\n                variant={'contained'}\n                disabled={!canCreateNewTeam}\n                onClick={() => {\n                  createTeamRef?.current?.submit()\n                }}\n              >\n                Create Team\n              </Button>\n            </>\n          ),\n        }\n      }\n    }\n  }, [\n    isAuthenticated,\n    isMemberOfSubmissionTeam,\n    step,\n    selectedTeamId,\n    backButton,\n    closeButton,\n    hasCreatedNewTeam,\n    selectedTeamMembershipStatus,\n    challenge,\n    addMemberToTeamIsPending,\n    selectedTeamMembershipStatusIsLoading,\n    addUserToTeam,\n    canCreateNewTeam,\n  ])\n\n  const errorMessage =\n    addUserToTeamError?.message ||\n    selectedTeamMembershipStatusError?.message ||\n    userSubmissionTeamError?.message\n\n  return (\n    <DialogBase\n      onCancel={hide}\n      open={isShowingModal}\n      actions={actions}\n      title={`Challenge Registration (Step 2 of 2): ${getStepDialogTitle(\n        step,\n      )}`}\n      content={\n        <SynapseErrorBoundary>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 1,\n            }}\n          >\n            {isLoading ? (\n              <SynapseSpinner size={40} />\n            ) : (\n              <>\n                {content}\n                {errorMessage && (\n                  <Alert severity={'error'}>{errorMessage}</Alert>\n                )}\n              </>\n            )}\n          </Box>\n        </SynapseErrorBoundary>\n      }\n    />\n  )\n}\n\nexport default ChallengeTeamWizard\n"],"mappings":"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"}

package/dist/components/DataGrid/utils/DataGridUtils.js

@@ -24,7 +24,7 @@ function r(e, t) {
 	if (r.length !== i.length) return !1;
 	for (let n of r) {
 		let r = e[n], i = t[n], a = (e) => e == null || e === "";
-		if (!(a(r) && a(i)) && String(r) !== String(i)) return !1;
+		if (!(a(r) && a(i)) && !Object.is(r, i)) return !1;
 	}
 	return !0;
 }

package/dist/components/DataGrid/utils/DataGridUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridUtils.js","names":["SYNAPSE_ENTITY_ID_REGEX","DataGridRow","Operation","QueryInput","GRID_ROW_REACT_KEY_PROPERTY","parseQueryInput","input","trimmedInput","trim","type","toUpperCase","startsWith","test","rowsAreIdentical","a","b","isDataKey","key","aKeys","Object","keys","filter","bKeys","length","aVal","bVal","isNullish","v","undefined","String","removeNoOpOperations","newValue","rowValues","operations","isNoop","operation","oldVal","slice","fromRowIndex","toRowIndex","newVal","comparisonResults","map","oldItem","idx","every","Boolean","op"],"sources":["../../../../src/components/DataGrid/utils/DataGridUtils.ts"],"sourcesContent":["import { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { DataGridRow, Operation, QueryInput } from '../DataGridTypes'\n\n// We embed a value into the in row data passed to react-datasheet-grid for use as a render optimization\nexport const GRID_ROW_REACT_KEY_PROPERTY = '__rowKey'\n\n// Query Input can either be an empty string, a SQL query, or a session ID\nexport const parseQueryInput = (input: string): QueryInput => {\n  const trimmedInput = input.trim()\n  if (!trimmedInput) {\n    return { type: 'empty', input: '' }\n  } else if (trimmedInput.toUpperCase().startsWith('SELECT')) {\n    return { type: 'sql', input: trimmedInput }\n  } else if (SYNAPSE_ENTITY_ID_REGEX.test(trimmedInput)) {\n    return { type: 'recordSetId', input: trimmedInput }\n  } else if (/^[A-Za-z]\\w*=+$/.test(trimmedInput)) {\n    return { type: 'sessionId', input: trimmedInput }\n  }\n  return { type: 'unknown', input: trimmedInput }\n}\n\nexport function rowsAreIdentical(a: DataGridRow, b: DataGridRow): boolean {\n  const isDataKey = (key: string) => !key.startsWith('__')\n  const aKeys = Object.keys(a).filter(isDataKey)\n  const bKeys = Object.keys(b).filter(isDataKey)\n  if (aKeys.length !== bKeys.length) return false\n  for (const key of aKeys) {\n    const aVal = a[key] as string | number | boolean | null | undefined\n    const bVal = b[key] as string | number | boolean | null | undefined\n    // Treat null, undefined, and empty string as equivalent\n    const isNullish = (v: unknown) => v === null || v === undefined || v === ''\n    if (isNullish(aVal) && isNullish(bVal)) continue\n    if (String(aVal) !== String(bVal)) return false\n  }\n  return true\n}\n\n/**\n * Remove no-op operations created by react-datasheet-grid that would result in invalid or undesired changes to the json-joy CRDT model\n * @param newValue\n * @param rowValues\n * @param operations\n */\nexport function removeNoOpOperations(\n  newValue: DataGridRow[],\n  rowValues: DataGridRow[],\n  operations: Operation[],\n) {\n  function isNoop(operation: Operation): boolean {\n    if (operation.type === 'UPDATE') {\n      const oldVal = rowValues.slice(\n        operation.fromRowIndex,\n        operation.toRowIndex,\n      )\n      const newVal = newValue.slice(\n        operation.fromRowIndex,\n        operation.toRowIndex,\n      )\n\n      const comparisonResults = oldVal.map((oldItem, idx) =>\n        rowsAreIdentical(oldItem, newVal[idx]),\n      )\n      return comparisonResults.every(Boolean)\n    }\n    return false\n  }\n\n  return operations.filter(op => !isNoop(op))\n}\n"],"mappings":";;AAIA,IAAaI,IAA8B,YAG9BC,KAAmBC,MAA8B;CAC5D,IAAMC,IAAeD,EAAME,MAAM;AAUjC,QATKD,IAEMA,EAAaG,aAAa,CAACC,WAAW,SAAS,GACjD;EAAEF,MAAM;EAAOH,OAAOC;EAAc,GAClCP,EAAwBY,KAAKL,EAAa,GAC5C;EAAEE,MAAM;EAAeH,OAAOC;EAAc,GAC1C,kBAAkBK,KAAKL,EAAa,GACtC;EAAEE,MAAM;EAAaH,OAAOC;EAAc,GAE5C;EAAEE,MAAM;EAAWH,OAAOC;EAAc,GARtC;EAAEE,MAAM;EAASH,OAAO;EAAI;;AAWvC,SAAgBO,EAAiBC,GAAgBC,GAAyB;CACxE,IAAMC,KAAaC,MAAgB,CAACA,EAAIN,WAAW,KAAK,EAClDO,IAAQC,OAAOC,KAAKN,EAAE,CAACO,OAAOL,EAAU,EACxCM,IAAQH,OAAOC,KAAKL,EAAE,CAACM,OAAOL,EAAU;AAC9C,KAAIE,EAAMK,WAAWD,EAAMC,OAAQ,QAAO;AAC1C,MAAK,IAAMN,KAAOC,GAAO;EACvB,IAAMM,IAAOV,EAAEG,IACTQ,IAAOV,EAAEE,IAETS,KAAaC,MAAeA,KAAM,QAA2BA,MAAM;AACrED,UAAUF,EAAK,IAAIE,EAAUD,EAAK,KAClCI,OAAOL,EAAK,KAAKK,OAAOJ,EAAK,CAAE,QAAO;;AAE5C,QAAO;;AAST,SAAgBK,EACdC,GACAC,GACAC,GACA;CACA,SAASC,EAAOC,GAA+B;AAC7C,MAAIA,EAAU1B,SAAS,UAAU;GAC/B,IAAM2B,IAASJ,EAAUK,MACvBF,EAAUG,cACVH,EAAUI,WACX,EACKC,IAAST,EAASM,MACtBF,EAAUG,cACVH,EAAUI,WACX;AAKD,UAH0BH,EAAOM,KAAKC,GAASC,MAC7C/B,EAAiB8B,GAASH,EAAOI,GACnC,CACOH,CAAkBI,MAAMC,QAAQ;;AAEzC,SAAO;;AAGT,QAAOb,EAAWZ,QAAO0B,MAAM,CAACb,EAAOa,EAAG,CAAC"}
+{"version":3,"file":"DataGridUtils.js","names":["SYNAPSE_ENTITY_ID_REGEX","DataGridRow","Operation","QueryInput","GRID_ROW_REACT_KEY_PROPERTY","parseQueryInput","input","trimmedInput","trim","type","toUpperCase","startsWith","test","rowsAreIdentical","a","b","isDataKey","key","aKeys","Object","keys","filter","bKeys","length","aVal","bVal","isNullish","v","undefined","is","removeNoOpOperations","newValue","rowValues","operations","isNoop","operation","oldVal","slice","fromRowIndex","toRowIndex","newVal","comparisonResults","map","oldItem","idx","every","Boolean","op"],"sources":["../../../../src/components/DataGrid/utils/DataGridUtils.ts"],"sourcesContent":["import { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { DataGridRow, Operation, QueryInput } from '../DataGridTypes'\n\n// We embed a value into the in row data passed to react-datasheet-grid for use as a render optimization\nexport const GRID_ROW_REACT_KEY_PROPERTY = '__rowKey'\n\n// Query Input can either be an empty string, a SQL query, or a session ID\nexport const parseQueryInput = (input: string): QueryInput => {\n  const trimmedInput = input.trim()\n  if (!trimmedInput) {\n    return { type: 'empty', input: '' }\n  } else if (trimmedInput.toUpperCase().startsWith('SELECT')) {\n    return { type: 'sql', input: trimmedInput }\n  } else if (SYNAPSE_ENTITY_ID_REGEX.test(trimmedInput)) {\n    return { type: 'recordSetId', input: trimmedInput }\n  } else if (/^[A-Za-z]\\w*=+$/.test(trimmedInput)) {\n    return { type: 'sessionId', input: trimmedInput }\n  }\n  return { type: 'unknown', input: trimmedInput }\n}\n\nexport function rowsAreIdentical(a: DataGridRow, b: DataGridRow): boolean {\n  const isDataKey = (key: string) => !key.startsWith('__')\n  const aKeys = Object.keys(a).filter(isDataKey)\n  const bKeys = Object.keys(b).filter(isDataKey)\n  if (aKeys.length !== bKeys.length) return false\n  for (const key of aKeys) {\n    const aVal = a[key] as string | number | boolean | null | undefined\n    const bVal = b[key] as string | number | boolean | null | undefined\n    // Treat null, undefined, and empty string as equivalent\n    const isNullish = (v: unknown) => v === null || v === undefined || v === ''\n    if (isNullish(aVal) && isNullish(bVal)) continue\n    if (!Object.is(aVal, bVal)) return false\n  }\n  return true\n}\n\n/**\n * Remove no-op operations created by react-datasheet-grid that would result in invalid or undesired changes to the json-joy CRDT model\n * @param newValue\n * @param rowValues\n * @param operations\n */\nexport function removeNoOpOperations(\n  newValue: DataGridRow[],\n  rowValues: DataGridRow[],\n  operations: Operation[],\n) {\n  function isNoop(operation: Operation): boolean {\n    if (operation.type === 'UPDATE') {\n      const oldVal = rowValues.slice(\n        operation.fromRowIndex,\n        operation.toRowIndex,\n      )\n      const newVal = newValue.slice(\n        operation.fromRowIndex,\n        operation.toRowIndex,\n      )\n\n      const comparisonResults = oldVal.map((oldItem, idx) =>\n        rowsAreIdentical(oldItem, newVal[idx]),\n      )\n      return comparisonResults.every(Boolean)\n    }\n    return false\n  }\n\n  return operations.filter(op => !isNoop(op))\n}\n"],"mappings":";;AAIA,IAAaI,IAA8B,YAG9BC,KAAmBC,MAA8B;CAC5D,IAAMC,IAAeD,EAAME,MAAM;AAUjC,QATKD,IAEMA,EAAaG,aAAa,CAACC,WAAW,SAAS,GACjD;EAAEF,MAAM;EAAOH,OAAOC;EAAc,GAClCP,EAAwBY,KAAKL,EAAa,GAC5C;EAAEE,MAAM;EAAeH,OAAOC;EAAc,GAC1C,kBAAkBK,KAAKL,EAAa,GACtC;EAAEE,MAAM;EAAaH,OAAOC;EAAc,GAE5C;EAAEE,MAAM;EAAWH,OAAOC;EAAc,GARtC;EAAEE,MAAM;EAASH,OAAO;EAAI;;AAWvC,SAAgBO,EAAiBC,GAAgBC,GAAyB;CACxE,IAAMC,KAAaC,MAAgB,CAACA,EAAIN,WAAW,KAAK,EAClDO,IAAQC,OAAOC,KAAKN,EAAE,CAACO,OAAOL,EAAU,EACxCM,IAAQH,OAAOC,KAAKL,EAAE,CAACM,OAAOL,EAAU;AAC9C,KAAIE,EAAMK,WAAWD,EAAMC,OAAQ,QAAO;AAC1C,MAAK,IAAMN,KAAOC,GAAO;EACvB,IAAMM,IAAOV,EAAEG,IACTQ,IAAOV,EAAEE,IAETS,KAAaC,MAAeA,KAAM,QAA2BA,MAAM;AACrED,UAAUF,EAAK,IAAIE,EAAUD,EAAK,KAClC,CAACN,OAAOU,GAAGL,GAAMC,EAAK,CAAE,QAAO;;AAErC,QAAO;;AAST,SAAgBK,EACdC,GACAC,GACAC,GACA;CACA,SAASC,EAAOC,GAA+B;AAC7C,MAAIA,EAAU1B,SAAS,UAAU;GAC/B,IAAM2B,IAASJ,EAAUK,MACvBF,EAAUG,cACVH,EAAUI,WACX,EACKC,IAAST,EAASM,MACtBF,EAAUG,cACVH,EAAUI,WACX;AAKD,UAH0BH,EAAOM,KAAKC,GAASC,MAC7C/B,EAAiB8B,GAASH,EAAOI,GACnC,CACOH,CAAkBI,MAAMC,QAAQ;;AAEzC,SAAO;;AAGT,QAAOb,EAAWZ,QAAO0B,MAAM,CAACb,EAAOa,EAAG,CAAC"}

package/dist/components/DraggableDialog/DraggableDialog.js

@@ -7,10 +7,10 @@ import g from "@mui/icons-material/Close";
 import _ from "react-draggable";
 //#region src/components/DraggableDialog/DraggableDialog.tsx
 function v({ open: v = !1, onClose: y, title: b, children: x }) {
-	let S = f(p().breakpoints.down("sm")), C = r(null), [w, T] = i(), [E, D] = i({
+	let S = p(), C = f(S.breakpoints.down("sm")), w = r(null), [T, E] = i(), [D, O] = i({
 		x: 100,
 		y: 100
-	}), { width: O, height: k, handleResizeStart: A } = e({
+	}), { width: k, height: A, handleResizeStart: j } = e({
 		initialWidth: 600,
 		initialHeight: 500,
 		minWidth: 300,
@@ -21,26 +21,26 @@ function v({ open: v = !1, onClose: y, title: b, children: x }) {
 	if (n(() => {
 		function e() {
 			let e = {
-				left: -(O - 100),
+				left: -(k - 100),
 				top: 0,
 				right: window.innerWidth - 100,
 				bottom: window.innerHeight - 100
 			};
-			T(e), D((t) => ({
+			E(e), O((t) => ({
 				x: Math.max(e.left, Math.min(t.x, e.right)),
 				y: Math.max(e.top, Math.min(t.y, e.bottom))
 			}));
 		}
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [O, k]), !v) return null;
-	let j = /* @__PURE__ */ h(l, {
+	}, [k, A]), !v) return null;
+	let M = /* @__PURE__ */ h(l, {
 		elevation: 5,
 		sx: {
 			display: "flex",
 			flexDirection: "column",
-			height: S ? "95vh" : `${k}px`,
-			width: S ? "95vw" : `${O}px`,
-			...S && { position: "fixed" }
+			height: C ? "95vh" : `${A}px`,
+			width: C ? "95vw" : `${k}px`,
+			...C && { position: "fixed" }
 		},
 		children: [
 			/* @__PURE__ */ h(u, {
@@ -78,28 +78,28 @@ function v({ open: v = !1, onClose: y, title: b, children: x }) {
 	return /* @__PURE__ */ m(a, {
 		sx: {
 			position: "fixed",
-			zIndex: 1e3,
+			zIndex: S.zIndex.modal,
 			top: 0,
 			left: 0,
-			pointerEvents: S ? "auto" : "none"
+			pointerEvents: C ? "auto" : "none"
 		},
-		children: S ? j : /* @__PURE__ */ m(_, {
-			position: E,
-			onDrag: (e, t) => D({
+		children: C ? M : /* @__PURE__ */ m(_, {
+			position: D,
+			onDrag: (e, t) => O({
 				x: t.x,
 				y: t.y
 			}),
-			nodeRef: C,
-			bounds: w,
+			nodeRef: w,
+			bounds: T,
 			handle: ".drag-handle",
 			children: /* @__PURE__ */ m(a, {
-				ref: C,
+				ref: w,
 				sx: { pointerEvents: "auto" },
 				children: /* @__PURE__ */ m(t, {
-					width: O,
-					height: k,
-					onResizeStart: A,
-					children: j
+					width: k,
+					height: A,
+					onResizeStart: j,
+					children: M
 				})
 			})
 		})

package/dist/components/DraggableDialog/DraggableDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n  Box,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n  Divider,\n  useMediaQuery,\n  useTheme,\n  DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\ntype DraggableDialogProps = {\n  open?: boolean\n  onClose?: () => void\n  children: ReactNode\n  title?: ReactNode\n}\n\nexport default function DraggableDialog({\n  open = false,\n  onClose,\n  title,\n  children,\n}: DraggableDialogProps) {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n  const draggableRef = useRef<HTMLDivElement>(null)\n  const [bounds, setBounds] = useState<DraggableBounds>()\n  const [position, setPosition] = useState({ x: 100, y: 100 })\n  const { width, height, handleResizeStart } = useResizable({\n    initialWidth: 600,\n    initialHeight: 500,\n    minWidth: 300,\n    minHeight: 200,\n    maxWidth: 1200,\n    maxHeight: 800,\n  })\n\n  useEffect(() => {\n    // Calculate draggable bounds to keep dialog within viewport with margin\n    function updateBounds() {\n      const margin = 100\n      const dialogWidth = width\n\n      const newBounds = {\n        left: -(dialogWidth - margin),\n        top: 0,\n        right: window.innerWidth - margin,\n        bottom: window.innerHeight - margin,\n      }\n\n      setBounds(newBounds)\n\n      // Clamp dialog position to new bounds to keep it visible after window resize\n      setPosition(prevPosition => ({\n        x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n        y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n      }))\n    }\n    updateBounds()\n    window.addEventListener('resize', updateBounds)\n    return () => window.removeEventListener('resize', updateBounds)\n  }, [width, height])\n\n  if (!open) {\n    return null\n  }\n\n  const paperContent = (\n    <Paper\n      elevation={5}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isMobile ? '95vh' : `${height}px`,\n        width: isMobile ? '95vw' : `${width}px`,\n        ...(isMobile && {\n          position: 'fixed',\n        }),\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        gap=\"5px\"\n        className=\"drag-handle\"\n        sx={{\n          padding: '20px',\n          cursor: 'move',\n        }}\n      >\n        <Typography variant=\"headline1\">{title}</Typography>\n        <Box sx={{ flexGrow: 1 }} />\n        <IconButton onClick={onClose}>\n          <CloseIcon />\n        </IconButton>\n      </Stack>\n      <Divider sx={{ mx: 2 }} />\n      <DialogContent\n        sx={{\n          height: '100%',\n          maxWidth: '100%',\n          padding: '16px',\n        }}\n      >\n        {children}\n      </DialogContent>\n    </Paper>\n  )\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        zIndex: 1000,\n        top: 0,\n        left: 0,\n        pointerEvents: isMobile ? 'auto' : 'none',\n      }}\n    >\n      {isMobile ? (\n        paperContent\n      ) : (\n        <Draggable\n          position={position}\n          onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n          nodeRef={draggableRef}\n          bounds={bounds}\n          handle=\".drag-handle\"\n        >\n          <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n            <ResizableContainer\n              width={width}\n              height={height}\n              onResizeStart={handleResizeStart}\n            >\n              {paperContent}\n            </ResizableContainer>\n          </Box>\n        </Draggable>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,eACuB;CAEvB,IAAM,IAAW,EADH,GACiB,CAAM,YAAY,KAAK,KAAK,CAAC,EACtD,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAQ,KAAa,GAA2B,EACjD,CAAC,GAAU,KAAe,EAAS;EAAE,GAAG;EAAK,GAAG;EAAK,CAAC,EACtD,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe;EACf,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACZ,CAAC;AA4BF,KA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,EAAE,IAAc;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;IAC9B;AAKD,GAHA,EAAU,EAAU,EAGpB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;IACtE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,OAAO,CAAC;IACvE,EAAE;;AAIL,SAFA,GAAc,EACd,OAAO,iBAAiB,UAAU,EAAa,QAClC,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,GAAO,EAAO,CAAC,EAEf,CAAC,EACH,QAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,SACX;GACF;YAVH;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS;KACT,QAAQ;KACT;cARH;KAUE,kBAAC,GAAD;MAAY,SAAQ;gBAAa;MAAmB,CAAA;KACpD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;KAC5B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,EAAa,CAAA;MACF,CAAA;KACP;;GACR,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;GAC1B,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;KACV;IAEA;IACa,CAAA;GACV;;AAGV,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ;GACR,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;GACpC;YAEA,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;IAAG,CAAC;GAC1D,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,QAAQ;cACnD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;KACkB,CAAA;IACjB,CAAA;GACI,CAAA;EAEV,CAAA"}
+{"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n  Box,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n  Divider,\n  useMediaQuery,\n  useTheme,\n  DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\ntype DraggableDialogProps = {\n  open?: boolean\n  onClose?: () => void\n  children: ReactNode\n  title?: ReactNode\n}\n\nexport default function DraggableDialog({\n  open = false,\n  onClose,\n  title,\n  children,\n}: DraggableDialogProps) {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n  const draggableRef = useRef<HTMLDivElement>(null)\n  const [bounds, setBounds] = useState<DraggableBounds>()\n  const [position, setPosition] = useState({ x: 100, y: 100 })\n  const { width, height, handleResizeStart } = useResizable({\n    initialWidth: 600,\n    initialHeight: 500,\n    minWidth: 300,\n    minHeight: 200,\n    maxWidth: 1200,\n    maxHeight: 800,\n  })\n\n  useEffect(() => {\n    // Calculate draggable bounds to keep dialog within viewport with margin\n    function updateBounds() {\n      const margin = 100\n      const dialogWidth = width\n\n      const newBounds = {\n        left: -(dialogWidth - margin),\n        top: 0,\n        right: window.innerWidth - margin,\n        bottom: window.innerHeight - margin,\n      }\n\n      setBounds(newBounds)\n\n      // Clamp dialog position to new bounds to keep it visible after window resize\n      setPosition(prevPosition => ({\n        x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n        y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n      }))\n    }\n    updateBounds()\n    window.addEventListener('resize', updateBounds)\n    return () => window.removeEventListener('resize', updateBounds)\n  }, [width, height])\n\n  if (!open) {\n    return null\n  }\n\n  const paperContent = (\n    <Paper\n      elevation={5}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isMobile ? '95vh' : `${height}px`,\n        width: isMobile ? '95vw' : `${width}px`,\n        ...(isMobile && {\n          position: 'fixed',\n        }),\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        gap=\"5px\"\n        className=\"drag-handle\"\n        sx={{\n          padding: '20px',\n          cursor: 'move',\n        }}\n      >\n        <Typography variant=\"headline1\">{title}</Typography>\n        <Box sx={{ flexGrow: 1 }} />\n        <IconButton onClick={onClose}>\n          <CloseIcon />\n        </IconButton>\n      </Stack>\n      <Divider sx={{ mx: 2 }} />\n      <DialogContent\n        sx={{\n          height: '100%',\n          maxWidth: '100%',\n          padding: '16px',\n        }}\n      >\n        {children}\n      </DialogContent>\n    </Paper>\n  )\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        zIndex: theme.zIndex.modal,\n        top: 0,\n        left: 0,\n        pointerEvents: isMobile ? 'auto' : 'none',\n      }}\n    >\n      {isMobile ? (\n        paperContent\n      ) : (\n        <Draggable\n          position={position}\n          onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n          nodeRef={draggableRef}\n          bounds={bounds}\n          handle=\".drag-handle\"\n        >\n          <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n            <ResizableContainer\n              width={width}\n              height={height}\n              onResizeStart={handleResizeStart}\n            >\n              {paperContent}\n            </ResizableContainer>\n          </Box>\n        </Draggable>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,eACuB;CACvB,IAAM,IAAQ,GAAU,EAClB,IAAW,EAAc,EAAM,YAAY,KAAK,KAAK,CAAC,EACtD,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAQ,KAAa,GAA2B,EACjD,CAAC,GAAU,KAAe,EAAS;EAAE,GAAG;EAAK,GAAG;EAAK,CAAC,EACtD,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe;EACf,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACZ,CAAC;AA4BF,KA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,EAAE,IAAc;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;IAC9B;AAKD,GAHA,EAAU,EAAU,EAGpB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;IACtE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,OAAO,CAAC;IACvE,EAAE;;AAIL,SAFA,GAAc,EACd,OAAO,iBAAiB,UAAU,EAAa,QAClC,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,GAAO,EAAO,CAAC,EAEf,CAAC,EACH,QAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,SACX;GACF;YAVH;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS;KACT,QAAQ;KACT;cARH;KAUE,kBAAC,GAAD;MAAY,SAAQ;gBAAa;MAAmB,CAAA;KACpD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;KAC5B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,EAAa,CAAA;MACF,CAAA;KACP;;GACR,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;GAC1B,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;KACV;IAEA;IACa,CAAA;GACV;;AAGV,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ,EAAM,OAAO;GACrB,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;GACpC;YAEA,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;IAAG,CAAC;GAC1D,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,QAAQ;cACnD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;KACkB,CAAA;IACjB,CAAA;GACI,CAAA;EAEV,CAAA"}

package/dist/components/EntityDownloadButton/EntityDownloadButton.d.ts

@@ -2,6 +2,12 @@ import { EntityType } from '@sage-bionetworks/synapse-client';
 import { RefObject } from 'react';
 export declare const PYTHON_CLIENT_IMPORT_AND_LOGIN = "import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")";
 export declare const R_CLIENT_IMPORT_AND_LOGIN = "library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")";
+type ProgrammaticAccessCode = {
+    cliCode: string | undefined;
+    rCode: string | undefined;
+    pythonCode: string | undefined;
+};
+export declare function getProgrammaticAccessCode(type: EntityType, entityId: string, version: number | undefined): ProgrammaticAccessCode;
 declare enum DownloadAction {
     downloadFile = 0,
     addToCart = 1,

package/dist/components/EntityDownloadButton/EntityDownloadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAK7D,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAkB3C,eAAO,MAAM,8BAA8B,kGAEJ,CAAA;AAGvC,eAAO,MAAM,yBAAyB,+DACA,CAAA;AA2DtC,aAAK,cAAc;IACjB,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,kBAAkB,IAAA;IAClB,wBAAwB,IAAA;IACxB,WAAW,IAAA;CACZ;AA6FD,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,UAAU,GACf,cAAc,EAAE,EAAE,CAoCpB;AA2ED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,6BAA6B,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAgLA"}
+{"version":3,"file":"EntityDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAK7D,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAkB3C,eAAO,MAAM,8BAA8B,kGAEJ,CAAA;AAGvC,eAAO,MAAM,yBAAyB,+DACA,CAAA;AAEtC,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B,CAAA;AAGD,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,GAAG,SAAS,GAC1B,sBAAsB,CAkDxB;AAED,aAAK,cAAc;IACjB,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,kBAAkB,IAAA;IAClB,wBAAwB,IAAA;IACxB,WAAW,IAAA;CACZ;AA6FD,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,UAAU,GACf,cAAc,EAAE,EAAE,CAoCpB;AA2ED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,6BAA6B,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAgLA"}

package/dist/components/EntityDownloadButton/EntityDownloadButton.js

@@ -59,6 +59,11 @@ read.table(query$filepath, sep=",")`,
 query = syn.tableQuery("SELECT * FROM ${r}")
 query.asDataFrame()`
 		};
+		case C.searchindex: return {
+			cliCode: void 0,
+			rCode: void 0,
+			pythonCode: void 0
+		};
 		default: throw Error(`Unhandled EntityType: ${e}`);
 	}
 }
@@ -207,6 +212,6 @@ function F(n) {
 	] });
 }
 //#endregion
-export { F as EntityDownloadButton, E as PYTHON_CLIENT_IMPORT_AND_LOGIN, D as R_CLIENT_IMPORT_AND_LOGIN, M as getDownloadActionsForEntityType };
+export { F as EntityDownloadButton, E as PYTHON_CLIENT_IMPORT_AND_LOGIN, D as R_CLIENT_IMPORT_AND_LOGIN, M as getDownloadActionsForEntityType, O as getProgrammaticAccessCode };
 
 //# sourceMappingURL=EntityDownloadButton.js.map