synapse-react-client 4.0.6 → 4.0.8

package/dist/SWC.index.js

@@ -221,7 +221,7 @@ const Y = {
   sendSearchResultsReturnedEvent: y,
   sendSearchResultReturnedEvent: c,
   sendSearchResultClickedEvent: d
-}, tt = "4.0.6";
+}, tt = "4.0.8";
 export {
   $ as Analytics,
   g as HttpClient,

package/dist/components/CardDeck/TableQueryCardDeck.js

@@ -36,7 +36,6 @@ import { getFieldIndex as e } from "../../utils/functions/queryUtils.js";
 import { getLinkParams as V, getFileHandleAssociation as d } from "../GenericCard/CardUtils.js";
 import "../../utils/functions/DateFormatter.js";
 import "dayjs";
-import "../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
@@ -60,7 +59,7 @@ import "react-transition-group";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
 import "../GenericCard/GenericCard.js";
-function to(I) {
+function Zt(I) {
   const {
     entityId: r,
     titleColumnName: f,
@@ -136,7 +135,7 @@ function to(I) {
   return /* @__PURE__ */ n(M, { cards: N || [], cardDeckType: a });
 }
 export {
-  to as TableQueryCardDeck,
-  to as default
+  Zt as TableQueryCardDeck,
+  Zt as default
 };
 //# sourceMappingURL=TableQueryCardDeck.js.map

package/dist/components/CardDeck/TableQueryCardDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}
+{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}

package/dist/components/ChangePassword/useChangePasswordFormState.js

@@ -38,7 +38,6 @@ import "@react-hookz/web";
 import "dayjs";
 import "../styled/StyledFormControl.js";
 import { TOTP_GUIDANCE_TEXT as v, RECOVERY_CODE_GUIDANCE_TEXT_SHORT as B } from "../Authentication/Constants.js";
-import "../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
@@ -61,7 +60,7 @@ import "react-hot-toast";
 import "react-transition-group";
 import "../Authentication/RecoveryCodeGrid.js";
 const H = "Two-factor authentication is required to change your password. Your password has not yet been changed.";
-function $o(p) {
+function Zo(p) {
   const _ = W("/reset2FA"), w = Y(
     _,
     "twoFAResetToken"
@@ -179,6 +178,6 @@ function $o(p) {
 }
 export {
   H as TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT,
-  $o as default
+  Zo as default
 };
 //# sourceMappingURL=useChangePasswordFormState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}
+{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.css

@@ -0,0 +1 @@
+._container_36spd_1{display:flex;justify-content:start;align-items:center;gap:10px;margin-top:16px}._bullet_36spd_9{width:21px;height:21px;border-radius:50%;border:4px solid;flex-shrink:0}._mainText_36spd_17{font-size:16px;font-weight:700}@media(min-width:768px){._mainText_36spd_17{font-size:18px}}._subText_36spd_27{font-size:14px;line-height:144%}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.d.ts

@@ -0,0 +1,8 @@
+export type ColoredBulletListItemProps = {
+    bulletColor: string;
+    mainText: string;
+    subText: string;
+};
+declare function ColoredBulletListItem(props: ColoredBulletListItemProps): import("react/jsx-runtime").JSX.Element;
+export default ColoredBulletListItem;
+//# sourceMappingURL=ColoredBulletListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColoredBulletListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ColoredBulletListItem/ColoredBulletListItem.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,0BAA0B,GAAG;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAiB/D;AAED,eAAe,qBAAqB,CAAA"}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.js

@@ -0,0 +1,21 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Typography as t } from "@mui/material";
+import e from "./ColoredBulletListItem.module.scss.js";
+function d(l) {
+  const { bulletColor: o, mainText: a, subText: s } = l;
+  return /* @__PURE__ */ i("div", { className: e.container, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: e.bullet,
+        style: { borderColor: o, backgroundColor: o }
+      }
+    ),
+    /* @__PURE__ */ r(t, { variant: "headline1", className: e.mainText, children: a }),
+    /* @__PURE__ */ r(t, { variant: "body1", className: e.subText, children: s })
+  ] });
+}
+export {
+  d as default
+};
+//# sourceMappingURL=ColoredBulletListItem.js.map

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColoredBulletListItem.js","sources":["../../../src/components/ColoredBulletListItem/ColoredBulletListItem.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport styles from './ColoredBulletListItem.module.scss'\n\nexport type ColoredBulletListItemProps = {\n  bulletColor: string\n  mainText: string\n  subText: string\n}\n\nfunction ColoredBulletListItem(props: ColoredBulletListItemProps) {\n  const { bulletColor, mainText, subText } = props\n\n  return (\n    <div className={styles.container}>\n      <div\n        className={styles.bullet}\n        style={{ borderColor: bulletColor, backgroundColor: bulletColor }}\n      />\n      <Typography variant=\"headline1\" className={styles.mainText}>\n        {mainText}\n      </Typography>\n      <Typography variant=\"body1\" className={styles.subText}>\n        {subText}\n      </Typography>\n    </div>\n  )\n}\n\nexport default ColoredBulletListItem\n"],"names":["ColoredBulletListItem","props","bulletColor","mainText","subText","jsxs","styles","jsx","Typography"],"mappings":";;;AASA,SAASA,EAAsBC,GAAmC;AAChE,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,SAAAC,EAAA,IAAYH;AAE3C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,OAAO,EAAE,aAAaJ,GAAa,iBAAiBA,EAAA;AAAA,MAAY;AAAA,IAAA;AAAA,sBAEjEM,GAAA,EAAW,SAAQ,aAAY,WAAWF,EAAO,UAC/C,UAAAH,GACH;AAAA,sBACCK,GAAA,EAAW,SAAQ,SAAQ,WAAWF,EAAO,SAC3C,UAAAF,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.module.scss

@@ -0,0 +1,32 @@
+@use '../../style/abstracts/variables' as SrcVariables;
+@use 'sass:map';
+
+.container {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: 10px;
+  margin-top: 16px;
+}
+
+.bullet {
+  width: 21px;
+  height: 21px;
+  border-radius: 50%;
+  border: 4px solid;
+  flex-shrink: 0;
+}
+
+.mainText {
+  font-size: 16px;
+  font-weight: bold;
+
+  @media (min-width: map.get(SrcVariables.$breakpoints, 'medium')) {
+    font-size: 18px;
+  }
+}
+
+.subText {
+  font-size: 14px;
+  line-height: 144%;
+}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.module.scss.js

@@ -0,0 +1,14 @@
+import './ColoredBulletListItem.css';const t = "_container_36spd_1", e = "_bullet_36spd_9", s = "_mainText_36spd_17", n = "_subText_36spd_27", _ = {
+  container: t,
+  bullet: e,
+  mainText: s,
+  subText: n
+};
+export {
+  e as bullet,
+  t as container,
+  _ as default,
+  s as mainText,
+  n as subText
+};
+//# sourceMappingURL=ColoredBulletListItem.module.scss.js.map

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColoredBulletListItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/ColoredBulletListItem/index.d.ts

@@ -0,0 +1,5 @@
+import ColoredBulletListItem from './ColoredBulletListItem';
+import type { ColoredBulletListItemProps } from './ColoredBulletListItem';
+export { ColoredBulletListItem, ColoredBulletListItemProps };
+export default ColoredBulletListItem;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ColoredBulletListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColoredBulletListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,CAAA;AAC5D,eAAe,qBAAqB,CAAA"}

package/dist/components/ColoredBulletListItem/index.js

@@ -0,0 +1,6 @@
+import e from "./ColoredBulletListItem.js";
+export {
+  e as ColoredBulletListItem,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ColoredBulletListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js

@@ -35,7 +35,6 @@ import "../Markdown/MarkdownSynapse.js";
 import "@mui/icons-material/Close";
 import "../styled/StyledPopover.js";
 import "@mui/icons-material";
-import "../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
@@ -56,7 +55,7 @@ import "react-transition-group";
 import { SetBasicAccessRequirementFields as F } from "../SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js";
 import { SetManagedAccessRequirementFields as N } from "../SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js";
 import { getDialogTitle as q, isLastStep as v } from "./CreateOrUpdateAccessRequirementWizardUtils.js";
-function be(t) {
+function xe(t) {
   const { open: E, onCancel: u, onComplete: n } = t, [o, p] = c(
     "SET_AR_COMMON_FIELDS"
   ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), a = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
@@ -150,7 +149,7 @@ function be(t) {
   );
 }
 export {
-  be as CreateOrUpdateAccessRequirementWizard,
-  be as default
+  xe as CreateOrUpdateAccessRequirementWizard,
+  xe as default
 };
 //# sourceMappingURL=CreateOrUpdateAccessRequirementWizard.js.map

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GACdC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GAEjC,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACtB;AAAA,EAAA,GAEI,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAK,GACnD,CAACG,GAAqBC,CAAsB,IAAIJ,EAEpDN,EAAM,mBAAmB,GAErBW,IACJC,EAA+C,IAAI,GAC/CC,IACJD,EAAgD,IAAI,GAChDE,IAAeF,EAAyC,IAAI,GAC5DG,IACJH,EAA8C,IAAI,GAE9CI,IAAY,EAAQhB,EAAM,qBAE1BiB,IAAcC,EAAQ,MAAM;AAChC,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,QAAQ,CAACF,GAAqBY,MAAkC;AAC9D,cAAAX,EAAuBD,CAAmB,GAM1CJ,EAJEgB,MACAC,IACI,0BACA,qBACU,GAChBd,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,YACjC,SAASR,EAAM;AAAA,YACf,qBAAqBA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAGjC,KAAK;AACH,eACE,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAJ;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAJ,EAAQ,gCAAgC,GACxCG,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAL;AAAA,YACA,gBAAgB,CAAAgB,MAAkB;AAChC,cAAIA,KACFtB,EAAWM,CAAmB,GAEhCD,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,qBAAAN;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAN,EAAWM,CAAmB,GAC9BD,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,IACnC;AAAA,EAGR,GAAG;AAAA,IACDJ;AAAA,IACAJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAN;AAAA,EAAA,CACD;AAqBD,SACE,gBAAAgB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,WAvByD,CAAA0B,MAAK;AAIhE,gBAFAA,EAAE,eAAA,GACFpB,EAAa,EAAI,GACTJ,GAAA;AAAA,UACN,KAAK;AACH,YAAAO,GAAsB,SAAS,KAAA;AAC/B;AAAA,UACF,KAAK;AACH,YAAAE,GAAuB,SAAS,KAAA;AAChC;AAAA,UACF,KAAK;AACH,YAAAC,GAAc,SAAS,KAAA;AACvB;AAAA,UACF,KAAK;AACH,YAAAC,GAAqB,SAAS,KAAA;AAAA,QAAK;AAAA,MAEzC;AAAA,MAOI,oBAAoB;AAAA,QAClB,UAAUc,EAAWzB,CAAI,IAAI,SAAS;AAAA,QACtC,UAAUG;AAAA,MAAA;AAAA,MAEZ,UAAU;AAAA,MACV,OAAOuB,EAAe1B,GAAMY,CAAS;AAAA,MACrC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GACdC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GAEjC,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACtB;AAAA,EAAA,GAEI,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAK,GACnD,CAACG,GAAqBC,CAAsB,IAAIJ,EAEpDN,EAAM,mBAAmB,GAErBW,IACJC,EAA+C,IAAI,GAC/CC,IACJD,EAAgD,IAAI,GAChDE,IAAeF,EAAyC,IAAI,GAC5DG,IACJH,EAA8C,IAAI,GAE9CI,IAAY,EAAQhB,EAAM,qBAE1BiB,IAAcC,EAAQ,MAAM;AAChC,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,QAAQ,CAACF,GAAqBY,MAAkC;AAC9D,cAAAX,EAAuBD,CAAmB,GAM1CJ,EAJEgB,MACAC,IACI,0BACA,qBACU,GAChBd,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,YACjC,SAASR,EAAM;AAAA,YACf,qBAAqBA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAGjC,KAAK;AACH,eACE,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAJ;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAJ,EAAQ,gCAAgC,GACxCG,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAL;AAAA,YACA,gBAAgB,CAAAgB,MAAkB;AAChC,cAAIA,KACFtB,EAAWM,CAAmB,GAEhCD,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,qBAAAN;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAN,EAAWM,CAAmB,GAC9BD,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,IACnC;AAAA,EAGR,GAAG;AAAA,IACDJ;AAAA,IACAJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAN;AAAA,EAAA,CACD;AAqBD,SACE,gBAAAgB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,WAvByD,CAAA0B,MAAK;AAIhE,gBAFAA,EAAE,eAAA,GACFpB,EAAa,EAAI,GACTJ,GAAA;AAAA,UACN,KAAK;AACH,YAAAO,GAAsB,SAAS,KAAA;AAC/B;AAAA,UACF,KAAK;AACH,YAAAE,GAAuB,SAAS,KAAA;AAChC;AAAA,UACF,KAAK;AACH,YAAAC,GAAc,SAAS,KAAA;AACvB;AAAA,UACF,KAAK;AACH,YAAAC,GAAqB,SAAS,KAAA;AAAA,QAAK;AAAA,MAEzC;AAAA,MAOI,oBAAoB;AAAA,QAClB,UAAUc,EAAWzB,CAAI,IAAI,SAAS;AAAA,QACtC,UAAUG;AAAA,MAAA;AAAA,MAEZ,UAAU;AAAA,MACV,OAAOuB,EAAe1B,GAAMY,CAAS;AAAA,MACrC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}

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

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

package/dist/components/CreateProjectModal/CreateProjectModal.js

@@ -1,91 +1,165 @@
-import { jsxs as f, Fragment as d, jsx as t } from "react/jsx-runtime";
-import * as S from "../../synapse-client/SynapseClient.js";
+import { jsxs as D, Fragment as V, jsx as n } from "react/jsx-runtime";
+import * as y from "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import "@sage-bionetworks/synapse-types";
+import { ACCESS_TYPE as a } from "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
 import "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
-import { useSynapseContext as g } from "../../utils/context/SynapseContext.js";
-import { Alert as y } from "@mui/material";
-import { useState as n } from "react";
-import { ConfirmationDialog as P } from "../ConfirmationDialog/ConfirmationDialog.js";
-import w from "../FullWidthAlert/FullWidthAlert.js";
-import v from "../TextField/TextField.js";
-function z({
-  isShowingModal: u = !1,
-  onClose: h,
-  gotoPlace: i
+import { useGetRealmPrincipals as B } from "../../synapse-queries/realm/useRealmPrincipals.js";
+import { useSynapseContext as O } from "../../utils/context/SynapseContext.js";
+import { Stack as W, Alert as R } from "@mui/material";
+import { useState as p } from "react";
+import { useMutation as k } from "@tanstack/react-query";
+import { ConfirmationDialog as F } from "../ConfirmationDialog/ConfirmationDialog.js";
+import G from "../FullWidthAlert/FullWidthAlert.js";
+import x from "../TextField/TextField.js";
+import { ProjectVisibilityRadioGroup as M } from "./ProjectVisibilityRadioGroup.js";
+function ce({
+  isShowingModal: I = !1,
+  onClose: T,
+  gotoPlace: C
 }) {
-  const { accessToken: j } = g(), [o, s] = n(""), [C, a] = n(!1), [c, r] = n(), l = () => {
-    s(""), r(void 0), h();
-  }, m = async () => {
-    try {
-      const e = await S.createProject(
-        o,
-        j
+  const { accessToken: m } = O(), [d, g] = p(""), [A, P] = p(""), [c, w] = p("DISCOVERABLE"), [N, j] = p(!1), { data: S } = B(), l = S?.publicGroup, u = S?.authenticatedUsers, L = async (e) => {
+    if (c !== "PRIVATE")
+      try {
+        const i = await y.getEntityACL(
+          e,
+          m
+        ), o = (f, h, v) => f.find((s) => s.principalId === h) ? f.map(
+          (s) => s.principalId === h ? {
+            ...s,
+            accessType: [.../* @__PURE__ */ new Set([...s.accessType, ...v])]
+          } : s
+        ) : [...f, { principalId: h, accessType: v }];
+        let t = [...i.resourceAccess];
+        c === "DISCOVERABLE" ? (l && (t = o(
+          t,
+          Number(l),
+          [a.READ]
+        )), u && (t = o(
+          t,
+          Number(u),
+          [a.READ]
+        ))) : c === "PUBLIC" && (l && (t = o(
+          t,
+          Number(l),
+          [a.READ]
+        )), u && (t = o(
+          t,
+          Number(u),
+          [a.READ, a.DOWNLOAD]
+        ))), await y.updateEntityACL(
+          { ...i, resourceAccess: t },
+          m
+        );
+      } catch (i) {
+        const o = i;
+        throw new Error(
+          `Project was created, but visibility could not be set: ${o.reason ?? o.message}`
+        );
+      }
+  }, r = k({
+    mutationFn: async () => {
+      const e = await y.createProject(
+        d,
+        A,
+        m
       );
-      a(!0), l();
-      const p = `/Synapse:${e.id}`;
-      i ? i(p) : window.location.href = p;
-    } catch (e) {
-      e.reason ? r(e.reason) : r(e.toString());
+      return await L(e.id), e;
+    },
+    onSuccess: (e) => {
+      j(!0), b();
+      const i = `/Synapse:${e.id}`;
+      C ? C(i) : window.location.href = i;
     }
-  };
-  return /* @__PURE__ */ f(d, { children: [
-    /* @__PURE__ */ t(
-      P,
+  }), b = () => {
+    g(""), P(""), w("DISCOVERABLE"), r.reset(), T();
+  }, E = r.error ? r.error.reason ?? r.error.message : void 0;
+  return /* @__PURE__ */ D(V, { children: [
+    /* @__PURE__ */ n(
+      F,
       {
-        open: u,
+        open: I,
         title: "Create a new Project",
-        content: /* @__PURE__ */ f(d, { children: [
-          /* @__PURE__ */ t(
-            v,
+        content: /* @__PURE__ */ D(W, { gap: 2, children: [
+          /* @__PURE__ */ n(
+            x,
             {
               id: "projectInput",
               label: "Project Name",
               required: !0,
               helperText: "Pick a unique title for your project",
-              value: o,
+              value: d,
               fullWidth: !0,
               onChange: (e) => {
-                s(e.target.value);
+                g(e.target.value);
               },
               inputProps: {
                 onKeyDown: (e) => {
-                  e.key === "Enter" && o !== "" && m();
+                  e.key === "Enter" && d !== "" && r.mutate();
                 }
               }
             }
           ),
-          c && /* @__PURE__ */ t(y, { severity: "error", children: c })
+          /* @__PURE__ */ n(
+            x,
+            {
+              id: "descriptionInput",
+              label: "Description",
+              helperText: "(optional)",
+              placeholder: "Brief description of this project",
+              multiline: !0,
+              minRows: 3,
+              value: A,
+              fullWidth: !0,
+              maxCharacterCount: 350,
+              onChange: (e) => {
+                P(e.target.value);
+              }
+            }
+          ),
+          /* @__PURE__ */ n(
+            M,
+            {
+              value: c,
+              onChange: w
+            }
+          ),
+          E && /* @__PURE__ */ n(R, { severity: "error", children: E }),
+          /* @__PURE__ */ n(R, { severity: "warning", children: "You can update project visibility at any time in Project Tools, or manage access at a more granular level for individual files and folders." })
         ] }),
-        confirmButtonProps: { children: "Save" },
+        confirmButtonProps: {
+          children: "Save",
+          disabled: r.isPending,
+          loading: r.isPending
+        },
         onConfirm: () => {
-          m();
+          r.mutate();
         },
-        onCancel: l,
-        maxWidth: "md"
+        onCancel: b,
+        maxWidth: "sm",
+        dense: !0
       }
     ),
-    /* @__PURE__ */ t(
-      w,
+    /* @__PURE__ */ n(
+      G,
       {
-        show: C,
+        show: N,
         variant: "info",
         title: "Project created",
         description: "",
         autoCloseAfterDelayInSeconds: 10,
         onClose: () => {
-          a(!1);
+          j(!1);
         }
       }
     )
   ] });
 }
 export {
-  z as CreateProjectModal
+  ce as CreateProjectModal
 };
 //# sourceMappingURL=CreateProjectModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateProjectModal.js","sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert } from '@mui/material'\nimport { KeyboardEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport TextField from '../TextField/TextField'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [isShowingSuccessAlert, setIsShowingSuccessAlert] =\n    useState<boolean>(false)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const hide = () => {\n    setProjectName('')\n    setErrorMessage(undefined)\n    onClose()\n  }\n  const onCreateProject = async () => {\n    try {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        accessToken,\n      )\n      setIsShowingSuccessAlert(true)\n      hide()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    } catch (err) {\n      if (err.reason) {\n        setErrorMessage(err.reason)\n      } else {\n        setErrorMessage(err.toString())\n      }\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        helperText=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        inputProps={{\n          onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n              if (projectName !== '') {\n                onCreateProject()\n              }\n            }\n          },\n        }}\n      />\n      {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{ children: 'Save' }}\n        onConfirm={() => {\n          void onCreateProject()\n        }}\n        onCancel={hide}\n        maxWidth=\"md\"\n      />\n      <FullWidthAlert\n        show={isShowingSuccessAlert}\n        variant=\"info\"\n        title=\"Project created\"\n        description=\"\"\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setIsShowingSuccessAlert(false)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["CreateProjectModal","isShowingModal","onClose","gotoPlace","accessToken","useSynapseContext","projectName","setProjectName","useState","isShowingSuccessAlert","setIsShowingSuccessAlert","errorMessage","setErrorMessage","hide","onCreateProject","newProject","SynapseClient","href","err","jsxs","Fragment","jsx","ConfirmationDialog","TextField","event","Alert","FullWidthAlert"],"mappings":";;;;;;;;;;;;;;;;AAcO,SAASA,EAAmB;AAAA,EACjC,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AAAA,EACA,WAAAC;AACF,GAA4B;AAC1B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,CAACC,GAAaC,CAAc,IAAIC,EAAiB,EAAE,GACnD,CAACC,GAAuBC,CAAwB,IACpDF,EAAkB,EAAK,GACnB,CAACG,GAAcC,CAAe,IAAIJ,EAAA,GAClCK,IAAO,MAAM;AACjB,IAAAN,EAAe,EAAE,GACjBK,EAAgB,MAAS,GACzBV,EAAA;AAAA,EACF,GACMY,IAAkB,YAAY;AAClC,QAAI;AACF,YAAMC,IAAa,MAAMC,EAAc;AAAA,QACrCV;AAAA,QACAF;AAAA,MAAA;AAEF,MAAAM,EAAyB,EAAI,GAC7BG,EAAA;AACA,YAAMI,IAAO,YAAYF,EAAW,EAAE;AACtC,MAAIZ,IACFA,EAAUc,CAAI,IAEd,OAAO,SAAS,OAAOA;AAAA,IAE3B,SAASC,GAAK;AACZ,MAAIA,EAAI,SACNN,EAAgBM,EAAI,MAAM,IAE1BN,EAAgBM,EAAI,UAAU;AAAA,IAElC;AAAA,EACF;AA4BA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMrB;AAAA,QACN,OAAM;AAAA,QACN,SA9BJ,gBAAAkB,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAM;AAAA,cACN,UAAQ;AAAA,cACR,YAAW;AAAA,cACX,OAAOjB;AAAA,cACP,WAAS;AAAA,cACT,UAAU,CAAAkB,MAAS;AACjB,gBAAAjB,EAAeiB,EAAM,OAAO,KAAK;AAAA,cACnC;AAAA,cACA,YAAY;AAAA,gBACV,WAAW,CAACA,MAA2C;AACrD,kBAAIA,EAAM,QAAQ,WACZlB,MAAgB,MAClBQ,EAAA;AAAA,gBAGN;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAEDH,KAAgB,gBAAAU,EAACI,GAAA,EAAM,UAAS,SAAS,UAAAd,EAAA,CAAa;AAAA,QAAA,GACzD;AAAA,QASI,oBAAoB,EAAE,UAAU,OAAA;AAAA,QAChC,WAAW,MAAM;AACf,UAAKG,EAAA;AAAA,QACP;AAAA,QACA,UAAUD;AAAA,QACV,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,gBAAAQ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAMjB;AAAA,QACN,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,8BAA8B;AAAA,QAC9B,SAAS,MAAM;AACb,UAAAC,EAAyB,EAAK;AAAA,QAChC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"CreateProjectModal.js","sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert, Stack } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, useState } from 'react'\nimport { useMutation } from '@tanstack/react-query'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport TextField from '../TextField/TextField'\nimport {\n  ProjectVisibility,\n  ProjectVisibilityRadioGroup,\n} from './ProjectVisibilityRadioGroup'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [visibility, setVisibility] =\n    useState<ProjectVisibility>('DISCOVERABLE')\n  const [isShowingSuccessAlert, setIsShowingSuccessAlert] =\n    useState<boolean>(false)\n\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const publicGroupId = realmPrincipals?.publicGroup\n  const authenticatedUsersId = realmPrincipals?.authenticatedUsers\n\n  const applyVisibilityAcl = async (projectId: string): Promise<void> => {\n    if (visibility === 'PRIVATE') {\n      return\n    }\n    try {\n      const currentAcl = await SynapseClient.getEntityACL(\n        projectId,\n        accessToken,\n      )\n\n      const upsertAccessTypes = (\n        entries: typeof currentAcl.resourceAccess,\n        principalId: number,\n        accessTypes: ACCESS_TYPE[],\n      ): typeof currentAcl.resourceAccess => {\n        const existing = entries.find(e => e.principalId === principalId)\n        if (existing) {\n          return entries.map(e =>\n            e.principalId === principalId\n              ? {\n                  ...e,\n                  accessType: [...new Set([...e.accessType, ...accessTypes])],\n                }\n              : e,\n          )\n        }\n        return [...entries, { principalId, accessType: accessTypes }]\n      }\n\n      let newResourceAccess = [...currentAcl.resourceAccess]\n\n      if (visibility === 'DISCOVERABLE') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n      } else if (visibility === 'PUBLIC') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ, ACCESS_TYPE.DOWNLOAD],\n          )\n        }\n      }\n\n      await SynapseClient.updateEntityACL(\n        { ...currentAcl, resourceAccess: newResourceAccess },\n        accessToken,\n      )\n    } catch (e) {\n      const err = e as SynapseClientError\n      throw new Error(\n        `Project was created, but visibility could not be set: ${\n          err.reason ?? err.message\n        }`,\n      )\n    }\n  }\n\n  const createProjectMutation = useMutation({\n    mutationFn: async () => {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        description,\n        accessToken,\n      )\n      await applyVisibilityAcl(newProject.id!)\n      return newProject\n    },\n    onSuccess: newProject => {\n      setIsShowingSuccessAlert(true)\n      hide()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    },\n  })\n\n  const hide = () => {\n    setProjectName('')\n    setDescription('')\n    setVisibility('DISCOVERABLE')\n    createProjectMutation.reset()\n    onClose()\n  }\n\n  const errorMessage = createProjectMutation.error\n    ? (createProjectMutation.error as SynapseClientError).reason ??\n      createProjectMutation.error.message\n    : undefined\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        helperText=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        inputProps={{\n          onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n              if (projectName !== '') {\n                createProjectMutation.mutate()\n              }\n            }\n          },\n        }}\n      />\n      <TextField\n        id=\"descriptionInput\"\n        label=\"Description\"\n        helperText=\"(optional)\"\n        placeholder=\"Brief description of this project\"\n        multiline\n        minRows={3}\n        value={description}\n        fullWidth\n        maxCharacterCount={350}\n        onChange={event => {\n          setDescription(event.target.value)\n        }}\n      />\n      <ProjectVisibilityRadioGroup\n        value={visibility}\n        onChange={setVisibility}\n      />\n      {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      <Alert severity=\"warning\">\n        You can update project visibility at any time in Project Tools, or\n        manage access at a more granular level for individual files and folders.\n      </Alert>\n    </Stack>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{\n          children: 'Save',\n          disabled: createProjectMutation.isPending,\n          loading: createProjectMutation.isPending,\n        }}\n        onConfirm={() => {\n          createProjectMutation.mutate()\n        }}\n        onCancel={hide}\n        maxWidth=\"sm\"\n        dense\n      />\n      <FullWidthAlert\n        show={isShowingSuccessAlert}\n        variant=\"info\"\n        title=\"Project created\"\n        description=\"\"\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setIsShowingSuccessAlert(false)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["CreateProjectModal","isShowingModal","onClose","gotoPlace","accessToken","useSynapseContext","projectName","setProjectName","useState","description","setDescription","visibility","setVisibility","isShowingSuccessAlert","setIsShowingSuccessAlert","realmPrincipals","useGetRealmPrincipals","publicGroupId","authenticatedUsersId","applyVisibilityAcl","projectId","currentAcl","SynapseClient","upsertAccessTypes","entries","principalId","accessTypes","e","newResourceAccess","ACCESS_TYPE","err","createProjectMutation","useMutation","newProject","hide","href","errorMessage","jsxs","Fragment","jsx","ConfirmationDialog","Stack","TextField","event","ProjectVisibilityRadioGroup","Alert","FullWidthAlert"],"mappings":"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"}