synapse-react-client 4.0.17 → 4.0.19

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.js

@@ -2,21 +2,21 @@ import e from "../TextField/index.js";
 import t from "./useCreateAndRegisterChallengeTeam.js";
 import { forwardRef as n, useEffect as r, useImperativeHandle as i, useMemo as a, useState as o } from "react";
 import { isEmpty as s, noop as c } from "lodash-es";
-import { Alert as l, Box as u, Typography as d } from "@mui/material";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "papaparse";
+import { Alert as l, Box as u, Stack as d, Typography as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "papaparse";
 //#region src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx
-var { parse: h } = m, g = 3, _ = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", v = n(function(n, m) {
-	let { challengeId: _, onCanSubmitChange: v = c, onFinished: y = c } = n, [b, x] = o({
+var { parse: g } = h, _ = 3, v = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", y = n(function(n, h) {
+	let { challengeId: v, onCanSubmitChange: y = c, onFinished: b = c } = n, [x, S] = o({
 		name: "",
 		description: ""
-	}), [S, C] = o(""), [w, T] = o(""), E = (e) => {
-		x({
-			...b,
+	}), [C, w] = o(""), [T, E] = o(""), D = (e) => {
+		S({
+			...x,
 			...e
 		});
-	}, { inviteesParseResult: D, parsedInvitees: O } = a(() => {
-		let e = h(w, {
+	}, { inviteesParseResult: O, parsedInvitees: k } = a(() => {
+		let e = g(T, {
 			delimiter: ",",
 			transform(e) {
 				return e.trim();
@@ -26,110 +26,113 @@ var { parse: h } = m, g = 3, _ = "Please limit the initial number of invited mem
 			inviteesParseResult: e,
 			parsedInvitees: e.data[0] || []
 		};
-	}, [w]), k = O.length > g, A = !!(b && b.name && b.name.length > 1 && !k);
+	}, [T]), A = k.length > _, j = !!(x && x.name && x.name.length > 1 && !A);
 	r(() => {
-		v(A);
-	}, [A, v]);
-	let { createAndRegisterTeam: j, isPending: M, errors: N } = t();
-	return i(m, () => ({ submit() {
-		if (!A) {
+		y(j);
+	}, [j, y]);
+	let { createAndRegisterTeam: M, isPending: N, errors: P } = t();
+	return i(h, () => ({ submit() {
+		if (!j) {
 			console.warn("Attempted to submit when form data was not valid. Nothing will happen.");
 			return;
 		}
-		j(b, _, O, S).then(([e]) => {
-			y(e.id);
+		M(x, v, k, C).then(([e]) => {
+			b(e.id);
 		}).catch(() => {});
 	} }), [
-		A,
-		O,
 		j,
-		b,
-		_,
-		S,
-		y
-	]), /* @__PURE__ */ p(u, { children: [
-		/* @__PURE__ */ f(d, {
-			variant: "body1",
-			sx: { lineHeight: "20px" },
-			children: "Create a new team for this Challenge!"
-		}),
-		/* @__PURE__ */ f(e, {
-			id: "name",
-			label: "Team Name",
-			value: b.name,
-			fullWidth: !0,
-			autoFocus: !0,
-			required: !0,
-			onChange: (e) => E({ name: e.target.value }),
-			disabled: M
-		}),
-		/* @__PURE__ */ f(u, {
-			sx: { display: "flex" },
-			children: /* @__PURE__ */ f(e, {
-				id: "description",
-				label: /* @__PURE__ */ f(u, {
-					sx: {
-						display: "flex",
-						gap: 2
-					},
-					children: /* @__PURE__ */ f(u, { children: "Team Description" })
-				}),
-				value: b.description,
+		k,
+		M,
+		x,
+		v,
+		C,
+		b
+	]), /* @__PURE__ */ m(d, {
+		gap: 2,
+		children: [
+			/* @__PURE__ */ p(f, {
+				variant: "body1",
+				sx: { lineHeight: "20px" },
+				children: "Create a new team for this Challenge!"
+			}),
+			/* @__PURE__ */ p(e, {
+				id: "name",
+				label: "Team Name",
+				value: x.name,
 				fullWidth: !0,
-				multiline: !0,
-				rows: 4,
-				onChange: (e) => E({ description: e.target.value }),
-				disabled: M
-			})
-		}),
-		/* @__PURE__ */ f(u, {
-			sx: { display: "flex" },
-			children: /* @__PURE__ */ f(e, {
-				id: "message",
-				label: /* @__PURE__ */ f(u, {
-					sx: {
-						display: "flex",
-						gap: 2
-					},
-					children: /* @__PURE__ */ f(u, { children: "Recruitment Message" })
-				}),
-				value: S,
+				autoFocus: !0,
+				required: !0,
+				onChange: (e) => D({ name: e.target.value }),
+				disabled: N
+			}),
+			/* @__PURE__ */ p(u, {
+				sx: { display: "flex" },
+				children: /* @__PURE__ */ p(e, {
+					id: "description",
+					label: /* @__PURE__ */ p(u, {
+						sx: {
+							display: "flex",
+							gap: 2
+						},
+						children: /* @__PURE__ */ p(u, { children: "Team Description" })
+					}),
+					value: x.description,
+					fullWidth: !0,
+					multiline: !0,
+					rows: 4,
+					onChange: (e) => D({ description: e.target.value }),
+					disabled: N
+				})
+			}),
+			/* @__PURE__ */ p(u, {
+				sx: { display: "flex" },
+				children: /* @__PURE__ */ p(e, {
+					id: "message",
+					label: /* @__PURE__ */ p(u, {
+						sx: {
+							display: "flex",
+							gap: 2
+						},
+						children: /* @__PURE__ */ p(u, { children: "Recruitment Message" })
+					}),
+					value: C,
+					fullWidth: !0,
+					multiline: !0,
+					rows: 4,
+					onChange: (e) => w(e.target.value),
+					disabled: N
+				})
+			}),
+			/* @__PURE__ */ p(e, {
+				id: "invitees",
+				label: "Emails of Additional Members to Invite (max 3)",
+				placeholder: "Enter emails separated by comma",
+				value: T,
 				fullWidth: !0,
-				multiline: !0,
-				rows: 4,
-				onChange: (e) => C(e.target.value),
-				disabled: M
+				onChange: (e) => E(e.target.value),
+				disabled: N
+			}),
+			(A || !s(O.errors) || P) && /* @__PURE__ */ m(l, {
+				severity: "error",
+				children: [
+					A && /* @__PURE__ */ p(f, {
+						variant: "body1",
+						children: "Please limit the initial number of invited members to three. You may add additional members after the team has been created."
+					}),
+					O.errors.map((e, t) => /* @__PURE__ */ p(f, {
+						variant: "body1",
+						children: e.message
+					}, t)),
+					P && P.map((e) => /* @__PURE__ */ p(f, {
+						variant: "body1",
+						children: e.reason
+					}, e.reason))
+				]
 			})
-		}),
-		/* @__PURE__ */ f(e, {
-			id: "invitees",
-			label: "Emails of Additional Members to Invite (max 3)",
-			placeholder: "Enter emails separated by comma",
-			value: w,
-			fullWidth: !0,
-			onChange: (e) => T(e.target.value),
-			disabled: M
-		}),
-		(k || !s(D.errors) || N) && /* @__PURE__ */ p(l, {
-			severity: "error",
-			children: [
-				k && /* @__PURE__ */ f(d, {
-					variant: "body1",
-					children: "Please limit the initial number of invited members to three. You may add additional members after the team has been created."
-				}),
-				D.errors.map((e, t) => /* @__PURE__ */ f(d, {
-					variant: "body1",
-					children: e.message
-				}, t)),
-				N && N.map((e) => /* @__PURE__ */ f(d, {
-					variant: "body1",
-					children: e.reason
-				}, e.reason))
-			]
-		})
-	] });
+		]
+	});
 });
 //#endregion
-export { v as CreateChallengeTeam, _ as TOO_MANY_INVITEES_ERROR };
+export { y as CreateChallengeTeam, v as TOO_MANY_INVITEES_ERROR };
 
 //# sourceMappingURL=CreateChallengeTeam.js.map

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, 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(\n    ref,\n    () => {\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    [\n      formDataIsValid,\n      parsedInvitees,\n      createAndRegisterTeam,\n      team,\n      challengeId,\n      invitationMessage,\n      onFinished,\n    ],\n  )\n\n  return (\n    <Box>\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    </Box>\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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MembershipRequestForm.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/MembershipRequestForm.tsx"],"names":[],"mappings":"AAgBA,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IAExC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,8HAkFhC,CAAA"}
+{"version":3,"file":"MembershipRequestForm.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/MembershipRequestForm.tsx"],"names":[],"mappings":"AAgBA,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IAExC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,8HA8EhC,CAAA"}

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(\n    ref,\n    () => {\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    },\n    [message, requestToJoinTeam, teamId, userProfile],\n  )\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;AA2CF,QArCA,EACE,UAES,EACL,SAAS;AACP,EAAI,KACF,EAAkB;GACR;GACR,QAAQ,EAAY;GACX;GACT,WAAW,KAAA;GACZ,CAAC;IAGP,GAEH;EAAC;EAAS;EAAmB;EAAQ;EAAY,CAClD,EAEG,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,WAzDqB,MAA4C;GACvE,IAAM,IAAQ,EAAM,OAAO;AAC3B,KAAW,EAAM;;EAwDX,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateAndRegisterChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/useCreateAndRegisterChallengeTeam.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAA;AAG9G;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC;0CAyCrC,iBAAiB,eAClB,MAAM,YACT,MAAM,EAAE,qBACC,MAAM,KACxB,OAAO,CAAC,CAAC,IAAI,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,CAAC;;;EA4C5D"}
+{"version":3,"file":"useCreateAndRegisterChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/useCreateAndRegisterChallengeTeam.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,IAAI,EACL,MAAM,iCAAiC,CAAA;AAGxC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC;0CAyCrC,iBAAiB,eAClB,MAAM,YACT,MAAM,EAAE,qBACC,MAAM,KACxB,OAAO,CAAC,CAAC,IAAI,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,CAAC;;;EA4C5D"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateAndRegisterChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/useCreateAndRegisterChallengeTeam.ts"],"sourcesContent":["import { useCreateTeam, useInviteUserToTeam, useRegisterTeamForChallenge } from '@/synapse-queries'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { ChallengeTeam, CreateTeamRequest, MembershipInvitation, Team } 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":";;;;;;AAWA,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreateProjectModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,cAAsB,EACtB,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,2CA6MzB"}
+{"version":3,"file":"CreateProjectModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,cAAsB,EACtB,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,2CA+MzB"}

package/dist/components/CreateProjectModal/CreateProjectModal.js

@@ -61,20 +61,20 @@ function h({ isShowingModal: h = !1, onClose: g, gotoPlace: _ }) {
 					id: "projectInput",
 					label: "Project Name",
 					required: !0,
-					helperText: "Pick a unique title for your project",
+					description: "Pick a unique title for your project",
 					value: y,
 					fullWidth: !0,
 					onChange: (e) => {
 						b(e.target.value);
 					},
-					inputProps: { onKeyDown: (e) => {
+					slotProps: { htmlInput: { onKeyDown: (e) => {
 						e.key === "Enter" && y !== "" && k.mutate();
-					} }
+					} } }
 				}),
 				/* @__PURE__ */ d(a, {
 					id: "descriptionInput",
 					label: "Description",
-					helperText: "(optional)",
+					description: "(optional)",
 					placeholder: "Brief description of this project",
 					multiline: !0,
 					minRows: 3,

package/dist/components/CreateProjectModal/CreateProjectModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert, Stack } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, useState } from 'react'\nimport { useMutation } from '@tanstack/react-query'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport TextField from '../TextField/TextField'\nimport {\n  ProjectVisibility,\n  ProjectVisibilityRadioGroup,\n} from './ProjectVisibilityRadioGroup'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [visibility, setVisibility] =\n    useState<ProjectVisibility>('DISCOVERABLE')\n\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const publicGroupId = realmPrincipals?.publicGroup\n  const authenticatedUsersId = realmPrincipals?.authenticatedUsers\n\n  const applyVisibilityAcl = async (projectId: string): Promise<void> => {\n    if (visibility === 'PRIVATE') {\n      return\n    }\n    try {\n      const currentAcl = await SynapseClient.getEntityACL(\n        projectId,\n        accessToken,\n      )\n\n      const upsertAccessTypes = (\n        entries: typeof currentAcl.resourceAccess,\n        principalId: number,\n        accessTypes: ACCESS_TYPE[],\n      ): typeof currentAcl.resourceAccess => {\n        const existing = entries.find(e => e.principalId === principalId)\n        if (existing) {\n          return entries.map(e =>\n            e.principalId === principalId\n              ? {\n                  ...e,\n                  accessType: [...new Set([...e.accessType, ...accessTypes])],\n                }\n              : e,\n          )\n        }\n        return [...entries, { principalId, accessType: accessTypes }]\n      }\n\n      let newResourceAccess = [...currentAcl.resourceAccess]\n\n      if (visibility === 'DISCOVERABLE') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n      } else if (visibility === 'PUBLIC') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ, ACCESS_TYPE.DOWNLOAD],\n          )\n        }\n      }\n\n      await SynapseClient.updateEntityACL(\n        { ...currentAcl, resourceAccess: newResourceAccess },\n        accessToken,\n      )\n    } catch (e) {\n      const err = e as SynapseClientError\n      throw new Error(\n        `Project was created, but visibility could not be set: ${\n          err.reason ?? err.message\n        }`,\n      )\n    }\n  }\n\n  const createProjectMutation = useMutation({\n    mutationFn: async () => {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        description,\n        accessToken,\n      )\n      let aclError: string | undefined\n      try {\n        await applyVisibilityAcl(newProject.id!)\n      } catch (e) {\n        aclError = (e as Error).message\n      }\n      return { newProject, aclError }\n    },\n    onError: error => {\n      const synapseError = error as SynapseClientError\n      displayToast(synapseError.reason ?? error.message, 'danger')\n    },\n    onSuccess: ({ newProject, aclError }) => {\n      // Note - Do NOT call createProjectMutation.reset() here — in TanStack Query v5,\n      // reset() inside onSuccess interrupts the rest of this callback.\n      // Note 2 - displayToast is not shown in Storybook (with the window.location.href change), but works when\n      // integrated in the Synapse.org app.\n      if (aclError) {\n        displayToast(aclError, 'danger')\n      } else {\n        displayToast('Project created', 'success')\n      }\n      setProjectName('')\n      setDescription('')\n      setVisibility('DISCOVERABLE')\n      onClose()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    },\n  })\n\n  const hide = () => {\n    setProjectName('')\n    setDescription('')\n    setVisibility('DISCOVERABLE')\n    createProjectMutation.reset()\n    onClose()\n  }\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        helperText=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        inputProps={{\n          onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n              if (projectName !== '') {\n                createProjectMutation.mutate()\n              }\n            }\n          },\n        }}\n      />\n      <TextField\n        id=\"descriptionInput\"\n        label=\"Description\"\n        helperText=\"(optional)\"\n        placeholder=\"Brief description of this project\"\n        multiline\n        minRows={3}\n        value={description}\n        fullWidth\n        maxCharacterCount={350}\n        onChange={event => {\n          setDescription(event.target.value)\n        }}\n      />\n      <ProjectVisibilityRadioGroup\n        value={visibility}\n        onChange={setVisibility}\n      />\n      <Alert severity=\"warning\">\n        You can update project visibility at any time in Project Tools, or\n        manage access at a more granular level for individual files and folders.\n      </Alert>\n    </Stack>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{\n          children: 'Save',\n          disabled: createProjectMutation.isPending,\n          loading: createProjectMutation.isPending,\n        }}\n        onConfirm={() => {\n          createProjectMutation.mutate()\n        }}\n        onCancel={hide}\n        maxWidth=\"sm\"\n        dense\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert, Stack } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, useState } from 'react'\nimport { useMutation } from '@tanstack/react-query'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport TextField from '../TextField/TextField'\nimport {\n  ProjectVisibility,\n  ProjectVisibilityRadioGroup,\n} from './ProjectVisibilityRadioGroup'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [visibility, setVisibility] =\n    useState<ProjectVisibility>('DISCOVERABLE')\n\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const publicGroupId = realmPrincipals?.publicGroup\n  const authenticatedUsersId = realmPrincipals?.authenticatedUsers\n\n  const applyVisibilityAcl = async (projectId: string): Promise<void> => {\n    if (visibility === 'PRIVATE') {\n      return\n    }\n    try {\n      const currentAcl = await SynapseClient.getEntityACL(\n        projectId,\n        accessToken,\n      )\n\n      const upsertAccessTypes = (\n        entries: typeof currentAcl.resourceAccess,\n        principalId: number,\n        accessTypes: ACCESS_TYPE[],\n      ): typeof currentAcl.resourceAccess => {\n        const existing = entries.find(e => e.principalId === principalId)\n        if (existing) {\n          return entries.map(e =>\n            e.principalId === principalId\n              ? {\n                  ...e,\n                  accessType: [...new Set([...e.accessType, ...accessTypes])],\n                }\n              : e,\n          )\n        }\n        return [...entries, { principalId, accessType: accessTypes }]\n      }\n\n      let newResourceAccess = [...currentAcl.resourceAccess]\n\n      if (visibility === 'DISCOVERABLE') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n      } else if (visibility === 'PUBLIC') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ, ACCESS_TYPE.DOWNLOAD],\n          )\n        }\n      }\n\n      await SynapseClient.updateEntityACL(\n        { ...currentAcl, resourceAccess: newResourceAccess },\n        accessToken,\n      )\n    } catch (e) {\n      const err = e as SynapseClientError\n      throw new Error(\n        `Project was created, but visibility could not be set: ${\n          err.reason ?? err.message\n        }`,\n      )\n    }\n  }\n\n  const createProjectMutation = useMutation({\n    mutationFn: async () => {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        description,\n        accessToken,\n      )\n      let aclError: string | undefined\n      try {\n        await applyVisibilityAcl(newProject.id!)\n      } catch (e) {\n        aclError = (e as Error).message\n      }\n      return { newProject, aclError }\n    },\n    onError: error => {\n      const synapseError = error as SynapseClientError\n      displayToast(synapseError.reason ?? error.message, 'danger')\n    },\n    onSuccess: ({ newProject, aclError }) => {\n      // Note - Do NOT call createProjectMutation.reset() here — in TanStack Query v5,\n      // reset() inside onSuccess interrupts the rest of this callback.\n      // Note 2 - displayToast is not shown in Storybook (with the window.location.href change), but works when\n      // integrated in the Synapse.org app.\n      if (aclError) {\n        displayToast(aclError, 'danger')\n      } else {\n        displayToast('Project created', 'success')\n      }\n      setProjectName('')\n      setDescription('')\n      setVisibility('DISCOVERABLE')\n      onClose()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    },\n  })\n\n  const hide = () => {\n    setProjectName('')\n    setDescription('')\n    setVisibility('DISCOVERABLE')\n    createProjectMutation.reset()\n    onClose()\n  }\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        description=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        slotProps={{\n          htmlInput: {\n            onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n              if (event.key === 'Enter') {\n                if (projectName !== '') {\n                  createProjectMutation.mutate()\n                }\n              }\n            },\n          },\n        }}\n      />\n      <TextField\n        id=\"descriptionInput\"\n        label=\"Description\"\n        description=\"(optional)\"\n        placeholder=\"Brief description of this project\"\n        multiline\n        minRows={3}\n        value={description}\n        fullWidth\n        maxCharacterCount={350}\n        onChange={event => {\n          setDescription(event.target.value)\n        }}\n      />\n      <ProjectVisibilityRadioGroup\n        value={visibility}\n        onChange={setVisibility}\n      />\n      <Alert severity=\"warning\">\n        You can update project visibility at any time in Project Tools, or\n        manage access at a more granular level for individual files and folders.\n      </Alert>\n    </Stack>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{\n          children: 'Save',\n          disabled: createProjectMutation.isPending,\n          loading: createProjectMutation.isPending,\n        }}\n        onConfirm={() => {\n          createProjectMutation.mutate()\n        }}\n        onCancel={hide}\n        maxWidth=\"sm\"\n        dense\n      />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/CreateTableViewWizard/TableNameForm.js

@@ -1,12 +1,12 @@
 import { useGetFeatureFlag as e } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../synapse-queries/index.js";
-import { TextField as t } from "@mui/material";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { FeatureFlagEnum as a } from "@sage-bionetworks/synapse-types";
+import { FeatureFlagEnum as t } from "../../utils/featureflag/FeatureFlags.js";
+import { TextField as n } from "@mui/material";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/CreateTableViewWizard/TableNameForm.tsx
 function o(o) {
-	let { name: s, setName: c, description: l, setDescription: u } = o, d = e(a.DESCRIPTION_FIELD);
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
+	let { name: s, setName: c, description: l, setDescription: u } = o, d = e(t.DESCRIPTION_FIELD);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {
 		required: !0,
 		label: "Name",
 		value: s,
@@ -14,7 +14,7 @@ function o(o) {
 			c(e.target.value);
 		},
 		fullWidth: !0
-	}), d && /* @__PURE__ */ r(t, {
+	}), d && /* @__PURE__ */ i(n, {
 		label: "Description",
 		value: l,
 		onChange: (e) => {

package/dist/components/CreateTableViewWizard/TableNameForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableNameForm.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableNameForm.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries'\nimport { TextField } from '@mui/material'\nimport { FeatureFlagEnum } from '@sage-bionetworks/synapse-types'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype TableNameFormProps = {\n  name: string\n  setName: Dispatch<SetStateAction<string>>\n  description: string | undefined\n  setDescription: Dispatch<SetStateAction<string | undefined>>\n}\n\n/**\n * React component for the naming a new table or view.\n * Renders UI to provide the name and description of a table or view.\n */\nexport default function TableNameForm(props: TableNameFormProps) {\n  const { name, setName, description, setDescription } = props\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n  return (\n    <>\n      <TextField\n        required\n        label={'Name'}\n        value={name}\n        onChange={e => {\n          setName(e.target.value)\n        }}\n        fullWidth\n      />\n      {isFeatureEnabled && (\n        <TextField\n          label={'Description'}\n          value={description}\n          onChange={e => {\n            setDescription(e.target.value || undefined)\n          }}\n          fullWidth\n          multiline\n          rows={3}\n          sx={{ my: 2 }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAgBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,SAAM,YAAS,gBAAa,sBAAmB,GACjD,IAAmB,EAAkB,EAAgB,kBAAkB;AAC7E,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,UAAA;EACA,OAAO;EACP,OAAO;EACP,WAAU,MAAK;AACb,KAAQ,EAAE,OAAO,MAAM;;EAEzB,WAAA;EACA,CAAA,EACD,KACC,kBAAC,GAAD;EACE,OAAO;EACP,OAAO;EACP,WAAU,MAAK;AACb,KAAe,EAAE,OAAO,SAAS,KAAA,EAAU;;EAE7C,WAAA;EACA,WAAA;EACA,MAAM;EACN,IAAI,EAAE,IAAI,GAAG;EACb,CAAA,CAEH,EAAA,CAAA"}
+{"version":3,"file":"TableNameForm.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableNameForm.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries'\nimport { TextField } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype TableNameFormProps = {\n  name: string\n  setName: Dispatch<SetStateAction<string>>\n  description: string | undefined\n  setDescription: Dispatch<SetStateAction<string | undefined>>\n}\n\n/**\n * React component for the naming a new table or view.\n * Renders UI to provide the name and description of a table or view.\n */\nexport default function TableNameForm(props: TableNameFormProps) {\n  const { name, setName, description, setDescription } = props\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n  return (\n    <>\n      <TextField\n        required\n        label={'Name'}\n        value={name}\n        onChange={e => {\n          setName(e.target.value)\n        }}\n        fullWidth\n      />\n      {isFeatureEnabled && (\n        <TextField\n          label={'Description'}\n          value={description}\n          onChange={e => {\n            setDescription(e.target.value || undefined)\n          }}\n          fullWidth\n          multiline\n          rows={3}\n          sx={{ my: 2 }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAgBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,SAAM,YAAS,gBAAa,sBAAmB,GACjD,IAAmB,EAAkB,EAAgB,kBAAkB;AAC7E,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,UAAA;EACA,OAAO;EACP,OAAO;EACP,WAAU,MAAK;AACb,KAAQ,EAAE,OAAO,MAAM;;EAEzB,WAAA;EACA,CAAA,EACD,KACC,kBAAC,GAAD;EACE,OAAO;EACP,OAAO;EACP,WAAU,MAAK;AACb,KAAe,EAAE,OAAO,SAAS,KAAA,EAAU;;EAE7C,WAAA;EACA,WAAA;EACA,MAAM;EACN,IAAI,EAAE,IAAI,GAAG;EACb,CAAA,CAEH,EAAA,CAAA"}

package/dist/components/CrispChat/CrispChat.js

@@ -1,12 +1,12 @@
 import { useGetFeatureFlag as e } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../synapse-queries/index.js";
-import { useEffect as t } from "react";
-import { FeatureFlagEnum as n } from "@sage-bionetworks/synapse-types";
+import { FeatureFlagEnum as t } from "../../utils/featureflag/FeatureFlags.js";
+import { useEffect as n } from "react";
 //#region src/components/CrispChat/CrispChat.tsx
 var r = !1;
 function i() {
-	let i = e(n.CRISP_CHAT);
-	return t(() => {
+	let i = e(t.CRISP_CHAT);
+	return n(() => {
 		if (i && !r) {
 			window.$crisp = window.$crisp || [], window.CRISP_WEBSITE_ID = "c9bf8451-61b5-4b7e-b564-5772f85d54bd";
 			let e = document.createElement("script");

package/dist/components/CrispChat/CrispChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrispChat.js","names":[],"sources":["../../../src/components/CrispChat/CrispChat.tsx"],"sourcesContent":["import './CrispTypes'\nimport React, { useEffect } from 'react'\nimport { FeatureFlagEnum } from '@sage-bionetworks/synapse-types'\nimport { useGetFeatureFlag } from '@/synapse-queries'\n\n// Ensure script is only loaded once\nlet isScriptLoaded = false\n\n/**\n * CrispChat component that loads the Crisp chat widget when the CRISP_CHAT feature flag is enabled.\n * The script is only loaded once, even if the component is mounted multiple times.\n */\nexport function CrispChat(): React.ReactNode {\n  const isCrispChatEnabled = useGetFeatureFlag(FeatureFlagEnum.CRISP_CHAT)\n\n  useEffect(() => {\n    if (isCrispChatEnabled && !isScriptLoaded) {\n      // Initialize Crisp\n      window.$crisp = window.$crisp || []\n      window.CRISP_WEBSITE_ID = 'c9bf8451-61b5-4b7e-b564-5772f85d54bd'\n\n      // Create and append the script\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = 'https://client.crisp.chat/l.js'\n      script.async = true\n\n      const target = document.head ?? document.body\n      target?.appendChild(script)\n\n      isScriptLoaded = true\n    }\n  }, [isCrispChatEnabled])\n\n  return null\n}\n\nexport default CrispChat\n"],"mappings":";;;;;AAMA,IAAI,IAAiB;AAMrB,SAAgB,IAA6B;CAC3C,IAAM,IAAqB,EAAkB,EAAgB,WAAW;AAqBxE,QAnBA,QAAgB;AACd,MAAI,KAAsB,CAAC,GAAgB;AAGzC,GADA,OAAO,SAAS,OAAO,UAAU,EAAE,EACnC,OAAO,mBAAmB;GAG1B,IAAM,IAAS,SAAS,cAAc,SAAS;AAQ/C,GAPA,EAAO,OAAO,mBACd,EAAO,MAAM,kCACb,EAAO,QAAQ,KAEA,SAAS,QAAQ,SAAS,OACjC,YAAY,EAAO,EAE3B,IAAiB;;IAElB,CAAC,EAAmB,CAAC,EAEjB"}
+{"version":3,"file":"CrispChat.js","names":[],"sources":["../../../src/components/CrispChat/CrispChat.tsx"],"sourcesContent":["import './CrispTypes'\nimport React, { useEffect } from 'react'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetFeatureFlag } from '@/synapse-queries'\n\n// Ensure script is only loaded once\nlet isScriptLoaded = false\n\n/**\n * CrispChat component that loads the Crisp chat widget when the CRISP_CHAT feature flag is enabled.\n * The script is only loaded once, even if the component is mounted multiple times.\n */\nexport function CrispChat(): React.ReactNode {\n  const isCrispChatEnabled = useGetFeatureFlag(FeatureFlagEnum.CRISP_CHAT)\n\n  useEffect(() => {\n    if (isCrispChatEnabled && !isScriptLoaded) {\n      // Initialize Crisp\n      window.$crisp = window.$crisp || []\n      window.CRISP_WEBSITE_ID = 'c9bf8451-61b5-4b7e-b564-5772f85d54bd'\n\n      // Create and append the script\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = 'https://client.crisp.chat/l.js'\n      script.async = true\n\n      const target = document.head ?? document.body\n      target?.appendChild(script)\n\n      isScriptLoaded = true\n    }\n  }, [isCrispChatEnabled])\n\n  return null\n}\n\nexport default CrispChat\n"],"mappings":";;;;;AAMA,IAAI,IAAiB;AAMrB,SAAgB,IAA6B;CAC3C,IAAM,IAAqB,EAAkB,EAAgB,WAAW;AAqBxE,QAnBA,QAAgB;AACd,MAAI,KAAsB,CAAC,GAAgB;AAGzC,GADA,OAAO,SAAS,OAAO,UAAU,EAAE,EACnC,OAAO,mBAAmB;GAG1B,IAAM,IAAS,SAAS,cAAc,SAAS;AAQ/C,GAPA,EAAO,OAAO,mBACd,EAAO,MAAM,kCACb,EAAO,QAAQ,KAEA,SAAS,QAAQ,SAAS,OACjC,YAAY,EAAO,EAE3B,IAAiB;;IAElB,CAAC,EAAmB,CAAC,EAEjB"}

package/dist/components/DataExplorer/DataExplorer.css

@@ -0,0 +1 @@
+._dataExplorerTitle_q328i_1.MuiTypography-root{color:var(--data-explorer-title-color,var(--synapse-primary-action-color));margin-bottom:10px;font-size:36px;line-height:40px}._dataExplorerSubtitle_q328i_8.MuiTypography-root{line-height:140%}._dataExplorerButton_q328i_12{width:fit-content}._dataExplorerTextContainer_q328i_16{flex:0 0 30%;gap:16px;max-width:30%}._dataExplorerContainer_q328i_22{flex:1 0 0;align-items:flex-start;gap:60px;padding:40px 0;display:flex}._dataContainer_q328i_30{flex:60%;grid-template-rows:repeat(9,fit-content(100%));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:inline-grid}._dataRowTitle_q328i_40{color:var(--synapse-primary-action-color,#4d558d);overflow-wrap:break-word;word-break:break-word;flex:0 auto;min-width:0;font-size:19.8px;font-weight:400;line-height:26.4px}._dataRowInner_q328i_51{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}._dataRow_q328i_40{border:1px solid #0000;border-radius:3.3px;justify-content:space-between;justify-self:stretch;align-items:center;gap:17.6px;min-height:66.6px;padding:8.8px 26.4px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;text-decoration:none!important}._dataRow_q328i_40:hover{z-index:1;background-color:#fff;border-color:#e1e1e1;transform:scale(1.1);box-shadow:0 4px 8px #0000001a}._dataRow_q328i_40:hover ._viewCta_q328i_80{opacity:1;pointer-events:auto}._dataRowLeft_q328i_85{flex:1;align-items:center;gap:16px;min-width:0;display:inline-flex}._iconContainer_q328i_93{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;display:flex}._dataRowNamePill_q328i_103{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}._fileCount_q328i_111{color:#787090;border:1px solid #d8d5e0;border-radius:80px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 8px;font-size:14px;font-weight:400;line-height:24px;display:flex}._viewCta_q328i_80{opacity:0;white-space:nowrap;color:var(--synapse-primary-action-color,#4d558d);background:linear-gradient(90deg,#0000,#fff 25% 100%);border-radius:0 2px 2px 0;align-items:center;gap:4px;padding-left:40px;padding-right:26.4px;transition:opacity .2s;display:inline-flex;position:absolute;top:0;bottom:0;right:0}._viewCtaText_q328i_144{color:var(--synapse-primary-action-color,#4d558d);font-size:16px;font-weight:400;line-height:26.4px}._viewCtaIcon_q328i_151.MuiSvgIcon-root{color:var(--synapse-primary-action-color,#5a488f);font-size:24px}

package/dist/components/DataExplorer/DataExplorer.d.ts

@@ -0,0 +1,13 @@
+type DataExplorerProps = {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    buttonText?: string;
+    buttonLink?: string;
+    sql: string;
+    explorePath?: string;
+    exploreQuerySql?: string;
+    filterColumnName?: string;
+};
+export default function DataExplorer({ sql, title, subtitle, buttonText, buttonLink, explorePath, exploreQuerySql, filterColumnName, }: DataExplorerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataExplorer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AASD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,EAAE,iBAAiB,2CA8InB"}