synapse-react-client 4.0.3 → 4.0.4

package/dist/SWC.index.js

@@ -215,7 +215,7 @@ const X = {
   sendSearchResultsReturnedEvent: c,
   sendSearchResultReturnedEvent: d,
   sendSearchResultClickedEvent: l
-}, $ = "4.0.3";
+}, $ = "4.0.4";
 export {
   _ as Analytics,
   g as HttpClient,

package/dist/components/AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js

@@ -28,7 +28,7 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
-import { useGetEntityBundle as I } from "../../../synapse-queries/entity/useEntityBundle.js";
+import I from "../../../synapse-queries/entity/useEntityBundle.js";
 import { useIsCurrentUserACTMember as L } from "../../../synapse-queries/user/useUserBundle.js";
 import E from "../../IconSvg/IconSvg.js";
 import w from "../ImposeRestrictionDialog/ImposeRestrictionDialog.js";

package/dist/components/AccessRequirementList/AccessRequirementList.js

@@ -14,7 +14,7 @@ import { useState as T, useMemo as D } from "react";
 import { useOneSageURL as oe } from "../../utils/hooks/useOneSageURL.js";
 import "use-deep-compare-effect";
 import { useSynapseContext as ie } from "../../utils/context/SynapseContext.js";
-import { Typography as _, DialogContent as se, styled as ne, DialogActions as ce, Button as ae, Dialog as me } from "@mui/material";
+import { Typography as _, DialogContent as se, DialogActions as ne, Button as ce, Dialog as ae, styled as me } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import { storeRedirectURLForOneSageLoginAndGotoURL as de } from "../../utils/AppUtils/AppUtils.js";
@@ -52,7 +52,7 @@ const j = [
   E,
   te,
   re
-], Ue = new Set(j), N = ne(
+], Ue = new Set(j), N = me(
   _,
   {
     label: "DialogSubsectionHeader"
@@ -224,10 +224,10 @@ function bt(r) {
             e.id
           ))
         ] }),
-        /* @__PURE__ */ t(ce, { children: I || /* @__PURE__ */ t(a, { children: A && /* @__PURE__ */ t(ae, { variant: "contained", onClick: i, children: "Close" }) }) })
+        /* @__PURE__ */ t(ne, { children: I || /* @__PURE__ */ t(a, { children: A && /* @__PURE__ */ t(ce, { variant: "contained", onClick: i, children: "Close" }) }) })
       ] });
   }
-  return A ? /* @__PURE__ */ t(me, { maxWidth: X, fullWidth: !0, open: !0, onClose: i, children: c }) : /* @__PURE__ */ t(a, { children: c });
+  return A ? /* @__PURE__ */ t(ae, { maxWidth: X, fullWidth: !0, open: !0, onClose: i, children: c }) : /* @__PURE__ */ t(a, { children: c });
 }
 export {
   It as checkHasUnsupportedRequirement,

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataAccessRequestAccessorsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EAIf,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,qCAAqC,GAAG;IAElD,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,CAAA;IAE9E,SAAS,EAAE,OAAO,CAAA;IAElB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAmI7C"}
+{"version":3,"file":"DataAccessRequestAccessorsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EAIf,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,qCAAqC,GAAG;IAElD,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,CAAA;IAE9E,SAAS,EAAE,OAAO,CAAA;IAElB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAoI7C"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.js

@@ -1,4 +1,4 @@
-import { jsxs as c, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
 import "../../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -13,7 +13,7 @@ import "../../../utils/PermissionLevelToAccessType.js";
 import "react";
 import "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Typography as d, Stack as y, Button as R, RadioGroup as b, FormControlLabel as u, Radio as I } from "@mui/material";
+import { Typography as a, Stack as y, Button as R, RadioGroup as b, FormControlLabel as u, Radio as I } from "@mui/material";
 import "../../../utils/hooks/useCookiePreferences.js";
 import "../../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -31,7 +31,7 @@ import "../../../utils/types/IsType.js";
 import { useGetCurrentUserProfile as v } from "../../../synapse-queries/user/useUserBundle.js";
 import w from "../../IconSvg/IconSvg.js";
 import { UserBadge as g } from "../../UserCard/UserBadge.js";
-import N from "../../UserSearchBox/UserSearchBoxV2.js";
+import N from "../../UserSearchBox/UserSearchBox.js";
 function pe(C) {
   const { accessorChanges: p, onChange: m, isRenewal: h, helpText: A } = C, { data: l } = v(), f = (e, t) => {
     t && m((o) => {
@@ -54,11 +54,12 @@ function pe(C) {
       return o[n].type = e, o;
     });
   };
-  return /* @__PURE__ */ c(a, { children: [
-    /* @__PURE__ */ r(d, { variant: "headline3", sx: { mt: 4, mb: 2 }, children: "Data Requesters" }),
+  return /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ r(a, { variant: "headline3", sx: { mt: 4, mb: 2 }, children: "Data Requesters" }),
     /* @__PURE__ */ r(
-      d,
+      a,
       {
+        component: "div",
         variant: "body1",
         sx: { mb: 1 },
         className: "requester-label",
@@ -101,7 +102,7 @@ function pe(C) {
       ),
       // 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
-      h && l?.ownerId !== e.userId && e.type !== i.GAIN_ACCESS && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ c(
+      h && l?.ownerId !== e.userId && e.type !== i.GAIN_ACCESS && /* @__PURE__ */ r(d, { children: /* @__PURE__ */ c(
         b,
         {
           value: e.type,

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataAccessRequestAccessorsEditor.js","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport {\n  Button,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessorChange,\n  AccessType,\n  TYPE_FILTER,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport UserSearchBoxV2 from '../../UserSearchBox/UserSearchBoxV2'\n\nexport type DataAccessRequestAccessorsEditorProps = {\n  /* The current set of accessor changes for a data access request */\n  accessorChanges: AccessorChange[]\n  /* Invoked when the set of accessors is updated */\n  onChange: (updater: (prevValue: AccessorChange[]) => AccessorChange[]) => void\n  /* Whether this request is a renewal */\n  isRenewal: boolean\n  /* Text to show to inform the user about requirements accessors may need to meet */\n  helpText: ReactNode\n}\n\n/**\n * Component that handles adding/removing/revoking accessors for a data access request.\n */\nexport default function DataAccessRequestAccessorsEditor(\n  props: DataAccessRequestAccessorsEditorProps,\n) {\n  const { accessorChanges, onChange, isRenewal, helpText } = props\n  const { data: user } = useGetCurrentUserProfile()\n\n  const onSelectUserCallback = (\n    id: string | null,\n    ugh: UserGroupHeader | null,\n  ) => {\n    if (ugh) {\n      onChange(previousValue => {\n        const currentAccessorIds = previousValue.map(ac => ac.userId)\n        // if user is not already in the accessor list (prevent duplicates in accessor list)\n        if (!currentAccessorIds.includes(ugh.ownerId)) {\n          const selectedAccessor: AccessorChange = {\n            userId: ugh.ownerId,\n            type: AccessType.GAIN_ACCESS,\n          }\n          previousValue.push(selectedAccessor)\n        }\n        return previousValue\n      })\n    }\n  }\n\n  const onClearAccessor = (userId: string) => {\n    onChange(previousValue => {\n      return previousValue.filter(item => item.userId !== userId)\n    })\n  }\n\n  // For renewal only\n  const onAccessorAccessTypeChange = (\n    accessType: AccessType,\n    userId: string,\n  ) => {\n    onChange(previousValue => {\n      const indexOfUser = previousValue.findIndex(\n        item => item.userId === userId,\n      )\n      previousValue[indexOfUser].type = accessType\n      return previousValue\n    })\n  }\n\n  return (\n    <>\n      <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n        Data Requesters\n      </Typography>\n      <Typography\n        variant={'body1'}\n        sx={{ mb: 1 }}\n        className={'requester-label'}\n      >\n        {helpText}\n      </Typography>\n      <UserSearchBoxV2\n        inputId={'requesters'}\n        typeFilter={TYPE_FILTER.USERS_ONLY}\n        onChange={onSelectUserCallback}\n        filterPredicate={userGroupHeader =>\n          !accessorChanges\n            .map(ac => ac.userId)\n            .includes(userGroupHeader.ownerId)\n        }\n        value={null}\n      />\n      <Stack sx={{ my: 1, gap: 1 }}>\n        {accessorChanges.map((ac, i) => {\n          return (\n            <div className={'list-items'} key={`accessor-${i}`}>\n              <UserBadge\n                userId={ac.userId}\n                showAccountLevelIcon={true}\n                disableLink={true}\n                showFullName={true}\n              />\n              {\n                // only display delete button if the user profile is not the current user and has not had access before\n                user?.ownerId !== ac.userId &&\n                  ac.type === AccessType.GAIN_ACCESS && (\n                    <Button\n                      aria-label={`Remove user`}\n                      variant={'text'}\n                      sx={{\n                        ml: 1,\n                        px: 0,\n                      }}\n                      onClick={() => onClearAccessor(ac.userId)}\n                    >\n                      <IconSvg icon=\"clear\" />\n                    </Button>\n                  )\n              }\n              {\n                // Renewal/Revoke data access, only display if isRenewal is true\n                // TODO: It's possible to that the accessors list is in an illegal state with no way to recover -- see PLFM-7893\n                isRenewal &&\n                  user?.ownerId !== ac.userId &&\n                  ac.type !== AccessType.GAIN_ACCESS && (\n                    <>\n                      <RadioGroup\n                        value={ac.type}\n                        onChange={(_event, value) =>\n                          onAccessorAccessTypeChange(\n                            value as AccessType,\n                            ac.userId,\n                          )\n                        }\n                      >\n                        <FormControlLabel\n                          control={<Radio />}\n                          label={'Renew'}\n                          value={AccessType.RENEW_ACCESS}\n                        />\n                        <FormControlLabel\n                          control={<Radio />}\n                          label={'Revoke'}\n                          value={AccessType.REVOKE_ACCESS}\n                        />\n                      </RadioGroup>\n                    </>\n                  )\n              }\n            </div>\n          )\n        })}\n      </Stack>\n    </>\n  )\n}\n"],"names":["DataAccessRequestAccessorsEditor","props","accessorChanges","onChange","isRenewal","helpText","user","useGetCurrentUserProfile","onSelectUserCallback","id","ugh","previousValue","ac","selectedAccessor","AccessType","onClearAccessor","userId","item","onAccessorAccessTypeChange","accessType","indexOfUser","jsxs","Fragment","jsx","Typography","UserSearchBoxV2","TYPE_FILTER","userGroupHeader","Stack","i","UserBadge","Button","IconSvg","RadioGroup","_event","value","FormControlLabel","Radio"],"mappings":"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"}
+{"version":3,"file":"DataAccessRequestAccessorsEditor.js","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport {\n  Button,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessorChange,\n  AccessType,\n  TYPE_FILTER,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { ReactNode } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport UserSearchBox from '../../UserSearchBox/UserSearchBox'\n\nexport type DataAccessRequestAccessorsEditorProps = {\n  /* The current set of accessor changes for a data access request */\n  accessorChanges: AccessorChange[]\n  /* Invoked when the set of accessors is updated */\n  onChange: (updater: (prevValue: AccessorChange[]) => AccessorChange[]) => void\n  /* Whether this request is a renewal */\n  isRenewal: boolean\n  /* Text to show to inform the user about requirements accessors may need to meet */\n  helpText: ReactNode\n}\n\n/**\n * Component that handles adding/removing/revoking accessors for a data access request.\n */\nexport default function DataAccessRequestAccessorsEditor(\n  props: DataAccessRequestAccessorsEditorProps,\n) {\n  const { accessorChanges, onChange, isRenewal, helpText } = props\n  const { data: user } = useGetCurrentUserProfile()\n\n  const onSelectUserCallback = (\n    id: string | null,\n    ugh: UserGroupHeader | null,\n  ) => {\n    if (ugh) {\n      onChange(previousValue => {\n        const currentAccessorIds = previousValue.map(ac => ac.userId)\n        // if user is not already in the accessor list (prevent duplicates in accessor list)\n        if (!currentAccessorIds.includes(ugh.ownerId)) {\n          const selectedAccessor: AccessorChange = {\n            userId: ugh.ownerId,\n            type: AccessType.GAIN_ACCESS,\n          }\n          previousValue.push(selectedAccessor)\n        }\n        return previousValue\n      })\n    }\n  }\n\n  const onClearAccessor = (userId: string) => {\n    onChange(previousValue => {\n      return previousValue.filter(item => item.userId !== userId)\n    })\n  }\n\n  // For renewal only\n  const onAccessorAccessTypeChange = (\n    accessType: AccessType,\n    userId: string,\n  ) => {\n    onChange(previousValue => {\n      const indexOfUser = previousValue.findIndex(\n        item => item.userId === userId,\n      )\n      previousValue[indexOfUser].type = accessType\n      return previousValue\n    })\n  }\n\n  return (\n    <>\n      <Typography variant={'headline3'} sx={{ mt: 4, mb: 2 }}>\n        Data Requesters\n      </Typography>\n      <Typography\n        component={'div'}\n        variant={'body1'}\n        sx={{ mb: 1 }}\n        className={'requester-label'}\n      >\n        {helpText}\n      </Typography>\n      <UserSearchBox\n        inputId={'requesters'}\n        typeFilter={TYPE_FILTER.USERS_ONLY}\n        onChange={onSelectUserCallback}\n        filterPredicate={userGroupHeader =>\n          !accessorChanges\n            .map(ac => ac.userId)\n            .includes(userGroupHeader.ownerId)\n        }\n        value={null}\n      />\n      <Stack sx={{ my: 1, gap: 1 }}>\n        {accessorChanges.map((ac, i) => {\n          return (\n            <div className={'list-items'} key={`accessor-${i}`}>\n              <UserBadge\n                userId={ac.userId}\n                showAccountLevelIcon={true}\n                disableLink={true}\n                showFullName={true}\n              />\n              {\n                // only display delete button if the user profile is not the current user and has not had access before\n                user?.ownerId !== ac.userId &&\n                  ac.type === AccessType.GAIN_ACCESS && (\n                    <Button\n                      aria-label={`Remove user`}\n                      variant={'text'}\n                      sx={{\n                        ml: 1,\n                        px: 0,\n                      }}\n                      onClick={() => onClearAccessor(ac.userId)}\n                    >\n                      <IconSvg icon=\"clear\" />\n                    </Button>\n                  )\n              }\n              {\n                // Renewal/Revoke data access, only display if isRenewal is true\n                // TODO: It's possible to that the accessors list is in an illegal state with no way to recover -- see PLFM-7893\n                isRenewal &&\n                  user?.ownerId !== ac.userId &&\n                  ac.type !== AccessType.GAIN_ACCESS && (\n                    <>\n                      <RadioGroup\n                        value={ac.type}\n                        onChange={(_event, value) =>\n                          onAccessorAccessTypeChange(\n                            value as AccessType,\n                            ac.userId,\n                          )\n                        }\n                      >\n                        <FormControlLabel\n                          control={<Radio />}\n                          label={'Renew'}\n                          value={AccessType.RENEW_ACCESS}\n                        />\n                        <FormControlLabel\n                          control={<Radio />}\n                          label={'Revoke'}\n                          value={AccessType.REVOKE_ACCESS}\n                        />\n                      </RadioGroup>\n                    </>\n                  )\n              }\n            </div>\n          )\n        })}\n      </Stack>\n    </>\n  )\n}\n"],"names":["DataAccessRequestAccessorsEditor","props","accessorChanges","onChange","isRenewal","helpText","user","useGetCurrentUserProfile","onSelectUserCallback","id","ugh","previousValue","ac","selectedAccessor","AccessType","onClearAccessor","userId","item","onAccessorAccessTypeChange","accessType","indexOfUser","jsxs","Fragment","jsx","Typography","UserSearchBox","TYPE_FILTER","userGroupHeader","Stack","i","UserBadge","Button","IconSvg","RadioGroup","_event","value","FormControlLabel","Radio"],"mappings":"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"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.js

@@ -29,15 +29,15 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetAccessRequirementWikiPageKey as s } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { MarkdownSynapse as c } from "../../Markdown/MarkdownSynapse.js";
-import { useCanShowManagedACTWikiInWizard as d } from "../AccessRequirementListUtils.js";
+import { Markdown as d } from "../../Markdown/MarkdownSynapse.js";
+import { useCanShowManagedACTWikiInWizard as c } from "../AccessRequirementListUtils.js";
 function J(m) {
   const { children: p, managedACTAccessRequirementId: t } = m, { data: r } = s(
     t,
     {
       enabled: !!t
     }
-  ), n = d();
+  ), n = c();
   return /* @__PURE__ */ e(o, { container: !0, spacing: 5, children: [
     /* @__PURE__ */ i(
       o,
@@ -69,7 +69,7 @@ function J(m) {
         children: [
           /* @__PURE__ */ i(a, { variant: "headline3", sx: { mb: 2 }, children: "Instructions" }),
           r && /* @__PURE__ */ i(
-            c,
+            d,
             {
               wikiId: r.wikiPageId,
               ownerId: r.ownerObjectId,

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementItem.js

@@ -1,4 +1,4 @@
-import { jsxs as d, Fragment as S, jsx as i } from "react/jsx-runtime";
+import { jsxs as d, Fragment as w, jsx as i } from "react/jsx-runtime";
 import "../../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -10,10 +10,10 @@ import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
-import { useCallback as k } from "react";
+import { useCallback as y } from "react";
 import "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Alert as w } from "@mui/material";
+import { Alert as S } from "@mui/material";
 import "../../../utils/hooks/useCookiePreferences.js";
 import "../../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -30,8 +30,8 @@ import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetAccessRequirementWikiPageKey as P, useGetAccessRequirementStatus as L, useCancelDataAccessRequest as T } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useGetRestrictionInformation as C } from "../../../synapse-queries/dataaccess/useRestrictionInformation.js";
-import { MarkdownSynapse as E } from "../../Markdown/MarkdownSynapse.js";
-import { ManagedACTAccessRequirementItemView as h } from "./ManagedACTAccessRequirementItemView.js";
+import { Markdown as E } from "../../Markdown/MarkdownSynapse.js";
+import { ManagedACTAccessRequirementItemView as M } from "./ManagedACTAccessRequirementItemView.js";
 function de(g) {
   const {
     accessRequirement: e,
@@ -63,26 +63,26 @@ function de(g) {
     mutate: p,
     error: a,
     isPending: A
-  } = T(), j = k(() => {
+  } = T(), j = y(() => {
     t && p({
       submissionId: t.currentSubmissionStatus.submissionId,
       accessRequirementId: String(e.id)
     });
-  }, [e.id, t, p]), y = I || f || b;
+  }, [e.id, t, p]), k = I || f || b;
   let u = null;
-  return (o || s || n || a) && (u = /* @__PURE__ */ d(w, { className: "access-requirement-list-alert", severity: "error", children: [
+  return (o || s || n || a) && (u = /* @__PURE__ */ d(S, { className: "access-requirement-list-alert", severity: "error", children: [
     o && o.reason,
     s && s.reason,
     n && n.reason,
-    a && /* @__PURE__ */ d(S, { children: [
+    a && /* @__PURE__ */ d(w, { children: [
       /* @__PURE__ */ i("strong", { children: "Error canceling your data access request:" }),
       /* @__PURE__ */ i("br", {}),
       a.reason
     ] })
   ] })), /* @__PURE__ */ i(
-    h,
+    M,
     {
-      isLoading: y,
+      isLoading: k,
       accessRequirement: e,
       accessRequirementStatus: t,
       restrictionInformation: q,

package/dist/components/AccessRequirementList/RequirementItem/RequirementItem.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as t, Fragment as g } from "react/jsx-runtime";
 import d, { RequirementItemStatus as p } from "../AccessApprovalCheckMark.js";
-import { styled as s, Box as n, Button as u } from "@mui/material";
+import { Box as n, Button as u, styled as s } from "@mui/material";
 const c = s(n, {
   label: "RequirementContainer"
 })({

package/dist/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.js

@@ -28,20 +28,20 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import { isTermsOfUseAccessRequirement as j } from "../../../utils/types/IsType.js";
-import { useGetAccessRequirementStatus as B, useGetAccessRequirementWikiPageKey as G, useCreateAccessApproval as D } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useGetCurrentUserProfile as M, useGetCurrentUserBundle as V } from "../../../synapse-queries/user/useUserBundle.js";
-import { MarkdownSynapse as q } from "../../Markdown/MarkdownSynapse.js";
+import { useGetAccessRequirementStatus as B, useGetAccessRequirementWikiPageKey as G, useCreateAccessApproval as M } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetCurrentUserProfile as D, useGetCurrentUserBundle as V } from "../../../synapse-queries/user/useUserBundle.js";
+import { Markdown as q } from "../../Markdown/MarkdownSynapse.js";
 import { RequirementItemStatus as l } from "../AccessApprovalCheckMark.js";
 import N from "./RequirementItem.js";
 function we(R) {
-  const { accessRequirement: e, onHide: S } = R, { isAuthenticated: n } = b(), c = j(e), { data: f } = M(), { data: i } = V(), m = n && i && !c && e.isCertifiedUserRequired && !i.isCertified, a = n && i && !c && e.isValidatedProfileRequired && !i.isVerified, { data: g, isLoading: w } = B(String(e.id)), p = g?.isApproved, { data: o } = G(
+  const { accessRequirement: e, onHide: S } = R, { isAuthenticated: n } = b(), c = j(e), { data: f } = D(), { data: i } = V(), m = n && i && !c && e.isCertifiedUserRequired && !i.isCertified, a = n && i && !c && e.isValidatedProfileRequired && !i.isVerified, { data: g, isLoading: w } = B(String(e.id)), p = g?.isApproved, { data: o } = G(
     e.id.toString()
     // TermsOfUse ARs may have the terms embedded in the AR or an associated Wiki.
   ), [d, T] = P(!1), {
-    mutate: C,
-    isPending: k,
+    mutate: k,
+    isPending: C,
     error: A
-  } = D({
+  } = M({
     onError: (t) => {
       console.error("Error creating access approval: ", t);
     }
@@ -52,7 +52,7 @@ function we(R) {
       accessorId: f?.ownerId,
       state: O.APPROVED
     };
-    C(t);
+    k(t);
   };
   let s = /* @__PURE__ */ r(h, {});
   c && e.termsOfUse ? s = /* @__PURE__ */ r(q, { markdown: e.termsOfUse }) : o && (s = /* @__PURE__ */ r(
@@ -71,7 +71,7 @@ function we(R) {
         variant: "outlined",
         onClick: y,
         children: t,
-        disabled: k || I
+        disabled: C || I
       },
       {
         variant: "text",

package/dist/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.js

@@ -5,13 +5,13 @@ import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResp
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import "@sage-bionetworks/synapse-types";
 import "../../../utils/functions/EntityTypeUtils.js";
-import { PRODUCTION_ENDPOINT_CONFIG as S } from "../../../utils/functions/getEndpoint.js";
+import { PRODUCTION_ENDPOINT_CONFIG as k } from "../../../utils/functions/getEndpoint.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
 import "../../../utils/SynapseConstants.js";
-import { useState as k } from "react";
+import { useState as S } from "react";
 import { useSynapseContext as b } from "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import { Typography as O, Link as j, Box as P } from "@mui/material";
@@ -30,20 +30,20 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetAccessRequirementStatus as v, useGetAccessRequirementWikiPageKey as x } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { MarkdownSynapse as f } from "../../Markdown/MarkdownSynapse.js";
+import { Markdown as f } from "../../Markdown/MarkdownSynapse.js";
 import { RequirementItemStatus as a } from "../AccessApprovalCheckMark.js";
 import L from "./RequirementItem.js";
 function ft(w) {
   const { accessRequirement: e, subjectId: m, subjectType: p, onHide: n } = w, { isAuthenticated: g } = b(), { data: A, isLoading: C } = v(String(e.id)), { data: o } = x(
     e.id.toString()
     // ACT ARs may have the contact info embedded in the AR or may have an associated Wiki.
-  ), r = A?.isApproved, [s, y] = k(!1);
+  ), r = A?.isApproved, [s, y] = S(!1);
   let c = "";
   typeof window < "u" && (window.location.hostname === "www.synapse.org" || window.location.hostname === "staging.synapse.org") ? c = "Request access" : c = "Request access via Synapse.org";
   const T = () => {
     const h = p ? `&TYPE=${p}` : "", q = m ? `&ID=${m}` : "";
     window.open(
-      `${S.PORTAL}AccessRequirement:AR_ID=${e.id}${h}${q}`
+      `${k.PORTAL}AccessRequirement:AR_ID=${e.id}${h}${q}`
     );
   }, R = () => {
     T(), n && n();

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

@@ -1 +1 @@
-{"version":3,"file":"AcknowledgementsPage.d.ts","sourceRoot":"","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAIlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,oBAAoB,CAAA;IACjD,qBAAqB,CAAC,EAAE,oBAAoB,CAAA;IAC5C,uBAAuB,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAsOlE;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"AcknowledgementsPage.d.ts","sourceRoot":"","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAIlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,oBAAoB,CAAA;IACjD,qBAAqB,CAAC,EAAE,oBAAoB,CAAA;IAC5C,uBAAuB,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAuOlE;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.js

@@ -1,5 +1,5 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { Container as D, Typography as t, Box as T, Link as I, Button as p } from "@mui/material";
+import { jsxs as n, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { Container as D, Typography as t, Box as T, Link as I, Button as u } from "@mui/material";
 import { useState as o, useCallback as O } from "react";
 import { ReactComponent as P } from "../../assets/illustrations/acknowledgement_statements_illustration.svg.js";
 import W from "../TextToComponentCollapse.js";
@@ -14,15 +14,15 @@ function M(g) {
     portalAcknowledgementProps: s,
     dataAvailabilityProps: c,
     studyAcknowledgementSql: f
-  } = g, [x, h] = o(!1), [y, w] = o(), [k, v] = o(), [n, C] = o([]), S = O(
-    () => h(!1),
+  } = g, [x, m] = o(!1), [y, w] = o(), [v, k] = o(), [a, C] = o([]), S = O(
+    () => m(!1),
     []
   );
-  return /* @__PURE__ */ a(d, { children: [
-    /* @__PURE__ */ a(D, { maxWidth: "lg", sx: { mt: "2em", mb: "2em" }, children: [
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ n(D, { maxWidth: "lg", sx: { mt: "2em", mb: "2em" }, children: [
       /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to acknowledge data from this portal" }),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { mb: "1em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { mb: "1em" }, children: [
         "The data available in the ",
         i,
         " would not be possible without the participation of research volunteers and the contribution of data by collaborating researchers. All use of data from the ",
@@ -30,7 +30,7 @@ function M(g) {
         " ",
         "must be acknowledged and referenced appropriately."
       ] }),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: [
         "All publications using ",
         i,
         " data must include the provided statements:"
@@ -38,7 +38,7 @@ function M(g) {
       /* @__PURE__ */ e(T, { sx: { mb: "2em", svg: { maxWidth: "100%" } }, children: /* @__PURE__ */ e(P, {}) }),
       /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to use this page:" }),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { mb: ".5em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { mb: ".5em" }, children: [
         "This page will guide you through creating the acknowledgement statements required when publishing with ",
         i,
         " data."
@@ -47,6 +47,7 @@ function M(g) {
         t,
         {
           variant: "body1",
+          component: "div",
           sx: {
             mb: "2em",
             "& li::marker": {
@@ -54,24 +55,24 @@ function M(g) {
               // bold the number
             }
           },
-          children: /* @__PURE__ */ a("ol", { children: [
-            /* @__PURE__ */ a("li", { children: [
+          children: /* @__PURE__ */ n("ol", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Select study acknowledgement statements" }),
               /* @__PURE__ */ e("br", {}),
               "From the list below, select all the studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication."
             ] }),
-            /* @__PURE__ */ a("li", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Generate compiled statement" }),
               /* @__PURE__ */ e("br", {}),
               "Click the Generate Compiled Statement button at the bottom of the page. This will compile:",
-              /* @__PURE__ */ a("ul", { children: [
+              /* @__PURE__ */ n("ul", { children: [
                 /* @__PURE__ */ e("li", { children: "The Portal Acknowledgement Statement" }),
                 /* @__PURE__ */ e("li", { children: "The acknowledgement(s) for the studies you selected" }),
                 /* @__PURE__ */ e("li", { children: "A template data availability statement" })
               ] }),
               /* @__PURE__ */ e("i", { children: "Important: You will need to edit the compiled statement to add a brief description of the data used in your manuscript and a DOI that points to your dataset." })
             ] }),
-            /* @__PURE__ */ a("li", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Create a DOI for your dataset" }),
               /* @__PURE__ */ e("br", {}),
               "As part of the data availability statement, you will need to create a dataset that captures all files used in your publication and mint the dataset with a persistent Digital Object Identifier (DOI). For more instructions read ",
@@ -88,7 +89,7 @@ function M(g) {
           ] })
         }
       ),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 1, style: { paddingInlineStart: "20px" }, children: /* @__PURE__ */ e("li", { children: "Select study acknowledgement statements" }) }) }),
+      /* @__PURE__ */ e(t, { component: "div", variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 1, style: { paddingInlineStart: "20px" }, children: /* @__PURE__ */ e("li", { children: "Select study acknowledgement statements" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", children: "From the list below, select all studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication." }),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "2em" }, children: 'You can also expand each section for detailed information or click "Copy full statement to clipboard" to save the text.' }),
@@ -98,31 +99,31 @@ function M(g) {
           sql: f,
           onSelectChange: (r, A) => {
             if (A)
-              n.push(r);
+              a.push(r);
             else {
-              const m = n.findIndex(
-                (u) => u.title === r.title && u.statement === r.statement
+              const h = a.findIndex(
+                (p) => p.title === r.title && p.statement === r.statement
               );
-              m > -1 && n.splice(m, 1);
+              h > -1 && a.splice(h, 1);
             }
-            C([...n]);
+            C([...a]);
           }
         }
       ),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 2, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Generate compiled statement" }) }) }),
+      /* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 2, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Generate compiled statement" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: "Click to generate a compiled statement for your publication." }),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "The generated text will include your selected study acknowledgement statements and all other required statements listed below." }),
       /* @__PURE__ */ e(
-        p,
+        u,
         {
           variant: "contained",
-          onClick: () => h(!0),
+          onClick: () => m(!0),
           sx: { mb: "3em" },
           children: "Generate compiled statement"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         W,
         {
           text: "Click to see other text included in the compiled statement",
@@ -132,7 +133,7 @@ function M(g) {
           collapseBoxSx: { backgroundColor: "unset", p: "20px 0px" },
           iconSx: { width: "20px", height: "20px" },
           children: [
-            s && /* @__PURE__ */ a(d, { children: [
+            s && /* @__PURE__ */ n(d, { children: [
               /* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", mb: "1em" }, children: "Portal Acknowledgement Statement (Required)" }),
               /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
               /* @__PURE__ */ e(
@@ -145,14 +146,14 @@ function M(g) {
                 }
               )
             ] }),
-            c && /* @__PURE__ */ a(d, { children: [
+            c && /* @__PURE__ */ n(d, { children: [
               /* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", m: "1em 0" }, children: "Data Availability Statement (Required)" }),
               /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
               /* @__PURE__ */ e(
                 b,
                 {
                   ...c,
-                  setPlainTextResult: v,
+                  setPlainTextResult: k,
                   textDescription: "full statement",
                   showCopyPlainText: !0
                 }
@@ -162,11 +163,11 @@ function M(g) {
         }
       ),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 3, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Create a DOI for your dataset" }) }) }),
+      /* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 3, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Create a DOI for your dataset" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "A digital object identifier (DOI) provides a persistent identifier that allows readers to find the data cited in your publication. Creating a DOI in the Synapse platform is free and required as part of the data availability statement." }),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ n(
+        u,
         {
           variant: "outlined",
           href: l,
@@ -186,8 +187,8 @@ function M(g) {
         onClose: S,
         createDoiHelpUrl: l,
         portalAcknowledgement: y,
-        dataAvailabilityStatement: k,
-        studyAcknowledgements: n
+        dataAvailabilityStatement: v,
+        studyAcknowledgements: a
       }
     )
   ] });