synapse-react-client 4.0.18 → 4.0.20

package/dist/components/ChallengeTeamWizard/ChallengeTeamWizard.js

@@ -3,132 +3,126 @@ import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
 import { SynapseSpinner as r } from "../LoadingScreen/LoadingScreen.js";
 import "../../utils/index.js";
 import { useGetEntityChallenge as i } from "../../synapse-queries/entity/useGetEntityChallenge.js";
-import { useGetUserSubmissionTeams as ee } from "../../synapse-queries/user/useGetUserTeams.js";
-import { useGetCurrentUserProfile as a } from "../../synapse-queries/user/useUserBundle.js";
-import { useAddMemberToTeam as o, useGetMembershipStatus as te } from "../../synapse-queries/team/useTeamMembers.js";
+import { useGetUserSubmissionTeams as a } from "../../synapse-queries/user/useGetUserTeams.js";
+import { useGetCurrentUserProfile as ee } from "../../synapse-queries/user/useUserBundle.js";
+import { useAddMemberToTeam as te, useGetMembershipStatus as o } from "../../synapse-queries/team/useTeamMembers.js";
 import "../../synapse-queries/index.js";
 import { DialogBase as s } from "../DialogBase.js";
-import { CreateChallengeTeam as c } from "./CreateChallengeTeam.js";
-import { MembershipRequestForm as ne } from "./MembershipRequestForm.js";
-import { AcceptMembershipInvitationButton as re, OpenMembershipInvitation as ie } from "./OpenMembershipInvitation.js";
-import { RegistrationSuccessful as ae } from "./RegistrationSuccessful.js";
-import { SelectChallengeTeam as l } from "./SelectChallengeTeam.js";
-import { useCallback as u, useMemo as d, useRef as f, useState as p } from "react";
-import { noop as m } from "lodash-es";
-import { Alert as h, Box as g, Button as _, Tooltip as v, Typography as y } from "@mui/material";
+import { CreateChallengeTeam as ne } from "./CreateChallengeTeam.js";
+import { MembershipRequestForm as c } from "./MembershipRequestForm.js";
+import { AcceptMembershipInvitationButton as l, OpenMembershipInvitation as u } from "./OpenMembershipInvitation.js";
+import { RegistrationSuccessful as d } from "./RegistrationSuccessful.js";
+import { SelectChallengeTeam as re } from "./SelectChallengeTeam.js";
+import { useCallback as f, useMemo as p, useRef as m, useState as h } from "react";
+import { noop as g } from "lodash-es";
+import { Alert as _, Box as ie, Button as v, Tooltip as ae, Typography as y } from "@mui/material";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx
-var C = /* @__PURE__ */ function(e) {
-	return e.SELECT_YOUR_CHALLENGE_TEAM = "SELECT_YOUR_CHALLENGE_TEAM", e.ACCEPT_INVITATION = "ACCEPT_INVITATION", e.JOIN_REQUEST_FORM = "JOIN_REQUEST_FORM", e.JOIN_REQUEST_SENT = "JOIN_REQUEST_SENT", e.CREATE_NEW_TEAM = "CREATE_NEW_TEAM", e.REGISTRATION_SUCCESSFUL = "REGISTRATION_SUCCESSFUL", e;
-}(C || {});
-function w(e) {
+function oe(e) {
 	switch (e) {
-		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";
-		case C.CREATE_NEW_TEAM: return "Create Team";
-		case C.REGISTRATION_SUCCESSFUL: return "Registration Successful!";
+		case "SELECT_YOUR_CHALLENGE_TEAM": return "Select Your Submission Team";
+		case "ACCEPT_INVITATION": return "Invitation to Join Team";
+		case "JOIN_REQUEST_FORM": return "Request Team Membership";
+		case "JOIN_REQUEST_SENT": return "Request Sent";
+		case "CREATE_NEW_TEAM": return "Create Team";
+		case "REGISTRATION_SUCCESSFUL": return "Registration Successful!";
 	}
 }
-function T(T) {
-	let { projectId: E, isShowingModal: D = !1, onClose: O } = T, { isAuthenticated: k } = n(), [A, j] = p(C.SELECT_YOUR_CHALLENGE_TEAM), [M, N] = p(), [P, oe] = p(!1), [F, I] = p(!1), L = f(null), R = f(null), { data: z, isLoading: B } = a({ enabled: k }), { data: V, isLoading: H } = i(E), { mutateAsync: U, isPending: W, error: G } = o(), { data: K, error: se } = ee(V?.id, 1, 0, { enabled: !!(k && V) }), q = K && K.results.length > 0, { data: J, isLoading: Y, error: ce } = te(M, String(z?.ownerId), { enabled: k && !!M && !!z }), X = u(async () => {
-		!M || !z || (await U({
-			teamId: M,
-			userId: z.ownerId
-		}), j(C.REGISTRATION_SUCCESSFUL));
+function C(C) {
+	let { projectId: w, isShowingModal: T = !1, onClose: E } = C, { isAuthenticated: D } = n(), [O, k] = h("SELECT_YOUR_CHALLENGE_TEAM"), [A, j] = h(), [M, N] = h(!1), [P, F] = h(!1), I = m(null), L = m(null), { data: R, isLoading: z } = ee({ enabled: D }), { data: B, isLoading: V } = i(w), { mutateAsync: H, isPending: U, error: W } = te(), { data: G, error: K } = a(B?.id, 1, 0, { enabled: !!(D && B) }), q = G && G.results.length > 0, { data: J, isLoading: Y, error: se } = o(A, String(R?.ownerId), { enabled: D && !!A && !!R }), X = f(async () => {
+		!A || !R || (await H({
+			teamId: A,
+			userId: R.ownerId
+		}), k("REGISTRATION_SUCCESSFUL"));
 	}, [
-		U,
-		j,
-		M,
-		z
-	]), le = u(() => {
-		I(!1), N(void 0), O();
-	}, [O]), ue = B || H, Z = d(() => {
-		switch (A) {
-			case C.SELECT_YOUR_CHALLENGE_TEAM:
-			case C.JOIN_REQUEST_SENT:
-			case C.REGISTRATION_SUCCESSFUL: return /* @__PURE__ */ x(b, {});
-			case C.ACCEPT_INVITATION:
-			case C.JOIN_REQUEST_FORM:
-			case C.CREATE_NEW_TEAM:
-			default: return /* @__PURE__ */ x(_, {
+		H,
+		k,
+		A,
+		R
+	]), ce = f(() => {
+		F(!1), j(void 0), E();
+	}, [E]), le = z || V, Z = p(() => {
+		switch (O) {
+			case "SELECT_YOUR_CHALLENGE_TEAM":
+			case "JOIN_REQUEST_SENT":
+			case "REGISTRATION_SUCCESSFUL": return /* @__PURE__ */ x(b, {});
+			default: return /* @__PURE__ */ x(v, {
 				variant: "outlined",
 				onClick: () => {
-					j(C.SELECT_YOUR_CHALLENGE_TEAM), N(void 0);
+					k("SELECT_YOUR_CHALLENGE_TEAM"), j(void 0);
 				},
 				children: "Back"
 			});
 		}
-	}, [A]), Q = d(() => /* @__PURE__ */ x(_, {
+	}, [O]), Q = p(() => /* @__PURE__ */ x(v, {
 		variant: "contained",
 		onClick: () => {
-			O();
+			E();
 		},
 		children: "Close"
-	}), [O]), { actions: de = /* @__PURE__ */ x(b, {}), content: fe = /* @__PURE__ */ x(b, {}) } = d(() => {
-		if (!k) return { content: /* @__PURE__ */ x(h, {
+	}), [E]), { actions: ue = /* @__PURE__ */ x(b, {}), content: de = /* @__PURE__ */ x(b, {}) } = p(() => {
+		if (!D) return { content: /* @__PURE__ */ x(_, {
 			severity: "error",
 			children: /* @__PURE__ */ x(e, {})
 		}) };
-		if (q) return { content: /* @__PURE__ */ x(h, {
+		if (q) return { content: /* @__PURE__ */ x(_, {
 			severity: "error",
 			children: /* @__PURE__ */ x(y, { children: "You are already a member of a registered submission team for this Challenge." })
 		}) };
-		switch (A) {
-			case C.SELECT_YOUR_CHALLENGE_TEAM: {
-				let e = "Join Team", t = !1, n = m, i = "";
+		switch (O) {
+			case "SELECT_YOUR_CHALLENGE_TEAM": {
+				let e = "Join Team", t = !1, n = g, i = "";
 				return J && J.hasOpenInvitation ? (e = "View Invitation to Join Team", n = () => {
-					j(C.ACCEPT_INVITATION);
+					k("ACCEPT_INVITATION");
 				}) : J && J.hasOpenRequest ? (e = "Join Request Pending", t = !0, i = "You have already submitted a request to join this team.") : J && J.membershipApprovalRequired ? (e = "Request to Join Team", n = () => {
-					j(C.JOIN_REQUEST_FORM);
+					k("JOIN_REQUEST_FORM");
 				}) : J && J.canJoin && (e = "Join Team", n = () => {
 					X();
 				}), {
-					content: V && !q && /* @__PURE__ */ x(l, {
-						challengeId: V.id,
-						onCreateTeam: () => j(C.CREATE_NEW_TEAM),
-						selectedTeamId: M,
-						onSelectTeam: (e) => N(e)
+					content: B && !q && /* @__PURE__ */ x(re, {
+						challengeId: B.id,
+						onCreateTeam: () => k("CREATE_NEW_TEAM"),
+						selectedTeamId: A,
+						onSelectTeam: (e) => j(e)
 					}),
-					actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(v, {
+					actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(ae, {
 						title: i,
-						children: /* @__PURE__ */ x("span", { children: /* @__PURE__ */ x(_, {
+						children: /* @__PURE__ */ x("span", { children: /* @__PURE__ */ x(v, {
 							onClick: n,
-							startIcon: W ? /* @__PURE__ */ x(r, {}) : void 0,
-							disabled: !M || Y || W || t,
+							startIcon: U ? /* @__PURE__ */ x(r, {}) : void 0,
+							disabled: !A || Y || U || t,
 							variant: "contained",
 							children: e
 						}) })
 					})] })
 				};
 			}
-			case C.ACCEPT_INVITATION: return {
-				content: /* @__PURE__ */ x(ie, { teamId: M }),
-				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(re, {
-					teamId: M,
+			case "ACCEPT_INVITATION": return {
+				content: /* @__PURE__ */ x(u, { teamId: A }),
+				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(l, {
+					teamId: A,
 					onSuccess: () => {
-						j(C.REGISTRATION_SUCCESSFUL);
+						k("REGISTRATION_SUCCESSFUL");
 					}
 				})] })
 			};
-			case C.JOIN_REQUEST_FORM: return {
-				content: /* @__PURE__ */ x(ne, {
-					ref: L,
-					teamId: M,
+			case "JOIN_REQUEST_FORM": return {
+				content: /* @__PURE__ */ x(c, {
+					ref: I,
+					teamId: A,
 					onRequestSubmitted: () => {
-						j(C.JOIN_REQUEST_SENT);
+						k("JOIN_REQUEST_SENT");
 					}
 				}),
-				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(_, {
+				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(v, {
 					variant: "contained",
 					onClick: () => {
-						L?.current?.submit();
+						I?.current?.submit();
 					},
 					children: "Send Request"
 				})] })
 			};
-			case C.JOIN_REQUEST_SENT: return {
+			case "JOIN_REQUEST_SENT": return {
 				content: /* @__PURE__ */ x(y, {
 					variant: "body1",
 					sx: { lineHeight: "20px" },
@@ -136,59 +130,59 @@ function T(T) {
 				}),
 				actions: /* @__PURE__ */ S(b, { children: [Z, Q] })
 			};
-			case C.REGISTRATION_SUCCESSFUL: return {
-				content: /* @__PURE__ */ x(ae, {
-					createdNewTeam: F,
-					teamId: M
+			case "REGISTRATION_SUCCESSFUL": return {
+				content: /* @__PURE__ */ x(d, {
+					createdNewTeam: P,
+					teamId: A
 				}),
 				actions: /* @__PURE__ */ S(b, { children: [Z, Q] })
 			};
-			case C.CREATE_NEW_TEAM: return {
-				content: /* @__PURE__ */ x(c, {
-					ref: R,
-					challengeId: V?.id,
-					onCanSubmitChange: (e) => oe(e),
+			case "CREATE_NEW_TEAM": return {
+				content: /* @__PURE__ */ x(ne, {
+					ref: L,
+					challengeId: B?.id,
+					onCanSubmitChange: (e) => N(e),
 					onFinished: (e) => {
-						I(!0), N(e), j(C.REGISTRATION_SUCCESSFUL);
+						F(!0), j(e), k("REGISTRATION_SUCCESSFUL");
 					}
 				}),
-				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(_, {
+				actions: /* @__PURE__ */ S(b, { children: [Z, /* @__PURE__ */ x(v, {
 					variant: "contained",
-					disabled: !P,
+					disabled: !M,
 					onClick: () => {
-						R?.current?.submit();
+						L?.current?.submit();
 					},
 					children: "Create Team"
 				})] })
 			};
 		}
 	}, [
-		k,
+		D,
 		q,
+		O,
 		A,
-		M,
 		Z,
 		Q,
-		F,
+		P,
 		J,
-		V,
-		W,
+		B,
+		U,
 		Y,
 		X,
-		P
-	]), $ = G?.message || ce?.message || se?.message;
+		M
+	]), $ = W?.message || se?.message || K?.message;
 	return /* @__PURE__ */ x(s, {
-		onCancel: le,
-		open: D,
-		actions: de,
-		title: `Challenge Registration (Step 2 of 2): ${w(A)}`,
-		content: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(g, {
+		onCancel: ce,
+		open: T,
+		actions: ue,
+		title: `Challenge Registration (Step 2 of 2): ${oe(O)}`,
+		content: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(ie, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 1
 			},
-			children: ue ? /* @__PURE__ */ x(r, { size: 40 }) : /* @__PURE__ */ S(b, { children: [fe, $ && /* @__PURE__ */ x(h, {
+			children: le ? /* @__PURE__ */ x(r, { size: 40 }) : /* @__PURE__ */ S(b, { children: [de, $ && /* @__PURE__ */ x(_, {
 				severity: "error",
 				children: $
 			})] })
@@ -196,6 +190,6 @@ function T(T) {
 	});
 }
 //#endregion
-export { T as default };
+export { C as default };
 
 //# sourceMappingURL=ChallengeTeamWizard.js.map

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 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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"}
+{"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/ChallengeTeamWizard/CreateChallengeTeam.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Stack, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        if (!formDataIsValid) {\n          console.warn(\n            'Attempted to submit when form data was not valid. Nothing will happen.',\n          )\n          return\n        }\n        createAndRegisterTeam(\n          team,\n          challengeId,\n          parsedInvitees,\n          invitationMessage,\n        )\n          .then(([newTeam]) => {\n            onFinished(newTeam.id)\n          })\n          .catch(() => {\n            // The hook will return errors, so no need to handle them here\n          })\n      },\n    }\n  }, [\n    formDataIsValid,\n    parsedInvitees,\n    createAndRegisterTeam,\n    team,\n    challengeId,\n    invitationMessage,\n    onFinished,\n  ])\n\n  return (\n    <Stack gap={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Stack>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"CreateChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Stack, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        if (!formDataIsValid) {\n          console.warn(\n            'Attempted to submit when form data was not valid. Nothing will happen.',\n          )\n          return\n        }\n        createAndRegisterTeam(\n          team,\n          challengeId,\n          parsedInvitees,\n          invitationMessage,\n        )\n          .then(([newTeam]) => {\n            onFinished(newTeam.id)\n          })\n          .catch(() => {\n            // The hook will return errors, so no need to handle them here\n          })\n      },\n    }\n  }, [\n    formDataIsValid,\n    parsedInvitees,\n    createAndRegisterTeam,\n    team,\n    challengeId,\n    invitationMessage,\n    onFinished,\n  ])\n\n  return (\n    <Stack gap={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Stack>\n  )\n})\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MembershipRequestForm.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/MembershipRequestForm.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetTeam,\n  useRequestToJoinTeam,\n} from '@/synapse-queries'\nimport { Alert, Box, TextField, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport {\n  ChangeEvent,\n  ForwardedRef,\n  forwardRef,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype JoinRequestFormProps = {\n  teamId: string\n  onRequestSubmitted: () => void\n}\n\nexport type MembershipRequestFormHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\n/**\n * Component that provides a form that a user can use to create a MembershipRequest for a Team.\n *\n * To submit the form, pass a ref and call the `submit` handle on the ref.\n */\nexport const MembershipRequestForm = forwardRef(function MembershipRequestForm(\n  props: JoinRequestFormProps,\n  ref: ForwardedRef<MembershipRequestFormHandle>,\n) {\n  const { teamId, onRequestSubmitted = noop } = props\n  const [message, setMessage] = useState<string>('')\n\n  const { data: userProfile } = useGetCurrentUserProfile()\n\n  const {\n    data: team,\n    status,\n    error,\n  } = useGetTeam(teamId, { enabled: !!teamId })\n\n  const { mutate: requestToJoinTeam } = useRequestToJoinTeam({\n    onSuccess: () => {\n      onRequestSubmitted()\n    },\n  })\n  const handleMessageChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    const value = event.target.value\n    setMessage(value)\n  }\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        if (userProfile) {\n          requestToJoinTeam({\n            teamId: teamId,\n            userId: userProfile.ownerId,\n            message: message,\n            expiresOn: undefined,\n          })\n        }\n      },\n    }\n  }, [message, requestToJoinTeam, teamId, userProfile])\n\n  if (status === 'pending') {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1,\n        }}\n      >\n        <SynapseSpinner />\n      </Box>\n    )\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        The following message will be sent to the Team Manager(s) of the{' '}\n        <strong>{team.name}</strong> team.\n      </Typography>\n      <Box>\n        <TextField\n          label={'Your Message to Team Managers(s)'}\n          id=\"membershipRequestMessage\"\n          value={message}\n          fullWidth\n          multiline\n          rows={4}\n          autoFocus\n          onChange={handleMessageChange}\n        />\n      </Box>\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;AA+BA,IAAa,IAAwB,EAAW,SAC9C,GACA,GACA;CACA,IAAM,EAAE,WAAQ,wBAAqB,MAAS,GACxC,CAAC,GAAS,KAAc,EAAiB,GAAG,EAE5C,EAAE,MAAM,MAAgB,GAA0B,EAElD,EACJ,MAAM,GACN,WACA,aACE,EAAW,GAAQ,EAAE,SAAS,CAAC,CAAC,GAAQ,CAAC,EAEvC,EAAE,QAAQ,MAAsB,EAAqB,EACzD,iBAAiB;AACf,KAAoB;IAEvB,CAAC;AAuCF,QAjCA,EAAoB,UACX,EACL,SAAS;AACP,EAAI,KACF,EAAkB;GACR;GACR,QAAQ,EAAY;GACX;GACT,WAAW,KAAA;GACZ,CAAC;IAGP,GACA;EAAC;EAAS;EAAmB;EAAQ;EAAY,CAAC,EAEjD,MAAW,YAEX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACN;YAED,kBAAC,GAAD,EAAkB,CAAA;EACd,CAAA,GAIN,MAAW,UACN,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;EAAgB,CAAA,GAIxD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,QAAQ;YAAtD;GAAwD;GACW;GACjE,kBAAC,UAAD,EAAA,UAAS,EAAK,MAAc,CAAA;;GACjB;KACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;EACP,IAAG;EACH,OAAO;EACP,WAAA;EACA,WAAA;EACA,MAAM;EACN,WAAA;EACA,WArDqB,MAA4C;GACvE,IAAM,IAAQ,EAAM,OAAO;AAC3B,KAAW,EAAM;;EAoDX,CAAA,EACE,CAAA,CACL,EAAA,CAAA;EAEL"}
+{"version":3,"file":"MembershipRequestForm.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/MembershipRequestForm.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetTeam,\n  useRequestToJoinTeam,\n} from '@/synapse-queries'\nimport { Alert, Box, TextField, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport {\n  ChangeEvent,\n  ForwardedRef,\n  forwardRef,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype JoinRequestFormProps = {\n  teamId: string\n  onRequestSubmitted: () => void\n}\n\nexport type MembershipRequestFormHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\n/**\n * Component that provides a form that a user can use to create a MembershipRequest for a Team.\n *\n * To submit the form, pass a ref and call the `submit` handle on the ref.\n */\nexport const MembershipRequestForm = forwardRef(function MembershipRequestForm(\n  props: JoinRequestFormProps,\n  ref: ForwardedRef<MembershipRequestFormHandle>,\n) {\n  const { teamId, onRequestSubmitted = noop } = props\n  const [message, setMessage] = useState<string>('')\n\n  const { data: userProfile } = useGetCurrentUserProfile()\n\n  const {\n    data: team,\n    status,\n    error,\n  } = useGetTeam(teamId, { enabled: !!teamId })\n\n  const { mutate: requestToJoinTeam } = useRequestToJoinTeam({\n    onSuccess: () => {\n      onRequestSubmitted()\n    },\n  })\n  const handleMessageChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    const value = event.target.value\n    setMessage(value)\n  }\n\n  useImperativeHandle(ref, () => {\n    return {\n      submit() {\n        if (userProfile) {\n          requestToJoinTeam({\n            teamId: teamId,\n            userId: userProfile.ownerId,\n            message: message,\n            expiresOn: undefined,\n          })\n        }\n      },\n    }\n  }, [message, requestToJoinTeam, teamId, userProfile])\n\n  if (status === 'pending') {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1,\n        }}\n      >\n        <SynapseSpinner />\n      </Box>\n    )\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        The following message will be sent to the Team Manager(s) of the{' '}\n        <strong>{team.name}</strong> team.\n      </Typography>\n      <Box>\n        <TextField\n          label={'Your Message to Team Managers(s)'}\n          id=\"membershipRequestMessage\"\n          value={message}\n          fullWidth\n          multiline\n          rows={4}\n          autoFocus\n          onChange={handleMessageChange}\n        />\n      </Box>\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;AA+BA,IAAa,IAAwB,EAAW,SAC9C,GACA,GACA;CACA,IAAM,EAAE,WAAQ,wBAAqB,MAAS,GACxC,CAAC,GAAS,KAAc,EAAiB,EAAE,GAE3C,EAAE,MAAM,MAAgB,EAAyB,GAEjD,EACJ,MAAM,GACN,WACA,aACE,EAAW,GAAQ,EAAE,SAAS,CAAC,CAAC,EAAO,CAAC,GAEtC,EAAE,QAAQ,MAAsB,EAAqB,EACzD,iBAAiB;EACf,EAAmB;CACrB,EACF,CAAC;CAuCD,OAjCA,EAAoB,UACX,EACL,SAAS;EACP,AAAI,KACF,EAAkB;GACR;GACR,QAAQ,EAAY;GACX;GACT,WAAW,KAAA;EACb,CAAC;CAEL,EACF,IACC;EAAC;EAAS;EAAmB;EAAQ;CAAW,CAAC,GAEhD,MAAW,YAEX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YAEA,kBAAC,GAAD,CAAiB,CAAA;CACd,CAAA,IAIL,MAAW,UACN,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;CAAe,CAAA,IAIvD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,OAAO;YAArD;GAAwD;GACW;GACjE,kBAAC,UAAD,EAAA,UAAS,EAAK,KAAa,CAAA;GAAC;EAClB;KACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;EACP,IAAG;EACH,OAAO;EACP,WAAA;EACA,WAAA;EACA,MAAM;EACN,WAAA;EACA,WArDqB,MAA4C;GACvE,IAAM,IAAQ,EAAM,OAAO;GAC3B,EAAW,CAAK;EAClB;CAmDO,CAAA,EACE,CAAA,CACL,EAAA,CAAA;AAEN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"OpenMembershipInvitation.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/OpenMembershipInvitation.tsx"],"sourcesContent":["import {\n  useAddMemberToTeam,\n  useGetAllOpenMembershipInvitations,\n  useGetCurrentUserProfile,\n  useGetTeam,\n} from '@/synapse-queries'\nimport { Alert, Button, ButtonProps, Stack, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport { useCallback } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\n\nexport type AcceptInvitationProps = {\n  teamId: string\n  onSuccess?: () => void\n}\n\nexport function AcceptMembershipInvitationButton(\n  props: AcceptInvitationProps & ButtonProps,\n) {\n  const { teamId, onSuccess = noop, ...buttonProps } = props\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n\n  const { mutate, isPending } = useAddMemberToTeam({\n    onSuccess: () => {\n      onSuccess()\n    },\n  })\n\n  const isLoading = !currentUserProfile || isPending\n\n  const onClick = useCallback(() => {\n    if (currentUserProfile?.ownerId) {\n      mutate({ teamId, userId: currentUserProfile.ownerId })\n    }\n  }, [currentUserProfile?.ownerId, mutate, teamId])\n\n  return (\n    <Button\n      variant=\"contained\"\n      disabled={isLoading}\n      startIcon={isPending ? <SynapseSpinner /> : undefined}\n      {...buttonProps}\n      onClick={onClick}\n    >\n      Accept Invitation\n    </Button>\n  )\n}\n\n/**\n * For the current, authenticated user, displays the details of an open MembershipInvitation for the provided team ID.\n *\n * This component requires\n *   1. The current user is logged-in\n *   2. The current user has an open invitation to join the teamId passed in via props\n *\n * To prompt the user to accept the invitation, use the {@link AcceptMembershipInvitationButton} component.\n */\nexport function OpenMembershipInvitation(props: AcceptInvitationProps) {\n  const { teamId } = props\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const {\n    data: membershipInvitations,\n    status,\n    error,\n  } = useGetAllOpenMembershipInvitations(currentUserProfile?.ownerId!, {\n    enabled: Boolean(currentUserProfile?.ownerId),\n  })\n  const { data: team } = useGetTeam(teamId, { enabled: Boolean(teamId) })\n\n  if (status === 'pending') {\n    return <SynapseSpinner />\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n  const matchingInvitation = membershipInvitations.find(\n    inv => inv.teamId === teamId,\n  )\n\n  if (matchingInvitation == null) {\n    return (\n      <Alert severity={'error'}>\n        No matching invitation for team {team ? team.name : `ID: ${teamId}`}\n      </Alert>\n    )\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant={'body1'}>\n        <UserBadge userId={matchingInvitation.createdBy} /> has invited you to\n        join{' '}\n        <span>\n          <UserOrTeamBadge principalId={teamId} />\n        </span>\n        {matchingInvitation.message ? ' with the following message:' : '.'}\n      </Typography>\n      {matchingInvitation.message && (\n        <Typography variant={'body1'} component={'blockquote'}>\n          {matchingInvitation.message}\n        </Typography>\n      )}\n      <Typography variant={'body1'}>\n        Do you want to accept this invitation?\n      </Typography>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,eAAY,GAAM,GAAG,MAAgB,GAC/C,EAAE,MAAM,MAAuB,GAA0B,EAEzD,EAAE,WAAQ,iBAAc,EAAmB,EAC/C,iBAAiB;AACf,KAAW;IAEd,CAAC,EAEI,IAAY,CAAC,KAAsB,GAEnC,IAAU,QAAkB;AAChC,EAAI,GAAoB,WACtB,EAAO;GAAE;GAAQ,QAAQ,EAAmB;GAAS,CAAC;IAEvD;EAAC,GAAoB;EAAS;EAAQ;EAAO,CAAC;AAEjD,QACE,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,WAAW,IAAY,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;EAC5C,GAAI;EACK;YACV;EAEQ,CAAA;;AAab,SAAgB,EAAyB,GAA8B;CACrE,IAAM,EAAE,cAAW,GACb,EAAE,MAAM,MAAuB,GAA0B,EACzD,EACJ,MAAM,GACN,WACA,aACE,EAAmC,GAAoB,SAAU,EACnE,SAAS,EAAQ,GAAoB,SACtC,CAAC,EACI,EAAE,MAAM,MAAS,EAAW,GAAQ,EAAE,SAAS,EAAQ,GAAS,CAAC;AAEvE,KAAI,MAAW,UACb,QAAO,kBAAC,GAAD,EAAkB,CAAA;AAG3B,KAAI,MAAW,QACb,QAAO,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;EAAgB,CAAA;CAE1D,IAAM,IAAqB,EAAsB,MAC/C,MAAO,EAAI,WAAW,EACvB;AAUD,QARI,KAAsB,OAEtB,kBAAC,GAAD;EAAO,UAAU;YAAjB,CAA0B,oCACS,IAAO,EAAK,OAAO,OAAO,IACrD;MAKV,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,GACN;YAHH;GAKE,kBAAC,GAAD;IAAY,SAAS;cAArB;KACE,kBAAC,GAAD,EAAW,QAAQ,EAAmB,WAAa,CAAA;;KAC9C;KACL,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAiB,aAAa,GAAU,CAAA,EACnC,CAAA;KACN,EAAmB,UAAU,iCAAiC;KACpD;;GACZ,EAAmB,WAClB,kBAAC,GAAD;IAAY,SAAS;IAAS,WAAW;cACtC,EAAmB;IACT,CAAA;GAEf,kBAAC,GAAD;IAAY,SAAS;cAAS;IAEjB,CAAA;GACP"}
+{"version":3,"file":"OpenMembershipInvitation.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/OpenMembershipInvitation.tsx"],"sourcesContent":["import {\n  useAddMemberToTeam,\n  useGetAllOpenMembershipInvitations,\n  useGetCurrentUserProfile,\n  useGetTeam,\n} from '@/synapse-queries'\nimport { Alert, Button, ButtonProps, Stack, Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport { useCallback } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\n\nexport type AcceptInvitationProps = {\n  teamId: string\n  onSuccess?: () => void\n}\n\nexport function AcceptMembershipInvitationButton(\n  props: AcceptInvitationProps & ButtonProps,\n) {\n  const { teamId, onSuccess = noop, ...buttonProps } = props\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n\n  const { mutate, isPending } = useAddMemberToTeam({\n    onSuccess: () => {\n      onSuccess()\n    },\n  })\n\n  const isLoading = !currentUserProfile || isPending\n\n  const onClick = useCallback(() => {\n    if (currentUserProfile?.ownerId) {\n      mutate({ teamId, userId: currentUserProfile.ownerId })\n    }\n  }, [currentUserProfile?.ownerId, mutate, teamId])\n\n  return (\n    <Button\n      variant=\"contained\"\n      disabled={isLoading}\n      startIcon={isPending ? <SynapseSpinner /> : undefined}\n      {...buttonProps}\n      onClick={onClick}\n    >\n      Accept Invitation\n    </Button>\n  )\n}\n\n/**\n * For the current, authenticated user, displays the details of an open MembershipInvitation for the provided team ID.\n *\n * This component requires\n *   1. The current user is logged-in\n *   2. The current user has an open invitation to join the teamId passed in via props\n *\n * To prompt the user to accept the invitation, use the {@link AcceptMembershipInvitationButton} component.\n */\nexport function OpenMembershipInvitation(props: AcceptInvitationProps) {\n  const { teamId } = props\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const {\n    data: membershipInvitations,\n    status,\n    error,\n  } = useGetAllOpenMembershipInvitations(currentUserProfile?.ownerId!, {\n    enabled: Boolean(currentUserProfile?.ownerId),\n  })\n  const { data: team } = useGetTeam(teamId, { enabled: Boolean(teamId) })\n\n  if (status === 'pending') {\n    return <SynapseSpinner />\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n  const matchingInvitation = membershipInvitations.find(\n    inv => inv.teamId === teamId,\n  )\n\n  if (matchingInvitation == null) {\n    return (\n      <Alert severity={'error'}>\n        No matching invitation for team {team ? team.name : `ID: ${teamId}`}\n      </Alert>\n    )\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant={'body1'}>\n        <UserBadge userId={matchingInvitation.createdBy} /> has invited you to\n        join{' '}\n        <span>\n          <UserOrTeamBadge principalId={teamId} />\n        </span>\n        {matchingInvitation.message ? ' with the following message:' : '.'}\n      </Typography>\n      {matchingInvitation.message && (\n        <Typography variant={'body1'} component={'blockquote'}>\n          {matchingInvitation.message}\n        </Typography>\n      )}\n      <Typography variant={'body1'}>\n        Do you want to accept this invitation?\n      </Typography>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,eAAY,GAAM,GAAG,MAAgB,GAC/C,EAAE,MAAM,MAAuB,EAAyB,GAExD,EAAE,WAAQ,iBAAc,EAAmB,EAC/C,iBAAiB;EACf,EAAU;CACZ,EACF,CAAC,GAEK,IAAY,CAAC,KAAsB,GAEnC,IAAU,QAAkB;EAChC,AAAI,GAAoB,WACtB,EAAO;GAAE;GAAQ,QAAQ,EAAmB;EAAQ,CAAC;CAEzD,GAAG;EAAC,GAAoB;EAAS;EAAQ;CAAM,CAAC;CAEhD,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,WAAW,IAAY,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EAC5C,GAAI;EACK;YACV;CAEO,CAAA;AAEZ;AAWA,SAAgB,EAAyB,GAA8B;CACrE,IAAM,EAAE,cAAW,GACb,EAAE,MAAM,MAAuB,EAAyB,GACxD,EACJ,MAAM,GACN,WACA,aACE,EAAmC,GAAoB,SAAU,EACnE,SAAS,EAAQ,GAAoB,QACvC,CAAC,GACK,EAAE,MAAM,MAAS,EAAW,GAAQ,EAAE,SAAS,EAAQ,EAAQ,CAAC;CAEtE,IAAI,MAAW,WACb,OAAO,kBAAC,GAAD,CAAiB,CAAA;CAG1B,IAAI,MAAW,SACb,OAAO,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;CAAe,CAAA;CAEzD,IAAM,IAAqB,EAAsB,MAC/C,MAAO,EAAI,WAAW,CACxB;CAUA,OARI,KAAsB,OAEtB,kBAAC,GAAD;EAAO,UAAU;YAAjB,CAA0B,oCACS,IAAO,EAAK,OAAO,OAAO,GACtD;MAKT,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD;IAAY,SAAS;cAArB;KACE,kBAAC,GAAD,EAAW,QAAQ,EAAmB,UAAY,CAAA;KAAC;KAC9C;KACL,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAiB,aAAa,EAAS,CAAA,EACnC,CAAA;KACL,EAAmB,UAAU,iCAAiC;IACrD;;GACX,EAAmB,WAClB,kBAAC,GAAD;IAAY,SAAS;IAAS,WAAW;cACtC,EAAmB;GACV,CAAA;GAEd,kBAAC,GAAD;IAAY,SAAS;cAAS;GAElB,CAAA;EACP;;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"RegistrationSuccessful.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/RegistrationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetTeam } from '@/synapse-queries'\nimport { Alert, Box, Typography } from '@mui/material'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype RegistrationSuccessfulProps = {\n  createdNewTeam: boolean\n  teamId: string | undefined\n}\n\nexport const RegistrationSuccessful = ({\n  createdNewTeam,\n  teamId,\n}: RegistrationSuccessfulProps): React.ReactNode => {\n  const {\n    data: team,\n    status,\n    error,\n  } = useGetTeam(teamId!, { enabled: !!teamId })\n\n  if (!teamId) return null\n\n  if (status === 'pending') {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1,\n        }}\n      >\n        <SynapseSpinner />\n      </Box>\n    )\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        You have successfully {createdNewTeam ? 'created' : 'joined'} team{' '}\n        <b>{team.name}</b> and have been added to this challenge.\n      </Typography>\n      {createdNewTeam && (\n        <Box>\n          Invited team members will be automatically registered for the\n          challenge as soon as they accept the team member invitation.\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,KAA0B,EACrC,mBACA,gBACkD;CAClD,IAAM,EACJ,MAAM,GACN,WACA,aACE,EAAW,GAAS,EAAE,SAAS,CAAC,CAAC,GAAQ,CAAC;AAsB9C,QApBK,IAED,MAAW,YAEX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACN;YAED,kBAAC,GAAD,EAAkB,CAAA;EACd,CAAA,GAIN,MAAW,UACN,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;EAAgB,CAAA,GAIxD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,QAAQ;YAAtD;GAAwD;GAC/B,IAAiB,YAAY;GAAS;GAAM;GACnE,kBAAC,KAAD,EAAA,UAAI,EAAK,MAAS,CAAA;;GACP;KACZ,KACC,kBAAC,GAAD,EAAA,UAAK,8HAGC,CAAA,CAEP,EAAA,CAAA,GAhCe"}
+{"version":3,"file":"RegistrationSuccessful.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/RegistrationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetTeam } from '@/synapse-queries'\nimport { Alert, Box, Typography } from '@mui/material'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype RegistrationSuccessfulProps = {\n  createdNewTeam: boolean\n  teamId: string | undefined\n}\n\nexport const RegistrationSuccessful = ({\n  createdNewTeam,\n  teamId,\n}: RegistrationSuccessfulProps): React.ReactNode => {\n  const {\n    data: team,\n    status,\n    error,\n  } = useGetTeam(teamId!, { enabled: !!teamId })\n\n  if (!teamId) return null\n\n  if (status === 'pending') {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1,\n        }}\n      >\n        <SynapseSpinner />\n      </Box>\n    )\n  }\n\n  if (status === 'error') {\n    return <Alert severity={'error'}>{error.message}</Alert>\n  }\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        You have successfully {createdNewTeam ? 'created' : 'joined'} team{' '}\n        <b>{team.name}</b> and have been added to this challenge.\n      </Typography>\n      {createdNewTeam && (\n        <Box>\n          Invited team members will be automatically registered for the\n          challenge as soon as they accept the team member invitation.\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,KAA0B,EACrC,mBACA,gBACkD;CAClD,IAAM,EACJ,MAAM,GACN,WACA,aACE,EAAW,GAAS,EAAE,SAAS,CAAC,CAAC,EAAO,CAAC;CAsB7C,OApBK,IAED,MAAW,YAEX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YAEA,kBAAC,GAAD,CAAiB,CAAA;CACd,CAAA,IAIL,MAAW,UACN,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;CAAe,CAAA,IAIvD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,OAAO;YAArD;GAAwD;GAC/B,IAAiB,YAAY;GAAS;GAAM;GACnE,kBAAC,KAAD,EAAA,UAAI,EAAK,KAAQ,CAAA;GAAC;EACR;KACX,KACC,kBAAC,GAAD,EAAA,UAAK,6HAGA,CAAA,CAEP,EAAA,CAAA,IAhCgB;AAkCtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. \\\n  By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. \\\n  All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,0TAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,QAAQ;aACnD;GACU,CAAA;EACb,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,KAAK;aACtB,kBAAC,GAAD;IACe;IACG;IACF;IACd,CAAA;GACE,CAAA;EACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,EAAwB,CAAA;aACpC;GAEQ,CAAA,EACL,CAAA;EACA"}
+{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. \\\n  By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. \\\n  All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,0TAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,IAAI;aACrB,kBAAC,GAAD;IACe;IACG;IACF;GACf,CAAA;EACE,CAAA;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;aACnC;EAEO,CAAA,EACL,CAAA;CACA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateAndRegisterChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/useCreateAndRegisterChallengeTeam.ts"],"sourcesContent":["import {\n  useCreateTeam,\n  useInviteUserToTeam,\n  useRegisterTeamForChallenge,\n} from '@/synapse-queries'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ChallengeTeam,\n  CreateTeamRequest,\n  MembershipInvitation,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo } from 'react'\n\n/**\n * Hook that in one call will\n *  - Create a team\n *  - Register that team for a challenge\n *  - Send invitations to join the team to a defined list of email addresses\n */\nexport default function useCreateAndRegisterChallengeTeam() {\n  const {\n    mutateAsync: createTeam,\n    isPending: createTeamIsPending,\n    error: createTeamError,\n  } = useCreateTeam()\n  const {\n    mutateAsync: inviteUserToTeam,\n    isPending: invitationIsPending,\n    error: invitationError,\n  } = useInviteUserToTeam()\n  const {\n    mutateAsync: registerTeamForChallenge,\n    isPending: challengeRegistrationIsPending,\n    error: challengeRegistrationError,\n  } = useRegisterTeamForChallenge()\n\n  // Invite the list of emails to join the team\n  const handleInviteTeamMembers = useCallback(\n    async (\n      teamId: string,\n      inviteeEmails: string[],\n      invitationMessage: string,\n    ) => {\n      const results: MembershipInvitation[] = []\n      // Send the invitations sequentially\n      for (const inviteeEmail of inviteeEmails) {\n        const membershipInvitation = await inviteUserToTeam({\n          teamId: teamId,\n          inviteeEmail: inviteeEmail.trim(),\n          message: invitationMessage,\n        })\n        results.push(membershipInvitation)\n      }\n      return results\n    },\n    [inviteUserToTeam],\n  )\n\n  const createAndRegisterTeam = useCallback(\n    async (\n      teamToCreate: CreateTeamRequest,\n      challengeId: string,\n      invitees: string[],\n      invitationMessage: string,\n    ): Promise<[Team, ChallengeTeam, MembershipInvitation[]]> => {\n      // Create the team\n      const newTeam = await createTeam(teamToCreate)\n\n      // Register for the challenge and invite the team members--we can do these simultaneously\n      const registerPromise = registerTeamForChallenge({\n        teamId: newTeam.id,\n        challengeId,\n      })\n      const sendInvitationsPromise = handleInviteTeamMembers(\n        newTeam.id,\n        invitees,\n        invitationMessage,\n      )\n\n      return Promise.all([\n        Promise.resolve(newTeam),\n        registerPromise,\n        sendInvitationsPromise,\n      ])\n    },\n    [createTeam, handleInviteTeamMembers, registerTeamForChallenge],\n  )\n\n  const errors = useMemo(() => {\n    const hasError =\n      createTeamError || invitationError || challengeRegistrationError\n    const errors = hasError\n      ? [createTeamError, invitationError, challengeRegistrationError].filter(\n          (e): e is SynapseClientError => e != null,\n        )\n      : undefined\n\n    return errors\n  }, [challengeRegistrationError, createTeamError, invitationError])\n\n  return {\n    createAndRegisterTeam,\n    isPending:\n      createTeamIsPending ||\n      invitationIsPending ||\n      challengeRegistrationIsPending,\n    errors,\n  }\n}\n"],"mappings":";;;;;;AAoBA,SAAwB,IAAoC;CAC1D,IAAM,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAAe,EACb,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAAqB,EACnB,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAA6B,EAG3B,IAA0B,EAC9B,OACE,GACA,GACA,MACG;EACH,IAAM,IAAkC,EAAE;AAE1C,OAAK,IAAM,KAAgB,GAAe;GACxC,IAAM,IAAuB,MAAM,EAAiB;IAC1C;IACR,cAAc,EAAa,MAAM;IACjC,SAAS;IACV,CAAC;AACF,KAAQ,KAAK,EAAqB;;AAEpC,SAAO;IAET,CAAC,EAAiB,CACnB,EAEK,IAAwB,EAC5B,OACE,GACA,GACA,GACA,MAC2D;EAE3D,IAAM,IAAU,MAAM,EAAW,EAAa,EAGxC,IAAkB,EAAyB;GAC/C,QAAQ,EAAQ;GAChB;GACD,CAAC,EACI,IAAyB,EAC7B,EAAQ,IACR,GACA,EACD;AAED,SAAO,QAAQ,IAAI;GACjB,QAAQ,QAAQ,EAAQ;GACxB;GACA;GACD,CAAC;IAEJ;EAAC;EAAY;EAAyB;EAAyB,CAChE,EAEK,IAAS,QAEX,KAAmB,KAAmB,IAEpC;EAAC;EAAiB;EAAiB;EAA2B,CAAC,QAC5D,MAA+B,KAAK,KACtC,GACD,KAAA,GAGH;EAAC;EAA4B;EAAiB;EAAgB,CAAC;AAElE,QAAO;EACL;EACA,WACE,KACA,KACA;EACF;EACD"}
+{"version":3,"file":"useCreateAndRegisterChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/useCreateAndRegisterChallengeTeam.ts"],"sourcesContent":["import {\n  useCreateTeam,\n  useInviteUserToTeam,\n  useRegisterTeamForChallenge,\n} from '@/synapse-queries'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ChallengeTeam,\n  CreateTeamRequest,\n  MembershipInvitation,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo } from 'react'\n\n/**\n * Hook that in one call will\n *  - Create a team\n *  - Register that team for a challenge\n *  - Send invitations to join the team to a defined list of email addresses\n */\nexport default function useCreateAndRegisterChallengeTeam() {\n  const {\n    mutateAsync: createTeam,\n    isPending: createTeamIsPending,\n    error: createTeamError,\n  } = useCreateTeam()\n  const {\n    mutateAsync: inviteUserToTeam,\n    isPending: invitationIsPending,\n    error: invitationError,\n  } = useInviteUserToTeam()\n  const {\n    mutateAsync: registerTeamForChallenge,\n    isPending: challengeRegistrationIsPending,\n    error: challengeRegistrationError,\n  } = useRegisterTeamForChallenge()\n\n  // Invite the list of emails to join the team\n  const handleInviteTeamMembers = useCallback(\n    async (\n      teamId: string,\n      inviteeEmails: string[],\n      invitationMessage: string,\n    ) => {\n      const results: MembershipInvitation[] = []\n      // Send the invitations sequentially\n      for (const inviteeEmail of inviteeEmails) {\n        const membershipInvitation = await inviteUserToTeam({\n          teamId: teamId,\n          inviteeEmail: inviteeEmail.trim(),\n          message: invitationMessage,\n        })\n        results.push(membershipInvitation)\n      }\n      return results\n    },\n    [inviteUserToTeam],\n  )\n\n  const createAndRegisterTeam = useCallback(\n    async (\n      teamToCreate: CreateTeamRequest,\n      challengeId: string,\n      invitees: string[],\n      invitationMessage: string,\n    ): Promise<[Team, ChallengeTeam, MembershipInvitation[]]> => {\n      // Create the team\n      const newTeam = await createTeam(teamToCreate)\n\n      // Register for the challenge and invite the team members--we can do these simultaneously\n      const registerPromise = registerTeamForChallenge({\n        teamId: newTeam.id,\n        challengeId,\n      })\n      const sendInvitationsPromise = handleInviteTeamMembers(\n        newTeam.id,\n        invitees,\n        invitationMessage,\n      )\n\n      return Promise.all([\n        Promise.resolve(newTeam),\n        registerPromise,\n        sendInvitationsPromise,\n      ])\n    },\n    [createTeam, handleInviteTeamMembers, registerTeamForChallenge],\n  )\n\n  const errors = useMemo(() => {\n    const hasError =\n      createTeamError || invitationError || challengeRegistrationError\n    const errors = hasError\n      ? [createTeamError, invitationError, challengeRegistrationError].filter(\n          (e): e is SynapseClientError => e != null,\n        )\n      : undefined\n\n    return errors\n  }, [challengeRegistrationError, createTeamError, invitationError])\n\n  return {\n    createAndRegisterTeam,\n    isPending:\n      createTeamIsPending ||\n      invitationIsPending ||\n      challengeRegistrationIsPending,\n    errors,\n  }\n}\n"],"mappings":";;;;;;AAoBA,SAAwB,IAAoC;CAC1D,IAAM,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,EAAc,GACZ,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,EAAoB,GAClB,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,EAA4B,GAG1B,IAA0B,EAC9B,OACE,GACA,GACA,MACG;EACH,IAAM,IAAkC,CAAC;EAEzC,KAAK,IAAM,KAAgB,GAAe;GACxC,IAAM,IAAuB,MAAM,EAAiB;IAC1C;IACR,cAAc,EAAa,KAAK;IAChC,SAAS;GACX,CAAC;GACD,EAAQ,KAAK,CAAoB;EACnC;EACA,OAAO;CACT,GACA,CAAC,CAAgB,CACnB,GAEM,IAAwB,EAC5B,OACE,GACA,GACA,GACA,MAC2D;EAE3D,IAAM,IAAU,MAAM,EAAW,CAAY,GAGvC,IAAkB,EAAyB;GAC/C,QAAQ,EAAQ;GAChB;EACF,CAAC,GACK,IAAyB,EAC7B,EAAQ,IACR,GACA,CACF;EAEA,OAAO,QAAQ,IAAI;GACjB,QAAQ,QAAQ,CAAO;GACvB;GACA;EACF,CAAC;CACH,GACA;EAAC;EAAY;EAAyB;CAAwB,CAChE,GAEM,IAAS,QAEX,KAAmB,KAAmB,IAEpC;EAAC;EAAiB;EAAiB;CAA0B,EAAE,QAC5D,MAA+B,KAAK,IACvC,IACA,KAAA,GAGH;EAAC;EAA4B;EAAiB;CAAe,CAAC;CAEjE,OAAO;EACL;EACA,WACE,KACA,KACA;EACF;CACF;AACF"}

package/dist/components/ChangePassword/ChangePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.js","names":[],"sources":["../../../src/components/ChangePassword/ChangePassword.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { validatePassword } from '@/utils/functions/StringUtils'\nimport { Alert, Button, Link, TextField } from '@mui/material'\nimport { FormEvent, useEffect, useState } from 'react'\nimport { Link as RouterLink, Navigate } from 'react-router'\nimport { displayToast } from '../ToastMessage'\nimport useChangePasswordFormState from './useChangePasswordFormState'\n\nexport const PASSWORD_CHANGED_SUCCESS_MESSAGE =\n  'Your password was successfully changed.'\n\nexport type ChangePasswordProps = {\n  redirectToRoute?: string //optional target to send user after successfully changing the password\n  hideReset2FA?: boolean\n}\n\nexport default function ChangePassword(props: ChangePasswordProps) {\n  const { redirectToRoute, hideReset2FA = false } = props\n  const [oldPassword, setOldPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [newPasswordError, setNewPasswordError] = useState<string | undefined>(\n    undefined,\n  )\n  const [confirmPassword, setConfirmPassword] = useState<string>('')\n  const [userName, setUserName] = useState<string>('')\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: userProfile, isLoading: isLoadingUserProfile } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  useEffect(() => {\n    if (userProfile && userName == '') {\n      setUserName(userProfile.userName ?? userProfile.emails![0]) // if username is not set, use the first email\n    }\n  }, [userName, userProfile, userProfile?.userName])\n\n  const {\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt,\n    successfullyChangedPassword,\n    isPending: changePasswordIsPending,\n    handleChangePasswordWithCurrentPassword,\n    error,\n  } = useChangePasswordFormState({\n    hideReset2FA,\n  })\n\n  const handleChangePassword = (clickEvent: FormEvent<HTMLElement>) => {\n    clickEvent.preventDefault()\n    if (newPassword !== confirmPassword) {\n      displayToast('Passwords do not match.', 'danger')\n    } else {\n      handleChangePasswordWithCurrentPassword(\n        userName,\n        oldPassword,\n        newPassword,\n      )\n    }\n  }\n\n  if (successfullyChangedPassword) {\n    if (redirectToRoute) {\n      displayToast(PASSWORD_CHANGED_SUCCESS_MESSAGE, 'success')\n      return <Navigate to={redirectToRoute} />\n    } else {\n      return (\n        <Alert severity={'success'}>{PASSWORD_CHANGED_SUCCESS_MESSAGE}</Alert>\n      )\n    }\n  }\n\n  return (\n    <div>\n      {promptForTwoFactorAuth ? (\n        <TwoFactorAuthPrompt />\n      ) : (\n        <form\n          onSubmit={e => {\n            handleChangePassword(e)\n          }}\n        >\n          {!isAuthenticated && (\n            <TextField\n              required\n              fullWidth\n              autoFocus\n              autoComplete=\"username\"\n              label=\"Username or Email Address\"\n              id=\"username\"\n              type=\"text\"\n              value={userName}\n              onChange={e => setUserName(e.target.value)}\n            />\n          )}\n          <TextField\n            fullWidth\n            required\n            margin={'normal'}\n            type=\"password\"\n            id=\"currentPassword\"\n            label={'Current password'}\n            onChange={e => setOldPassword(e.target.value)}\n            value={oldPassword}\n          />\n          <TextField\n            fullWidth\n            required\n            helperText={newPasswordError}\n            margin={'normal'}\n            type=\"password\"\n            id=\"newPassword\"\n            label={'New password'}\n            onChange={e => {\n              const error = validatePassword(e.target.value)\n              setNewPasswordError(error)\n              setNewPassword(e.target.value)\n            }}\n            value={newPassword}\n          />\n          <TextField\n            fullWidth\n            required\n            margin={'normal'}\n            type=\"password\"\n            id=\"confirmPassword\"\n            label={'Confirm password'}\n            onChange={e => setConfirmPassword(e.target.value)}\n            value={confirmPassword}\n          />\n          <div style={{ marginTop: '30px' }}>\n            <Button\n              sx={{ marginRight: '26px' }}\n              disabled={\n                !oldPassword ||\n                !newPassword ||\n                !confirmPassword ||\n                !userName ||\n                isLoadingUserProfile ||\n                changePasswordIsPending\n              }\n              variant=\"contained\"\n              type=\"submit\"\n            >\n              Change Password\n            </Button>\n            <Link\n              component={RouterLink}\n              to=\"/resetPassword\"\n              sx={{ display: 'block', marginTop: '1em', marginLeft: '5px' }}\n            >\n              Forgot password?\n            </Link>\n          </div>\n        </form>\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error.reason}\n        </Alert>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AASA,IAAa,IACX;AAOF,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,oBAAiB,kBAAe,OAAU,GAC5C,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAAkB,KAAuB,EAC9C,KAAA,EACD,EACK,CAAC,GAAiB,KAAsB,EAAiB,GAAG,EAC5D,CAAC,GAAU,KAAe,EAAiB,GAAG,EAC9C,EAAE,uBAAoB,GAAmB,EAEzC,EAAE,MAAM,GAAa,WAAW,MACpC,EAAyB,EACvB,SAAS,GACV,CAAC;AAEJ,SAAgB;AACd,EAAI,KAAe,KAAY,MAC7B,EAAY,EAAY,YAAY,EAAY,OAAQ,GAAG;IAE5D;EAAC;EAAU;EAAa,GAAa;EAAS,CAAC;CAElD,IAAM,EACJ,2BACA,wBACA,gCACA,WAAW,GACX,4CACA,aACE,EAA2B,EAC7B,iBACD,CAAC,EAEI,KAAwB,MAAuC;AAEnE,EADA,EAAW,gBAAgB,EACvB,MAAgB,IAGlB,EACE,GACA,GACA,EACD,GAND,EAAa,2BAA2B,SAAS;;AAqBrD,QAXI,IACE,KACF,EAAa,GAAkC,UAAU,EAClD,kBAAC,GAAD,EAAU,IAAI,GAAmB,CAAA,IAGtC,kBAAC,GAAD;EAAO,UAAU;YAAY;EAAyC,CAAA,GAM1E,kBAAC,OAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD,EAAuB,CAAA,GAEvB,kBAAC,QAAD;EACE,WAAU,MAAK;AACb,KAAqB,EAAE;;YAF3B;GAKG,CAAC,KACA,kBAAC,GAAD;IACE,UAAA;IACA,WAAA;IACA,WAAA;IACA,cAAa;IACb,OAAM;IACN,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK,EAAY,EAAE,OAAO,MAAM;IAC1C,CAAA;GAEJ,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK,EAAe,EAAE,OAAO,MAAM;IAC7C,OAAO;IACP,CAAA;GACF,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,YAAY;IACZ,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK;AAGb,KADA,EADc,EAAiB,EAAE,OAAO,MACpB,CAAM,EAC1B,EAAe,EAAE,OAAO,MAAM;;IAEhC,OAAO;IACP,CAAA;GACF,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK,EAAmB,EAAE,OAAO,MAAM;IACjD,OAAO;IACP,CAAA;GACF,kBAAC,OAAD;IAAK,OAAO,EAAE,WAAW,QAAQ;cAAjC,CACE,kBAAC,GAAD;KACE,IAAI,EAAE,aAAa,QAAQ;KAC3B,UACE,CAAC,KACD,CAAC,KACD,CAAC,KACD,CAAC,KACD,KACA;KAEF,SAAQ;KACR,MAAK;eACN;KAEQ,CAAA,EACT,kBAAC,GAAD;KACE,WAAW;KACX,IAAG;KACH,IAAI;MAAE,SAAS;MAAS,WAAW;MAAO,YAAY;MAAO;eAC9D;KAEM,CAAA,CACH;;GACD;KAER,KACC,kBAAC,GAAD;EAAO,UAAU;EAAS,IAAI,EAAE,IAAI,GAAG;YACpC,EAAM;EACD,CAAA,CAEN,EAAA,CAAA"}
+{"version":3,"file":"ChangePassword.js","names":[],"sources":["../../../src/components/ChangePassword/ChangePassword.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { validatePassword } from '@/utils/functions/StringUtils'\nimport { Alert, Button, Link, TextField } from '@mui/material'\nimport { FormEvent, useEffect, useState } from 'react'\nimport { Link as RouterLink, Navigate } from 'react-router'\nimport { displayToast } from '../ToastMessage'\nimport useChangePasswordFormState from './useChangePasswordFormState'\n\nexport const PASSWORD_CHANGED_SUCCESS_MESSAGE =\n  'Your password was successfully changed.'\n\nexport type ChangePasswordProps = {\n  redirectToRoute?: string //optional target to send user after successfully changing the password\n  hideReset2FA?: boolean\n}\n\nexport default function ChangePassword(props: ChangePasswordProps) {\n  const { redirectToRoute, hideReset2FA = false } = props\n  const [oldPassword, setOldPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [newPasswordError, setNewPasswordError] = useState<string | undefined>(\n    undefined,\n  )\n  const [confirmPassword, setConfirmPassword] = useState<string>('')\n  const [userName, setUserName] = useState<string>('')\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: userProfile, isLoading: isLoadingUserProfile } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  useEffect(() => {\n    if (userProfile && userName == '') {\n      setUserName(userProfile.userName ?? userProfile.emails![0]) // if username is not set, use the first email\n    }\n  }, [userName, userProfile, userProfile?.userName])\n\n  const {\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt,\n    successfullyChangedPassword,\n    isPending: changePasswordIsPending,\n    handleChangePasswordWithCurrentPassword,\n    error,\n  } = useChangePasswordFormState({\n    hideReset2FA,\n  })\n\n  const handleChangePassword = (clickEvent: FormEvent<HTMLElement>) => {\n    clickEvent.preventDefault()\n    if (newPassword !== confirmPassword) {\n      displayToast('Passwords do not match.', 'danger')\n    } else {\n      handleChangePasswordWithCurrentPassword(\n        userName,\n        oldPassword,\n        newPassword,\n      )\n    }\n  }\n\n  if (successfullyChangedPassword) {\n    if (redirectToRoute) {\n      displayToast(PASSWORD_CHANGED_SUCCESS_MESSAGE, 'success')\n      return <Navigate to={redirectToRoute} />\n    } else {\n      return (\n        <Alert severity={'success'}>{PASSWORD_CHANGED_SUCCESS_MESSAGE}</Alert>\n      )\n    }\n  }\n\n  return (\n    <div>\n      {promptForTwoFactorAuth ? (\n        <TwoFactorAuthPrompt />\n      ) : (\n        <form\n          onSubmit={e => {\n            handleChangePassword(e)\n          }}\n        >\n          {!isAuthenticated && (\n            <TextField\n              required\n              fullWidth\n              autoFocus\n              autoComplete=\"username\"\n              label=\"Username or Email Address\"\n              id=\"username\"\n              type=\"text\"\n              value={userName}\n              onChange={e => setUserName(e.target.value)}\n            />\n          )}\n          <TextField\n            fullWidth\n            required\n            margin={'normal'}\n            type=\"password\"\n            id=\"currentPassword\"\n            label={'Current password'}\n            onChange={e => setOldPassword(e.target.value)}\n            value={oldPassword}\n          />\n          <TextField\n            fullWidth\n            required\n            helperText={newPasswordError}\n            margin={'normal'}\n            type=\"password\"\n            id=\"newPassword\"\n            label={'New password'}\n            onChange={e => {\n              const error = validatePassword(e.target.value)\n              setNewPasswordError(error)\n              setNewPassword(e.target.value)\n            }}\n            value={newPassword}\n          />\n          <TextField\n            fullWidth\n            required\n            margin={'normal'}\n            type=\"password\"\n            id=\"confirmPassword\"\n            label={'Confirm password'}\n            onChange={e => setConfirmPassword(e.target.value)}\n            value={confirmPassword}\n          />\n          <div style={{ marginTop: '30px' }}>\n            <Button\n              sx={{ marginRight: '26px' }}\n              disabled={\n                !oldPassword ||\n                !newPassword ||\n                !confirmPassword ||\n                !userName ||\n                isLoadingUserProfile ||\n                changePasswordIsPending\n              }\n              variant=\"contained\"\n              type=\"submit\"\n            >\n              Change Password\n            </Button>\n            <Link\n              component={RouterLink}\n              to=\"/resetPassword\"\n              sx={{ display: 'block', marginTop: '1em', marginLeft: '5px' }}\n            >\n              Forgot password?\n            </Link>\n          </div>\n        </form>\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error.reason}\n        </Alert>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AASA,IAAa,IACX;AAOF,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,oBAAiB,kBAAe,OAAU,GAC5C,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAkB,KAAuB,EAC9C,KAAA,CACF,GACM,CAAC,GAAiB,KAAsB,EAAiB,EAAE,GAC3D,CAAC,GAAU,KAAe,EAAiB,EAAE,GAC7C,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,GAAa,WAAW,MACpC,EAAyB,EACvB,SAAS,EACX,CAAC;CAEH,QAAgB;EACd,AAAI,KAAe,KAAY,MAC7B,EAAY,EAAY,YAAY,EAAY,OAAQ,EAAE;CAE9D,GAAG;EAAC;EAAU;EAAa,GAAa;CAAQ,CAAC;CAEjD,IAAM,EACJ,2BACA,wBACA,gCACA,WAAW,GACX,4CACA,aACE,EAA2B,EAC7B,gBACF,CAAC,GAEK,KAAwB,MAAuC;EAEnE,AADA,EAAW,eAAe,GACtB,MAAgB,IAGlB,EACE,GACA,GACA,CACF,IANA,EAAa,2BAA2B,QAAQ;CAQpD;CAaA,OAXI,IACE,KACF,EAAa,GAAkC,SAAS,GACjD,kBAAC,GAAD,EAAU,IAAI,EAAkB,CAAA,KAGrC,kBAAC,GAAD;EAAO,UAAU;YAAY;CAAwC,CAAA,IAMzE,kBAAC,OAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD,CAAsB,CAAA,IAEtB,kBAAC,QAAD;EACE,WAAU,MAAK;GACb,EAAqB,CAAC;EACxB;YAHF;GAKG,CAAC,KACA,kBAAC,GAAD;IACE,UAAA;IACA,WAAA;IACA,WAAA;IACA,cAAa;IACb,OAAM;IACN,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK,EAAY,EAAE,OAAO,KAAK;GAC1C,CAAA;GAEH,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK,EAAe,EAAE,OAAO,KAAK;IAC5C,OAAO;GACR,CAAA;GACD,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,YAAY;IACZ,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK;KAGb,AADA,EADc,EAAiB,EAAE,OAAO,KACpB,CAAK,GACzB,EAAe,EAAE,OAAO,KAAK;IAC/B;IACA,OAAO;GACR,CAAA;GACD,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,QAAQ;IACR,MAAK;IACL,IAAG;IACH,OAAO;IACP,WAAU,MAAK,EAAmB,EAAE,OAAO,KAAK;IAChD,OAAO;GACR,CAAA;GACD,kBAAC,OAAD;IAAK,OAAO,EAAE,WAAW,OAAO;cAAhC,CACE,kBAAC,GAAD;KACE,IAAI,EAAE,aAAa,OAAO;KAC1B,UACE,CAAC,KACD,CAAC,KACD,CAAC,KACD,CAAC,KACD,KACA;KAEF,SAAQ;KACR,MAAK;eACN;IAEO,CAAA,GACR,kBAAC,GAAD;KACE,WAAW;KACX,IAAG;KACH,IAAI;MAAE,SAAS;MAAS,WAAW;MAAO,YAAY;KAAM;eAC7D;IAEK,CAAA,CACH;;EACD;KAEP,KACC,kBAAC,GAAD;EAAO,UAAU;EAAS,IAAI,EAAE,IAAI,EAAE;YACnC,EAAM;CACF,CAAA,CAEN,EAAA,CAAA;AAET"}