synapse-react-client 3.1.37 → 3.1.38

package/dist/index.mjs

@@ -31356,7 +31356,7 @@ __export(components_exports, {
 });
 
 // src/components/AccessTokenPage/AccessTokenPage.tsx
-import React358, { useState as useState82 } from "react";
+import React358, { useState as useState83 } from "react";
 
 // src/synapse-queries/user/usePersonalAccessToken.ts
 import {
@@ -31470,7 +31470,7 @@ var LoadingScreen_default = loadingScreen;
 
 // src/components/AccessTokenPage/AccessTokenCard.tsx
 import dayjs9 from "dayjs";
-import React355, { useState as useState81 } from "react";
+import React355, { useState as useState82 } from "react";
 import { useErrorHandler as useErrorHandler2 } from "react-error-boundary";
 import DeleteTwoToneIcon from "@mui/icons-material/DeleteTwoTone";
 
@@ -32570,7 +32570,7 @@ import React352 from "react";
 import React351 from "react";
 
 // src/components/Markdown/MarkdownPopover.tsx
-import React350, { useState as useState80 } from "react";
+import React350, { useState as useState81 } from "react";
 
 // src/components/Markdown/MarkdownSynapse.tsx
 import React348 from "react";
@@ -38424,10 +38424,10 @@ import React276 from "react";
 import React275 from "react";
 
 // src/components/DownloadCart/MeetAccessRequirementCard.tsx
-import React272, { useState as useState56 } from "react";
+import React272, { useState as useState57 } from "react";
 
 // src/components/AccessRequirementList/AccessRequirementList.tsx
-import React235, { useMemo as useMemo27, useState as useState55 } from "react";
+import React235, { useMemo as useMemo27, useState as useState56 } from "react";
 
 // src/components/Authentication/StandaloneLoginForm.tsx
 import React206 from "react";
@@ -39118,7 +39118,7 @@ function ResearchProjectForm(props) {
 }
 
 // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm.tsx
-import React219, { useState as useState50 } from "react";
+import React219, { useEffect as useEffect46, useState as useState51 } from "react";
 
 // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx
 import React214 from "react";
@@ -39439,6 +39439,7 @@ function DataAccessRequestAccessorsEditor(props) {
         /* @__PURE__ */ React214.createElement(IconSvg_default, { icon: "clear" })
       ),
       // Renewal/Revoke data access, only display if isRenewal is true
+      // TODO: It's possible to that the accessors list is in an illegal state with no way to recover -- see PLFM-7893
       isRenewal && user?.ownerId !== ac.userId && ac.type !== "GAIN_ACCESS" /* GAIN_ACCESS */ && /* @__PURE__ */ React214.createElement(React214.Fragment, null, /* @__PURE__ */ React214.createElement(
         RadioGroup,
         {
@@ -39471,7 +39472,8 @@ var FileUpload = (props) => {
     id,
     buttonProps = { variant: "contained" },
     label = "Browse...",
-    uploadCallback
+    onUploadStart,
+    onComplete
   } = props;
   const { accessToken } = useSynapseContext();
   const hiddenFileInput = React215.useRef(null);
@@ -39482,6 +39484,9 @@ var FileUpload = (props) => {
   };
   const changeHandler = async (e) => {
     if (e.target.files && e.target.files.length > 0) {
+      if (onUploadStart) {
+        onUploadStart();
+      }
       const file = e.target.files[0];
       try {
         const resp = await uploadFile(
@@ -39489,16 +39494,16 @@ var FileUpload = (props) => {
           file.name,
           file
         );
-        if (uploadCallback) {
-          uploadCallback({
+        if (onComplete) {
+          onComplete({
             success: true,
             resp
           });
         }
       } catch (e2) {
         console.log("FileUpload: fail to upload file", e2);
-        if (uploadCallback) {
-          uploadCallback({
+        if (onComplete) {
+          onComplete({
             success: false,
             error: e2
           });
@@ -39534,16 +39539,12 @@ function DirectDownloadButton(props) {
       includeFileHandles: false,
       includePreviewPreSignedURLs: false
     };
-    try {
-      const file = await getFiles(batchFileRequest, accessToken);
-      const preSignedURL = file.requestedFiles[0].preSignedURL;
-      if (!preSignedURL) {
-        console.log("Fail to get file download link");
-      } else {
-        window.open(preSignedURL);
-      }
-    } catch (e) {
-      console.log("Fail to get file download link", e);
+    const file = await getFiles(batchFileRequest, accessToken);
+    const preSignedURL = file.requestedFiles[0].preSignedURL;
+    if (!preSignedURL) {
+      console.log("Fail to get file download link");
+    } else {
+      window.open(preSignedURL);
     }
   };
   return /* @__PURE__ */ React216.createElement(
@@ -39560,7 +39561,7 @@ function DirectDownloadButton(props) {
 var DirectDownloadButton_default = DirectDownloadButton;
 
 // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx
-import React217 from "react";
+import React217, { useState as useState50 } from "react";
 function UploadDocumentField(props) {
   const {
     fileHandleAssociations = [],
@@ -39568,8 +39569,10 @@ function UploadDocumentField(props) {
     id,
     documentName,
     isMultiFileUpload = false,
-    onClearAttachment
+    onClearAttachment,
+    isLoading = false
   } = props;
+  const [isUploading, setIsUploading] = useState50(false);
   const { data: fileData } = useGetFileBatch(
     {
       includeFileHandles: true,
@@ -39594,9 +39597,14 @@ function UploadDocumentField(props) {
       FileUpload_default,
       {
         id: `${id}-upload`,
-        uploadCallback,
+        onUploadStart: () => setIsUploading(true),
+        onComplete: (res) => {
+          setIsUploading(false);
+          uploadCallback(res);
+        },
         label: `Upload ${documentName}`,
         buttonProps: {
+          disabled: isLoading,
           variant: "outlined",
           endIcon: /* @__PURE__ */ React217.createElement(IconSvg_default, { icon: "upload", wrap: false })
         }
@@ -39630,7 +39638,16 @@ function UploadDocumentField(props) {
         },
         /* @__PURE__ */ React217.createElement(IconSvg_default, { icon: "clear" })
       ));
-    })
+    }),
+    isUploading && /* @__PURE__ */ React217.createElement(
+      Button_default,
+      {
+        disabled: true,
+        variant: "text",
+        endIcon: /* @__PURE__ */ React217.createElement(IconSvg_default, { icon: "download", wrap: false })
+      },
+      "Uploading..."
+    )
   );
 }
 
@@ -39679,6 +39696,23 @@ function DocumentTemplate(props) {
 }
 
 // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm.tsx
+import { deepEquals } from "@rjsf/utils";
+function AccessorRequirementHelpText(props) {
+  const { managedACTAccessRequirement } = props;
+  let link = "";
+  let msg = "";
+  if (managedACTAccessRequirement.isCertifiedUserRequired && managedACTAccessRequirement.isValidatedProfileRequired) {
+    link = "https://help.synapse.org/docs/User-Types.2007072795.html";
+    msg = "All data requesters must be certified users and have a validated user profile.";
+  } else if (managedACTAccessRequirement.isCertifiedUserRequired) {
+    link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers";
+    msg = "All data requesters must be a certified user.";
+  } else if (managedACTAccessRequirement.isValidatedProfileRequired) {
+    link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers";
+    msg = "All data requesters must have a validated user profile.";
+  }
+  return link && msg ? /* @__PURE__ */ React219.createElement(React219.Fragment, null, managedACTAccessRequirement.isDUCRequired ? /* @__PURE__ */ React219.createElement(React219.Fragment, null, "This list should match those listed on your DUC.", /* @__PURE__ */ React219.createElement("br", null)) : "", msg, " ", /* @__PURE__ */ React219.createElement(Link_default, { href: link, target: "_blank", rel: "noreferrer" }, "Learn more")) : /* @__PURE__ */ React219.createElement(React219.Fragment, null);
+}
 function DataAccessRequestAccessorsFilesForm(props) {
   const {
     onSubmissionCreated,
@@ -39687,45 +39721,19 @@ function DataAccessRequestAccessorsFilesForm(props) {
     researchProjectId,
     onCancel
   } = props;
-  const { data: user } = useGetCurrentUserProfile();
-  const [alert2, setAlert] = useState50();
-  const [dataAccessRequest, setDataAccessRequest] = useState50();
-  useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {
-    // We append the current user onto the accessorChanges, so we wait for that data to populate
-    enabled: !!user,
+  const { accessToken } = useSynapseContext();
+  const isLoggedIn = Boolean(accessToken);
+  const { data: user } = useGetCurrentUserProfile({ enabled: isLoggedIn });
+  const [alert2, setAlert] = useState51();
+  const [accessorChanges, setAccessorChanges] = useState51();
+  const [summaryOfUse, setSummaryOfUse] = useState51();
+  const [publication, setPublication] = useState51();
+  const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {
+    enabled: isLoggedIn,
     // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation
     staleTime: Infinity,
-    select: (data) => {
-      const isRenewal2 = data.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
-      const currentUserWithGainAccess = {
-        userId: user.ownerId,
-        type: isRenewal2 ? "RENEW_ACCESS" /* RENEW_ACCESS */ : "GAIN_ACCESS" /* GAIN_ACCESS */
-      };
-      if (!data.accessorChanges) {
-        data.accessorChanges = [currentUserWithGainAccess];
-      } else {
-        data.accessorChanges = [
-          currentUserWithGainAccess,
-          ...data.accessorChanges
-        ];
-      }
-      const seen = /* @__PURE__ */ new Set();
-      data.accessorChanges = data.accessorChanges.filter((accessorChange) => {
-        return seen.has(accessorChange.userId) ? false : seen.add(accessorChange.userId);
-      });
-      data.researchProjectId = researchProjectId;
-      return data;
-    },
-    onSuccess: (data) => {
-      setAlert(void 0);
-      setDataAccessRequest(data);
-    },
-    onError: (err) => {
-      setAlert({
-        key: "error",
-        message: err.reason
-      });
-    }
+    // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable
+    useErrorBoundary: true
   });
   const isRenewal = dataAccessRequest?.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
   function onError(e) {
@@ -39735,18 +39743,87 @@ function DataAccessRequestAccessorsFilesForm(props) {
       message: getErrorMessage(e.reason)
     });
   }
-  const { mutate: submit } = useSubmitDataAccessRequest({
+  const { mutate: submit, isLoading: isLoadingSubmitDataAccessRequest } = useSubmitDataAccessRequest({
     onSuccess: () => {
       onSubmissionCreated();
     },
     onError
   });
-  const { mutateAsync: updateRequestAsync } = useUpdateDataAccessRequest({
+  const {
+    mutateAsync: updateRequestAsync,
+    isLoading: isLoadingUpdateDataAccessRequest
+  } = useUpdateDataAccessRequest({
     onError
   });
+  const isLoading = isLoadingGetDataAccessRequest || isLoadingUpdateDataAccessRequest || isLoadingSubmitDataAccessRequest;
+  useEffect46(() => {
+    if (dataAccessRequest && user) {
+      let shouldUpdate = false;
+      if (!dataAccessRequest.researchProjectId) {
+        dataAccessRequest.researchProjectId = researchProjectId;
+        shouldUpdate = true;
+      }
+      const currentUserWithGainAccess = {
+        userId: user.ownerId,
+        type: isRenewal ? "RENEW_ACCESS" /* RENEW_ACCESS */ : "GAIN_ACCESS" /* GAIN_ACCESS */
+      };
+      if (!dataAccessRequest.accessorChanges || !dataAccessRequest.accessorChanges.find(
+        (item) => deepEquals(item, currentUserWithGainAccess)
+      )) {
+        dataAccessRequest.accessorChanges = [
+          currentUserWithGainAccess,
+          ...dataAccessRequest.accessorChanges || []
+        ];
+        shouldUpdate = true;
+      }
+      const seen = /* @__PURE__ */ new Set();
+      const uniqueAccessorChanges = dataAccessRequest.accessorChanges.filter(
+        (accessorChange) => {
+          return seen.has(accessorChange.userId) ? false : seen.add(accessorChange.userId);
+        }
+      );
+      if (uniqueAccessorChanges.length !== dataAccessRequest.accessorChanges.length) {
+        dataAccessRequest.accessorChanges = uniqueAccessorChanges;
+        shouldUpdate = true;
+      }
+      if (shouldUpdate) {
+        updateRequestAsync(dataAccessRequest);
+      }
+    }
+  }, [
+    dataAccessRequest,
+    isRenewal,
+    researchProjectId,
+    updateRequestAsync,
+    user
+  ]);
+  useEffect46(() => {
+    if (dataAccessRequest) {
+      if (dataAccessRequest.accessorChanges && accessorChanges == void 0) {
+        setAccessorChanges(dataAccessRequest.accessorChanges);
+      }
+      if (isRenewal && dataAccessRequest.publication && publication == void 0) {
+        setPublication(dataAccessRequest.publication);
+      }
+      if (isRenewal && dataAccessRequest.summaryOfUse && summaryOfUse == void 0) {
+        setSummaryOfUse(dataAccessRequest.summaryOfUse);
+      }
+    }
+  }, [dataAccessRequest]);
+  function getDataAccessRequestWithLocalState() {
+    return {
+      ...dataAccessRequest,
+      // append local state to the request
+      accessorChanges,
+      publication,
+      summaryOfUse
+    };
+  }
   async function handleSubmit() {
     if (dataAccessRequest) {
-      const requestObject = await updateRequestAsync(dataAccessRequest);
+      const requestObject = await updateRequestAsync(
+        getDataAccessRequestWithLocalState()
+      );
       submit({
         request: {
           requestId: requestObject.id,
@@ -39762,41 +39839,30 @@ function DataAccessRequestAccessorsFilesForm(props) {
     return /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement("strong", null, "Sorry, there is an error in submitting your request."), /* @__PURE__ */ React219.createElement("br", null), reason);
   };
   const onAccessorChange = (updater) => {
-    setDataAccessRequest((req) => ({
-      ...req,
-      // Copy the array so the caller doesn't have to worry about immutability
-      accessorChanges: [...updater(req.accessorChanges || [])]
-    }));
+    setAccessorChanges([...updater(accessorChanges || [])]);
   };
   const onClearAttachment = (fid) => {
-    setDataAccessRequest((req) => {
-      if (req) {
-        return {
-          ...req,
-          attachments: req.attachments?.filter((item) => item !== fid)
-        };
-      }
-      return req;
+    updateRequestAsync({
+      ...dataAccessRequest,
+      attachments: dataAccessRequest.attachments?.filter((item) => item !== fid)
     });
   };
   const uploadCallback = (data, context) => {
     if (data.resp && data.success) {
       const uploadResponse = data.resp;
       if (context === "attachments") {
-        setDataAccessRequest((req) => {
-          return {
-            ...req,
-            attachments: [
-              ...req.attachments || [],
-              uploadResponse.fileHandleId
-            ]
-          };
+        updateRequestAsync({
+          ...dataAccessRequest,
+          attachments: [
+            ...dataAccessRequest.attachments || [],
+            uploadResponse.fileHandleId
+          ]
         });
       } else {
-        setDataAccessRequest((req) => ({
-          ...req,
+        updateRequestAsync({
+          ...dataAccessRequest,
           [context]: uploadResponse.fileHandleId
-        }));
+        });
       }
     } else if (!data.success && data.error) {
       console.log(
@@ -39809,46 +39875,24 @@ function DataAccessRequestAccessorsFilesForm(props) {
       });
     }
   };
-  const handleTextAreaInputChange = (e, key) => {
-    const value = e.target.value;
-    setDataAccessRequest((req) => ({
-      ...req,
-      [key]: value
-    }));
-  };
-  const AccessorRequirementHelpText = () => {
-    let link = "";
-    let msg = "";
-    if (managedACTAccessRequirement.isCertifiedUserRequired && managedACTAccessRequirement.isValidatedProfileRequired) {
-      link = "https://help.synapse.org/docs/User-Types.2007072795.html";
-      msg = "All data requesters must be certified users and have a validated user profile.";
-    } else if (managedACTAccessRequirement.isCertifiedUserRequired) {
-      link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers";
-      msg = "All data requesters must be a certified user.";
-    } else if (managedACTAccessRequirement.isValidatedProfileRequired) {
-      link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers";
-      msg = "All data requesters must have a validated user profile.";
-    }
-    return link && msg ? /* @__PURE__ */ React219.createElement(React219.Fragment, null, managedACTAccessRequirement.isDUCRequired ? /* @__PURE__ */ React219.createElement(React219.Fragment, null, "This list should match those listed on your DUC.", /* @__PURE__ */ React219.createElement("br", null)) : "", msg, " ", /* @__PURE__ */ React219.createElement(Link_default, { href: link, target: "_blank", rel: "noreferrer" }, "Learn more")) : /* @__PURE__ */ React219.createElement(React219.Fragment, null);
-  };
   const ducFileHandleAssociation = dataAccessRequest?.ducFileHandleId ? [
     {
       fileHandleId: dataAccessRequest?.ducFileHandleId,
-      associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-      associateObjectId: String(managedACTAccessRequirement.id)
+      associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+      associateObjectId: String(dataAccessRequest.id)
     }
   ] : [];
   const irbFileHandleAssociation = dataAccessRequest?.irbFileHandleId ? [
     {
       fileHandleId: dataAccessRequest.irbFileHandleId,
-      associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-      associateObjectId: String(managedACTAccessRequirement.id)
+      associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+      associateObjectId: String(dataAccessRequest.id)
     }
   ] : [];
   const attachmentFileHandleAssociations = (dataAccessRequest?.attachments || []).map((attachmentFileHandleId) => ({
     fileHandleId: attachmentFileHandleId,
-    associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-    associateObjectId: String(managedACTAccessRequirement.id)
+    associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+    associateObjectId: String(dataAccessRequest.id)
   })) ?? [];
   return /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(DialogTitle_default, null, /* @__PURE__ */ React219.createElement(Stack_default, { direction: "row", alignItems: "center", gap: "5px" }, "Request Access", /* @__PURE__ */ React219.createElement(Box_default, { sx: { flexGrow: 1 } }), /* @__PURE__ */ React219.createElement(IconButton_default, { onClick: props.onHide }, /* @__PURE__ */ React219.createElement(IconSvg_default, { icon: "close", wrap: false, sx: { color: "grey.700" } })))), /* @__PURE__ */ React219.createElement(DialogContent_default, null, /* @__PURE__ */ React219.createElement(
     ManagedACTAccessRequirementFormWikiWrapper,
@@ -39866,13 +39910,18 @@ function DataAccessRequestAccessorsFilesForm(props) {
         onSubmit: (e) => e.preventDefault()
       },
       /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { mb: 2 } }, "Please provide the information below to submit the request for access."),
-      dataAccessRequest && /* @__PURE__ */ React219.createElement(
+      dataAccessRequest && user && /* @__PURE__ */ React219.createElement(
         DataAccessRequestAccessorsEditor,
         {
-          accessorChanges: dataAccessRequest.accessorChanges || [],
+          accessorChanges: accessorChanges || [],
           onChange: onAccessorChange,
           isRenewal,
-          helpText: /* @__PURE__ */ React219.createElement(AccessorRequirementHelpText, null)
+          helpText: /* @__PURE__ */ React219.createElement(
+            AccessorRequirementHelpText,
+            {
+              managedACTAccessRequirement
+            }
+          )
         }
       ),
       (managedACTAccessRequirement?.isDUCRequired || managedACTAccessRequirement?.isIRBApprovalRequired || managedACTAccessRequirement?.areOtherAttachmentsRequired || isRenewal) && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } }),
@@ -39888,56 +39937,61 @@ function DataAccessRequestAccessorsFilesForm(props) {
           },
           downloadButtonText: "Download DUC Template"
         }
-      ), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { mt: 4, mb: 2 } }, "Fill out and upload a Data Use Certificate"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", component: "ol" }, /* @__PURE__ */ React219.createElement("li", null, "Download the DUC template file."), /* @__PURE__ */ React219.createElement("li", null, "Fill out the DUC template, following the instructions in the file."), /* @__PURE__ */ React219.createElement("li", null, "Upload the completed certificate using the button below:")), /* @__PURE__ */ React219.createElement(
+      ), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { mt: 4, mb: 2 } }, "Fill out and upload a Data Use Certificate"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", component: "ol" }, /* @__PURE__ */ React219.createElement("li", null, "Download the DUC template file."), /* @__PURE__ */ React219.createElement("li", null, "Fill out the DUC template, following the instructions in the file."), /* @__PURE__ */ React219.createElement("li", null, "Upload the completed certificate using the button below:")), /* @__PURE__ */ React219.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ React219.createElement(
         UploadDocumentField,
         {
           id: "duc",
+          isLoading,
           uploadCallback: (resp) => uploadCallback(resp, "ducFileHandleId"),
           documentName: "Data Use Certificate",
           fileHandleAssociations: ducFileHandleAssociation
         }
-      ), (managedACTAccessRequirement?.isIRBApprovalRequired || managedACTAccessRequirement?.areOtherAttachmentsRequired || isRenewal) && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
-      managedACTAccessRequirement?.isIRBApprovalRequired && /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "IRB Approval"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "Upload a signed IRB letter on institutional letterhead. The letter must include the names of all the datasets requested, as well as the names of the data requesters above. Use the button below to upload the document."), /* @__PURE__ */ React219.createElement(
+      )), (managedACTAccessRequirement?.isIRBApprovalRequired || managedACTAccessRequirement?.areOtherAttachmentsRequired || isRenewal) && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
+      managedACTAccessRequirement?.isIRBApprovalRequired && /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "IRB Approval"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "Upload a signed IRB letter on institutional letterhead. The letter must include the names of all the datasets requested, as well as the names of the data requesters above. Use the button below to upload the document."), /* @__PURE__ */ React219.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ React219.createElement(
         UploadDocumentField,
         {
           id: "irb",
+          isLoading,
           documentName: "IRB Approval Letter",
           uploadCallback: (resp) => uploadCallback(resp, "irbFileHandleId"),
           fileHandleAssociations: irbFileHandleAssociation
         }
-      ), (managedACTAccessRequirement?.areOtherAttachmentsRequired || isRenewal) && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
+      )), (managedACTAccessRequirement?.areOtherAttachmentsRequired || isRenewal) && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
       /* Attachments */
-      managedACTAccessRequirement?.areOtherAttachmentsRequired && /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "Upload other required documents"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must upload other required documents. Please review the instructions to gain data access to determine which documents must also be uploaded."), /* @__PURE__ */ React219.createElement(
+      managedACTAccessRequirement?.areOtherAttachmentsRequired && /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "Upload other required documents"), /* @__PURE__ */ React219.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must upload other required documents. Please review the instructions to gain data access to determine which documents must also be uploaded."), /* @__PURE__ */ React219.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ React219.createElement(
         UploadDocumentField,
         {
           id: "file-attachment",
+          isLoading,
           documentName: "Attachment",
           uploadCallback: (res) => uploadCallback(res, "attachments"),
           isMultiFileUpload: true,
           fileHandleAssociations: attachmentFileHandleAssociations,
           onClearAttachment
         }
-      ), isRenewal && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
+      )), isRenewal && /* @__PURE__ */ React219.createElement(Divider_default, { sx: { my: 4 } })),
       // Publications & Summary of Use
       isRenewal && /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(
         TextField3,
         {
           id: "publications",
           label: "Publication(s)",
+          disabled: isLoadingSubmitDataAccessRequest,
           multiline: true,
           rows: 3,
-          value: dataAccessRequest?.publication,
-          onChange: (e) => handleTextAreaInputChange(e, "publication")
+          value: publication,
+          onChange: (e) => setPublication(e.target.value)
         }
       ), /* @__PURE__ */ React219.createElement(
         TextField3,
         {
           id: "summaryOfUse",
           label: "Summary of use",
-          value: dataAccessRequest?.summaryOfUse,
+          value: summaryOfUse,
+          disabled: isLoadingSubmitDataAccessRequest,
           multiline: true,
           rows: 3,
-          onChange: (e) => handleTextAreaInputChange(e, "summaryOfUse")
+          onChange: (e) => setSummaryOfUse(e.target.value)
         }
       ))
     )
@@ -39945,9 +39999,10 @@ function DataAccessRequestAccessorsFilesForm(props) {
     Button_default,
     {
       variant: "outlined",
+      disabled: isLoadingSubmitDataAccessRequest,
       onClick: () => {
         if (dataAccessRequest) {
-          onCancel(dataAccessRequest);
+          onCancel(getDataAccessRequestWithLocalState());
         }
       }
     },
@@ -39956,6 +40011,7 @@ function DataAccessRequestAccessorsFilesForm(props) {
     Button_default,
     {
       variant: "contained",
+      disabled: isLoadingSubmitDataAccessRequest,
       onClick: () => {
         handleSubmit();
       }
@@ -40182,7 +40238,7 @@ function ValidationRequirement() {
 import React230 from "react";
 
 // src/components/Authentication/TwoFactorEnrollmentForm.tsx
-import React229, { useEffect as useEffect46, useRef as useRef36, useState as useState51 } from "react";
+import React229, { useEffect as useEffect47, useRef as useRef36, useState as useState52 } from "react";
 
 // src/components/styled/LeftRightPanel.tsx
 import React227 from "react";
@@ -40330,9 +40386,9 @@ var SectionInnerGrid = styled_default(
 var TWO_FACTOR_DOCS_LINK = "https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#Adding-Two-Factor-Authentication-(2FA)-to-your-account";
 function TwoFactorEnrollmentForm(props) {
   const { onTwoFactorEnrollmentSuccess, onBackClicked } = props;
-  const [totp, setTotp] = useState51("");
-  const [hasQrCode, setHasQrCode] = useState51(false);
-  const [showSecretInModal, setShowSecretInModal] = useState51(false);
+  const [totp, setTotp] = useState52("");
+  const [hasQrCode, setHasQrCode] = useState52(false);
+  const [showSecretInModal, setShowSecretInModal] = useState52(false);
   const { data: currentUserEmail } = useGetNotificationEmail();
   const qrCodeCanvasElement = useRef36(null);
   const { mutate: start2FAEnrollment2, data: totpSecret } = useStartTwoFactorEnrollment();
@@ -40343,10 +40399,10 @@ function TwoFactorEnrollmentForm(props) {
   } = useFinishTwoFactorEnrollment({
     onSuccess: onTwoFactorEnrollmentSuccess
   });
-  useEffect46(() => {
+  useEffect47(() => {
     start2FAEnrollment2();
   }, []);
-  useEffect46(() => {
+  useEffect47(() => {
     async function createQrCode() {
       if (totpSecret && currentUserEmail && qrCodeCanvasElement.current) {
         await toCanvas(
@@ -40534,13 +40590,13 @@ function TwoFactorAuthEnabledRequirement() {
 }
 
 // src/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.tsx
-import React231, { useState as useState52 } from "react";
+import React231, { useState as useState53 } from "react";
 function UnmanagedACTAccessRequirementItem(props) {
   const { accessRequirement, entityId, onHide } = props;
   const { accessToken } = useSynapseContext();
   const { data: accessRequirementStatus, isLoading: isLoadingStatus } = useGetAccessRequirementStatus(String(accessRequirement.id));
   const isApproved = accessRequirementStatus?.isApproved;
-  const [showACTContactInfoInstructions, setShowACTContactInfoInstructions] = useState52(false);
+  const [showACTContactInfoInstructions, setShowACTContactInfoInstructions] = useState53(false);
   let acceptButtonText = "";
   if (window.location.hostname === "www.synapse.org" || window.location.hostname === "staging.synapse.org") {
     acceptButtonText = "Request access";
@@ -40596,7 +40652,7 @@ function UnmanagedACTAccessRequirementItem(props) {
 
 // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementItem.tsx
 import React232 from "react";
-import { useState as useState53 } from "react";
+import { useState as useState54 } from "react";
 function ManagedACTAccessRequirementItem(props) {
   const { accessRequirement, onHide, onRequestAccess } = props;
   const { data: wikiPage } = useGetAccessRequirementWikiPageKey(
@@ -40614,8 +40670,8 @@ function ManagedACTAccessRequirementItem(props) {
       });
     }
   });
-  const [hideMarkdown, setHideMarkdown] = useState53(true);
-  const [alert2, setAlert] = useState53();
+  const [hideMarkdown, setHideMarkdown] = useState54(true);
+  const [alert2, setAlert] = useState54();
   const isApproved = accessRequirementStatus?.currentSubmissionStatus?.state === "APPROVED" /* APPROVED */;
   let markdown = /* @__PURE__ */ React232.createElement(React232.Fragment, null);
   if (wikiPage) {
@@ -40735,7 +40791,7 @@ function ManagedACTAccessRequirementItem(props) {
 import React234 from "react";
 
 // src/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.tsx
-import React233, { useState as useState54 } from "react";
+import React233, { useState as useState55 } from "react";
 function SelfSignAccessRequirementItem(props) {
   const { accessRequirement, onHide } = props;
   const { accessToken } = useSynapseContext();
@@ -40752,7 +40808,7 @@ function SelfSignAccessRequirementItem(props) {
     // TermsOfUse ARs have the terms embedded in the AR, there is no Wiki.
     { enabled: !isTermsOfUse }
   );
-  const [showTerms, setShowTerms] = useState54(false);
+  const [showTerms, setShowTerms] = useState55(false);
   const {
     mutate: createAccessApproval2,
     isLoading,
@@ -40905,12 +40961,12 @@ function AccessRequirementList(props) {
   } = props;
   const { accessToken } = useSynapseContext();
   const isSignedIn = !!accessToken;
-  const [requestDataStep, setRequestDataStep] = useState55(
+  const [requestDataStep, setRequestDataStep] = useState56(
     0 /* SHOW_ALL_ARS */
   );
-  const [managedACTAccessRequirement, setManagedACTAccessRequirement] = useState55();
-  const [researchProjectId, setResearchProjectId] = useState55("");
-  const [dataAccessRequest, setDataAccessRequest] = useState55();
+  const [managedACTAccessRequirement, setManagedACTAccessRequirement] = useState56();
+  const [researchProjectId, setResearchProjectId] = useState56("");
+  const [dataAccessRequest, setDataAccessRequest] = useState56();
   const entityHeaderProps = {
     ids: [entityId],
     type: "ENTITY_HEADER"
@@ -41879,7 +41935,7 @@ var MeetAccessRequirementCard = ({ accessRequirementId, count }) => {
     accessRequirementId,
     { useErrorBoundary: true }
   );
-  const [isShowingAccessRequirement, setIsShowingAccessRequirement] = useState56(false);
+  const [isShowingAccessRequirement, setIsShowingAccessRequirement] = useState57(false);
   let title = void 0;
   let iconType = "";
   let description = "";
@@ -41983,7 +42039,7 @@ var RequestDownloadCard = ({
 };
 
 // src/components/DownloadCart/EnableTwoFaRequirementCard.tsx
-import React274, { useState as useState57 } from "react";
+import React274, { useState as useState58 } from "react";
 var REQUIRES_2FA_CARD_TITLE = "Requires Two-Factor Authentication";
 function EnableTwoFaRequirementCard(props) {
   const { accessRequirementId, count } = props;
@@ -41993,7 +42049,7 @@ function EnableTwoFaRequirementCard(props) {
       useErrorBoundary: true
     }
   );
-  const [isShowingAccessRequirement, setIsShowingAccessRequirement] = useState57(false);
+  const [isShowingAccessRequirement, setIsShowingAccessRequirement] = useState58(false);
   return /* @__PURE__ */ React274.createElement(React274.Fragment, null, /* @__PURE__ */ React274.createElement(
     ActionRequiredCard,
     {
@@ -42338,7 +42394,7 @@ var SearchV2_default = Search2;
 
 // src/components/SqlEditor.tsx
 import { SearchTwoTone as SearchTwoTone2 } from "@mui/icons-material";
-import React279, { useEffect as useEffect47, useRef as useRef37, useState as useState58 } from "react";
+import React279, { useEffect as useEffect48, useRef as useRef37, useState as useState59 } from "react";
 var helpMessageCopy = "The data within tables and views can be retrieved by using a SQL-like query language either from the web interface or from the programmatic clients.";
 var helpLink = "https://help.synapse.org/docs/Querying-Tables,-Views,-and-Datasets.2667642897.html#QueryingTables,Views,andDatasets-UsingAdvancedSearchQueries";
 var SqlEditor = ({
@@ -42349,9 +42405,9 @@ var SqlEditor = ({
   const {
     topLevelControlsState: { showSqlEditor, showFacetFilter }
   } = useQueryVisualizationContext();
-  const [sql, setSql] = useState58("");
+  const [sql, setSql] = useState59("");
   const inputRef = useRef37(null);
-  useEffect47(() => {
+  useEffect48(() => {
     if (showSqlEditor) {
       const defaultSql = getLastQueryRequest().query.sql;
       setSql(defaultSql);
@@ -42407,7 +42463,7 @@ var SqlEditor_default = SqlEditor;
 
 // src/components/SynapseTable/TopLevelControls.tsx
 import { cloneDeep as cloneDeep3 } from "lodash-es";
-import React293, { useMemo as useMemo29, useState as useState62 } from "react";
+import React293, { useMemo as useMemo29, useState as useState63 } from "react";
 
 // src/components/widgets/ElementWithTooltip.tsx
 import React283 from "react";
@@ -42693,10 +42749,10 @@ var DownloadLoginModal = (props) => {
 };
 
 // src/components/ProgrammaticTableDownload/ProgrammaticTableDownload.tsx
-import React286, { useEffect as useEffect48, useMemo as useMemo28, useState as useState60 } from "react";
+import React286, { useEffect as useEffect49, useMemo as useMemo28, useState as useState61 } from "react";
 
 // src/components/ProgrammaticInstructionsModal.tsx
-import React285, { useState as useState59 } from "react";
+import React285, { useState as useState60 } from "react";
 var ProgrammaticInstructionsModal = ({
   show,
   title,
@@ -42718,7 +42774,7 @@ var ProgrammaticInstructionsModal = ({
   } else {
     defaultTab = "R" /* R */;
   }
-  const [currentTab, setCurrentTab] = useState59(defaultTab);
+  const [currentTab, setCurrentTab] = useState60(defaultTab);
   const installationInstructions = /* @__PURE__ */ React285.createElement(Typography_default, { variant: "body1" }, "Installation instructions are available at our", " ", /* @__PURE__ */ React285.createElement(
     Link_default,
     {
@@ -42794,7 +42850,7 @@ function ProgrammaticTableDownload({
   queryBundleRequest,
   onHide
 }) {
-  const [generatedSql, setGeneratedSql] = useState60("...");
+  const [generatedSql, setGeneratedSql] = useState61("...");
   const {
     data: asyncJobStatus,
     isLoading: queryIsLoading,
@@ -42811,7 +42867,7 @@ function ProgrammaticTableDownload({
   );
   const combinedSql = asyncJobStatus?.responseBody?.combinedSql;
   const isLoadingNewBundle = queryIsLoading || newQueryIsFetching;
-  useEffect48(() => {
+  useEffect49(() => {
     if (combinedSql && !isLoadingNewBundle) {
       const indexOfFrom = combinedSql.toUpperCase().indexOf("FROM SYN");
       const selectStarTransformedSql = `SELECT * ${combinedSql.substring(
@@ -42970,13 +43026,13 @@ var DownloadOptions = (props) => {
 };
 
 // src/components/SynapseTable/table-top/ColumnSelection.tsx
-import React288, { useState as useState61 } from "react";
+import React288, { useState as useState62 } from "react";
 import { Dropdown as Dropdown3 } from "react-bootstrap";
 var tooltipColumnSelectionId = "addAndRemoveColumns";
 var ColumnSelection = (props) => {
   const { headers, isColumnSelected, toggleColumnSelection, darkTheme } = props;
   const { getColumnDisplayName } = useQueryVisualizationContext();
-  const [show, setShow] = useState61(false);
+  const [show, setShow] = useState62(false);
   const onDropdownClick = (_show, _event, metadata) => {
     if (metadata.source === "rootClose") {
       setShow(false);
@@ -43298,7 +43354,7 @@ var TopLevelControls = (props) => {
     setColumnsToShowInTable
   } = useQueryVisualizationContext();
   const { showCopyToClipboard } = topLevelControlsState;
-  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] = useState62(false);
+  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] = useState63(false);
   const setControlState = (control) => {
     const updatedTopLevelControlsState = {
       [control]: !topLevelControlsState[control]
@@ -43314,7 +43370,7 @@ var TopLevelControls = (props) => {
       ...updatedTopLevelControlsState
     }));
   };
-  const [isShowingExportToCavaticaModal, setIsShowingExportToCavaticaModal] = useState62(false);
+  const [isShowingExportToCavaticaModal, setIsShowingExportToCavaticaModal] = useState63(false);
   const refresh = () => {
     setSelectedRows([]);
     executeQueryRequest(getLastQueryRequest());
@@ -43507,20 +43563,20 @@ var TopLevelControls = (props) => {
 var TopLevelControls_default = TopLevelControls;
 
 // src/components/widgets/facet-nav/FacetNav.tsx
-import React309, { useEffect as useEffect50, useMemo as useMemo30, useState as useState69 } from "react";
+import React309, { useEffect as useEffect51, useMemo as useMemo30, useState as useState70 } from "react";
 
 // src/components/widgets/query-filter/FacetFilterControls.tsx
 import React303 from "react";
 import { useDeepCompareEffectNoCheck as useDeepCompareEffectNoCheck2 } from "use-deep-compare-effect";
 
 // src/components/widgets/query-filter/EnumFacetFilter.tsx
-import React298, { useState as useState64 } from "react";
+import React298, { useState as useState65 } from "react";
 import { Dropdown as Dropdown4 } from "react-bootstrap";
 import useDeepCompareEffect4 from "use-deep-compare-effect";
 
 // src/components/widgets/Checkbox.tsx
 import { uniqueId as _uniqueId2 } from "lodash-es";
-import React294, { useEffect as useEffect49, useState as useState63 } from "react";
+import React294, { useEffect as useEffect50, useState as useState64 } from "react";
 var Checkbox = (props) => {
   const {
     checked: propsChecked = false,
@@ -43528,9 +43584,9 @@ var Checkbox = (props) => {
     isSelectAll = false,
     disabled = false
   } = props;
-  const [checked, setChecked] = useState63(propsChecked);
-  const [uniqueId3] = useState63(_uniqueId2("src-checkbox-"));
-  useEffect49(() => {
+  const [checked, setChecked] = useState64(propsChecked);
+  const [uniqueId3] = useState64(_uniqueId2("src-checkbox-"));
+  useEffect50(() => {
     setChecked(propsChecked);
   }, [propsChecked]);
   const handleCheckboxChange = (event) => {
@@ -43656,12 +43712,12 @@ var EnumFacetFilter = ({
   dropdownType = "Icon",
   collapsed = false
 }) => {
-  const [isShowAll, setIsShowAll] = useState64(false);
-  const [isCollapsed, setIsCollapsed] = useState64(collapsed);
-  const [isShowDropdown, setIsShowDropdown] = useState64(false);
-  const [showSearch, setShowSearch] = useState64(false);
-  const [searchTerm, setSearchText] = useState64("");
-  const [filteredSet, setFilteredSet] = useState64(facetValues);
+  const [isShowAll, setIsShowAll] = useState65(false);
+  const [isCollapsed, setIsCollapsed] = useState65(collapsed);
+  const [isShowDropdown, setIsShowDropdown] = useState65(false);
+  const [showSearch, setShowSearch] = useState65(false);
+  const [searchTerm, setSearchText] = useState65("");
+  const [filteredSet, setFilteredSet] = useState65(facetValues);
   useDeepCompareEffect4(() => {
     setFilteredSet(facetValues);
   }, [facetValues]);
@@ -43871,7 +43927,7 @@ function EnumFacetFilterOption({
   initialIsSelected,
   onChange
 }) {
-  const [isSelected, setIsSelected] = useState64(initialIsSelected);
+  const [isSelected, setIsSelected] = useState65(initialIsSelected);
   React298.useEffect(() => {
     setIsSelected(initialIsSelected);
   }, [initialIsSelected]);
@@ -43927,15 +43983,15 @@ var FacetChip = ({
 
 // src/components/widgets/query-filter/RangeFacetFilter.tsx
 import React302 from "react";
-import { useState as useState67 } from "react";
+import { useState as useState68 } from "react";
 
 // src/components/widgets/Range.tsx
-import React300, { useState as useState65 } from "react";
+import React300, { useState as useState66 } from "react";
 import dayjs6 from "dayjs";
 var Range = (props) => {
   const errorText = "Min value should be less then max value";
-  const [error, setError] = useState65(false);
-  const [values, setValues] = useState65(
+  const [error, setError] = useState66(false);
+  const [values, setValues] = useState66(
     () => props.type === "number" && props.initialValues ? props.initialValues : props.initialValues && {
       min: dayjs6(props.initialValues.min).format("YYYY-MM-DD"),
       max: dayjs6(props.initialValues.max).format("YYYY-MM-DD")
@@ -43997,7 +44053,7 @@ var Range = (props) => {
 
 // src/components/widgets/RangeSlider.tsx
 import React301 from "react";
-import { useState as useState66 } from "react";
+import { useState as useState67 } from "react";
 function ValueLabelComponent(props) {
   const { children, value } = props;
   return /* @__PURE__ */ React301.createElement(Tooltip_default, { enterTouchDelay: 0, placement: "top", title: value }, children);
@@ -44012,7 +44068,7 @@ function getInitialValues(initialValues, domain) {
 function RangeSlider(props) {
   const { doUpdateOnApply = true, onChange, step } = props;
   const stringArrToNumArr = (inputArr) => inputArr.map((value) => Number(value));
-  const [values, setValues] = useState66(
+  const [values, setValues] = useState67(
     () => getInitialValues(props.initialValues, props.domain)
   );
   const numDomain = stringArrToNumArr(props.domain);
@@ -44057,7 +44113,7 @@ var RangeFacetFilter = ({
   onChange,
   collapsed = false
 }) => {
-  const [isCollapsed, setIsCollapsed] = useState67(collapsed);
+  const [isCollapsed, setIsCollapsed] = useState68(collapsed);
   const options = [
     { label: FRIENDLY_VALUE_NOT_SET, value: "org.sagebionetworks.UNDEFINED_NULL_NOTSET" /* NOT_SET */ },
     { label: "Any", value: "" /* ANY */ },
@@ -44082,7 +44138,7 @@ var RangeFacetFilter = ({
       onChangeCallback([radioValue2, radioValue2]);
     }
   };
-  const [radioValue, setRadioValue] = useState67(
+  const [radioValue, setRadioValue] = useState68(
     getRadioValue(selectedMin, hasAnyValue)
   );
   const result = /* @__PURE__ */ React302.createElement("div", null, /* @__PURE__ */ React302.createElement(
@@ -44335,7 +44391,7 @@ function FacetFilterControlsOrLoader(props) {
 // src/components/widgets/facet-nav/FacetNavPanel.tsx
 import { InfoOutlined as InfoOutlined2 } from "@mui/icons-material";
 import Plotly2 from "plotly.js-basic-dist";
-import React305, { useCallback as useCallback21, useState as useState68 } from "react";
+import React305, { useCallback as useCallback21, useState as useState69 } from "react";
 import { Dropdown as Dropdown5 } from "react-bootstrap";
 import createPlotlyComponent2 from "react-plotly.js/factory";
 import { SizeMe } from "react-sizeme";
@@ -44794,7 +44850,7 @@ var FacetNavPanel = (props) => {
   const { accessToken } = useSynapseContext();
   const { data, isLoadingNewBundle, getLastQueryRequest } = useQueryContext();
   const { getColumnDisplayName } = useQueryVisualizationContext();
-  const [showModal, setShowModal] = useState68(false);
+  const [showModal, setShowModal] = useState69(false);
   const plotTitle = getColumnDisplayName(facetToPlot.columnName);
   const getColumnType = useCallback21(
     () => data?.columnModels?.find(
@@ -45192,11 +45248,11 @@ var FacetNav = ({
     asyncJobStatus
   } = useQueryContext();
   const { topLevelControlsState } = useQueryVisualizationContext();
-  const [facetUiStateArray, setFacetUiStateArray] = useState69([]);
-  const [isFirstTime, setIsFirstTime] = useState69(true);
+  const [facetUiStateArray, setFacetUiStateArray] = useState70([]);
+  const [isFirstTime, setIsFirstTime] = useState70(true);
   const { showFacetVisualization, showFacetFilter } = topLevelControlsState;
   const lastQueryRequest = getLastQueryRequest();
-  useEffect50(() => {
+  useEffect51(() => {
     const result = getFacets(data, facetsToPlot);
     if (result.length === 0) {
       return;
@@ -45350,7 +45406,7 @@ import React317 from "react";
 import React312 from "react";
 
 // src/components/QuerySortSelector.tsx
-import React311, { useState as useState70 } from "react";
+import React311, { useState as useState71 } from "react";
 import Select4, { components as components2 } from "react-select";
 
 // src/components/SchemaDrivenAnnotationEditor/widget/SelectWidget.tsx
@@ -45454,10 +45510,10 @@ var QuerySortSelector = ({
   const queryContext = useQueryContext();
   const { getLastQueryRequest, executeQueryRequest } = queryContext;
   const { getColumnDisplayName } = useQueryVisualizationContext();
-  const [sortColumn, setSortColumn] = useState70(
+  const [sortColumn, setSortColumn] = useState71(
     defaultColumn
   );
-  const [sortDirection, setSortDirection] = useState70(defaultDirection);
+  const [sortDirection, setSortDirection] = useState71(defaultDirection);
   const enumOptions = sortableColumns.map((sortableColumn) => {
     return {
       value: sortableColumn,
@@ -45548,7 +45604,7 @@ var CardContainerLogic = (props) => {
 };
 
 // src/components/HeaderCard.tsx
-import React313, { useState as useState71, useEffect as useEffect51 } from "react";
+import React313, { useState as useState72, useEffect as useEffect52 } from "react";
 var HeaderCard = ({
   type,
   title,
@@ -45566,11 +45622,11 @@ var HeaderCard = ({
   const descriptionElement = document.querySelector(
     'meta[name="description"]'
   );
-  const [docTitle] = useState71(document.title);
-  const [docDescription] = useState71(
+  const [docTitle] = useState72(document.title);
+  const [docDescription] = useState72(
     descriptionElement ? descriptionElement.getAttribute("content") : ""
   );
-  useEffect51(() => {
+  useEffect52(() => {
     if (title && document.title !== title) {
       document.title = title;
     }
@@ -45643,7 +45699,7 @@ var IconList = (props) => {
 var IconList_default = IconList;
 
 // src/components/widgets/FileHandleLink.tsx
-import React315, { useEffect as useEffect52, useState as useState72 } from "react";
+import React315, { useEffect as useEffect53, useState as useState73 } from "react";
 var FileHandleLink = (props) => {
   const {
     fileHandleAssociation,
@@ -45652,8 +45708,8 @@ var FileHandleLink = (props) => {
     displayValue
   } = props;
   const { accessToken } = useSynapseContext();
-  const [batchFileResult, setBatchFileResult] = useState72();
-  useEffect52(() => {
+  const [batchFileResult, setBatchFileResult] = useState73();
+  useEffect53(() => {
     if (displayValue === void 0) {
       const getFiles2 = async () => {
         const batchFileRequest = {
@@ -45701,7 +45757,7 @@ var FileHandleLink = (props) => {
 };
 
 // src/components/widgets/ImageFileHandle.tsx
-import React316, { useEffect as useEffect53, useState as useState73 } from "react";
+import React316, { useEffect as useEffect54, useState as useState74 } from "react";
 import { useInView as useInView2 } from "react-intersection-observer";
 var ImageFileHandle = (props) => {
   const {
@@ -45712,12 +45768,12 @@ var ImageFileHandle = (props) => {
     }
   } = props;
   const { accessToken } = useSynapseContext();
-  const [url, setUrl] = useState73();
+  const [url, setUrl] = useState74();
   const { ref, inView } = useInView2({
     triggerOnce: true,
     rootMargin: "500px 0px"
   });
-  useEffect53(() => {
+  useEffect54(() => {
     const getData = () => {
       if (fileHandleId && associateObjectId && associateObjectType && inView) {
         synapse_client_default.getActualFileHandleByIdURL(
@@ -46790,7 +46846,7 @@ var AddToDownloadListV2 = (props) => {
 var AddToDownloadListV2_default = AddToDownloadListV2;
 
 // src/components/DirectDownload.tsx
-import React324, { useEffect as useEffect54, useState as useState74 } from "react";
+import React324, { useEffect as useEffect55, useState as useState75 } from "react";
 import { useInView as useInView3 } from "react-intersection-observer";
 import { UAParser } from "ua-parser-js";
 var DirectDownload = (props) => {
@@ -46805,13 +46861,13 @@ var DirectDownload = (props) => {
     stopPropagation = false
   } = props;
   const { ref, inView } = useInView3();
-  const [isExternalFile, setIsExternalFile] = useState74(false);
-  const [hasFileAccess, setHasFileAccess] = useState74(false);
-  const [fileEntity, setFileEntity] = useState74();
-  const [externalURL, setExternalURL] = useState74();
-  const [fileName, setFileName] = useState74("");
+  const [isExternalFile, setIsExternalFile] = useState75(false);
+  const [hasFileAccess, setHasFileAccess] = useState75(false);
+  const [fileEntity, setFileEntity] = useState75();
+  const [externalURL, setExternalURL] = useState75();
+  const [fileName, setFileName] = useState75("");
   let mounted = true;
-  useEffect54(() => {
+  useEffect55(() => {
     if (mounted && inView) {
       getFileEntityFileHandle();
     }
@@ -47177,7 +47233,7 @@ import React331 from "react";
 import dayjs7 from "dayjs";
 
 // src/components/EntityIdList.tsx
-import React328, { useEffect as useEffect55, useState as useState75 } from "react";
+import React328, { useEffect as useEffect56, useState as useState76 } from "react";
 import { useInView as useInView4 } from "react-intersection-observer";
 
 // src/components/EntityLink.tsx
@@ -47280,10 +47336,10 @@ var EntityLink = (props) => {
 var EntityIdList = (props) => {
   const { accessToken } = useSynapseContext();
   const { entityIdList } = props;
-  const [entityLinkArray, setEntityLinkArray] = useState75([/* @__PURE__ */ React328.createElement(React328.Fragment, null)]);
+  const [entityLinkArray, setEntityLinkArray] = useState76([/* @__PURE__ */ React328.createElement(React328.Fragment, null)]);
   const { ref, inView } = useInView4();
   let mounted = true;
-  useEffect55(() => {
+  useEffect56(() => {
     if (inView) {
       getEntityTypes();
     }
@@ -47310,15 +47366,15 @@ var EntityIdList = (props) => {
 var EntityIdList_default = EntityIdList;
 
 // src/components/EvaluationIdRenderer.tsx
-import React329, { useEffect as useEffect56, useState as useState76 } from "react";
+import React329, { useEffect as useEffect57, useState as useState77 } from "react";
 import { useInView as useInView5 } from "react-intersection-observer";
 var EvaluationIdRenderer = (props) => {
   const { accessToken } = useSynapseContext();
   const { evaluationId } = props;
-  const [evaluationName, setEvaluationName] = useState76();
+  const [evaluationName, setEvaluationName] = useState77();
   const { ref, inView } = useInView5();
   let mounted = true;
-  useEffect56(() => {
+  useEffect57(() => {
     if (mounted && inView) {
       getEvaluationQueue();
     }
@@ -47343,15 +47399,15 @@ var EvaluationIdRenderer = (props) => {
 var EvaluationIdRenderer_default = EvaluationIdRenderer;
 
 // src/components/UserIdList.tsx
-import React330, { useEffect as useEffect57, useState as useState77 } from "react";
+import React330, { useEffect as useEffect58, useState as useState78 } from "react";
 import { useInView as useInView6 } from "react-intersection-observer";
 var UserIdList = (props) => {
   const { accessToken } = useSynapseContext();
   const { userIds } = props;
-  const [profileCards, setProfileCards] = useState77();
+  const [profileCards, setProfileCards] = useState78();
   const { ref, inView } = useInView6();
   let mounted = true;
-  useEffect57(() => {
+  useEffect58(() => {
     if (mounted && inView) {
       getUserProfilesToRender();
     }
@@ -47686,11 +47742,11 @@ var EntityIDColumnCopyIcon = () => {
 var EntityIDColumnCopyIcon_default = EntityIDColumnCopyIcon;
 
 // src/components/SynapseTable/ExpandableTableDataCell.tsx
-import React335, { useRef as useRef38, useState as useState78 } from "react";
+import React335, { useRef as useRef38, useState as useState79 } from "react";
 import useResizeObserver from "@react-hook/resize-observer";
 function ExpandableTableDataCell(props) {
-  const [isExpanded, setIsExpanded] = useState78(false);
-  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] = useState78(false);
+  const [isExpanded, setIsExpanded] = useState79(false);
+  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] = useState79(false);
   const tdRef = useRef38(null);
   useResizeObserver(tdRef, ({ target }) => {
     if (!isExpanded) {
@@ -48763,14 +48819,14 @@ import React345 from "react";
 
 // src/components/widgets/SynapseVideo.tsx
 import React344 from "react";
-import { useEffect as useEffect58, useState as useState79 } from "react";
+import { useEffect as useEffect59, useState as useState80 } from "react";
 function SynapseVideo({ params }) {
   const { accessToken } = useSynapseContext();
-  const [externalVideoUrl, setExternalVideoUrl] = useState79();
-  const [synapseVideoPresignedUrl, setSynapseVideoPresignedUrl] = useState79();
+  const [externalVideoUrl, setExternalVideoUrl] = useState80();
+  const [synapseVideoPresignedUrl, setSynapseVideoPresignedUrl] = useState80();
   const videoWidth = params.width ?? "";
   const videoHeight = params.height ?? "";
-  useEffect58(() => {
+  useEffect59(() => {
     const getVideo = () => {
       if (params.videoId)
         setExternalVideoUrl(`https://www.youtube.com/embed/${params.videoId}`);
@@ -49383,7 +49439,7 @@ var MarkdownPopover = ({
   maxWidth = "500px",
   minWidth = "300px"
 }) => {
-  const [show, setShow] = useState80(false);
+  const [show, setShow] = useState81(false);
   const content2 = /* @__PURE__ */ React350.createElement(Box_default, { sx: { padding: "20px" } }, /* @__PURE__ */ React350.createElement(Typography_default, { variant: "body1", marginBottom: 2 }, /* @__PURE__ */ React350.createElement(MarkdownSynapse_default, { ...contentProps })), /* @__PURE__ */ React350.createElement(Box_default, { sx: buttonBoxSx }, actionButton && /* @__PURE__ */ React350.createElement(
     Button_default,
     {
@@ -49585,7 +49641,7 @@ var AccessTokenCard = ({
   onDelete
 }) => {
   const { accessToken: authToken } = useSynapseContext();
-  const [showModal, setShowModal] = useState81(false);
+  const [showModal, setShowModal] = useState82(false);
   const handleError = useErrorHandler2();
   const isExpired = accessToken.state === "EXPIRED";
   return /* @__PURE__ */ React355.createElement(
@@ -49817,7 +49873,7 @@ var AccessTokenPage = ({
   title,
   body
 }) => {
-  const [showCreateTokenModal, setShowCreateTokenModal] = useState82(false);
+  const [showCreateTokenModal, setShowCreateTokenModal] = useState83(false);
   const {
     data: infiniteData,
     isLoading,
@@ -49990,7 +50046,7 @@ function TwoFactorAuthSettingsPanel(props) {
 }
 
 // src/components/Authentication/TwoFactorBackupCodes.tsx
-import React367, { useEffect as useEffect60, useState as useState83 } from "react";
+import React367, { useEffect as useEffect61, useState as useState84 } from "react";
 import { useMutation as useMutation10 } from "react-query";
 
 // src/assets/icons/FrontHand.tsx
@@ -50101,11 +50157,11 @@ function RecoveryCodeGrid(props) {
 }
 
 // src/utils/hooks/useMediaPrintOnly.ts
-import { useEffect as useEffect59 } from "react";
+import { useEffect as useEffect60 } from "react";
 function useMediaPrintOnly() {
   const visibleOnPrintClassName = "printable";
   const hiddenOnPrintClassName = "noPrint";
-  useEffect59(() => {
+  useEffect60(() => {
     const temporaryPrintStyle = document.createElement("style");
     temporaryPrintStyle.innerHTML = `@media print {
     * {
@@ -50145,7 +50201,7 @@ function useMediaPrintOnly() {
 function TwoFactorBackupCodes(props) {
   const { showReplaceOldCodesWarning, onClose } = props;
   const theme = useTheme();
-  const [hasConfirmedRegeneration, setHasConfirmedRegeneration] = useState83(
+  const [hasConfirmedRegeneration, setHasConfirmedRegeneration] = useState84(
     !showReplaceOldCodesWarning
   );
   const { accessToken } = useSynapseContext();
@@ -50159,7 +50215,7 @@ function TwoFactorBackupCodes(props) {
       setHasConfirmedRegeneration(true);
     }
   });
-  useEffect60(() => {
+  useEffect61(() => {
     if (!showReplaceOldCodesWarning) {
       generateCodes();
     }
@@ -50302,17 +50358,17 @@ function TwoFactorBackupCodes(props) {
 }
 
 // src/components/CertificationQuiz/CertificationQuiz.tsx
-import React368, { useEffect as useEffect61, useState as useState84 } from "react";
+import React368, { useEffect as useEffect62, useState as useState85 } from "react";
 import { HelpOutlineTwoTone as HelpOutlineTwoTone3 } from "@mui/icons-material";
 import { useErrorHandler as useErrorHandler3 } from "react-error-boundary";
 var CertificationQuiz = () => {
   const { accessToken } = useSynapseContext();
   const handleError = useErrorHandler3();
-  const [quiz, setQuiz] = useState84();
-  const [questionResponse, setQuestionResponse] = useState84(
+  const [quiz, setQuiz] = useState85();
+  const [questionResponse, setQuestionResponse] = useState85(
     []
   );
-  const [passingRecord, setPassingRecord] = useState84();
+  const [passingRecord, setPassingRecord] = useState85();
   const formRef = React368.useRef(null);
   const GETTING_STARTED_URL = "https://help.synapse.org/docs/Getting-Started.2055471150.html";
   const getQuiz = async () => {
@@ -50322,7 +50378,7 @@ var CertificationQuiz = () => {
       handleError(err);
     }
   };
-  useEffect61(() => {
+  useEffect62(() => {
     getQuiz();
   }, [accessToken]);
   const onUpdateAnswer = (questionIndex, answer) => {
@@ -50469,15 +50525,15 @@ var CertificationQuiz = () => {
 var CertificationQuiz_default = CertificationQuiz;
 
 // src/components/ChallengeDetailPage/ChallengeDetailPage.tsx
-import React382, { useState as useState92 } from "react";
+import React382, { useState as useState93 } from "react";
 
 // src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx
-import React371, { useEffect as useEffect63, useState as useState86 } from "react";
+import React371, { useEffect as useEffect64, useState as useState87 } from "react";
 import ExitToAppIcon from "@mui/icons-material/ExitToApp";
 import { Box as Box2 } from "@mui/system";
 
 // src/components/widgets/SpinnerButton.tsx
-import React370, { useEffect as useEffect62, useRef as useRef39, useState as useState85 } from "react";
+import React370, { useEffect as useEffect63, useRef as useRef39, useState as useState86 } from "react";
 
 // src/components/widgets/LoginAwareButton.tsx
 import * as React369 from "react";
@@ -50508,9 +50564,9 @@ var SpinnerButton = ({
   showSpinner = false,
   ...props
 }) => {
-  const [width, setWidth] = useState85(0);
+  const [width, setWidth] = useState86(0);
   const elementRef = useRef39(null);
-  useEffect62(() => {
+  useEffect63(() => {
     if (elementRef) {
       const n = elementRef.current?.offsetWidth ?? 0;
       setWidth(n);
@@ -50554,13 +50610,13 @@ var ChallengeRegisterButton = ({
   onLeaveClick
 }) => {
   const { accessToken } = useSynapseContext();
-  const [challenge, setChallenge] = useState86();
+  const [challenge, setChallenge] = useState87();
   const { data: userProfile } = useGetCurrentUserProfile();
-  const [isRegistered, setIsRegistered] = useState86(false);
-  const [hasSubmissionTeam, setHasSubmissionTeam] = useState86(false);
-  const [loading, setLoading] = useState86(true);
-  const [requestError, setRequestError] = useState86();
-  useEffect63(() => {
+  const [isRegistered, setIsRegistered] = useState87(false);
+  const [hasSubmissionTeam, setHasSubmissionTeam] = useState87(false);
+  const [loading, setLoading] = useState87(true);
+  const [requestError, setRequestError] = useState87();
+  useEffect64(() => {
     if (requestError && onChallengeError)
       onChallengeError(requestError);
   }, [requestError, onChallengeError]);
@@ -50659,7 +50715,7 @@ var ChallengeRegisterButton_default = ChallengeRegisterButton;
 var ChallengeRegisterButton_default2 = ChallengeRegisterButton_default;
 
 // src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx
-import React381, { useEffect as useEffect66, useState as useState91 } from "react";
+import React381, { useEffect as useEffect67, useState as useState92 } from "react";
 
 // src/components/StepperDialog/StepperDialog.tsx
 import React372 from "react";
@@ -50725,7 +50781,7 @@ var StepperDialog = ({
 var StepperDialog_default = StepperDialog;
 
 // src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx
-import React373, { useState as useState87 } from "react";
+import React373, { useState as useState88 } from "react";
 
 // src/components/TextField/index.ts
 var TextField_default2 = TextField3;
@@ -50735,7 +50791,7 @@ var CreateChallengeTeam = ({
   onChangeTeamInfo,
   onError
 }) => {
-  const [team, setTeam] = useState87({
+  const [team, setTeam] = useState88({
     name: "",
     description: "",
     message: "",
@@ -50807,7 +50863,7 @@ import React378 from "react";
 import ControlPointIcon from "@mui/icons-material/ControlPoint";
 
 // src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx
-import React377, { useEffect as useEffect65, useState as useState89 } from "react";
+import React377, { useEffect as useEffect66, useState as useState90 } from "react";
 import { DataGrid } from "@mui/x-data-grid";
 import dayjs10 from "dayjs";
 
@@ -50863,15 +50919,15 @@ var SkeletonButton = ({
 };
 
 // src/components/Skeleton/SkeletonParagraph.tsx
-import React376, { useEffect as useEffect64, useState as useState88 } from "react";
+import React376, { useEffect as useEffect65, useState as useState89 } from "react";
 import { times as times2 } from "lodash-es";
 var SkeletonParagraph = ({
   numRows = 5,
   rowHeight,
   className
 }) => {
-  const [skeletons, setSkeletons] = useState88([]);
-  useEffect64(() => {
+  const [skeletons, setSkeletons] = useState89([]);
+  useEffect65(() => {
     const elements = [];
     times2(numRows, (i) => {
       elements.push(
@@ -50914,11 +50970,11 @@ function ChallengeTeamTable({
   challengeId,
   onSelectTeam
 }) {
-  const [allRows, setAllRows] = useState89([]);
-  const [teamIdList, setTeamIdList] = useState89([]);
-  const [teamsById, setTeamsById] = useState89({});
+  const [allRows, setAllRows] = useState90([]);
+  const [teamIdList, setTeamIdList] = useState90([]);
+  const [teamsById, setTeamsById] = useState90({});
   const { data: regTeams } = useGetChallengeTeamList(challengeId);
-  const [selectedTeam, setSelectedTeam] = useState89();
+  const [selectedTeam, setSelectedTeam] = useState90();
   const { data: teamsList, isLoading } = useGetTeamList(teamIdList, {
     enabled: !!teamIdList.length
   });
@@ -50934,11 +50990,11 @@ function ChallengeTeamTable({
       description: team.description
     };
   };
-  useEffect65(() => {
+  useEffect66(() => {
     const ids = regTeams?.map((team) => team.teamId) ?? [];
     setTeamIdList(ids);
   }, [regTeams]);
-  useEffect65(() => {
+  useEffect66(() => {
     const teams = teamsList?.list.filter((team) => team.canRequestMembership !== false) ?? [];
     const row = [];
     const teamRecords = {};
@@ -51090,12 +51146,12 @@ var RegistrationSuccessful = ({
 };
 
 // src/components/ChallengeTeamWizard/JoinRequestForm.tsx
-import React380, { useState as useState90 } from "react";
+import React380, { useState as useState91 } from "react";
 var JoinRequestForm = ({
   team,
   joinMessageChange
 }) => {
-  const [message, setMessage] = useState90("");
+  const [message, setMessage] = useState91("");
   if (!team)
     return null;
   const handleMessageChange = (event) => {
@@ -51156,24 +51212,24 @@ var steps = {
 var EMPTY_ID2 = "";
 var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
   const { accessToken, keyFactory } = useSynapseContext();
-  const [loading, setLoading] = useState91(true);
-  const [step, setStep] = useState91(steps.SELECT_YOUR_CHALLENGE_TEAM);
-  const [errorMessage, setErrorMessage] = useState91();
-  const [selectedTeam, setSelectedTeam] = useState91();
-  const [createdNewTeam, setCreatedNewTeam] = useState91(false);
-  const [confirming, setConfirming] = useState91(false);
-  const [hasSubmissionTeam, setHasSubmissionTeam] = useState91(false);
+  const [loading, setLoading] = useState92(true);
+  const [step, setStep] = useState92(steps.SELECT_YOUR_CHALLENGE_TEAM);
+  const [errorMessage, setErrorMessage] = useState92();
+  const [selectedTeam, setSelectedTeam] = useState92();
+  const [createdNewTeam, setCreatedNewTeam] = useState92(false);
+  const [confirming, setConfirming] = useState92(false);
+  const [hasSubmissionTeam, setHasSubmissionTeam] = useState92(false);
   const queryClient = useQueryClient9();
-  const [membershipStatus, setMembershipStatus] = useState91({});
-  const [inviteMembersSuccess, setInviteMembersSuccess] = useState91(false);
-  const [registerChallengeSuccess, setRegisterChallengeSuccess] = useState91(false);
-  const [newTeam, setNewTeam] = useState91({
+  const [membershipStatus, setMembershipStatus] = useState92({});
+  const [inviteMembersSuccess, setInviteMembersSuccess] = useState92(false);
+  const [registerChallengeSuccess, setRegisterChallengeSuccess] = useState92(false);
+  const [newTeam, setNewTeam] = useState92({
     name: "",
     description: "",
     message: "",
     invitees: ""
   });
-  const [joinMessage, setJoinMessage] = useState91("");
+  const [joinMessage, setJoinMessage] = useState92("");
   const { data: userProfile } = useGetCurrentUserProfile();
   const { data: challenge } = useGetEntityChallenge(projectId);
   const participantTeamId = challenge ? challenge.participantTeamId : EMPTY_ID2;
@@ -51182,7 +51238,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
     participantTeamId,
     userId
   );
-  useEffect66(() => {
+  useEffect67(() => {
     if (challengeTeamMembershipStatus && !challengeTeamMembershipStatus?.isMember && accessToken) {
       addTeamMemberAsAuthenticatedUserOrAdmin(
         participantTeamId,
@@ -51208,7 +51264,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
     keyFactory
   ]);
   const { data: userSubmissionTeams, error: userSubmissionTeamError } = useGetUserSubmissionTeamsInfinite(challenge?.id ?? EMPTY_ID2, 1);
-  useEffect66(() => {
+  useEffect67(() => {
     if (userSubmissionTeams) {
       const isReg = userSubmissionTeams.results.length > 0;
       if (isReg) {
@@ -51274,20 +51330,20 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
       canJoin: false
     };
   };
-  useEffect66(() => {
+  useEffect67(() => {
     const isLoggedOut = !!userProfile && userProfile.ownerId === ANONYMOUS_PRINCIPAL_ID.toString();
     if (isLoggedOut) {
       setLoading(false);
       setErrorMessage("Please login to continue.");
     }
   }, [accessToken, userProfile, projectId, challenge]);
-  useEffect66(() => {
+  useEffect67(() => {
     if (inviteMembersSuccess && registerChallengeSuccess) {
       setConfirming(false);
       handleStepChange(step.confirmStep);
     }
   }, [registerChallengeSuccess, inviteMembersSuccess, step]);
-  useEffect66(() => {
+  useEffect67(() => {
     if (selectedTeam && selectedTeam.id in membershipStatus && step.id === "SELECT_YOUR_CHALLENGE_TEAM" /* SELECT_YOUR_CHALLENGE_TEAM */) {
       const { canJoin, errorMessage: errorMessage2 } = canUserJoinTeam();
       if (canJoin) {
@@ -51519,10 +51575,10 @@ var ConfirmationDialog_default = ConfirmationDialog;
 // src/components/ChallengeDetailPage/ChallengeDetailPage.tsx
 function ChallengeDetailPage({ projectId }) {
   const { accessToken } = useSynapseContext();
-  const [showWizard, setShowWizard] = useState92(false);
-  const [showRequirements, setShowRequirements] = useState92(false);
-  const [challenge, setChallenge] = useState92();
-  const [showLeaveConfirm, setShowLeaveConfirm] = useState92(false);
+  const [showWizard, setShowWizard] = useState93(false);
+  const [showRequirements, setShowRequirements] = useState93(false);
+  const [challenge, setChallenge] = useState93();
+  const [showLeaveConfirm, setShowLeaveConfirm] = useState93(false);
   const { data: userProfile } = synapse_queries_exports.useGetCurrentUserProfile();
   const { data: project } = useGetEntity(projectId);
   const toggleShowWizard = (b) => {
@@ -51615,7 +51671,7 @@ import { Map as Map2 } from "immutable";
 
 // src/components/EntityFinder/EntityFinder.tsx
 import pluralize3 from "pluralize";
-import React421, { useCallback as useCallback26, useEffect as useEffect77, useMemo as useMemo35, useRef as useRef43, useState as useState105 } from "react";
+import React421, { useCallback as useCallback26, useEffect as useEffect78, useMemo as useMemo35, useRef as useRef43, useState as useState106 } from "react";
 import ArrowBackOutlinedIcon from "@mui/icons-material/ArrowBackOutlined";
 import ClearIcon from "@mui/icons-material/Clear";
 import SearchIcon2 from "@mui/icons-material/Search";
@@ -51651,23 +51707,23 @@ var Breadcrumbs = ({
 };
 
 // src/components/EntityFinder/details/EntityDetailsList.tsx
-import React417, { useState as useState101 } from "react";
+import React417, { useState as useState102 } from "react";
 import useDeepCompareEffect5 from "use-deep-compare-effect";
 
 // src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx
-import React413, { useState as useState100 } from "react";
+import React413, { useState as useState101 } from "react";
 
 // src/components/EntityFinder/details/view/DetailsView.tsx
 import BaseTable, {
   AutoResizer,
   Column
 } from "@sage-bionetworks/react-base-table";
-import React412, { useCallback as useCallback23, useEffect as useEffect73, useMemo as useMemo33, useState as useState99 } from "react";
+import React412, { useCallback as useCallback23, useEffect as useEffect74, useMemo as useMemo33, useState as useState100 } from "react";
 import { useQueryClient as useQueryClient10 } from "react-query";
 
 // src/components/EntityFinder/details/view/DetailsViewTableRenderers.tsx
 import dayjs14 from "dayjs";
-import React410, { useEffect as useEffect72 } from "react";
+import React410, { useEffect as useEffect73 } from "react";
 import { Form as Form5 } from "react-bootstrap";
 
 // src/assets/icons/Sort.tsx
@@ -51712,16 +51768,16 @@ import {
   PublicTwoTone as PublicTwoTone2
 } from "@mui/icons-material";
 import { isEmpty as isEmpty8 } from "lodash-es";
-import React409, { useEffect as useEffect71, useState as useState98 } from "react";
+import React409, { useEffect as useEffect72, useState as useState99 } from "react";
 import { useInView as useInView7 } from "react-intersection-observer";
 
 // src/components/entity/metadata/EntityModal.tsx
-import React408, { useRef as useRef42, useState as useState97 } from "react";
+import React408, { useRef as useRef42, useState as useState98 } from "react";
 
 // src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx
 import Form4 from "@rjsf/mui";
 import isEmpty6 from "lodash-es/isEmpty";
-import React405, { useCallback as useCallback22, useEffect as useEffect70, useMemo as useMemo32, useRef as useRef41 } from "react";
+import React405, { useCallback as useCallback22, useEffect as useEffect71, useMemo as useMemo32, useRef as useRef41 } from "react";
 
 // src/assets/icons/AddToList.tsx
 import React385 from "react";
@@ -51743,7 +51799,7 @@ var AddToList_default = AddToList;
 
 // src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx
 import { isEqual as isEqual3 } from "lodash-es";
-import React387, { useEffect as useEffect67, useState as useState93 } from "react";
+import React387, { useEffect as useEffect68, useState as useState94 } from "react";
 
 // src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts
 import { flatMap, groupBy, isEmpty as isEmpty5 } from "lodash-es";
@@ -51917,11 +51973,11 @@ function AdditionalPropertiesSchemaField(props) {
   const id = idSchema.$id;
   const { ArrayField } = registry.fields;
   const { SelectWidget: SelectWidget2 } = registry.widgets;
-  const [propertyType, setPropertyType] = useState93(
+  const [propertyType, setPropertyType] = useState94(
     guessPropertyType(convertToArray(formData))
   );
-  const [nextPropertyType, setNextPropertyType] = useState93(propertyType);
-  useEffect67(() => {
+  const [nextPropertyType, setNextPropertyType] = useState94(propertyType);
+  useEffect68(() => {
     function onNextPropertyTypeUpdate() {
       if (Array.isArray(formData)) {
         const dataIsEmpty = formData.length === 0 || formData.every((item) => item == null || item == "");
@@ -51938,7 +51994,7 @@ function AdditionalPropertiesSchemaField(props) {
     }
     onNextPropertyTypeUpdate();
   }, [nextPropertyType]);
-  useEffect67(() => {
+  useEffect68(() => {
     function coerceDataAndUpdateWidget() {
       if (Array.isArray(formData)) {
         if (formData.every((item) => item == null)) {
@@ -52051,7 +52107,7 @@ import dayjs12 from "dayjs";
 import React390 from "react";
 
 // src/components/Evaluation/CalendarWithIconFormGroup.tsx
-import React389, { useState as useState94 } from "react";
+import React389, { useState as useState95 } from "react";
 import dayjs11 from "dayjs";
 import { Form as Form3, InputGroup } from "react-bootstrap";
 import "react-datetime/css/react-datetime.css";
@@ -52066,7 +52122,7 @@ dayjs11.extend(utc2);
 dayjs11.extend(timezone);
 dayjs11.extend(advancedFormat);
 var CalendarWithIconFormGroup = ({ value, setterCallback, label, disabled = false }) => {
-  const [id] = useState94(uniqueId2("calendar-with-icon-form-group-"));
+  const [id] = useState95(uniqueId2("calendar-with-icon-form-group-"));
   return /* @__PURE__ */ React389.createElement(Form3.Group, { className: "calendar-with-icon-form-group" }, /* @__PURE__ */ React389.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs }, label && /* @__PURE__ */ React389.createElement("label", { htmlFor: id }, label), /* @__PURE__ */ React389.createElement(InputGroup, null, /* @__PURE__ */ React389.createElement(
     DateTimePicker,
     {
@@ -52244,18 +52300,18 @@ var TextWidget_default = TextWidget;
 import validator2 from "@rjsf/validator-ajv8";
 
 // src/components/SchemaDrivenAnnotationEditor/field/CustomObjectField.tsx
-import React393, { useEffect as useEffect68 } from "react";
+import React393, { useEffect as useEffect69 } from "react";
 import { getDefaultRegistry } from "@rjsf/core";
 import {
   ADDITIONAL_PROPERTY_FLAG as ADDITIONAL_PROPERTY_FLAG2,
-  deepEquals,
+  deepEquals as deepEquals2,
   PROPERTIES_KEY
 } from "@rjsf/utils";
 function CustomObjectField(props) {
   const {
     fields: { ObjectField }
   } = getDefaultRegistry();
-  useEffect68(() => {
+  useEffect69(() => {
     const { schema, formData, onChange } = props;
     const newFormData = { ...formData };
     if (schema[PROPERTIES_KEY]) {
@@ -52273,7 +52329,7 @@ function CustomObjectField(props) {
           }
         }
       );
-      if (!deepEquals(formData, newFormData)) {
+      if (!deepEquals2(formData, newFormData)) {
         onChange(newFormData);
       }
     }
@@ -52379,7 +52435,7 @@ import {
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions2
 } from "@rjsf/utils";
-import React395, { useEffect as useEffect69, useState as useState95 } from "react";
+import React395, { useEffect as useEffect70, useState as useState96 } from "react";
 import { HelpOutline } from "@mui/icons-material";
 function ArrayFieldTemplate(props) {
   const { idSchema, uiSchema, items, registry, schema } = props;
@@ -52393,8 +52449,8 @@ function ArrayFieldTemplate(props) {
   );
   const isAdditionalProperty = !!props.schema[ADDITIONAL_PROPERTY_FLAG3];
   const additionalPropertyContext = useAdditionalPropertyContext();
-  const [showDetails, setShowDetails] = useState95(false);
-  useEffect69(() => {
+  const [showDetails, setShowDetails] = useState96(false);
+  useEffect70(() => {
     if (props.items.length === 0) {
       props.onAddClick();
     }
@@ -52497,7 +52553,7 @@ function WrapIfAdditionalTemplate(props) {
 }
 
 // src/components/SchemaDrivenAnnotationEditor/template/FieldTemplate.tsx
-import React397, { useState as useState96 } from "react";
+import React397, { useState as useState97 } from "react";
 import {
   getTemplate as getTemplate3,
   getUiOptions as getUiOptions3
@@ -52520,7 +52576,7 @@ function FieldTemplate(props) {
   } = props;
   const uiOptions = getUiOptions3(uiSchema);
   const WrapIfAdditionalTemplate2 = getTemplate3("WrapIfAdditionalTemplate", registry, uiOptions);
-  const [showDetails, setShowDetails] = useState96(false);
+  const [showDetails, setShowDetails] = useState97(false);
   if (hidden) {
     return /* @__PURE__ */ React397.createElement("div", { className: "hidden" }, children);
   }
@@ -52840,7 +52896,7 @@ function SchemaDrivenAnnotationEditor(props) {
     getTransformErrors(entityJson?.concreteType),
     [entityJson?.concreteType]
   );
-  useEffect70(() => {
+  useEffect71(() => {
     if (annotations) {
       setFormData(annotations);
     }
@@ -53128,9 +53184,9 @@ function EntityModal(props) {
     showTabs = true
   } = props;
   const annotationEditorFormRef = useRef42(null);
-  const [currentTab, setCurrentTab] = useState97(initialTab);
-  const [isInEditMode, setIsInEditMode] = useState97(false);
-  const [hasClickedCancel, setHasClickedCancel] = useState97(false);
+  const [currentTab, setCurrentTab] = useState98(initialTab);
+  const [isInEditMode, setIsInEditMode] = useState98(false);
+  const [hasClickedCancel, setHasClickedCancel] = useState98(false);
   const { data: entityBundle } = useEntityBundle_default(entityId, versionNumber);
   const canEdit = entityBundle && entityBundle.permissions.canEdit;
   const isVersionable = entityBundle && isVersionableEntityType(entityBundle.entityType);
@@ -53279,9 +53335,9 @@ var EntityBadgeIcons = (props) => {
       // 60 seconds
     }
   );
-  const [showModal, setShowModal] = useState98(false);
-  const [showUnlinkConfirmModal, setShowUnlinkConfirmModal] = useState98(false);
-  const [schemaConformance, setSchemaConformance] = useState98(
+  const [showModal, setShowModal] = useState99(false);
+  const [showUnlinkConfirmModal, setShowUnlinkConfirmModal] = useState99(false);
+  const [schemaConformance, setSchemaConformance] = useState99(
     "" /* NO_SCHEMA */
   );
   const { isInExperimentalMode } = useSynapseContext();
@@ -53297,7 +53353,7 @@ var EntityBadgeIcons = (props) => {
   });
   const maxAnnosToShow = 10;
   const annotationsCount = bundle?.annotations && !isEmpty8(bundle.annotations.annotations) ? Object.keys(bundle.annotations.annotations).length : 0;
-  useEffect71(() => {
+  useEffect72(() => {
     if (isInExperimentalMode && schemaValidationResults) {
       if (schemaValidationResults.isValid) {
         setSchemaConformance("Valid" /* VALID */);
@@ -53607,7 +53663,7 @@ var DetailsViewVersionRenderer = ({
     // 60 seconds
   });
   const versions = versionData?.pages.flatMap((page) => page.results) ?? [];
-  useEffect72(() => {
+  useEffect73(() => {
     if (isSelected && versionSelection == "REQUIRED" /* REQUIRED */ && currentSelectedVersion === NO_VERSION_NUMBER && versions.length > 0) {
       toggleSelection({
         targetId: id,
@@ -53711,8 +53767,8 @@ var DetailsView = ({
   const queryClient = useQueryClient10();
   const { accessToken } = useSynapseContext();
   const showSelectColumn = selectColumnType !== "none";
-  const [shouldSelectAll, setShouldSelectAll] = useState99(false);
-  const [showLoadingScreen, setShowLoadingScreen] = useState99(false);
+  const [shouldSelectAll, setShouldSelectAll] = useState100(false);
+  const [showLoadingScreen, setShowLoadingScreen] = useState100(false);
   const cancelQuery = () => {
     queryClient.cancelQueries([
       "entitychildren",
@@ -53732,7 +53788,7 @@ var DetailsView = ({
       return "default";
     }
   };
-  useEffect73(() => {
+  useEffect74(() => {
     async function handleSelectAll() {
       if (shouldSelectAll) {
         if (hasNextPage && fetchNextPage) {
@@ -54081,8 +54137,8 @@ var DetailsView = ({
 
 // src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx
 var EntityChildrenDetails = ({ parentContainerId, ...sharedProps }) => {
-  const [sortBy3, setSortBy] = useState100("NAME" /* NAME */);
-  const [sortDirection, setSortDirection] = useState100("ASC" /* ASC */);
+  const [sortBy3, setSortBy] = useState101("NAME" /* NAME */);
+  const [sortDirection, setSortDirection] = useState101("ASC" /* ASC */);
   const getChildrenInfiniteRequestObject = {
     parentId: parentContainerId,
     includeTotalChildCount: true,
@@ -54253,7 +54309,7 @@ var SearchDetails = ({
 
 // src/components/EntityFinder/details/EntityDetailsList.tsx
 var EntityDetailsList = ({ configuration, ...sharedProps }) => {
-  const [component, setComponent] = useState101(/* @__PURE__ */ React417.createElement(React417.Fragment, null));
+  const [component, setComponent] = useState102(/* @__PURE__ */ React417.createElement(React417.Fragment, null));
   useDeepCompareEffect5(() => {
     const getComponentFromConfiguration = (config) => {
       switch (config.type) {
@@ -54320,7 +54376,7 @@ var EntityDetailsList = ({ configuration, ...sharedProps }) => {
 
 // src/components/EntityFinder/SelectionPane.tsx
 import { Clear as Clear2 } from "@mui/icons-material";
-import React418, { useEffect as useEffect74, useState as useState102 } from "react";
+import React418, { useEffect as useEffect75, useState as useState103 } from "react";
 var SelectionPane = ({
   title,
   selectedEntities,
@@ -54354,10 +54410,10 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
     entity.targetId,
     entity.targetVersionNumber
   );
-  const [entityName, setEntityName] = useState102("");
-  const [fullPath, setFullPath] = useState102("");
-  const [displayedPath, setDisplayedPath] = useState102("");
-  useEffect74(() => {
+  const [entityName, setEntityName] = useState103("");
+  const [fullPath, setFullPath] = useState103("");
+  const [displayedPath, setDisplayedPath] = useState103("");
+  useEffect75(() => {
     if (bundle?.path?.path) {
       const header = bundle.path.path[bundle.path.path.length - 1];
       setEntityName(header.name ?? header.id);
@@ -54396,16 +54452,16 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
 // src/components/EntityFinder/tree/EntityTree.tsx
 import React420, {
   useCallback as useCallback25,
-  useEffect as useEffect76,
+  useEffect as useEffect77,
   useMemo as useMemo34,
-  useState as useState104
+  useState as useState105
 } from "react";
 import { Dropdown as Dropdown6 } from "react-bootstrap";
 
 // src/components/EntityFinder/tree/VirtualizedTree.tsx
 import { cloneDeep as cloneDeep5 } from "lodash-es";
 import dayjs15 from "dayjs";
-import React419, { useCallback as useCallback24, useEffect as useEffect75, useState as useState103 } from "react";
+import React419, { useCallback as useCallback24, useEffect as useEffect76, useState as useState104 } from "react";
 import { useInView as useInView8 } from "react-intersection-observer";
 import AutoSizer from "react-virtualized-auto-sizer";
 import {
@@ -54505,13 +54561,13 @@ function Node4(props) {
     style,
     setOpen
   } = props;
-  const [isLoading, setLoading] = useState103(false);
+  const [isLoading, setLoading] = useState104(false);
   const nodeText = isEntityHeaderNode(node) ? /* @__PURE__ */ React419.createElement("span", null, node.name) : isRootNodeConfiguration(node) ? /* @__PURE__ */ React419.createElement("span", null, node.nodeText) : (
     // Pagination node
     /* @__PURE__ */ React419.createElement(Skeleton_default, { width: 100 })
   );
   const { ref, inView } = useInView8();
-  useEffect75(() => {
+  useEffect76(() => {
     if (isPaginationNode(node) && inView) {
       getNextPageOfChildren();
     }
@@ -54526,7 +54582,7 @@ function Node4(props) {
       await setOpen(!isOpen);
     }
   }, [getNextPageOfChildren, node, isOpen, setOpen]);
-  useEffect75(() => {
+  useEffect76(() => {
     if (treeNodeType === 1 /* DUAL_PANE */ && isSelected && !isOpen) {
       toggleExpand();
     }
@@ -54666,10 +54722,10 @@ var VirtualizedTree = (props) => {
     autoExpand
   } = props;
   const { accessToken } = useSynapseContext();
-  const [rootNode, setRootNode] = useState103(
+  const [rootNode, setRootNode] = useState104(
     rootNodeConfiguration
   );
-  useEffect75(() => {
+  useEffect76(() => {
     setRootNode(rootNodeConfiguration);
   }, [rootNodeConfiguration, rootNodeConfiguration.children]);
   const itemSize = useCallback24(
@@ -54794,8 +54850,8 @@ function EntityTree(props) {
   const DEFAULT_CONFIGURATION = {
     type: 5 /* PROMPT */
   };
-  const [scope, setScope] = useState104(initialScope);
-  useEffect76(() => {
+  const [scope, setScope] = useState105(initialScope);
+  useEffect77(() => {
     if (setDetailsViewConfiguration) {
       setDetailsViewConfiguration(DEFAULT_CONFIGURATION);
     }
@@ -54901,7 +54957,7 @@ function EntityTree(props) {
     projectHeader,
     scope
   ]);
-  useEffect76(() => {
+  useEffect77(() => {
     if (setDetailsViewConfiguration || setBreadcrumbItems) {
       let detailsViewConfig;
       let breadcrumbItems = [];
@@ -55090,14 +55146,14 @@ var EntityFinder = ({
   treeOnly = false
 }) => {
   const { accessToken } = useSynapseContext();
-  const [searchActive, setSearchActive] = useState105(false);
-  const [searchInput, setSearchInput] = useState105();
-  const [searchTerms, setSearchTerms] = useState105();
-  const [breadcrumbsProps, setBreadcrumbsProps] = useState105({
+  const [searchActive, setSearchActive] = useState106(false);
+  const [searchInput, setSearchInput] = useState106();
+  const [searchTerms, setSearchTerms] = useState106();
+  const [breadcrumbsProps, setBreadcrumbsProps] = useState106({
     items: []
   });
-  const [searchByIdResults, setSearchByIdResults] = useState105([]);
-  const [configFromTreeView, setConfigFromTreeView] = useState105({
+  const [searchByIdResults, setSearchByIdResults] = useState106([]);
+  const [configFromTreeView, setConfigFromTreeView] = useState106({
     type: 5 /* PROMPT */
   });
   const searchInputRef = useRef43(null);
@@ -55109,7 +55165,7 @@ var EntityFinder = ({
     () => [...visibleTypesInList, ...selectableTypes],
     [visibleTypesInList, selectableTypes]
   );
-  const [currentContainer, setCurrentContainer] = useState105(initialContainer);
+  const [currentContainer, setCurrentContainer] = useState106(initialContainer);
   const handleError = useErrorHandler4();
   const setBreadcrumbs = useCallback26(
     (items) => {
@@ -55133,7 +55189,7 @@ var EntityFinder = ({
     },
     [selectableTypes]
   );
-  useEffect77(() => {
+  useEffect78(() => {
     onSelectedChange(
       selectedEntities.toArray().map(([id, version]) => {
         return {
@@ -55143,7 +55199,7 @@ var EntityFinder = ({
       })
     );
   }, [selectedEntities, onSelectedChange]);
-  useEffect77(() => {
+  useEffect78(() => {
     if (searchTerms?.length === 1) {
       const searchTermReference = parseSynId(searchTerms[0]);
       if (searchTermReference) {
@@ -55390,14 +55446,14 @@ function useEntitySelection(selectMultiple) {
 }
 
 // src/components/ChallengeDataDownload/ChallengeEntityChildrenDetails.tsx
-import React424, { useState as useState107 } from "react";
+import React424, { useState as useState108 } from "react";
 
 // src/components/ChallengeDataDownload/ChallengeDataTable.tsx
 import BaseTable2, {
   AutoResizer as AutoResizer2,
   Column as Column2
 } from "@sage-bionetworks/react-base-table";
-import React423, { useCallback as useCallback28, useEffect as useEffect78, useMemo as useMemo36, useState as useState106 } from "react";
+import React423, { useCallback as useCallback28, useEffect as useEffect79, useMemo as useMemo36, useState as useState107 } from "react";
 import { useQueryClient as useQueryClient11 } from "react-query";
 
 // src/components/ChallengeDataDownload/Renderers.tsx
@@ -55453,8 +55509,8 @@ var ChallengeDataTable = ({
   const queryClient = useQueryClient11();
   const { accessToken } = useSynapseContext();
   const showSelectColumn = selectColumnType !== "none";
-  const [shouldSelectAll, setShouldSelectAll] = useState106(false);
-  const [showLoadingScreen, setShowLoadingScreen] = useState106(false);
+  const [shouldSelectAll, setShouldSelectAll] = useState107(false);
+  const [showLoadingScreen, setShowLoadingScreen] = useState107(false);
   const cancelQuery = () => {
     queryClient.cancelQueries([
       "entitychildren",
@@ -55474,7 +55530,7 @@ var ChallengeDataTable = ({
       return "default";
     }
   };
-  useEffect78(() => {
+  useEffect79(() => {
     async function handleSelectAll() {
       if (shouldSelectAll) {
         if (hasNextPage && fetchNextPage) {
@@ -55795,8 +55851,8 @@ var ChallengeDataTable = ({
 
 // src/components/ChallengeDataDownload/ChallengeEntityChildrenDetails.tsx
 var ChallengeEntityChildrenDetails = ({ parentContainerId, ...sharedProps }) => {
-  const [sortBy3, setSortBy] = useState107("NAME" /* NAME */);
-  const [sortDirection, setSortDirection] = useState107("ASC" /* ASC */);
+  const [sortBy3, setSortBy] = useState108("NAME" /* NAME */);
+  const [sortDirection, setSortDirection] = useState108("ASC" /* ASC */);
   const getChildrenInfiniteRequestObject = {
     parentId: parentContainerId,
     includeTotalChildCount: true,
@@ -55913,26 +55969,26 @@ function ChallengeDataDownload({
 
 // src/components/DownloadCart/DownloadCartPage.tsx
 import React433 from "react";
-import { useEffect as useEffect81, useState as useState111 } from "react";
+import { useEffect as useEffect82, useState as useState112 } from "react";
 
 // src/components/DownloadCart/AvailableForDownloadTable.tsx
 import React428 from "react";
 import { QueryClient as QueryClient2, QueryClientProvider as QueryClientProvider2 } from "react-query";
 
 // src/components/DownloadCart/DownloadListTable.tsx
-import React427, { useState as useState109, useEffect as useEffect79 } from "react";
+import React427, { useState as useState110, useEffect as useEffect80 } from "react";
 import { useErrorHandler as useErrorHandler5 } from "react-error-boundary";
 import { Dropdown as Dropdown7, Table as Table2 } from "react-bootstrap";
 import { useInView as useInView9 } from "react-intersection-observer";
 import dayjs16 from "dayjs";
 
 // src/components/DownloadCart/DirectProgrammaticDownload.tsx
-import React426, { useState as useState108 } from "react";
+import React426, { useState as useState109 } from "react";
 function DirectProgrammaticDownload({
   entityId,
   version
 }) {
-  const [isShowingModal, setIsShowingModal] = useState108(false);
+  const [isShowingModal, setIsShowingModal] = useState109(false);
   const rCode = `library(synapser)
 synLogin('username','password')
 
@@ -55987,9 +56043,9 @@ function DownloadListTable(props) {
   const { accessToken } = useSynapseContext();
   const handleError = useErrorHandler5();
   const { ref, inView } = useInView9();
-  const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] = useState109(false);
-  const [sort, setSort] = useState109(void 0);
-  const [filter2, setFilter] = useState109(void 0);
+  const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] = useState110(false);
+  const [sort, setSort] = useState110(void 0);
+  const [filter2, setFilter] = useState110(void 0);
   const {
     data,
     status,
@@ -56001,18 +56057,18 @@ function DownloadListTable(props) {
     error: newError,
     refetch
   } = useGetAvailableFilesToDownloadInfinite(sort, filter2);
-  useEffect79(() => {
+  useEffect80(() => {
     if (refetch) {
       refetch();
     }
   }, [filesStatistics, refetch]);
-  useEffect79(() => {
+  useEffect80(() => {
     if (isError && newError) {
       handleError(newError);
     }
   }, [isError, newError, handleError]);
   const allRows = data?.pages.flatMap((page) => page.page) ?? [];
-  useEffect79(() => {
+  useEffect80(() => {
     const copyAllSynapseIDs = () => {
       const synIDs = allRows.map((item) => {
         return `${item.fileEntityId}.${item.versionNumber}`;
@@ -56259,7 +56315,7 @@ function DownloadListStats(props) {
 }
 
 // src/components/DownloadCart/DownloadListActionsRequired.tsx
-import React431, { useEffect as useEffect80 } from "react";
+import React431, { useEffect as useEffect81 } from "react";
 import { useInView as useInView10 } from "react-intersection-observer";
 var DownloadListActionsRequired = (props) => {
   const { ref, inView } = useInView10();
@@ -56273,7 +56329,7 @@ var DownloadListActionsRequired = (props) => {
   } = useGetDownloadListActionsRequiredInfinite({
     useErrorBoundary: true
   });
-  useEffect80(() => {
+  useEffect81(() => {
     if (status === "success" && !isFetchingNextPage && hasNextPage && fetchNextPage && inView) {
       fetchNextPage();
     }
@@ -56296,14 +56352,14 @@ var DownloadListActionsRequired = (props) => {
 };
 
 // src/components/DownloadCart/CreatePackageV2.tsx
-import React432, { useState as useState110 } from "react";
+import React432, { useState as useState111 } from "react";
 var TEMPLATE_ERROR_FILE_NAME = "Please provide a package file name and try again.";
 var CreatePackageV2 = (props) => {
   const { accessToken } = useSynapseContext();
-  const [isLoading, setIsLoading] = useState110(false);
-  const [fileName, setZipFileName] = useState110("");
-  const [alert2, setAlert] = useState110();
-  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState110(void 0);
+  const [isLoading, setIsLoading] = useState111(false);
+  const [fileName, setZipFileName] = useState111("");
+  const [alert2, setAlert] = useState111();
+  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState111(void 0);
   const { onPackageCreation } = props;
   const createPackageHandler = async (event) => {
     event.preventDefault();
@@ -56391,11 +56447,11 @@ dl_list_file_entities = syn.get_download_list()`;
 var cliDownloadCode = `synapse get-download-list`;
 var DownloadCartPage = (props) => {
   const { accessToken } = useSynapseContext();
-  const [selectedTabIndex, setSelectedTabIndex] = useState111(0);
-  const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] = useState111(false);
-  const [isShowingModal, setIsShowingModal] = useState111(false);
-  const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] = useState111(false);
-  const [error, setError] = useState111();
+  const [selectedTabIndex, setSelectedTabIndex] = useState112(0);
+  const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] = useState112(false);
+  const [isShowingModal, setIsShowingModal] = useState112(false);
+  const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] = useState112(false);
+  const [error, setError] = useState112();
   const {
     data,
     isLoading,
@@ -56403,12 +56459,12 @@ var DownloadCartPage = (props) => {
     error: newError,
     refetch
   } = useGetDownloadListStatistics();
-  useEffect81(() => {
+  useEffect82(() => {
     if (isError && newError) {
       setError(newError);
     }
   }, [isError, newError]);
-  useEffect81(() => {
+  useEffect82(() => {
     if (data && data.numberOfFilesRequiringAction == 0) {
       setSelectedTabIndex(1);
     }
@@ -56563,7 +56619,7 @@ var DownloadCartPage = (props) => {
 };
 
 // src/components/DownloadCart/ShowDownloadV2.tsx
-import React434, { useEffect as useEffect82 } from "react";
+import React434, { useEffect as useEffect83 } from "react";
 import { useErrorHandler as useErrorHandler6 } from "react-error-boundary";
 function ShowDownloadV2({ to, className = "" }) {
   const { accessToken } = useSynapseContext();
@@ -56575,7 +56631,7 @@ function ShowDownloadV2({ to, className = "" }) {
     isError,
     error: newError
   } = useGetDownloadListStatistics();
-  useEffect82(() => {
+  useEffect83(() => {
     if (isError && newError && accessToken) {
       handleError(newError);
     }
@@ -56854,7 +56910,7 @@ var EntityForm = class extends React435.Component {
 __publicField(EntityForm, "contextType", SynapseContext);
 
 // src/components/Evaluation/EvaluationCard.tsx
-import React437, { useEffect as useEffect83, useState as useState112 } from "react";
+import React437, { useEffect as useEffect84, useState as useState113 } from "react";
 import { Card as Card2, Col, Dropdown as Dropdown8, Row as Row5 } from "react-bootstrap";
 
 // src/components/Evaluation/CreatedOnByUserDiv.tsx
@@ -56883,9 +56939,9 @@ var EvaluationCard = ({
   onDeleteSuccess
 }) => {
   const { accessToken } = useSynapseContext();
-  const [error, setError] = useState112();
-  const [permissions, setPermissions] = useState112();
-  useEffect83(() => {
+  const [error, setError] = useState113();
+  const [permissions, setPermissions] = useState113();
+  useEffect84(() => {
     setError(void 0);
     getEvaluationPermissions(evaluation.id, accessToken).then((retrievedPermissions) => {
       setPermissions(retrievedPermissions);
@@ -56921,7 +56977,7 @@ var EvaluationCard = ({
   )))));
 };
 var EvaluationCardDropdown = ({ permissions, onEdit, onModifyAccess, onDelete }) => {
-  const [deleteWarningShow, setDeleteWarningShow] = useState112(false);
+  const [deleteWarningShow, setDeleteWarningShow] = useState113(false);
   if (!(permissions.canEdit || permissions.canChangePermissions || permissions.canDelete)) {
     return null;
   }
@@ -56962,11 +57018,11 @@ var EvaluationCardDropdown = ({ permissions, onEdit, onModifyAccess, onDelete })
 };
 
 // src/components/Evaluation/EvaluationEditorPage.tsx
-import React444, { useState as useState117 } from "react";
+import React444, { useState as useState118 } from "react";
 
 // src/components/Evaluation/EvaluationEditor.tsx
 import { Col as Col2, Dropdown as Dropdown9, Form as Form7, Row as Row6 } from "react-bootstrap";
-import React438, { useEffect as useEffect84, useState as useState113 } from "react";
+import React438, { useEffect as useEffect85, useState as useState114 } from "react";
 var EvaluationEditor = ({
   evaluationId,
   entityId,
@@ -56977,21 +57033,21 @@ var EvaluationEditor = ({
     throw new Error("please use either evaluationId or entityId but not both");
   }
   const { accessToken } = useSynapseContext();
-  const [error, setError] = useState113();
-  const [showSaveSuccess, setShowSaveSuccess] = useState113(false);
-  useEffect84(() => {
+  const [error, setError] = useState114();
+  const [showSaveSuccess, setShowSaveSuccess] = useState114(false);
+  useEffect85(() => {
     if (error) {
       setShowSaveSuccess(false);
     }
   }, [error]);
-  const [name, setName] = useState113("");
-  const [description, setDescription] = useState113("");
-  const [submissionInstructionsMessage, setSubmissionInstructionsMessage] = useState113("");
-  const [submissionReceiptMessage, setSubmissionReceiptMessage] = useState113("");
-  const [evaluation, setEvaluation] = useState113({
+  const [name, setName] = useState114("");
+  const [description, setDescription] = useState114("");
+  const [submissionInstructionsMessage, setSubmissionInstructionsMessage] = useState114("");
+  const [submissionReceiptMessage, setSubmissionReceiptMessage] = useState114("");
+  const [evaluation, setEvaluation] = useState114({
     contentSource: entityId
   });
-  useEffect84(() => {
+  useEffect85(() => {
     setName(evaluation.name ?? "");
     setDescription(evaluation.description ?? "");
     setSubmissionInstructionsMessage(
@@ -56999,7 +57055,7 @@ var EvaluationEditor = ({
     );
     setSubmissionReceiptMessage(evaluation.submissionReceiptMessage ?? "");
   }, [evaluation]);
-  useEffect84(() => {
+  useEffect85(() => {
     if (evaluationId) {
       setError(void 0);
       synapse_client_default.getEvaluation(evaluationId, accessToken).then((retrievedEvaluation) => {
@@ -57091,7 +57147,7 @@ var EvaluationEditor = ({
   )))));
 };
 var EvaluationEditorDropdown = ({ onClick, onDelete }) => {
-  const [deleteWarningShow, setDeleteWarningShow] = useState113(false);
+  const [deleteWarningShow, setDeleteWarningShow] = useState114(false);
   return /* @__PURE__ */ React438.createElement(React438.Fragment, null, onDelete && /* @__PURE__ */ React438.createElement(
     WarningDialog_default,
     {
@@ -57120,15 +57176,15 @@ var EvaluationEditorDropdown = ({ onClick, onDelete }) => {
 };
 
 // src/components/Evaluation/EvaluationRoundEditorList.tsx
-import React443, { useEffect as useEffect87, useState as useState116 } from "react";
+import React443, { useEffect as useEffect88, useState as useState117 } from "react";
 
 // src/components/Evaluation/EvaluationRoundEditor.tsx
-import React442, { useEffect as useEffect86, useState as useState115 } from "react";
+import React442, { useEffect as useEffect87, useState as useState116 } from "react";
 import { Card as Card3, Col as Col3, Form as Form8, FormControl as FormControl4, FormGroup as FormGroup3, Row as Row7 } from "react-bootstrap";
 import dayjs17 from "dayjs";
 
 // src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx
-import React440, { useCallback as useCallback30, useEffect as useEffect85 } from "react";
+import React440, { useCallback as useCallback30, useEffect as useEffect86 } from "react";
 import { CloseTwoTone as CloseTwoTone2, AddBox } from "@mui/icons-material";
 
 // src/components/Evaluation/round_limits/EvaluationRoundLimitOptions.tsx
@@ -57200,7 +57256,7 @@ var EvaluationRoundLimitOptionsList = ({ limitInputs, handleChange, handleDelete
       maxSubmissionString: ""
     });
   }, [onAddNewLimit, selectedTypes]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (limitInputs.length === 0) {
       addNewLimit();
     }
@@ -57279,9 +57335,9 @@ var convertRoundLimitsToInput = (evaluationRoundLimits) => {
 
 // src/components/Evaluation/EvaluationRoundEditorDropdown.tsx
 import { Dropdown as Dropdown10 } from "react-bootstrap";
-import React441, { useState as useState114 } from "react";
+import React441, { useState as useState115 } from "react";
 var EvaluationRoundEditorDropdown = ({ onSave, onDelete }) => {
-  const [deleteWarningShow, setDeleteWarningShow] = useState114(false);
+  const [deleteWarningShow, setDeleteWarningShow] = useState115(false);
   return /* @__PURE__ */ React441.createElement(React441.Fragment, null, /* @__PURE__ */ React441.createElement(
     WarningDialog_default,
     {
@@ -57376,23 +57432,23 @@ var convertInputsToEvaluationRound = (evaluationRoundInputProp, startDate, endDa
 };
 var EvaluationRoundEditor = ({ evaluationRoundInput, onSave, onDelete }) => {
   const { accessToken } = useSynapseContext();
-  const [error, setError] = useState115();
-  const [showSaveSuccess, setShowSaveSuccess] = useState115(false);
-  useEffect86(() => {
+  const [error, setError] = useState116();
+  const [showSaveSuccess, setShowSaveSuccess] = useState116(false);
+  useEffect87(() => {
     if (error) {
       setShowSaveSuccess(false);
     }
   }, [error]);
-  const [startDate, setStartDate] = useState115(
+  const [startDate, setStartDate] = useState116(
     dayjs17(evaluationRoundInput.roundStart)
   );
-  const [endDate, setEndDate] = useState115(
+  const [endDate, setEndDate] = useState116(
     dayjs17(evaluationRoundInput.roundEnd)
   );
-  const [totalSubmissionLimit, setTotalSubmissionLimit] = useState115(
+  const [totalSubmissionLimit, setTotalSubmissionLimit] = useState116(
     evaluationRoundInput.totalSubmissionLimit
   );
-  const [advancedMode, setAdvancedMode] = useState115(false);
+  const [advancedMode, setAdvancedMode] = useState116(false);
   const {
     list: advancedLimits,
     handleListRemove,
@@ -57551,7 +57607,7 @@ var fetchEvaluationList = (evaluationId, accessToken, setListCallback, errorHand
 };
 var EvaluationRoundEditorList = ({ evaluationId }) => {
   const { accessToken } = useSynapseContext();
-  const [error, setError] = useState116();
+  const [error, setError] = useState117();
   const {
     list: evaluationRoundInputList,
     appendToList: appendToEvaluationRoundInputList,
@@ -57559,7 +57615,7 @@ var EvaluationRoundEditorList = ({ evaluationId }) => {
     handleListRemove: handleEvaluationRoundInputListRemove,
     setList: setEvaluationRoundInputList
   } = useListState([]);
-  useEffect87(
+  useEffect88(
     () => {
       fetchEvaluationList(
         evaluationId,
@@ -57613,7 +57669,7 @@ var EvaluationEditorPage = ({
   entityId,
   onDeleteSuccess
 }) => {
-  const [savedEvaluationId, setSavedEvaluationId] = useState117(evaluationId);
+  const [savedEvaluationId, setSavedEvaluationId] = useState118(evaluationId);
   return /* @__PURE__ */ React444.createElement("div", { className: "bootstrap-4-backport" }, /* @__PURE__ */ React444.createElement(
     EvaluationEditor,
     {
@@ -57629,7 +57685,7 @@ var EvaluationEditorPage = ({
   )));
 };
 var FakeEvaluationRoundEditorList = () => {
-  const [showEvaluationNotExistAlert, setShowEvaluationNotExistAlert] = useState117(false);
+  const [showEvaluationNotExistAlert, setShowEvaluationNotExistAlert] = useState118(false);
   return /* @__PURE__ */ React444.createElement("div", { "data-testid": "FakeEvaluationRoundEditorList" }, showEvaluationNotExistAlert ? /* @__PURE__ */ React444.createElement(Alert_default, { severity: "info" }, "Evaluation Rounds can be edited once the Evaluation has been created.") : /* @__PURE__ */ React444.createElement(
     Button_default,
     {
@@ -57646,15 +57702,15 @@ var FakeEvaluationRoundEditorList = () => {
 
 // src/components/ExperimentalMode/ExperimentalMode.tsx
 import React445 from "react";
-import { useEffect as useEffect88, useState as useState118 } from "react";
+import { useEffect as useEffect89, useState as useState119 } from "react";
 import UniversalCookies2 from "universal-cookie";
 import { InfoOutlined as InfoOutlined3 } from "@mui/icons-material";
 var experimentalModeText = "This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.";
 var ExperimentalMode = () => {
-  const [isExperimentalModeOn, setIsExperimentalModeOn] = useState118(false);
+  const [isExperimentalModeOn, setIsExperimentalModeOn] = useState119(false);
   const cookies2 = new UniversalCookies2();
   let mounted = true;
-  useEffect88(() => {
+  useEffect89(() => {
     if (mounted) {
       if (isInSynapseExperimentalMode()) {
         setIsExperimentalModeOn(true);
@@ -57694,13 +57750,13 @@ var ExperimentalMode = () => {
 var ExperimentalMode_default = ExperimentalMode;
 
 // src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx
-import React446, { useEffect as useEffect89, useState as useState119 } from "react";
+import React446, { useEffect as useEffect90, useState as useState120 } from "react";
 import { OpenInNewTwoTone as OpenInNewTwoTone2 } from "@mui/icons-material";
 var ExternalFileHandleLink = (props) => {
   const { accessToken } = useSynapseContext();
   const { synId, className } = props;
-  const [data, setData] = useState119(void 0);
-  useEffect89(() => {
+  const [data, setData] = useState120(void 0);
+  useEffect90(() => {
     const getEntity2 = async () => {
       try {
         const fileEntity2 = await synapse_client_default.getEntity(
@@ -57756,7 +57812,7 @@ var ExternalFileHandleLink = (props) => {
 
 // src/components/FeaturedDataTabs/FeaturedDataTabs.tsx
 import React452 from "react";
-import { useState as useState121 } from "react";
+import { useState as useState122 } from "react";
 
 // src/components/FeaturedDataTabs/FeaturedDataPlots.tsx
 import React451 from "react";
@@ -57765,7 +57821,7 @@ import React451 from "react";
 import React449 from "react";
 
 // src/components/FeaturedDataTabs/FacetPlotsCard.tsx
-import React448, { useEffect as useEffect90, useState as useState120 } from "react";
+import React448, { useEffect as useEffect91, useState as useState121 } from "react";
 import Plotly3 from "plotly.js-basic-dist";
 import createPlotlyComponent3 from "react-plotly.js/factory";
 import { SizeMe as SizeMe3 } from "react-sizeme";
@@ -58007,10 +58063,10 @@ var FacetPlotsCard = ({
   const { accessToken } = useSynapseContext();
   const { data, isLoadingNewBundle } = useQueryContext();
   const { getColumnDisplayName } = useQueryVisualizationContext();
-  const [facetPlotDataArray, setFacetPlotDataArray] = useState120([]);
-  const [facetDataArray, setFacetDataArray] = useState120([]);
-  const [selectedFacetValue, setSelectedFacetValue] = useState120("");
-  useEffect90(() => {
+  const [facetPlotDataArray, setFacetPlotDataArray] = useState121([]);
+  const [facetDataArray, setFacetDataArray] = useState121([]);
+  const [selectedFacetValue, setSelectedFacetValue] = useState121("");
+  useEffect91(() => {
     if (!facetsToPlot || !data) {
       return;
     } else {
@@ -58274,7 +58330,7 @@ var FeaturedDataPlots_default = FeaturedDataPlots;
 
 // src/components/FeaturedDataTabs/FeaturedDataTabs.tsx
 var FeaturedDataTabs = (props) => {
-  const [selectedTabIndex, setSelectedTabIndex] = useState121(0);
+  const [selectedTabIndex, setSelectedTabIndex] = useState122(0);
   const { configs, rgbIndex, sql } = props;
   const selectedTabProps = configs[selectedTabIndex];
   return /* @__PURE__ */ React452.createElement("div", { className: "FeaturedDataTabs" }, /* @__PURE__ */ React452.createElement("div", { className: "FeaturedDataTabs__tabs" }, configs.map((config, index) => {
@@ -58318,7 +58374,7 @@ var FeaturedDataTabs = (props) => {
 var FeaturedDataTabs_default = FeaturedDataTabs;
 
 // src/components/FeaturedToolsList/FeaturedToolsList.tsx
-import React454, { useState as useState122, useEffect as useEffect91 } from "react";
+import React454, { useState as useState123, useEffect as useEffect92 } from "react";
 
 // src/components/FeaturedToolsList/FeaturedToolCard.tsx
 import dayjs18 from "dayjs";
@@ -58365,10 +58421,10 @@ var FeaturedToolsList = ({
     }
   };
   const { accessToken } = useSynapseContext();
-  const [tools, setTools] = useState122([]);
-  const [error, setError] = useState122();
+  const [tools, setTools] = useState123([]);
+  const [error, setError] = useState123();
   const { data: queryResultBundle, error: queryError } = useGetQueryResultBundle(queryBundleRequest);
-  useEffect91(() => {
+  useEffect92(() => {
     const getData = () => {
       try {
         const idIndex = getFieldIndex(idColumnName, queryResultBundle);
@@ -58435,7 +58491,7 @@ var FeaturedToolsList_default = FeaturedToolsList;
 
 // src/components/Forum/DiscussionThread.tsx
 import dayjs20 from "dayjs";
-import React460, { useState as useState126 } from "react";
+import React460, { useState as useState127 } from "react";
 
 // src/synapse-queries/forum/useReply.ts
 import {
@@ -58754,14 +58810,14 @@ function useUnPinThread(options) {
 
 // src/components/Forum/DiscussionReply.tsx
 import dayjs19 from "dayjs";
-import React458, { useState as useState125 } from "react";
+import React458, { useState as useState126 } from "react";
 
 // src/components/Forum/ForumThreadEditor.tsx
-import React457, { useState as useState124 } from "react";
+import React457, { useState as useState125 } from "react";
 import { FormControl as FormControl5 } from "react-bootstrap";
 
 // src/components/Markdown/MarkdownEditor.tsx
-import React456, { useRef as useRef44, useState as useState123, useEffect as useEffect92 } from "react";
+import React456, { useRef as useRef44, useState as useState124, useEffect as useEffect93 } from "react";
 
 // src/components/Markdown/UserMentionModal.tsx
 import React455, { useCallback as useCallback32 } from "react";
@@ -58812,18 +58868,18 @@ var MarkdownEditor = ({
   text,
   setText
 }) => {
-  const [currentTab, setCurrentTab] = useState123("WRITE");
-  const [selectionStart, setSelectionStart] = useState123(0);
-  const [isShowingTagModal, setIsShowingTagModal] = useState123(false);
-  const [tagModalWithKeyboard, setTagModalWithKeyboard] = useState123(false);
+  const [currentTab, setCurrentTab] = useState124("WRITE");
+  const [selectionStart, setSelectionStart] = useState124(0);
+  const [isShowingTagModal, setIsShowingTagModal] = useState124(false);
+  const [tagModalWithKeyboard, setTagModalWithKeyboard] = useState124(false);
   const textAreaRef = useRef44(null);
-  useEffect92(() => {
+  useEffect93(() => {
     const input = textAreaRef.current;
     if (input) {
       input.setSelectionRange(selectionStart, selectionStart);
     }
   }, [textAreaRef, selectionStart]);
-  useEffect92(() => {
+  useEffect93(() => {
     textAreaRef.current?.focus();
   }, [isShowingTagModal]);
   const handleUserTag = (user) => {
@@ -58943,8 +58999,8 @@ var ForumThreadEditor = (props) => {
     isDialog,
     openDialog
   } = props;
-  const [title, setTitle] = useState124(initialTitle ?? "");
-  const [text, setText] = useState124(initialText ?? "");
+  const [title, setTitle] = useState125(initialTitle ?? "");
+  const [text, setText] = useState125(initialText ?? "");
   const { mutate: updateTitle, isLoading: isLoadingTitle } = useUpdateThreadTitle({
     onSuccess: () => onClose()
   });
@@ -59031,8 +59087,8 @@ var DiscussionReply = ({
   reply,
   onClickLink = () => alert("This functionality has not been implemented yet")
 }) => {
-  const [showReplyModal, setShowReplyModal] = useState125(false);
-  const [showDeleteModal, setShowDeleteModal] = useState125(false);
+  const [showReplyModal, setShowReplyModal] = useState126(false);
+  const [showDeleteModal, setShowDeleteModal] = useState126(false);
   const { data: currentUserProfile } = useGetCurrentUserProfile();
   const { data: entityBundle } = useGetEntityBundle(reply.projectId);
   const { data: message, isLoading } = useGetReply(reply);
@@ -59308,14 +59364,14 @@ var SIGN_IN_TEXT = "You will need to sign in for access to that resource";
 var INPUT_PLACEHOLDER = "Write a reply...";
 function DiscussionThread(props) {
   const { threadId, limit } = props;
-  const [orderByDatePosted, setOrderByDatePosted] = useState126(true);
-  const [showThreadModal, setShowThreadModal] = useState126(false);
-  const [showReplyEditor1, setShowReplyEditor1] = useState126(false);
-  const [showReplyEditor2, setShowReplyEditor2] = useState126(false);
-  const [showDeleteModal, setShowDeleteModal] = useState126(false);
-  const [showSignInModal, setShowSignInModal] = useState126(false);
-  const [showRestoreModal, setShowRestoreModal] = useState126(false);
-  const [showSubscriberModal, setShowSubscriberModal] = useState126(false);
+  const [orderByDatePosted, setOrderByDatePosted] = useState127(true);
+  const [showThreadModal, setShowThreadModal] = useState127(false);
+  const [showReplyEditor1, setShowReplyEditor1] = useState127(false);
+  const [showReplyEditor2, setShowReplyEditor2] = useState127(false);
+  const [showDeleteModal, setShowDeleteModal] = useState127(false);
+  const [showSignInModal, setShowSignInModal] = useState127(false);
+  const [showRestoreModal, setShowRestoreModal] = useState127(false);
+  const [showSubscriberModal, setShowSubscriberModal] = useState127(false);
   const { threadData, threadBody, togglePin } = useGetThread(threadId);
   const { data: currentUserProfile } = useGetCurrentUserProfile();
   const { data: entityBundle } = useGetEntityBundle(
@@ -59505,7 +59561,7 @@ function DiscussionThread(props) {
 }
 
 // src/components/Forum/ForumPage.tsx
-import React462, { useState as useState128 } from "react";
+import React462, { useState as useState129 } from "react";
 
 // src/synapse-queries/forum/useForum.ts
 import {
@@ -59561,7 +59617,7 @@ function useGetForumInfinite(forumId, limit, sort, ascending, filter2, options)
 
 // src/components/Forum/ForumTable.tsx
 import dayjs21 from "dayjs";
-import React461, { useState as useState127 } from "react";
+import React461, { useState as useState128 } from "react";
 import { Table as Table3 } from "react-bootstrap";
 var ForumTable = ({
   forumId,
@@ -59569,10 +59625,10 @@ var ForumTable = ({
   filter: filter2,
   onClickLink
 }) => {
-  const [sort, setSort] = useState127(
+  const [sort, setSort] = useState128(
     "PINNED_AND_LAST_ACTIVITY" /* PINNED_AND_LAST_ACTIVITY */
   );
-  const [isAscending, setIsAscending] = useState127(false);
+  const [isAscending, setIsAscending] = useState128(false);
   const { data, hasNextPage, fetchNextPage } = useGetForumInfinite(
     forumId,
     limit,
@@ -59657,10 +59713,10 @@ var ForumPage = ({
   limit,
   onClickLink
 }) => {
-  const [showThreadModal, setShowThreadModal] = useState128(false);
-  const [showSignInModal, setShowSignInModal] = useState128(false);
-  const [showDeletedThread, setShowDeletedThread] = useState128(false);
-  const [showSubscriberModal, setShowSubscriberModal] = useState128(false);
+  const [showThreadModal, setShowThreadModal] = useState129(false);
+  const [showSignInModal, setShowSignInModal] = useState129(false);
+  const [showDeletedThread, setShowDeletedThread] = useState129(false);
+  const [showSubscriberModal, setShowSubscriberModal] = useState129(false);
   const { subscription, isLoading, toggleSubscribed } = useSubscription(
     forumId,
     "FORUM" /* FORUM */
@@ -59758,18 +59814,18 @@ var ForumPage = ({
 };
 
 // src/components/Goals/Goals.tsx
-import React466, { useEffect as useEffect93, useState as useState130 } from "react";
+import React466, { useEffect as useEffect94, useState as useState131 } from "react";
 
 // src/components/Goals/Goals.Mobile.tsx
 import React464 from "react";
 
 // src/components/home_page/ExpandableContent.tsx
-import React463, { useState as useState129 } from "react";
+import React463, { useState as useState130 } from "react";
 function ExpandableContent({
   title,
   content: content2
 }) {
-  const [isExpanded, setIsExpanded] = useState129(false);
+  const [isExpanded, setIsExpanded] = useState130(false);
   return /* @__PURE__ */ React463.createElement("div", { className: "ExpandableContent" }, /* @__PURE__ */ React463.createElement("div", { className: "ExpandableContent__button__container" }, /* @__PURE__ */ React463.createElement(
     "button",
     {
@@ -59840,8 +59896,8 @@ function GoalsDesktop({
 var Goals = (props) => {
   const { entityId } = props;
   const { accessToken } = useSynapseContext();
-  const [assets, setAssets] = useState130();
-  const [error, setError] = useState130();
+  const [assets, setAssets] = useState131();
+  const [error, setError] = useState131();
   const showDesktop = useShowDesktop();
   const queryBundleRequest = {
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
@@ -59852,7 +59908,7 @@ var Goals = (props) => {
     }
   };
   const { data: queryResultBundle } = useGetQueryResultBundle(queryBundleRequest);
-  useEffect93(() => {
+  useEffect94(() => {
     const getData = async () => {
       try {
         const assetColumnIndex = getFieldIndex(
@@ -59941,7 +59997,7 @@ var Goals = (props) => {
 
 // src/components/GoogleMap/GoogleMap.tsx
 import { GoogleMap, LoadScript } from "@react-google-maps/api";
-import React468, { useCallback as useCallback34, useMemo as useMemo38, useState as useState131 } from "react";
+import React468, { useCallback as useCallback34, useMemo as useMemo38, useState as useState132 } from "react";
 import { useQuery as useQuery31 } from "react-query";
 
 // src/components/GoogleMap/SynapseUserMarker.tsx
@@ -59984,7 +60040,7 @@ function Map3(props) {
   const { data: apiKey } = useQuery31("googleMapsApiKey", getGoogleMapsApiKey, {
     useErrorBoundary: true
   });
-  const [currentOpenGeoData, setCurrentOpenGeoData] = useState131(
+  const [currentOpenGeoData, setCurrentOpenGeoData] = useState132(
     null
   );
   const { data: geoData, isLoading: isLoadingGeoData } = useQuery31(
@@ -60059,12 +60115,12 @@ var GoogleMap_default = Map3;
 var IconSvg_default2 = IconSvg_default;
 
 // src/components/Markdown/MarkdownCollapse.tsx
-import React469, { useState as useState132 } from "react";
+import React469, { useState as useState133 } from "react";
 import { Collapse as Collapse4, SafeAnchor } from "react-bootstrap";
 var MarkdownCollapse = (props) => {
-  const [show, setShow] = useState132(false);
-  const [wordCount, setWordCount] = useState132();
-  const [plainText, setPlainText] = useState132();
+  const [show, setShow] = useState133(false);
+  const [wordCount, setWordCount] = useState133();
+  const [plainText, setPlainText] = useState133();
   const onMarkdownProcessingDone = (textContent) => {
     if (textContent) {
       setPlainText(textContent.trim());
@@ -60112,12 +60168,12 @@ var MarkdownCollapse = (props) => {
 };
 
 // src/components/OAuthClientManagement/OAuthManagement.tsx
-import React471, { useState as useState134 } from "react";
+import React471, { useState as useState135 } from "react";
 import { Table as Table4 } from "react-bootstrap";
 import dayjs22 from "dayjs";
 
 // src/components/OAuthClientManagement/CreateOAuthClient.tsx
-import React470, { useEffect as useEffect94, useMemo as useMemo39, useState as useState133 } from "react";
+import React470, { useEffect as useEffect95, useMemo as useMemo39, useState as useState134 } from "react";
 import DeleteTwoToneIcon2 from "@mui/icons-material/DeleteTwoTone";
 var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
 var GRID_NARROW = 12;
@@ -60134,16 +60190,16 @@ var CreateOAuthModal = ({
   setIsShowingModal
 }) => {
   const { accessToken } = useSynapseContext();
-  const [clientName, setClientName] = useState133("");
-  const [redirectUris, setRedirectUris] = useState133([{ uri: "" }]);
-  const [policyUri, setPolicyUri] = useState133();
-  const [clientUri, setClientUri] = useState133();
-  const [sectorUri, setSectorUri] = useState133();
-  const [tosUri, setTosUri] = useState133();
-  const [warnTrigger, setWarnTrigger] = useState133(false);
-  const [isDelete, setIsDelete] = useState133(false);
-  const [updatedClient, setUpdatedClient] = useState133();
-  const [error, setError] = useState133();
+  const [clientName, setClientName] = useState134("");
+  const [redirectUris, setRedirectUris] = useState134([{ uri: "" }]);
+  const [policyUri, setPolicyUri] = useState134();
+  const [clientUri, setClientUri] = useState134();
+  const [sectorUri, setSectorUri] = useState134();
+  const [tosUri, setTosUri] = useState134();
+  const [warnTrigger, setWarnTrigger] = useState134(false);
+  const [isDelete, setIsDelete] = useState134(false);
+  const [updatedClient, setUpdatedClient] = useState134();
+  const [error, setError] = useState134();
   const warningHeader = "Are you absolutely sure?";
   const warningBody = "Editing this detail will render your client invalid and will require you to resubmit verification. This action cannot be undone.";
   const oAuthClient = useMemo39(() => {
@@ -60167,7 +60223,7 @@ var CreateOAuthModal = ({
     sectorUri,
     tosUri
   ]);
-  useEffect94(() => {
+  useEffect95(() => {
     setClientName(client?.client_name ?? "");
     setRedirectUris(
       client?.redirect_uris.map((str) => ({ uri: str })) ?? [{ uri: "" }]
@@ -60448,14 +60504,14 @@ var CreateOAuthModal = ({
 // src/components/OAuthClientManagement/OAuthManagement.tsx
 var OAuthManagement = () => {
   const { accessToken } = useSynapseContext();
-  const [isShowingCreateClientModal, setIsShowingCreateClientModal] = useState134(false);
-  const [isEdit, setIsEdit] = useState134(false);
-  const [selectedClient, setSelectedClient] = useState134();
-  const [isShowingConfirmModal, setIsShowingConfirmModal] = useState134(false);
-  const [isShowingSecretWarning, setIsShowingSecretWarning] = useState134(false);
-  const [isShowingSecret, setIsShowingSecret] = useState134(false);
-  const [secret, setSecret] = useState134();
-  const [isShowingVerification, setIsShowingVerification] = useState134(false);
+  const [isShowingCreateClientModal, setIsShowingCreateClientModal] = useState135(false);
+  const [isEdit, setIsEdit] = useState135(false);
+  const [selectedClient, setSelectedClient] = useState135();
+  const [isShowingConfirmModal, setIsShowingConfirmModal] = useState135(false);
+  const [isShowingSecretWarning, setIsShowingSecretWarning] = useState135(false);
+  const [isShowingSecret, setIsShowingSecret] = useState135(false);
+  const [secret, setSecret] = useState135();
+  const [isShowingVerification, setIsShowingVerification] = useState135(false);
   const { data, hasNextPage, fetchNextPage } = useGetOAuthClientInfinite();
   const oAuthClientList = data?.pages.flatMap((page) => page.results) ?? [];
   const warningHeader = "Are you absolutely sure?";
@@ -60587,7 +60643,7 @@ var OAuthManagement = () => {
 };
 
 // src/components/Plot/ThemesPlot.tsx
-import React474, { useEffect as useEffect95, useState as useState135 } from "react";
+import React474, { useEffect as useEffect96, useState as useState136 } from "react";
 import _7 from "lodash-es";
 
 // src/components/Plot/DotPlot.tsx
@@ -60942,11 +60998,11 @@ function ThemesPlot({
   dotPlotYAxisLabel = "Research Themes"
 }) {
   const { accessToken } = useSynapseContext();
-  const [isLoaded, setIsLoaded] = useState135(false);
-  const [dotPlotQueryData, setDotPlotQueryData] = useState135([]);
-  const [topBarPlotData, setTopBarQueryData] = useState135([]);
-  const [sideBarPlotData, setSideBarQueryData] = useState135([]);
-  useEffect95(() => {
+  const [isLoaded, setIsLoaded] = useState136(false);
+  const [dotPlotQueryData, setDotPlotQueryData] = useState136([]);
+  const [topBarPlotData, setTopBarQueryData] = useState136([]);
+  const [sideBarPlotData, setSideBarQueryData] = useState136([]);
+  useEffect96(() => {
     const dotPlotData = fetchData(accessToken, dotPlot);
     const topBarPlotData2 = fetchData(accessToken, topBarPlot);
     const sideBarPlotData2 = fetchData(accessToken, sideBarPlot);
@@ -61099,7 +61155,7 @@ function ThemesPlot({
 }
 
 // src/components/Plot/UpsetPlot.tsx
-import React475, { useEffect as useEffect96, useState as useState136 } from "react";
+import React475, { useEffect as useEffect97, useState as useState137 } from "react";
 import UpSetJS, {
   extractSets,
   generateCombinations
@@ -61127,15 +61183,15 @@ var UpsetPlot = ({
   summaryLink
 }) => {
   const { accessToken } = useSynapseContext();
-  const [isLoading, setIsLoading] = useState136();
-  const [data, setData] = useState136();
-  const [error, setError] = useState136();
-  const [selection, setSelection] = useState136(null);
+  const [isLoading, setIsLoading] = useState137();
+  const [data, setData] = useState137();
+  const [error, setError] = useState137();
+  const [selection, setSelection] = useState137(null);
   const { colorPalette } = ColorGradient_default(rgbIndex, 2);
   const updateFontSizes = {
     setLabel: "14px"
   };
-  useEffect96(() => {
+  useEffect97(() => {
     let isCancelled = false;
     const getPlotData = async () => {
       setIsLoading(true);
@@ -61241,11 +61297,11 @@ var UpsetPlot = ({
 };
 
 // src/components/ProjectViewCarousel/ProjectViewCarousel.tsx
-import React479, { useState as useState138, useEffect as useEffect97 } from "react";
+import React479, { useState as useState139, useEffect as useEffect98 } from "react";
 
 // src/components/Carousel.tsx
 import BrainhubCarousel from "@brainhubeu/react-carousel";
-import React477, { useState as useState137 } from "react";
+import React477, { useState as useState138 } from "react";
 
 // src/assets/icons/Arrow.tsx
 import React476 from "react";
@@ -61302,7 +61358,7 @@ var Carousel = ({
   isLoading = false
 }) => {
   const showDesktop = useShowDesktop();
-  const [currentIndex, setCurrentIndex] = useState137(0);
+  const [currentIndex, setCurrentIndex] = useState138(0);
   const styledChildren = React477.Children.map(children, (child, index) => {
     let childClass = child.props.className ?? "";
     if (index === mod(currentIndex, children.length)) {
@@ -61378,14 +61434,14 @@ var ProjectViewCarousel = ({ entityId }) => {
     }
   };
   const { accessToken } = useSynapseContext();
-  const [projects, setProjects] = useState138([]);
-  const [error, setError] = useState138();
+  const [projects, setProjects] = useState139([]);
+  const [error, setError] = useState139();
   const {
     data: queryResultBundle,
     error: queryError,
     isLoading
   } = useGetQueryResultBundle(queryBundleRequest);
-  useEffect97(() => {
+  useEffect98(() => {
     let isMounted = true;
     const getData = async () => {
       try {
@@ -61682,9 +61738,9 @@ var RenderIfInView = class extends React484.Component {
 import React487 from "react";
 
 // src/components/Resources/Resources.Desktop.tsx
-import React485, { useState as useState139 } from "react";
+import React485, { useState as useState140 } from "react";
 function ResourcesDesktop({ data }) {
-  const [index, setIndex] = useState139(0);
+  const [index, setIndex] = useState140(0);
   return /* @__PURE__ */ React485.createElement("div", { className: "control-container" }, /* @__PURE__ */ React485.createElement("div", { className: "button-container" }, data?.map((el, curIndex) => {
     return /* @__PURE__ */ React485.createElement(
       "button",
@@ -61866,7 +61922,7 @@ var InputSizedButton = styled_default(Button_default, {
 }));
 
 // src/components/SubscriptionPage/SubscriptionPage.tsx
-import React495, { useId as useId6, useState as useState141 } from "react";
+import React495, { useId as useId6, useState as useState142 } from "react";
 
 // src/components/SubscriptionPage/SubscriptionItem.tsx
 import React493 from "react";
@@ -61969,7 +62025,7 @@ function SubscriptionItem2(props) {
 }
 
 // src/components/DropdownSelect/DropdownSelect.tsx
-import React494, { useState as useState140 } from "react";
+import React494, { useState as useState141 } from "react";
 function DropdownSelect(props) {
   const {
     options,
@@ -61981,7 +62037,7 @@ function DropdownSelect(props) {
   } = props;
   const [open, setOpen] = React494.useState(false);
   const anchorRef = React494.useRef(null);
-  const [selectedIndexLocal, setSelectedIndexLocal] = useState140(
+  const [selectedIndexLocal, setSelectedIndexLocal] = useState141(
     selectedIndex ?? 0
   );
   const handleMenuItemClick = (event, index) => {
@@ -62068,10 +62124,10 @@ var sortOptions = [
   { value: "DESC", label: "Most Recent" }
 ];
 function SubscriptionPage() {
-  const [objectType, setObjectType] = useState141(
+  const [objectType, setObjectType] = useState142(
     "FORUM" /* FORUM */
   );
-  const [sortDirection, setSortDirection] = useState141(sortOptions[0]);
+  const [sortDirection, setSortDirection] = useState142(sortOptions[0]);
   const instanceSpecificQueryKey = useId6();
   const currentFilter = {
     objectType,
@@ -62130,7 +62186,7 @@ function SubscriptionPage() {
 }
 
 // src/components/SubsectionRowRenderer/SubsectionRowRenderer.tsx
-import React496, { useState as useState142 } from "react";
+import React496, { useState as useState143 } from "react";
 import { useDeepCompareEffectNoCheck as useDeepCompareEffectNoCheck4 } from "use-deep-compare-effect";
 var LIST_COLUMN_TYPES = [
   "BOOLEAN_LIST" /* BOOLEAN_LIST */,
@@ -62150,8 +62206,8 @@ var SubsectionRowRenderer = ({
   limit
 }) => {
   const { accessToken } = useSynapseContext();
-  const [rowSet, setRowSet] = useState142();
-  const [isLoading, setIsLoading] = useState142();
+  const [rowSet, setRowSet] = useState143();
+  const [isLoading, setIsLoading] = useState143();
   let mounted = true;
   useDeepCompareEffectNoCheck4(() => {
     const fetchData2 = async function() {
@@ -63949,16 +64005,16 @@ var SystemUseNotification = (sxProps) => {
 var SystemUseNotification_default = SystemUseNotification;
 
 // src/components/TableFeedCards/TableFeedCards.tsx
-import React507, { useEffect as useEffect98, useState as useState143 } from "react";
+import React507, { useEffect as useEffect99, useState as useState144 } from "react";
 import dayjs25 from "dayjs";
 var TableFeedCards = ({
   tableEntityId
 }) => {
   const { accessToken } = useSynapseContext();
-  const [rowSet, setRowSet] = useState143();
-  const [itemCountShowing, setItemCountShowing] = useState143(3);
+  const [rowSet, setRowSet] = useState144();
+  const [itemCountShowing, setItemCountShowing] = useState144(3);
   let mounted = true;
-  useEffect98(() => {
+  useEffect99(() => {
     const executeQuery = () => {
       if (mounted) {
         if (rowSet) {
@@ -64031,10 +64087,10 @@ var TableFeedCards = ({
 var TableFeedCards_default = TableFeedCards;
 
 // src/components/TermsAndConditions/TermsAndConditions.tsx
-import React518, { useEffect as useEffect100, useState as useState145 } from "react";
+import React518, { useEffect as useEffect101, useState as useState146 } from "react";
 
 // src/components/TermsAndConditions/TermsAndConditionsItem.tsx
-import React509, { useEffect as useEffect99, useState as useState144 } from "react";
+import React509, { useEffect as useEffect100, useState as useState145 } from "react";
 
 // src/assets/icons/terms/CheckIcon.tsx
 import React508 from "react";
@@ -64051,10 +64107,10 @@ var CheckIcon = (props) => {
 // src/components/TermsAndConditions/TermsAndConditionsItem.tsx
 var TermsAndConditionsItem = (props) => {
   const { id, item, enabled, checked, onChange } = props;
-  const [showDesc, setShowDes] = useState144(false);
-  const [isChecked, setIsChecked] = useState144(false);
+  const [showDesc, setShowDes] = useState145(false);
+  const [isChecked, setIsChecked] = useState145(false);
   let mounted = true;
-  useEffect99(() => {
+  useEffect100(() => {
     if (mounted) {
       setIsChecked(checked);
     }
@@ -64575,13 +64631,13 @@ var TermsAndConditions = ({
   const governancePolicy = "https://help.synapse.org/docs/Synapse-Governance.2004255211.html";
   const getInitialCheckboxState = () => Array.from(Array(checkboxCount).fill(false));
   let mounted = true;
-  const [checkboxChecked, setCheckboxChecked] = useState145(
+  const [checkboxChecked, setCheckboxChecked] = useState146(
     getInitialCheckboxState()
   );
-  const [checkboxEnabled, setCheckboxEnabled] = useState145(
+  const [checkboxEnabled, setCheckboxEnabled] = useState146(
     getInitialCheckboxState().fill(true, 0, 1)
   );
-  useEffect100(() => {
+  useEffect101(() => {
     if (mounted) {
       checkFormCompleted();
     }
@@ -64636,7 +64692,7 @@ var TermsAndConditions = ({
 var TermsAndConditions_default = TermsAndConditions;
 
 // src/components/UserCardList/UserCardListRotate.tsx
-import React519, { useState as useState146 } from "react";
+import React519, { useState as useState147 } from "react";
 import { useDeepCompareEffectNoCheck as useDeepCompareEffectNoCheck5 } from "use-deep-compare-effect";
 var STORED_UID_KEY = "sage_rotate_uids";
 var DEFAULT_DISPLAY_COUNT = 3;
@@ -64680,9 +64736,9 @@ var UserCardListRotate = ({
   sqlOperator
 }) => {
   const { accessToken } = useSynapseContext();
-  const [userIds, setUserIds] = useState146([]);
-  const [queryData, setQueryData] = useState146();
-  const [isLoading, setIsLoading] = useState146();
+  const [userIds, setUserIds] = useState147([]);
+  const [queryData, setQueryData] = useState147();
+  const [isLoading, setIsLoading] = useState147();
   let mounted = true;
   const storageUidKey = `${STORED_UID_KEY}-${sql}-${JSON.stringify(
     selectedFacets
@@ -64766,9 +64822,9 @@ function UserCardListGroupsMobile(props) {
 }
 
 // src/components/UserCardList/UserCardListGroups/UserCardListGroups.Desktop.tsx
-import React521, { useState as useState147 } from "react";
+import React521, { useState as useState148 } from "react";
 function UserCardListGroupsDesktop(props) {
-  const [selectedGroupIndex, setSelectedGroupIndex] = useState147(0);
+  const [selectedGroupIndex, setSelectedGroupIndex] = useState148(0);
   const { columnName, facetValues, ...rest } = props;
   const selectedFacet = {
     columnName,
@@ -64811,10 +64867,10 @@ function UserCardListGroups(props) {
 }
 
 // src/components/UserProfileLinks/UserProfileLinks.tsx
-import React526, { useState as useState148, useMemo as useMemo40 } from "react";
+import React526, { useState as useState149, useMemo as useMemo40 } from "react";
 
 // src/components/UserProfileLinks/UserChallenges.tsx
-import React523, { useEffect as useEffect101 } from "react";
+import React523, { useEffect as useEffect102 } from "react";
 import { useErrorHandler as useErrorHandler7 } from "react-error-boundary";
 import { useInView as useInView11 } from "react-intersection-observer";
 function UserChallenges({ userId }) {
@@ -64830,12 +64886,12 @@ function UserChallenges({ userId }) {
     isError,
     error: newError
   } = useGetUserChallengesInfinite(userId);
-  useEffect101(() => {
+  useEffect102(() => {
     if (isError && newError) {
       handleError(newError);
     }
   }, [isError, newError, handleError]);
-  useEffect101(() => {
+  useEffect102(() => {
     if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
       fetchNextPage();
     }
@@ -64858,7 +64914,7 @@ function UserChallenges({ userId }) {
 }
 
 // src/components/UserProfileLinks/UserProjects.tsx
-import React524, { useEffect as useEffect102 } from "react";
+import React524, { useEffect as useEffect103 } from "react";
 import { useErrorHandler as useErrorHandler8 } from "react-error-boundary";
 import { useInView as useInView12 } from "react-intersection-observer";
 function UserProjects({ userId }) {
@@ -64875,12 +64931,12 @@ function UserProjects({ userId }) {
     isError,
     error: newError
   } = useGetUserProjectsInfinite(userId, getProjectsParameters);
-  useEffect102(() => {
+  useEffect103(() => {
     if (isError && newError) {
       handleError(newError);
     }
   }, [isError, newError, handleError]);
-  useEffect102(() => {
+  useEffect103(() => {
     if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
       fetchNextPage();
     }
@@ -64903,7 +64959,7 @@ function UserProjects({ userId }) {
 }
 
 // src/components/UserProfileLinks/UserTeams.tsx
-import React525, { useEffect as useEffect103 } from "react";
+import React525, { useEffect as useEffect104 } from "react";
 import { useErrorHandler as useErrorHandler9 } from "react-error-boundary";
 import { useInView as useInView13 } from "react-intersection-observer";
 function UserTeams({ userId }) {
@@ -64919,12 +64975,12 @@ function UserTeams({ userId }) {
     isError,
     error: newError
   } = useGetUserTeamsInfinite(userId);
-  useEffect103(() => {
+  useEffect104(() => {
     if (isError && newError) {
       handleError(newError);
     }
   }, [isError, newError, handleError]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
       fetchNextPage();
     }
@@ -64948,7 +65004,7 @@ function UserTeams({ userId }) {
 
 // src/components/UserProfileLinks/UserProfileLinks.tsx
 function UserProfileLinks({ userId }) {
-  const [currentTab, setCurrentTab] = useState148("Projects");
+  const [currentTab, setCurrentTab] = useState149("Projects");
   const { data: userProfile } = useGetUserProfile(userId);
   const userProfileLinksConfig = useMemo40(
     () => [