synapse-react-client 4.0.19 → 4.0.20

package/dist/components/CardContainer/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":[],"sources":["../../../src/components/CardContainer/CardContainer.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport TableRowGenericCard from '@/components/GenericCard/TableRowGenericCard'\nimport useGetInfoFromIds from '@/utils/hooks/useGetInfoFromIds'\nimport {\n  DATASET,\n  FUNDER,\n  GENERIC_CARD,\n  MEDIUM_USER_CARD,\n  OBSERVATION_CARD,\n  RELEASE_CARD,\n} from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  EntityHeader,\n  Row,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { Suspense } from 'react'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ReleaseCard } from '../ReleaseCard'\nimport { Dataset, Funder } from '../row_renderers'\nimport {\n  LoadingObservationCard,\n  ObservationCard,\n} from '../row_renderers/ObservationCard'\nimport TotalQueryResults from '../TotalQueryResults'\nimport UserCardList from '../UserCardList/UserCardList'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard'\n\nconst defaultListSx = { display: 'block' }\nconst releaseCardMediumListSx = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(auto-fill, 272px)',\n  gridAutoRows: 'auto',\n  gridAutoFlow: 'row',\n  gap: '10px',\n  mb: '30px',\n}\nconst multiCardListSx = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',\n  gridColumnGap: '20px',\n  marginBottom: '20px',\n  marginTop: '20px',\n\n  '& .SRC-portalCard': {\n    margin: '10px 0px',\n  },\n}\n\nexport type CardContainerProps = {\n  rowSet: RowSet\n  isHeader?: boolean\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  isAlignToLeftNav?: boolean\n  title?: string\n  isLoading?: boolean\n  unitDescription?: string\n  multiCardList?: boolean\n} & CardConfiguration\n\nfunction Card(props: { propsToPass: any; type: string }) {\n  const { propsToPass, type } = props\n  switch (type) {\n    case DATASET:\n      return <Dataset {...propsToPass} />\n    case FUNDER:\n      return <Funder {...propsToPass} />\n    case GENERIC_CARD:\n      return <TableRowGenericCard {...propsToPass} />\n    case OBSERVATION_CARD:\n      return <ObservationCard {...propsToPass} />\n    case RELEASE_CARD:\n      return <ReleaseCard {...propsToPass} />\n    default:\n      return <div /> // this should never happen\n  }\n}\n\nfunction CardContainerInternal(props: CardContainerProps) {\n  const {\n    unitDescription,\n    type,\n    secondaryLabelLimit = 3,\n    title,\n    rowSet,\n    multiCardList,\n    ...rest\n  } = props\n  const { NoContentPlaceholder } = useQueryVisualizationContext()\n  const queryContext = useQueryContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const queryVisualizationContext = useQueryVisualizationContext()\n\n  const dataRows: Row[] = rowSet.rows\n  const isMultipleCards = dataRows.length > 1\n\n  const ids = [rowSet.tableId]\n  const tableEntityConcreteType = useGetInfoFromIds<EntityHeader>({\n    ids,\n    type: 'ENTITY_HEADER',\n  })\n\n  // the cards only show the loading screen on initial load, this occurs when data is undefined\n  if (dataRows.length === 0) {\n    // Show \"no results\" UI (see PORTALS-1497)\n    return <NoContentPlaceholder />\n  }\n\n  const schema: Record<string, number> = {}\n  rowSet.headers.forEach((element, index) => {\n    schema[element.name] = index\n  })\n\n  let cards\n  if (type === MEDIUM_USER_CARD) {\n    // Hard coding ownerId as a column name containing the user profile ownerId\n    // for each row, grab the column with the ownerId\n    const userIdColumnIndex = rowSet.headers.findIndex(\n      el => el.columnType === ColumnTypeEnum.USERID,\n    )\n    if (userIdColumnIndex === -1) {\n      throw Error(\n        'Type MEDIUM_USER_CARD specified but no columnType USERID found',\n      )\n    }\n    const listIds = dataRows.map(el => el.values[userIdColumnIndex])\n    cards = (\n      <UserCardList rowSet={rowSet} list={listIds} size={MEDIUM_USER_CARD} />\n    )\n  } else {\n    // render the cards\n    cards = dataRows.length ? (\n      dataRows.map((rowData: Row, index) => {\n        const propsForCard = {\n          type,\n          schema,\n          secondaryLabelLimit,\n          rowId: rowData.rowId,\n          versionNumber: rowData.versionNumber,\n          data: rowData.values,\n          selectColumns: rowSet.headers,\n          columnModels: queryMetadata.columnModels,\n          tableEntityConcreteType:\n            tableEntityConcreteType[0] && tableEntityConcreteType[0].type,\n          tableId: rowSet.tableId,\n          queryContext: queryContext,\n          queryVisualizationContext,\n          ...rest,\n        }\n        return (\n          <Card\n            key={rowData.rowId ?? index}\n            propsToPass={propsForCard}\n            type={type}\n          />\n        )\n      })\n    ) : (\n      <></>\n    )\n  }\n\n  const isReleaseCardMediumList =\n    props.type === RELEASE_CARD &&\n    props.releaseCardConfig?.cardSize === 'medium'\n\n  let cardListSx = defaultListSx\n  if (isReleaseCardMediumList) {\n    cardListSx = releaseCardMediumListSx\n  } else if (multiCardList && isMultipleCards) {\n    cardListSx = multiCardListSx\n  }\n\n  return (\n    <>\n      <Box role=\"list\" sx={cardListSx}>\n        {title && <h2 className=\"SRC-card-overview-title\">{title}</h2>}\n        {!title && unitDescription && (\n          <TotalQueryResults frontText={'Displaying'} />\n        )}\n        {/* ReactCSSTransitionGroup adds css fade in property for cards that come into view */}\n        {cards}\n      </Box>\n    </>\n  )\n}\n\nexport function CardContainer(props: CardContainerProps) {\n  const fallback = (\n    <div>\n      {props.type === OBSERVATION_CARD && <LoadingObservationCard />}\n      {props.type !== OBSERVATION_CARD && loadingScreen}\n    </div>\n  )\n  return (\n    <Suspense fallback={fallback}>\n      <CardContainerInternal {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAM,IAAgB,EAAE,SAAS,SAAS,EACpC,IAA0B;CAC9B,SAAS;CACT,qBAAqB;CACrB,cAAc;CACd,cAAc;CACd,KAAK;CACL,IAAI;CACL,EACK,IAAkB;CACtB,SAAS;CACT,qBAAqB;CACrB,eAAe;CACf,cAAc;CACd,WAAW;CAEX,qBAAqB,EACnB,QAAQ,YACT;CACF;AAaD,SAAS,EAAK,GAA2C;CACvD,IAAM,EAAE,gBAAa,YAAS;AAC9B,SAAQ,GAAR;EACE,KAAK,EACH,QAAO,kBAAC,GAAD,EAAS,GAAI,GAAe,CAAA;EACrC,KAAK,EACH,QAAO,kBAAC,GAAD,EAAQ,GAAI,GAAe,CAAA;EACpC,KAAK,EACH,QAAO,kBAAC,GAAD,EAAqB,GAAI,GAAe,CAAA;EACjD,KAAK,EACH,QAAO,kBAAC,GAAD,EAAiB,GAAI,GAAe,CAAA;EAC7C,KAAK,EACH,QAAO,kBAAC,GAAD,EAAa,GAAI,GAAe,CAAA;EACzC,QACE,QAAO,kBAAC,OAAD,EAAO,CAAA;;;AAIpB,SAAS,EAAsB,GAA2B;CACxD,IAAM,EACJ,oBACA,SACA,yBAAsB,GACtB,UACA,WACA,kBACA,GAAG,MACD,GACE,EAAE,4BAAyB,GAA8B,EACzD,IAAe,GAAiB,EAChC,EAAE,MAAM,MAAkB,GAA6B,EACvD,IAA4B,GAA8B,EAE1D,IAAkB,EAAO,MACzB,IAAkB,EAAS,SAAS,GAGpC,IAA0B,EAAgC;EAC9D,KAAA,CAFW,EAAO,QAElB;EACA,MAAM;EACP,CAAC;AAGF,KAAI,EAAS,WAAW,EAEtB,QAAO,kBAAC,GAAD,EAAwB,CAAA;CAGjC,IAAM,IAAiC,EAAE;AACzC,GAAO,QAAQ,SAAS,GAAS,MAAU;AACzC,IAAO,EAAQ,QAAQ;GACvB;CAEF,IAAI;AACJ,KAAI,MAAA,oBAA2B;EAG7B,IAAM,IAAoB,EAAO,QAAQ,WACvC,MAAM,EAAG,eAAe,EAAe,OACxC;AACD,MAAI,MAAsB,GACxB,OAAM,MACJ,iEACD;AAGH,MACE,kBAAC,GAAD;GAAsB;GAAQ,MAFhB,EAAS,KAAI,MAAM,EAAG,OAAO,GAEP;GAAS,MAAM;GAAoB,CAAA;OAIzE,KAAQ,EAAS,SACf,EAAS,KAAK,GAAc,MAkBxB,kBAAC,GAAD;EAEE,aAAa;GAlBf;GACA;GACA;GACA,OAAO,EAAQ;GACf,eAAe,EAAQ;GACvB,MAAM,EAAQ;GACd,eAAe,EAAO;GACtB,cAAc,EAAc;GAC5B,yBACE,EAAwB,MAAM,EAAwB,GAAG;GAC3D,SAAS,EAAO;GACF;GACd;GACA,GAAG;GAKY;EACP;EACN,EAHK,EAAQ,SAAS,EAGtB,CAEJ,GAEF,kBAAA,GAAA,EAAK,CAAA;CAIT,IAAM,IACJ,EAAM,SAAA,kBACN,EAAM,mBAAmB,aAAa,UAEpC,IAAa;AAOjB,QANI,IACF,IAAa,IACJ,KAAiB,MAC1B,IAAa,IAIb,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAK,MAAK;EAAO,IAAI;YAArB;GACG,KAAS,kBAAC,MAAD;IAAI,WAAU;cAA2B;IAAW,CAAA;GAC7D,CAAC,KAAS,KACT,kBAAC,GAAD,EAAmB,WAAW,cAAgB,CAAA;GAG/C;GACG;KACL,CAAA;;AAIP,SAAgB,EAAc,GAA2B;AAOvD,QACE,kBAAC,GAAD;EAAoB,UANpB,kBAAC,OAAD,EAAA,UAAA,CACG,EAAM,SAAA,sBAA6B,kBAAC,GAAD,EAA0B,CAAA,EAC7D,EAAM,SAAA,sBAA6B,EAChC,EAAA,CAGc;YAClB,kBAAC,GAAD,EAAuB,GAAI,GAAS,CAAA;EAC3B,CAAA"}
+{"version":3,"file":"CardContainer.js","names":[],"sources":["../../../src/components/CardContainer/CardContainer.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport TableRowGenericCard from '@/components/GenericCard/TableRowGenericCard'\nimport useGetInfoFromIds from '@/utils/hooks/useGetInfoFromIds'\nimport {\n  DATASET,\n  FUNDER,\n  GENERIC_CARD,\n  MEDIUM_USER_CARD,\n  OBSERVATION_CARD,\n  RELEASE_CARD,\n} from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  EntityHeader,\n  Row,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { Suspense } from 'react'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ReleaseCard } from '../ReleaseCard'\nimport { Dataset, Funder } from '../row_renderers'\nimport {\n  LoadingObservationCard,\n  ObservationCard,\n} from '../row_renderers/ObservationCard'\nimport TotalQueryResults from '../TotalQueryResults'\nimport UserCardList from '../UserCardList/UserCardList'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard'\n\nconst defaultListSx = { display: 'block' }\nconst releaseCardMediumListSx = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(auto-fill, 272px)',\n  gridAutoRows: 'auto',\n  gridAutoFlow: 'row',\n  gap: '10px',\n  mb: '30px',\n}\nconst multiCardListSx = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',\n  gridColumnGap: '20px',\n  marginBottom: '20px',\n  marginTop: '20px',\n\n  '& .SRC-portalCard': {\n    margin: '10px 0px',\n  },\n}\n\nexport type CardContainerProps = {\n  rowSet: RowSet\n  isHeader?: boolean\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  isAlignToLeftNav?: boolean\n  title?: string\n  isLoading?: boolean\n  unitDescription?: string\n  multiCardList?: boolean\n} & CardConfiguration\n\nfunction Card(props: { propsToPass: any; type: string }) {\n  const { propsToPass, type } = props\n  switch (type) {\n    case DATASET:\n      return <Dataset {...propsToPass} />\n    case FUNDER:\n      return <Funder {...propsToPass} />\n    case GENERIC_CARD:\n      return <TableRowGenericCard {...propsToPass} />\n    case OBSERVATION_CARD:\n      return <ObservationCard {...propsToPass} />\n    case RELEASE_CARD:\n      return <ReleaseCard {...propsToPass} />\n    default:\n      return <div /> // this should never happen\n  }\n}\n\nfunction CardContainerInternal(props: CardContainerProps) {\n  const {\n    unitDescription,\n    type,\n    secondaryLabelLimit = 3,\n    title,\n    rowSet,\n    multiCardList,\n    ...rest\n  } = props\n  const { NoContentPlaceholder } = useQueryVisualizationContext()\n  const queryContext = useQueryContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const queryVisualizationContext = useQueryVisualizationContext()\n\n  const dataRows: Row[] = rowSet.rows\n  const isMultipleCards = dataRows.length > 1\n\n  const ids = [rowSet.tableId]\n  const tableEntityConcreteType = useGetInfoFromIds<EntityHeader>({\n    ids,\n    type: 'ENTITY_HEADER',\n  })\n\n  // the cards only show the loading screen on initial load, this occurs when data is undefined\n  if (dataRows.length === 0) {\n    // Show \"no results\" UI (see PORTALS-1497)\n    return <NoContentPlaceholder />\n  }\n\n  const schema: Record<string, number> = {}\n  rowSet.headers.forEach((element, index) => {\n    schema[element.name] = index\n  })\n\n  let cards\n  if (type === MEDIUM_USER_CARD) {\n    // Hard coding ownerId as a column name containing the user profile ownerId\n    // for each row, grab the column with the ownerId\n    const userIdColumnIndex = rowSet.headers.findIndex(\n      el => el.columnType === ColumnTypeEnum.USERID,\n    )\n    if (userIdColumnIndex === -1) {\n      throw Error(\n        'Type MEDIUM_USER_CARD specified but no columnType USERID found',\n      )\n    }\n    const listIds = dataRows.map(el => el.values[userIdColumnIndex])\n    cards = (\n      <UserCardList rowSet={rowSet} list={listIds} size={MEDIUM_USER_CARD} />\n    )\n  } else {\n    // render the cards\n    cards = dataRows.length ? (\n      dataRows.map((rowData: Row, index) => {\n        const propsForCard = {\n          type,\n          schema,\n          secondaryLabelLimit,\n          rowId: rowData.rowId,\n          versionNumber: rowData.versionNumber,\n          data: rowData.values,\n          selectColumns: rowSet.headers,\n          columnModels: queryMetadata.columnModels,\n          tableEntityConcreteType:\n            tableEntityConcreteType[0] && tableEntityConcreteType[0].type,\n          tableId: rowSet.tableId,\n          queryContext: queryContext,\n          queryVisualizationContext,\n          ...rest,\n        }\n        return (\n          <Card\n            key={rowData.rowId ?? index}\n            propsToPass={propsForCard}\n            type={type}\n          />\n        )\n      })\n    ) : (\n      <></>\n    )\n  }\n\n  const isReleaseCardMediumList =\n    props.type === RELEASE_CARD &&\n    props.releaseCardConfig?.cardSize === 'medium'\n\n  let cardListSx = defaultListSx\n  if (isReleaseCardMediumList) {\n    cardListSx = releaseCardMediumListSx\n  } else if (multiCardList && isMultipleCards) {\n    cardListSx = multiCardListSx\n  }\n\n  return (\n    <>\n      <Box role=\"list\" sx={cardListSx}>\n        {title && <h2 className=\"SRC-card-overview-title\">{title}</h2>}\n        {!title && unitDescription && (\n          <TotalQueryResults frontText={'Displaying'} />\n        )}\n        {/* ReactCSSTransitionGroup adds css fade in property for cards that come into view */}\n        {cards}\n      </Box>\n    </>\n  )\n}\n\nexport function CardContainer(props: CardContainerProps) {\n  const fallback = (\n    <div>\n      {props.type === OBSERVATION_CARD && <LoadingObservationCard />}\n      {props.type !== OBSERVATION_CARD && loadingScreen}\n    </div>\n  )\n  return (\n    <Suspense fallback={fallback}>\n      <CardContainerInternal {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

package/dist/components/CardContainerLogic/CardContainerLogic.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainerLogic.js","names":[],"sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport { CardLink } from '@/components/CardContainer/CardLink'\nimport { LockedColumn, SynapseConstants, UniqueFacetIdentifier } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport {\n  Query,\n  QueryBundleRequest,\n  SelectColumn,\n  SortDirection,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useMemo } from 'react'\nimport ColumnFilter from '../ColumnFilter/ColumnFilter'\nimport { SxProps } from '@mui/material'\nimport { IconSvgProps } from '../IconSvg'\nimport QuerySortSelector from '../QuerySortSelector'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper } from '../QueryWrapper'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\n\n/**\n *  Used when a column value should link to an external URL defined by a value in another column.\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface ColumnSpecifiedLink {\n  isMarkdown: false\n  /* The column which should have the displayed value */\n  matchColumnName: string\n  /* The column which has the link. If the link is empty, the value will be displayed without a link. */\n  linkColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\n/**\n *  Used when a column value should be previewed\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface EntityImage {\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  isEntityImage: boolean\n}\n\nexport type MarkdownLink = {\n  isMarkdown: true\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\nexport type SortConfiguration = {\n  // the column that the query should be sorted on by default\n  defaultColumn: string\n  // the direction that the defaultColumn should be sorted on by default\n  defaultDirection: SortDirection\n  // the columns that the UI should surface as sortable\n  sortableColumns: string[]\n}\n\nexport type CTACardLink = {\n  // link text\n  text: string\n  // column name to use for href\n  link: string\n}\n\nexport type DescriptionConfig = {\n  isMarkdown?: boolean\n  showFullDescriptionByDefault?: boolean\n}\n\nexport type MapValueToReactComponentConfig = {\n  // The column to apply the mapping to\n  matchColumnName: string\n  Component: React.ComponentType<{\n    /* The value of the table cell. If the column is a _LIST type, then the LIST will be parsed and this will be a string array. */\n    value: string | string[] | null\n    selectColumn: SelectColumn\n  }>\n  // discriminator\n  isMapValueToReactNodeConfig: true\n}\n\n// Specify the indices in the values [] that should be rendered specially\nexport type LabelLinkConfig = (\n  | MarkdownLink\n  | CardLink\n  | ColumnSpecifiedLink\n  | EntityImage\n  | MapValueToReactComponentConfig\n)[]\n\nexport type ColumnIconConfig = IconSvgProps & {\n  containerSx?: SxProps\n}\n\nexport type ColumnIconConfigs = {\n  columns: {\n    [index: string]: {\n      [index: string]: ColumnIconConfig\n    }\n  }\n}\n\nexport type QueryOrDeprecatedSearchParams = {\n  /** The initial SQL query which will be used to populate the data in the component */\n  query?: Query\n  /** @deprecated use `query` */\n  sql?: string\n  /** Optional limit for the number of cards shown per page\n   * @deprecated use `query */\n  limit?: number\n  /** Applies filters to the query where the key is the column name and the value is the value to filter on.\n   * The filter function is controlled by sqlOperator.\n   * @deprecated use `query` */\n  searchParams?: Record<string, string>\n  /** Operator used in the filter created using the searchParams prop\n   * @deprecated use `query` */\n  sqlOperator?: SQLOperator\n}\n\nexport type CardContainerLogicProps = QueryOrDeprecatedSearchParams & {\n  /** Optional title to display above the component */\n  title?: string\n  isAlignToLeftNav?: boolean\n  /** Provide a `SortConfiguration` that can be used to render UI to toggle the sorting of the cards. */\n  sortConfig?: SortConfiguration\n  /** Configuration used to render UI that can be used to alter a filter against a column with enumerated facets. */\n  topLevelEnumeratedFacetToFilter?: UniqueFacetIdentifier\n  /** Optional column to 'lock'; Values and filter controls for a locked column will not be displayed in the UI. */\n  lockedColumn?: LockedColumn\n  /** Optionally limit the initial number of cards shown on the first page */\n  initialLimit?: number\n  multiCardList?: boolean\n  cardConfiguration: CardConfiguration\n} & Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'additionalFiltersSessionStorageKey'\n  >\n\n/**\n * Class wraps around CardContainer and serves as a standalone logic container for rendering cards.\n */\nexport function CardContainerLogic(props: CardContainerLogicProps) {\n  const { sql: deprecatedSql } = props\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const { sortConfig, columnAliases, topLevelEnumeratedFacetToFilter } = props\n  const defaultSortItems = useMemo(\n    () =>\n      sortConfig\n        ? [\n            {\n              column: sortConfig.defaultColumn,\n              direction: sortConfig.defaultDirection,\n            },\n          ]\n        : undefined,\n    [sortConfig],\n  )\n\n  const initQueryRequest: QueryBundleRequest = useMemo(() => {\n    let query: Query\n    if (props.query) {\n      query = {\n        sort: defaultSortItems,\n        limit: DEFAULT_PAGE_SIZE,\n        ...props.query,\n      }\n    } else {\n      // Deprecated props were used\n      const queryFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        props.additionalFiltersSessionStorageKey,\n      )\n      query = {\n        sql: props.sql!,\n        limit: props.limit ?? DEFAULT_PAGE_SIZE,\n        sort: defaultSortItems,\n        additionalFilters: queryFilters,\n      }\n    }\n\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: entityId,\n      query: query,\n      partMask:\n        SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n        SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n        SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n        SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n        SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n        SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n        SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n        SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    }\n  }, [\n    defaultSortItems,\n    entityId,\n    props.additionalFiltersSessionStorageKey,\n    props.limit,\n    props.query,\n    props.searchParams,\n    props.sql,\n    props.sqlOperator,\n  ])\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = JSON.stringify(initQueryRequest)\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      isInfinite\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={props.rgbIndex}\n        unitDescription={props.unitDescription}\n        columnAliases={columnAliases}\n        noContentPlaceholderType={\n          props.noContentPlaceholderType ?? NoContentPlaceholderType.STATIC\n        }\n      >\n        <QueryWrapperErrorBoundary>\n          {sortConfig && <QuerySortSelector sortConfig={sortConfig} />}\n          {topLevelEnumeratedFacetToFilter && (\n            <ColumnFilter\n              topLevelEnumeratedFacetToFilter={topLevelEnumeratedFacetToFilter}\n            />\n          )}\n          <RowSetView\n            cardConfiguration={props.cardConfiguration}\n            initialLimit={props.initialLimit}\n            multiCardList={props.multiCardList}\n          />\n        </QueryWrapperErrorBoundary>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default CardContainerLogic\n"],"mappings":";;;;;;;;;;;;;;;AA8JA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,KAAK,MAAkB,GAEzB,IAAW,EADL,EAAM,OAAO,OAAO,KAAiB,GACE,EAE7C,EAAE,eAAY,kBAAe,uCAAoC,GACjE,IAAmB,QAErB,IACI,CACE;EACE,QAAQ,EAAW;EACnB,WAAW,EAAW;EACvB,CACF,GACD,KAAA,GACN,CAAC,EAAW,CACb,EAEK,IAAuC,QAAc;EACzD,IAAI;AACJ,MAAI,EAAM,MACR,KAAQ;GACN,MAAM;GACN,OAAA;GACA,GAAG,EAAM;GACV;OACI;GAEL,IAAM,IAAe,EACnB,EAAM,cACN,EAAM,aACN,EAAM,mCACP;AACD,OAAQ;IACN,KAAK,EAAM;IACX,OAAO,EAAM,SAAA;IACb,MAAM;IACN,mBAAmB;IACpB;;AAGH,SAAO;GACL,cAAc;GACJ;GACH;GACP,UACE;GAQH;IACA;EACD;EACA;EACA,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACP,CAAC,EAQI,IAAkB,KAAK,UAAU,EAAiB;AAExD,QACE,kBAAC,GAAD;EACE,GAAI;EACc;EAClB,YAAA;EACA,KAAK;EAwBQ,EAtBb,kBAAC,GAAD;EACE,UAAU,EAAM;EAChB,iBAAiB,EAAM;EACR;EACf,0BACE,EAAM,4BAA4B,EAAyB;YAG7D,kBAAC,GAAD,EAAA,UAAA;GACG,KAAc,kBAAC,GAAD,EAA+B,eAAc,CAAA;GAC3D,KACC,kBAAC,GAAD,EACmC,oCACjC,CAAA;GAEJ,kBAAC,GAAD;IACE,mBAAmB,EAAM;IACzB,cAAc,EAAM;IACpB,eAAe,EAAM;IACrB,CAAA;GACwB,EAAA,CAAA;EACF,CAAA,CACf"}
+{"version":3,"file":"CardContainerLogic.js","names":[],"sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport { CardLink } from '@/components/CardContainer/CardLink'\nimport { LockedColumn, SynapseConstants, UniqueFacetIdentifier } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport {\n  Query,\n  QueryBundleRequest,\n  SelectColumn,\n  SortDirection,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useMemo } from 'react'\nimport ColumnFilter from '../ColumnFilter/ColumnFilter'\nimport { SxProps } from '@mui/material'\nimport { IconSvgProps } from '../IconSvg'\nimport QuerySortSelector from '../QuerySortSelector'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper } from '../QueryWrapper'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\n\n/**\n *  Used when a column value should link to an external URL defined by a value in another column.\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface ColumnSpecifiedLink {\n  isMarkdown: false\n  /* The column which should have the displayed value */\n  matchColumnName: string\n  /* The column which has the link. If the link is empty, the value will be displayed without a link. */\n  linkColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\n/**\n *  Used when a column value should be previewed\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface EntityImage {\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  isEntityImage: boolean\n}\n\nexport type MarkdownLink = {\n  isMarkdown: true\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\nexport type SortConfiguration = {\n  // the column that the query should be sorted on by default\n  defaultColumn: string\n  // the direction that the defaultColumn should be sorted on by default\n  defaultDirection: SortDirection\n  // the columns that the UI should surface as sortable\n  sortableColumns: string[]\n}\n\nexport type CTACardLink = {\n  // link text\n  text: string\n  // column name to use for href\n  link: string\n}\n\nexport type DescriptionConfig = {\n  isMarkdown?: boolean\n  showFullDescriptionByDefault?: boolean\n}\n\nexport type MapValueToReactComponentConfig = {\n  // The column to apply the mapping to\n  matchColumnName: string\n  Component: React.ComponentType<{\n    /* The value of the table cell. If the column is a _LIST type, then the LIST will be parsed and this will be a string array. */\n    value: string | string[] | null\n    selectColumn: SelectColumn\n  }>\n  // discriminator\n  isMapValueToReactNodeConfig: true\n}\n\n// Specify the indices in the values [] that should be rendered specially\nexport type LabelLinkConfig = (\n  | MarkdownLink\n  | CardLink\n  | ColumnSpecifiedLink\n  | EntityImage\n  | MapValueToReactComponentConfig\n)[]\n\nexport type ColumnIconConfig = IconSvgProps & {\n  containerSx?: SxProps\n}\n\nexport type ColumnIconConfigs = {\n  columns: {\n    [index: string]: {\n      [index: string]: ColumnIconConfig\n    }\n  }\n}\n\nexport type QueryOrDeprecatedSearchParams = {\n  /** The initial SQL query which will be used to populate the data in the component */\n  query?: Query\n  /** @deprecated use `query` */\n  sql?: string\n  /** Optional limit for the number of cards shown per page\n   * @deprecated use `query */\n  limit?: number\n  /** Applies filters to the query where the key is the column name and the value is the value to filter on.\n   * The filter function is controlled by sqlOperator.\n   * @deprecated use `query` */\n  searchParams?: Record<string, string>\n  /** Operator used in the filter created using the searchParams prop\n   * @deprecated use `query` */\n  sqlOperator?: SQLOperator\n}\n\nexport type CardContainerLogicProps = QueryOrDeprecatedSearchParams & {\n  /** Optional title to display above the component */\n  title?: string\n  isAlignToLeftNav?: boolean\n  /** Provide a `SortConfiguration` that can be used to render UI to toggle the sorting of the cards. */\n  sortConfig?: SortConfiguration\n  /** Configuration used to render UI that can be used to alter a filter against a column with enumerated facets. */\n  topLevelEnumeratedFacetToFilter?: UniqueFacetIdentifier\n  /** Optional column to 'lock'; Values and filter controls for a locked column will not be displayed in the UI. */\n  lockedColumn?: LockedColumn\n  /** Optionally limit the initial number of cards shown on the first page */\n  initialLimit?: number\n  multiCardList?: boolean\n  cardConfiguration: CardConfiguration\n} & Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'additionalFiltersSessionStorageKey'\n  >\n\n/**\n * Class wraps around CardContainer and serves as a standalone logic container for rendering cards.\n */\nexport function CardContainerLogic(props: CardContainerLogicProps) {\n  const { sql: deprecatedSql } = props\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const { sortConfig, columnAliases, topLevelEnumeratedFacetToFilter } = props\n  const defaultSortItems = useMemo(\n    () =>\n      sortConfig\n        ? [\n            {\n              column: sortConfig.defaultColumn,\n              direction: sortConfig.defaultDirection,\n            },\n          ]\n        : undefined,\n    [sortConfig],\n  )\n\n  const initQueryRequest: QueryBundleRequest = useMemo(() => {\n    let query: Query\n    if (props.query) {\n      query = {\n        sort: defaultSortItems,\n        limit: DEFAULT_PAGE_SIZE,\n        ...props.query,\n      }\n    } else {\n      // Deprecated props were used\n      const queryFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        props.additionalFiltersSessionStorageKey,\n      )\n      query = {\n        sql: props.sql!,\n        limit: props.limit ?? DEFAULT_PAGE_SIZE,\n        sort: defaultSortItems,\n        additionalFilters: queryFilters,\n      }\n    }\n\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: entityId,\n      query: query,\n      partMask:\n        SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n        SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n        SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n        SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n        SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n        SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n        SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n        SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    }\n  }, [\n    defaultSortItems,\n    entityId,\n    props.additionalFiltersSessionStorageKey,\n    props.limit,\n    props.query,\n    props.searchParams,\n    props.sql,\n    props.sqlOperator,\n  ])\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = JSON.stringify(initQueryRequest)\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      isInfinite\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={props.rgbIndex}\n        unitDescription={props.unitDescription}\n        columnAliases={columnAliases}\n        noContentPlaceholderType={\n          props.noContentPlaceholderType ?? NoContentPlaceholderType.STATIC\n        }\n      >\n        <QueryWrapperErrorBoundary>\n          {sortConfig && <QuerySortSelector sortConfig={sortConfig} />}\n          {topLevelEnumeratedFacetToFilter && (\n            <ColumnFilter\n              topLevelEnumeratedFacetToFilter={topLevelEnumeratedFacetToFilter}\n            />\n          )}\n          <RowSetView\n            cardConfiguration={props.cardConfiguration}\n            initialLimit={props.initialLimit}\n            multiCardList={props.multiCardList}\n          />\n        </QueryWrapperErrorBoundary>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default CardContainerLogic\n"],"mappings":";;;;;;;;;;;;;;;AA8JA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,KAAK,MAAkB,GAEzB,IAAW,EADL,EAAM,OAAO,OAAO,KAAiB,EACC,GAE5C,EAAE,eAAY,kBAAe,uCAAoC,GACjE,IAAmB,QAErB,IACI,CACE;EACE,QAAQ,EAAW;EACnB,WAAW,EAAW;CACxB,CACF,IACA,KAAA,GACN,CAAC,CAAU,CACb,GAEM,IAAuC,QAAc;EACzD,IAAI;EACJ,IAAI,EAAM,OACR,IAAQ;GACN,MAAM;GACN,OAAA;GACA,GAAG,EAAM;EACX;OACK;GAEL,IAAM,IAAe,EACnB,EAAM,cACN,EAAM,aACN,EAAM,kCACR;GACA,IAAQ;IACN,KAAK,EAAM;IACX,OAAO,EAAM,SAAA;IACb,MAAM;IACN,mBAAmB;GACrB;EACF;EAEA,OAAO;GACL,cAAc;GACJ;GACH;GACP,UACE;EAQJ;CACF,GAAG;EACD;EACA;EACA,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;CACR,CAAC,GAQK,IAAkB,KAAK,UAAU,CAAgB;CAEvD,OACE,kBAAC,GAAD;EACE,GAAI;EACc;EAClB,YAAA;EACA,KAAK;CAwBO,GAtBZ,kBAAC,GAAD;EACE,UAAU,EAAM;EAChB,iBAAiB,EAAM;EACR;EACf,0BACE,EAAM,4BAA4B,EAAyB;YAG7D,kBAAC,GAAD,EAAA,UAAA;GACG,KAAc,kBAAC,GAAD,EAA+B,cAAa,CAAA;GAC1D,KACC,kBAAC,GAAD,EACmC,mCAClC,CAAA;GAEH,kBAAC,GAAD;IACE,mBAAmB,EAAM;IACzB,cAAc,EAAM;IACpB,eAAe,EAAM;GACtB,CAAA;EACwB,EAAA,CAAA;CACF,CAAA,CACf;AAElB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardDeck.Desktop.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.Desktop.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport LargeButton from '@/components/styled/LargeButton'\nimport { Link } from '@mui/material'\nimport classNames from 'classnames'\n\nexport default function CardDeckDesktop({\n  title,\n  description,\n  ctaButtonText,\n  ctaButtonURL,\n  headerImage,\n  titleIcon,\n  cardDeckType,\n}: CardDeckCardProps) {\n  return (\n    <div\n      className={classNames(\n        'CardDeck__Card',\n        cardDeckType && `CardDeck__Card--${cardDeckType}`,\n      )}\n    >\n      <div\n        className={classNames(\n          'CardDeck__Card__header__image',\n          cardDeckType && `CardDeck__Card__header__image--${cardDeckType}`,\n        )}\n      >\n        <Link href={ctaButtonURL}>{headerImage}</Link>\n      </div>\n      <div\n        className={classNames(\n          'CardDeck__Card__header',\n          cardDeckType && `CardDeck__Card__header--${cardDeckType}`,\n        )}\n      >\n        <div\n          className={classNames(\n            'CardDeck__Card__header__icon',\n            cardDeckType && `CardDeck__Card__header__icon--${cardDeckType}`,\n          )}\n        >\n          {titleIcon}\n        </div>\n        <div className=\"CardDeck__Card__header__info\">\n          <span\n            className={classNames(\n              'CardDeck__Card__header__info__title',\n              cardDeckType &&\n                `CardDeck__Card__header__info__title--${cardDeckType}`,\n            )}\n          >\n            {' '}\n            {['b2ai', 'b2ai-detail-card'].includes(cardDeckType ?? '') ? (\n              <Link href={ctaButtonURL}>{title}</Link>\n            ) : (\n              title\n            )}{' '}\n          </span>\n        </div>\n      </div>\n      <div\n        className={classNames(\n          `CardDeck__Card__summary`,\n          cardDeckType && `CardDeck__Card__summary--${cardDeckType}`,\n        )}\n      >\n        <p> {description} </p>\n        {['b2ai', 'b2ai-detail-card'].includes(cardDeckType ?? '') ? null : (\n          <LargeButton\n            color=\"primary\"\n            variant=\"outlined\" // Update variant based on cardDeckType\n            href={ctaButtonURL}\n            sx={{\n              maxWidth: '200px',\n              fontSize: '14px',\n              boxShadow: 'none',\n              borderColor: 'primary.main',\n              color: 'primary.main',\n            }}\n          >\n            {ctaButtonText}\n          </LargeButton>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAgB,EACtC,UACA,gBACA,kBACA,iBACA,gBACA,cACA,mBACoB;AACpB,QACE,kBAAC,OAAD;EACE,WAAW,EACT,kBACA,KAAgB,mBAAmB,IACpC;YAJH;GAME,kBAAC,OAAD;IACE,WAAW,EACT,iCACA,KAAgB,kCAAkC,IACnD;cAED,kBAAC,GAAD;KAAM,MAAM;eAAe;KAAmB,CAAA;IAC1C,CAAA;GACN,kBAAC,OAAD;IACE,WAAW,EACT,0BACA,KAAgB,2BAA2B,IAC5C;cAJH,CAME,kBAAC,OAAD;KACE,WAAW,EACT,gCACA,KAAgB,iCAAiC,IAClD;eAEA;KACG,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,QAAD;MACE,WAAW,EACT,uCACA,KACE,wCAAwC,IAC3C;gBALH;OAOG;OACA,CAAC,QAAQ,mBAAmB,CAAC,SAAS,KAAgB,GAAG,GACxD,kBAAC,GAAD;QAAM,MAAM;kBAAe;QAAa,CAAA,GAExC;OACC;OACE;;KACH,CAAA,CACF;;GACN,kBAAC,OAAD;IACE,WAAW,EACT,2BACA,KAAgB,4BAA4B,IAC7C;cAJH,CAME,kBAAC,KAAD,EAAA,UAAA;KAAG;KAAE;KAAY;KAAK,EAAA,CAAA,EACrB,CAAC,QAAQ,mBAAmB,CAAC,SAAS,KAAgB,GAAG,GAAG,OAC3D,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM;KACN,IAAI;MACF,UAAU;MACV,UAAU;MACV,WAAW;MACX,aAAa;MACb,OAAO;MACR;eAEA;KACW,CAAA,CAEZ;;GACF"}
+{"version":3,"file":"CardDeck.Desktop.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.Desktop.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport LargeButton from '@/components/styled/LargeButton'\nimport { Link } from '@mui/material'\nimport classNames from 'classnames'\n\nexport default function CardDeckDesktop({\n  title,\n  description,\n  ctaButtonText,\n  ctaButtonURL,\n  headerImage,\n  titleIcon,\n  cardDeckType,\n}: CardDeckCardProps) {\n  return (\n    <div\n      className={classNames(\n        'CardDeck__Card',\n        cardDeckType && `CardDeck__Card--${cardDeckType}`,\n      )}\n    >\n      <div\n        className={classNames(\n          'CardDeck__Card__header__image',\n          cardDeckType && `CardDeck__Card__header__image--${cardDeckType}`,\n        )}\n      >\n        <Link href={ctaButtonURL}>{headerImage}</Link>\n      </div>\n      <div\n        className={classNames(\n          'CardDeck__Card__header',\n          cardDeckType && `CardDeck__Card__header--${cardDeckType}`,\n        )}\n      >\n        <div\n          className={classNames(\n            'CardDeck__Card__header__icon',\n            cardDeckType && `CardDeck__Card__header__icon--${cardDeckType}`,\n          )}\n        >\n          {titleIcon}\n        </div>\n        <div className=\"CardDeck__Card__header__info\">\n          <span\n            className={classNames(\n              'CardDeck__Card__header__info__title',\n              cardDeckType &&\n                `CardDeck__Card__header__info__title--${cardDeckType}`,\n            )}\n          >\n            {' '}\n            {['b2ai', 'b2ai-detail-card'].includes(cardDeckType ?? '') ? (\n              <Link href={ctaButtonURL}>{title}</Link>\n            ) : (\n              title\n            )}{' '}\n          </span>\n        </div>\n      </div>\n      <div\n        className={classNames(\n          `CardDeck__Card__summary`,\n          cardDeckType && `CardDeck__Card__summary--${cardDeckType}`,\n        )}\n      >\n        <p> {description} </p>\n        {['b2ai', 'b2ai-detail-card'].includes(cardDeckType ?? '') ? null : (\n          <LargeButton\n            color=\"primary\"\n            variant=\"outlined\" // Update variant based on cardDeckType\n            href={ctaButtonURL}\n            sx={{\n              maxWidth: '200px',\n              fontSize: '14px',\n              boxShadow: 'none',\n              borderColor: 'primary.main',\n              color: 'primary.main',\n            }}\n          >\n            {ctaButtonText}\n          </LargeButton>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAgB,EACtC,UACA,gBACA,kBACA,iBACA,gBACA,cACA,mBACoB;CACpB,OACE,kBAAC,OAAD;EACE,WAAW,EACT,kBACA,KAAgB,mBAAmB,GACrC;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,iCACA,KAAgB,kCAAkC,GACpD;cAEA,kBAAC,GAAD;KAAM,MAAM;eAAe;IAAkB,CAAA;GAC1C,CAAA;GACL,kBAAC,OAAD;IACE,WAAW,EACT,0BACA,KAAgB,2BAA2B,GAC7C;cAJF,CAME,kBAAC,OAAD;KACE,WAAW,EACT,gCACA,KAAgB,iCAAiC,GACnD;eAEC;IACE,CAAA,GACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,QAAD;MACE,WAAW,EACT,uCACA,KACE,wCAAwC,GAC5C;gBALF;OAOG;OACA,CAAC,QAAQ,kBAAkB,EAAE,SAAS,KAAgB,EAAE,IACvD,kBAAC,GAAD;QAAM,MAAM;kBAAe;OAAY,CAAA,IAEvC;OACC;MACC;;IACH,CAAA,CACF;;GACL,kBAAC,OAAD;IACE,WAAW,EACT,2BACA,KAAgB,4BAA4B,GAC9C;cAJF,CAME,kBAAC,KAAD,EAAA,UAAA;KAAG;KAAE;KAAY;IAAI,EAAA,CAAA,GACpB,CAAC,QAAQ,kBAAkB,EAAE,SAAS,KAAgB,EAAE,IAAI,OAC3D,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM;KACN,IAAI;MACF,UAAU;MACV,UAAU;MACV,WAAW;MACX,aAAa;MACb,OAAO;KACT;eAEC;IACU,CAAA,CAEZ;;EACF;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardDeck.Mobile.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.Mobile.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport LargeButton from '@/components/styled/LargeButton'\nimport { Link } from '@mui/material'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport default function CardDeckMobile({\n  description,\n  title,\n  titleIcon,\n  ctaButtonText,\n  ctaButtonURL,\n  cardDeckType,\n}: CardDeckCardProps) {\n  const titleElement = (\n    <div className=\"CardDeck__Mobile__Header\">\n      <span className=\"CardDeck__Mobile__Header__icon\">{titleIcon}</span>\n      <span className=\"CardDeck__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"CardDeck__Mobile__Content\">\n      <p>{description}</p>\n      {cardDeckType === 'b2ai' ? (\n        <Link href={ctaButtonURL} underline=\"none\">\n          {ctaButtonText}\n        </Link>\n      ) : (\n        <LargeButton\n          color=\"secondary\"\n          variant=\"outlined\" // Update variant based on cardDeckType\n          href={ctaButtonURL}\n          sx={{\n            width: '170px',\n            marginLeft: 0,\n            fontSize: '14px',\n            boxShadow: 'none',\n            color: 'primary.main',\n          }}\n        >\n          {ctaButtonText}\n        </LargeButton>\n      )}\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAe,EACrC,gBACA,UACA,cACA,kBACA,iBACA,mBACoB;AAgCpB,QAAO,kBAAC,GAAD;EAAmB,OA9BxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAAkC;IAAiB,CAAA,EACnE,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAkD;KAAE;KAAM;KAAQ;MAC9D;IA2ByB;EAAuB,SAxBtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,GAAgB,CAAA,EACnB,MAAiB,SAChB,kBAAC,GAAD;IAAM,MAAM;IAAc,WAAU;cACjC;IACI,CAAA,GAEP,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAM;IACN,IAAI;KACF,OAAO;KACP,YAAY;KACZ,UAAU;KACV,WAAW;KACX,OAAO;KACR;cAEA;IACW,CAAA,CAEZ;IAEgD;EAAW,CAAA"}
+{"version":3,"file":"CardDeck.Mobile.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.Mobile.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport LargeButton from '@/components/styled/LargeButton'\nimport { Link } from '@mui/material'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport default function CardDeckMobile({\n  description,\n  title,\n  titleIcon,\n  ctaButtonText,\n  ctaButtonURL,\n  cardDeckType,\n}: CardDeckCardProps) {\n  const titleElement = (\n    <div className=\"CardDeck__Mobile__Header\">\n      <span className=\"CardDeck__Mobile__Header__icon\">{titleIcon}</span>\n      <span className=\"CardDeck__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"CardDeck__Mobile__Content\">\n      <p>{description}</p>\n      {cardDeckType === 'b2ai' ? (\n        <Link href={ctaButtonURL} underline=\"none\">\n          {ctaButtonText}\n        </Link>\n      ) : (\n        <LargeButton\n          color=\"secondary\"\n          variant=\"outlined\" // Update variant based on cardDeckType\n          href={ctaButtonURL}\n          sx={{\n            width: '170px',\n            marginLeft: 0,\n            fontSize: '14px',\n            boxShadow: 'none',\n            color: 'primary.main',\n          }}\n        >\n          {ctaButtonText}\n        </LargeButton>\n      )}\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAe,EACrC,gBACA,UACA,cACA,kBACA,iBACA,mBACoB;CAgCpB,OAAO,kBAAC,GAAD;EAAmB,OA9BxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAAkC;GAAgB,CAAA,GAClE,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAkD;KAAE;KAAM;IAAO;KAC9D;GA2B0B;EAAuB,SAxBtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,EAAe,CAAA,GAClB,MAAiB,SAChB,kBAAC,GAAD;IAAM,MAAM;IAAc,WAAU;cACjC;GACG,CAAA,IAEN,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAM;IACN,IAAI;KACF,OAAO;KACP,YAAY;KACZ,UAAU;KACV,WAAW;KACX,OAAO;IACT;cAEC;GACU,CAAA,CAEZ;GAEiD;CAAU,CAAA;AACpE"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardDeck.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport classNames from 'classnames'\nimport CardDeckDesktop from './CardDeck.Desktop'\nimport CardDeckMobile from './CardDeck.Mobile'\n\nexport type CardDeckProps = {\n  cards: CardDeckCardProps[]\n  cardDeckType?:\n    | 'cckp'\n    | 'b2ai'\n    | 'b2ai-detail-card' /* The type of card deck (cckp or b2ai)*/\n}\n\n/**\n * UI for a 'deck' of cards.\n */\nexport function CardDeck(props: CardDeckProps) {\n  const { cards, cardDeckType } = props\n  const showDesktop = useShowDesktop()\n\n  const className = `CardDeck${showDesktop ? '__Desktop' : ''}`\n\n  return (\n    <div\n      className={classNames(\n        className,\n        cardDeckType && `${className}--${cardDeckType}`,\n      )}\n    >\n      {cards.map((card, i) => {\n        return showDesktop ? (\n          <CardDeckDesktop key={i} cardDeckType={cardDeckType} {...card} />\n        ) : (\n          <CardDeckMobile cardDeckType={cardDeckType} {...card} />\n        )\n      })}\n    </div>\n  )\n}\n\nexport default CardDeck\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAS,GAAsB;CAC7C,IAAM,EAAE,UAAO,oBAAiB,GAC1B,IAAc,GAAgB,EAE9B,IAAY,WAAW,IAAc,cAAc;AAEzD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,GACA,KAAgB,GAAG,EAAU,IAAI,IAClC;YAEA,EAAM,KAAK,GAAM,MACT,IACL,kBAAC,GAAD;GAAuC;GAAc,GAAI;GAAQ,EAA3C,EAA2C,GAEjE,kBAAC,GAAD;GAA8B;GAAc,GAAI;GAAQ,CAAA,CAE1D;EACE,CAAA"}
+{"version":3,"file":"CardDeck.js","names":[],"sources":["../../../src/components/CardDeck/CardDeck.tsx"],"sourcesContent":["import { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport classNames from 'classnames'\nimport CardDeckDesktop from './CardDeck.Desktop'\nimport CardDeckMobile from './CardDeck.Mobile'\n\nexport type CardDeckProps = {\n  cards: CardDeckCardProps[]\n  cardDeckType?:\n    | 'cckp'\n    | 'b2ai'\n    | 'b2ai-detail-card' /* The type of card deck (cckp or b2ai)*/\n}\n\n/**\n * UI for a 'deck' of cards.\n */\nexport function CardDeck(props: CardDeckProps) {\n  const { cards, cardDeckType } = props\n  const showDesktop = useShowDesktop()\n\n  const className = `CardDeck${showDesktop ? '__Desktop' : ''}`\n\n  return (\n    <div\n      className={classNames(\n        className,\n        cardDeckType && `${className}--${cardDeckType}`,\n      )}\n    >\n      {cards.map((card, i) => {\n        return showDesktop ? (\n          <CardDeckDesktop key={i} cardDeckType={cardDeckType} {...card} />\n        ) : (\n          <CardDeckMobile cardDeckType={cardDeckType} {...card} />\n        )\n      })}\n    </div>\n  )\n}\n\nexport default CardDeck\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAS,GAAsB;CAC7C,IAAM,EAAE,UAAO,oBAAiB,GAC1B,IAAc,EAAe,GAE7B,IAAY,WAAW,IAAc,cAAc;CAEzD,OACE,kBAAC,OAAD;EACE,WAAW,EACT,GACA,KAAgB,GAAG,EAAU,IAAI,GACnC;YAEC,EAAM,KAAK,GAAM,MACT,IACL,kBAAC,GAAD;GAAuC;GAAc,GAAI;EAAO,GAA1C,CAA0C,IAEhE,kBAAC,GAAD;GAA8B;GAAc,GAAI;EAAO,CAAA,CAE1D;CACE,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableQueryCardDeck.js","names":[],"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"],"mappings":";;;;;;;;;;;AA0BA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,aACA,oBACA,0BACA,4BACA,2BACA,kCACA,oCACA,iBACA,kBACE,GACE,IAAS,EAAa,EAAS,EAW/B,EAAE,MAAM,MACZ,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,KACvB;EAGuB,CAAmB,EAEvC,IAAmB,EAAc,GAAiB,EAAkB,EACpE,IAAyB,EAC7B,GACA,EACD,EACK,IAA2B,EAC/B,GACA,EACD,EACK,IAA0B,EAC9B,GACA,EACD,EACK,IAAuB,EAC3B,GACA,EACD,EACK,IAAyB,EAC7B,GACA,EACD,EAEK,IAAQ,GAAmB,YAAa,aAAa,KAAK,KAC7D,MAA0B;EACzB,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IAEtC,QAAQ,KAAK,+CAA+C;EAG9D,IAAM,IAAQ,EAAO,IACf,IAAc,EAAO,IACrB,IAAgB,EAAO,IACvB,IAAe,EAAO,MAA4B,IAClD,IAA6B,EAAO,MAAyB,IAC7D,IAA+B,EAAO,MAA2B,IAEjE,IAAiC,EAAE;AACzC,KAAmB,YAAa,aAAa,QAAQ,SAClD,GAAQ,MAAa;AACpB,KAAO,EAAO,QAAQ;IAEzB;EACD,IAAM,EAAE,YAAS,EAAc,GAAc,GAAY,GAAQ,EAAO,EAElE,IAAiC,EACrC,EAAO,MACP,GACA,MAAM,EAAG,QACV,EAEK,IAAY,IAChB,kBAAC,GAAD,EACE,uBAAuB,GACvB,CAAA,GACA,KAAA,GAEE,IAAmC,EACvC,EAAO,MACP,GACA,MAAM,EAAG,QACV;AAQD,SAAO;GACL;GACA;GACA;GACA,cAAc;GACd;GACA,aAZkB,IAClB,kBAAC,GAAD,EACE,uBAAuB,GACvB,CAAA,GACA,KAAA;GASF;GACD;GAEJ;AAED,QAAO,kBAAC,GAAD;EAAU,OAAO,KAAS,EAAE;EAAgB;EAAgB,CAAA"}
+{"version":3,"file":"TableQueryCardDeck.js","names":[],"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"],"mappings":";;;;;;;;;;;AA0BA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,aACA,oBACA,0BACA,4BACA,2BACA,kCACA,oCACA,iBACA,kBACE,GACE,IAAS,EAAa,CAAQ,GAW9B,EAAE,MAAM,MACZ,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,IACxB;CAGwB,CAAkB,GAEtC,IAAmB,EAAc,GAAiB,CAAiB,GACnE,IAAyB,EAC7B,GACA,CACF,GACM,IAA2B,EAC/B,GACA,CACF,GACM,IAA0B,EAC9B,GACA,CACF,GACM,IAAuB,EAC3B,GACA,CACF,GACM,IAAyB,EAC7B,GACA,CACF,GAEM,IAAQ,GAAmB,YAAa,aAAa,KAAK,KAC7D,MAA0B;EACzB,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;EAG7D,IAAM,IAAQ,EAAO,IACf,IAAc,EAAO,IACrB,IAAgB,EAAO,IACvB,IAAe,EAAO,MAA4B,IAClD,IAA6B,EAAO,MAAyB,IAC7D,IAA+B,EAAO,MAA2B,IAEjE,IAAiC,CAAC;EACxC,GAAmB,YAAa,aAAa,QAAQ,SAClD,GAAQ,MAAa;GACpB,EAAO,EAAO,QAAQ;EACxB,CACF;EACA,IAAM,EAAE,YAAS,EAAc,GAAc,GAAY,GAAQ,CAAM,GAEjE,IAAiC,EACrC,EAAO,MACP,GACA,MAAM,EAAG,OACX,GAEM,IAAY,IAChB,kBAAC,GAAD,EACE,uBAAuB,EACxB,CAAA,IACC,KAAA,GAEE,IAAmC,EACvC,EAAO,MACP,GACA,MAAM,EAAG,OACX;EAQA,OAAO;GACL;GACA;GACA;GACA,cAAc;GACd;GACA,aAZkB,IAClB,kBAAC,GAAD,EACE,uBAAuB,EACxB,CAAA,IACC,KAAA;GASF;EACF;CACF,CACF;CAEA,OAAO,kBAAC,GAAD;EAAU,OAAO,KAAS,CAAC;EAAiB;CAAe,CAAA;AACpE"}

package/dist/components/CardGridWithLinks/CardGridWithLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGridWithLinks.js","names":[],"sources":["../../../src/components/CardGridWithLinks/CardGridWithLinks.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Link, Card } from '@mui/material'\nimport { Link as RouterLink } from 'react-router'\n\ntype CardGridWithLinksConfig = {\n  title: string\n  description: string\n  link: string\n}\n\nexport type CardGridWithLinksProps = {\n  linkText: string\n  cards: CardGridWithLinksConfig[]\n}\n\nconst CardGridWithLinks = ({\n  cards,\n  linkText,\n}: CardGridWithLinksProps): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        gap: 2,\n        width: '100%',\n        flexDirection: { xs: 'column', md: 'row' },\n      }}\n    >\n      {cards.map((card, index) => {\n        return (\n          <Card\n            key={index}\n            sx={{\n              padding: '24px',\n              flex: '1',\n            }}\n          >\n            <Stack sx={{ height: '100%', gap: 2 }}>\n              <Typography variant={'headline3'} sx={{ lineHeight: '20px' }}>\n                {card.title}\n              </Typography>\n              <Typography\n                variant={'body1'}\n                sx={{ fontSize: '14px', flex: '1', lineHeight: 'normal' }}\n              >\n                {card.description}\n              </Typography>\n              <Typography\n                sx={{\n                  fontSize: '14px',\n                  marginTop: 'auto',\n                }}\n              >\n                <Link\n                  component={RouterLink}\n                  to={card.link}\n                  sx={{ textDecoration: 'none' }}\n                >\n                  {linkText}\n                </Link>\n              </Typography>\n            </Stack>\n          </Card>\n        )\n      })}\n    </Box>\n  )\n}\n\nexport default CardGridWithLinks\n"],"mappings":";;;;;AAeA,IAAM,KAAqB,EACzB,UACA,kBAGE,kBAAC,GAAD;CACE,IAAI;EACF,SAAS;EACT,KAAK;EACL,OAAO;EACP,eAAe;GAAE,IAAI;GAAU,IAAI;GAAO;EAC3C;WAEA,EAAM,KAAK,GAAM,MAEd,kBAAC,GAAD;EAEE,IAAI;GACF,SAAS;GACT,MAAM;GACP;YAED,kBAAC,GAAD;GAAO,IAAI;IAAE,QAAQ;IAAQ,KAAK;IAAG;aAArC;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,YAAY,QAAQ;eACzD,EAAK;KACK,CAAA;IACb,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,UAAU;MAAQ,MAAM;MAAK,YAAY;MAAU;eAExD,EAAK;KACK,CAAA;IACb,kBAAC,GAAD;KACE,IAAI;MACF,UAAU;MACV,WAAW;MACZ;eAED,kBAAC,GAAD;MACE,WAAW;MACX,IAAI,EAAK;MACT,IAAI,EAAE,gBAAgB,QAAQ;gBAE7B;MACI,CAAA;KACI,CAAA;IACP;;EACH,EA/BA,EA+BA,CAET;CACE,CAAA"}
+{"version":3,"file":"CardGridWithLinks.js","names":[],"sources":["../../../src/components/CardGridWithLinks/CardGridWithLinks.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Link, Card } from '@mui/material'\nimport { Link as RouterLink } from 'react-router'\n\ntype CardGridWithLinksConfig = {\n  title: string\n  description: string\n  link: string\n}\n\nexport type CardGridWithLinksProps = {\n  linkText: string\n  cards: CardGridWithLinksConfig[]\n}\n\nconst CardGridWithLinks = ({\n  cards,\n  linkText,\n}: CardGridWithLinksProps): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        gap: 2,\n        width: '100%',\n        flexDirection: { xs: 'column', md: 'row' },\n      }}\n    >\n      {cards.map((card, index) => {\n        return (\n          <Card\n            key={index}\n            sx={{\n              padding: '24px',\n              flex: '1',\n            }}\n          >\n            <Stack sx={{ height: '100%', gap: 2 }}>\n              <Typography variant={'headline3'} sx={{ lineHeight: '20px' }}>\n                {card.title}\n              </Typography>\n              <Typography\n                variant={'body1'}\n                sx={{ fontSize: '14px', flex: '1', lineHeight: 'normal' }}\n              >\n                {card.description}\n              </Typography>\n              <Typography\n                sx={{\n                  fontSize: '14px',\n                  marginTop: 'auto',\n                }}\n              >\n                <Link\n                  component={RouterLink}\n                  to={card.link}\n                  sx={{ textDecoration: 'none' }}\n                >\n                  {linkText}\n                </Link>\n              </Typography>\n            </Stack>\n          </Card>\n        )\n      })}\n    </Box>\n  )\n}\n\nexport default CardGridWithLinks\n"],"mappings":";;;;;AAeA,IAAM,KAAqB,EACzB,UACA,kBAGE,kBAAC,GAAD;CACE,IAAI;EACF,SAAS;EACT,KAAK;EACL,OAAO;EACP,eAAe;GAAE,IAAI;GAAU,IAAI;EAAM;CAC3C;WAEC,EAAM,KAAK,GAAM,MAEd,kBAAC,GAAD;EAEE,IAAI;GACF,SAAS;GACT,MAAM;EACR;YAEA,kBAAC,GAAD;GAAO,IAAI;IAAE,QAAQ;IAAQ,KAAK;GAAE;aAApC;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,YAAY,OAAO;eACxD,EAAK;IACI,CAAA;IACZ,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,UAAU;MAAQ,MAAM;MAAK,YAAY;KAAS;eAEvD,EAAK;IACI,CAAA;IACZ,kBAAC,GAAD;KACE,IAAI;MACF,UAAU;MACV,WAAW;KACb;eAEA,kBAAC,GAAD;MACE,WAAW;MACX,IAAI,EAAK;MACT,IAAI,EAAE,gBAAgB,OAAO;gBAE5B;KACG,CAAA;IACI,CAAA;GACP;;CACH,GA/BC,CA+BD,CAET;AACE,CAAA"}

package/dist/components/CertificationQuiz/CertificationAnswer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CertificationAnswer.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationAnswer.tsx"],"sourcesContent":["import {\n  MultichoiceAnswer,\n  MultichoiceQuestion,\n} from '@sage-bionetworks/synapse-types'\nimport { Typography } from '@mui/material'\nimport { Box } from '@mui/material'\nimport { MouseEventHandler } from 'react'\n\nexport type CertificationAnswerProps = {\n  question: MultichoiceQuestion\n  answer: MultichoiceAnswer\n  onClick?: MouseEventHandler<HTMLInputElement>\n  checked?: boolean\n  disabled?: boolean\n}\n\nexport default function CertificationAnswer(props: CertificationAnswerProps) {\n  const { question, answer, onClick, checked, disabled } = props\n  return (\n    <Box sx={{ marginBottom: '5px' }}>\n      <input\n        id={`${question.questionIndex}-${answer.answerIndex}`}\n        name={`${question.questionIndex}`}\n        type={question.exclusive ? 'radio' : 'checkbox'}\n        value={answer.answerIndex}\n        onClick={onClick}\n        checked={checked}\n        disabled={disabled}\n      />\n      <Typography\n        variant={'body1'}\n        component={'label'}\n        sx={{ lineHeight: '18px' }}\n        htmlFor={`${question.questionIndex}-${answer.answerIndex}`}\n      >\n        {answer.prompt}\n      </Typography>\n    </Box>\n  )\n}\n"],"mappings":";;;AAgBA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,aAAU,WAAQ,YAAS,YAAS,gBAAa;AACzD,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,cAAc,OAAO;YAAhC,CACE,kBAAC,SAAD;GACE,IAAI,GAAG,EAAS,cAAc,GAAG,EAAO;GACxC,MAAM,GAAG,EAAS;GAClB,MAAM,EAAS,YAAY,UAAU;GACrC,OAAO,EAAO;GACL;GACA;GACC;GACV,CAAA,EACF,kBAAC,GAAD;GACE,SAAS;GACT,WAAW;GACX,IAAI,EAAE,YAAY,QAAQ;GAC1B,SAAS,GAAG,EAAS,cAAc,GAAG,EAAO;aAE5C,EAAO;GACG,CAAA,CACT"}
+{"version":3,"file":"CertificationAnswer.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationAnswer.tsx"],"sourcesContent":["import {\n  MultichoiceAnswer,\n  MultichoiceQuestion,\n} from '@sage-bionetworks/synapse-types'\nimport { Typography } from '@mui/material'\nimport { Box } from '@mui/material'\nimport { MouseEventHandler } from 'react'\n\nexport type CertificationAnswerProps = {\n  question: MultichoiceQuestion\n  answer: MultichoiceAnswer\n  onClick?: MouseEventHandler<HTMLInputElement>\n  checked?: boolean\n  disabled?: boolean\n}\n\nexport default function CertificationAnswer(props: CertificationAnswerProps) {\n  const { question, answer, onClick, checked, disabled } = props\n  return (\n    <Box sx={{ marginBottom: '5px' }}>\n      <input\n        id={`${question.questionIndex}-${answer.answerIndex}`}\n        name={`${question.questionIndex}`}\n        type={question.exclusive ? 'radio' : 'checkbox'}\n        value={answer.answerIndex}\n        onClick={onClick}\n        checked={checked}\n        disabled={disabled}\n      />\n      <Typography\n        variant={'body1'}\n        component={'label'}\n        sx={{ lineHeight: '18px' }}\n        htmlFor={`${question.questionIndex}-${answer.answerIndex}`}\n      >\n        {answer.prompt}\n      </Typography>\n    </Box>\n  )\n}\n"],"mappings":";;;AAgBA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,aAAU,WAAQ,YAAS,YAAS,gBAAa;CACzD,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,cAAc,MAAM;YAA/B,CACE,kBAAC,SAAD;GACE,IAAI,GAAG,EAAS,cAAc,GAAG,EAAO;GACxC,MAAM,GAAG,EAAS;GAClB,MAAM,EAAS,YAAY,UAAU;GACrC,OAAO,EAAO;GACL;GACA;GACC;EACX,CAAA,GACD,kBAAC,GAAD;GACE,SAAS;GACT,WAAW;GACX,IAAI,EAAE,YAAY,OAAO;GACzB,SAAS,GAAG,EAAS,cAAc,GAAG,EAAO;aAE5C,EAAO;EACE,CAAA,CACT;;AAET"}

package/dist/components/CertificationQuiz/CertificationQuiz.js.map

@@ -1 +1 @@
-{"version":3,"file":"CertificationQuiz.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationQuiz.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport {\n  useGetPassingRecord,\n  usePostCertifiedUserTestResponse,\n} from '@/synapse-queries/user/useCertificationQuiz'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { USER_BUNDLE_MASK_IS_CERTIFIED } from '@/utils/SynapseConstants'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  ButtonProps,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n  MultichoiceQuestion,\n  MultichoiceResponse,\n  QuestionResponse,\n  Quiz,\n  QuizResponse,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport CertificationAnswer from './CertificationAnswer'\n\nfunction CertificationQuiz() {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const [quiz, setQuiz] = useState<Quiz | undefined>()\n  const [isRetakingQuiz, setIsRetakingQuiz] = useState(false)\n  const [questionResponse, setQuestionResponse] = useState<QuestionResponse[]>(\n    [],\n  )\n  const { data: currentUserBundle } = useGetCurrentUserBundle(\n    USER_BUNDLE_MASK_IS_CERTIFIED,\n  )\n  const isCertified = currentUserBundle?.isCertified\n  const userId = currentUserBundle?.userId\n  const { data: passingRecord, isLoading: isLoadingPassingRecord } =\n    useGetPassingRecord(userId, {\n      enabled: userId !== undefined,\n    })\n  const formRef = useRef<HTMLFormElement>(null)\n  const GETTING_STARTED_URL =\n    'https://help.synapse.org/docs/Getting-Started.2055471150.html'\n\n  const getQuiz = async () => {\n    try {\n      setQuiz(await SynapseClient.getCertifyQuiz(accessToken))\n    } catch (err: any) {\n      handleError(err)\n    }\n  }\n\n  const { mutate: postCertifiedUserTestResponse, isPending: isSubmitting } =\n    usePostCertifiedUserTestResponse({\n      onSuccess: () => {\n        setIsRetakingQuiz(false)\n        window.scrollTo(0, 0)\n      },\n      throwOnError: true,\n    })\n  // user is taking the quiz if user is not certified, and either there is no passing record or if the user clicked to retake the quiz\n  const isTakingQuiz = !isCertified && (passingRecord == null || isRetakingQuiz)\n  useEffect(() => {\n    if (isAuthenticated) {\n      getQuiz()\n    }\n  }, [isAuthenticated])\n\n  if (isLoadingPassingRecord || quiz == undefined) {\n    return <CertificationQuizSkeleton />\n  }\n\n  const onUpdateAnswer = (questionIndex: number, answer: number) => {\n    const newState = [\n      ...questionResponse.filter(obj => obj.questionIndex !== questionIndex),\n      {\n        questionIndex,\n        answerIndex: [answer],\n        concreteType: MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n      },\n    ]\n    setQuestionResponse(newState)\n  }\n\n  const handleRetakeQuiz = () => {\n    formRef.current?.reset()\n    setIsRetakingQuiz(true)\n    setQuestionResponse([])\n    getQuiz()\n  }\n\n  const handleSubmit = () => {\n    try {\n      if (quiz && quiz.questions.length === questionResponse.length) {\n        const quizResponse: QuizResponse = {\n          quizId: quiz.id,\n          questionResponses: questionResponse,\n        }\n        postCertifiedUserTestResponse(quizResponse)\n      } else {\n        displayToast(\n          'Please answer all of the questions and try again.',\n          'warning',\n        )\n      }\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const actionButtonConfig = (helpUrl: string) =>\n    helpUrl\n      ? {\n          content: <>More info</>,\n          closePopoverOnClick: true,\n          onClick: () => window.open(helpUrl, '_blank'),\n          color: 'primary' as ButtonProps['color'],\n        }\n      : undefined\n  return (\n    <div>\n      {passingRecord && !isTakingQuiz && (\n        <>\n          {(passingRecord.revokedOn || passingRecord.passed) &&\n            !isCertified && (\n              <Alert severity=\"error\">\n                {!passingRecord.passed && (\n                  <AlertTitle>Certification Revoked</AlertTitle>\n                )}\n                <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                  Your certification was revoked. To become certified, you must{' '}\n                  <Link\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault()\n                      handleRetakeQuiz()\n                    }}\n                  >\n                    retake the quiz\n                  </Link>\n                  .\n                </Typography>\n              </Alert>\n            )}\n          {!passingRecord.passed && !isCertified && (\n            <Alert severity=\"error\">\n              {!passingRecord.passed && <AlertTitle>Quiz Failed</AlertTitle>}\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                Please review the results from the previous attempt, and{' '}\n                <Link\n                  href=\"#\"\n                  onClick={e => {\n                    e.preventDefault()\n                    handleRetakeQuiz()\n                  }}\n                >\n                  retake the quiz\n                </Link>\n                .\n              </Typography>\n            </Alert>\n          )}\n          {passingRecord.passed && isCertified && (\n            <Alert severity=\"success\">\n              <AlertTitle>Quiz Passed</AlertTitle>\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                {`You passed the Synapse Certification Quiz on ${formatDate(\n                  dayjs(passingRecord.passedOn),\n                )}`}\n              </Typography>\n            </Alert>\n          )}\n          <Typography\n            variant=\"sectionTitle\"\n            sx={{ marginTop: '20px', marginBottom: '20px' }}\n          >\n            Score: {passingRecord.score} / {passingRecord.corrections?.length}\n          </Typography>\n        </>\n      )}\n      <div className=\"CertificationQuiz__container\">\n        {quiz && isTakingQuiz && (\n          <>\n            <Button\n              onClick={() => window.open(GETTING_STARTED_URL, '_blank')}\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n            >\n              <Box sx={{ display: 'flex', alignItems: 'center' }}>\n                <HelpOutlineTwoTone\n                  className=\"HelpButton\"\n                  style={{ marginRight: '4px', color: 'white' }}\n                />\n                <>Help</>\n              </Box>\n            </Button>\n            <Typography variant=\"headline1\" sx={{ marginBottom: '25px' }}>\n              Certified User Quiz\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Certified users are authorized to use the full Synapse\n              functionality. In order to ensure that users who create content in\n              the system and/or wish to interact more freely within Synapse are\n              familiar with the governance process and Synapse operating\n              procedures when dealing with possibly sensitive data, users must\n              pass a short quiz (approximately 15 minutes) to become Synapse\n              certified.\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Please answer the following questions to become certified.\n            </Typography>\n            <form ref={formRef} onSubmit={e => e.preventDefault()}>\n              <ol>\n                {quiz?.questions.map(question => {\n                  const isHelp = question.helpText || question.docLink\n                  return (\n                    <li\n                      key={question.questionIndex}\n                      role={question.exclusive ? 'radiogroup' : undefined}\n                    >\n                      <Typography\n                        variant={'headline3'}\n                        dangerouslySetInnerHTML={{ __html: question.prompt }}\n                        sx={{ marginTop: '40px', marginBottom: '10px' }}\n                      />\n                      {question.answers.map(choice => (\n                        <CertificationAnswer\n                          key={`${question.questionIndex}-${choice.answerIndex}`}\n                          question={question}\n                          answer={choice}\n                          onClick={e =>\n                            onUpdateAnswer(\n                              question.questionIndex,\n                              Number(e.currentTarget.value),\n                            )\n                          }\n                        />\n                      ))}\n                      {isHelp && (\n                        <MarkdownPopover\n                          contentProps={{ markdown: question.helpText }}\n                          placement=\"right\"\n                          sx={{\n                            table: {\n                              textAlign: 'center',\n                              th: {\n                                padding: '5px',\n                              },\n                            },\n                          }}\n                          actionButton={actionButtonConfig(question.docLink)}\n                          showCloseButton={true}\n                        >\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                              marginTop: '10px',\n                            }}\n                          >\n                            <HelpOutlineTwoTone\n                              className=\"HelpButton\"\n                              style={{ marginRight: '4px' }}\n                            />\n                            <Link>Need help answering this question?</Link>\n                          </Box>\n                        </MarkdownPopover>\n                      )}\n                    </li>\n                  )\n                })}\n              </ol>\n            </form>\n            <Button\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n              size=\"large\"\n              disabled={isSubmitting}\n              onClick={() => {\n                handleSubmit()\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        )}\n\n        {!isTakingQuiz && passingRecord?.corrections && (\n          <ol>\n            {passingRecord.corrections.map(responseCorrectness => {\n              const question =\n                responseCorrectness.question as MultichoiceQuestion\n              const response =\n                responseCorrectness.response as MultichoiceResponse\n              return (\n                <li key={question.questionIndex}>\n                  <Typography\n                    variant={'headline3'}\n                    dangerouslySetInnerHTML={{ __html: question.prompt }}\n                    className={\n                      responseCorrectness.isCorrect ? '' : 'incorrectQuestion'\n                    }\n                    sx={{ marginTop: '40px', marginBottom: '10px' }}\n                  />\n                  {question.answers.map(choice => (\n                    <CertificationAnswer\n                      key={`${question.questionIndex}-${choice.answerIndex}`}\n                      question={question}\n                      answer={choice}\n                      disabled={true}\n                      checked={response.answerIndex.includes(\n                        choice.answerIndex,\n                      )}\n                    />\n                  ))}\n                </li>\n              )\n            })}\n          </ol>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction CertificationQuizSkeleton() {\n  const questions: ReactNode[] = []\n  for (let i = 0; i < 20; i++) {\n    questions.push(\n      <li key={i}>\n        <SkeletonTable numCols={1} numRows={5} />\n      </li>,\n    )\n  }\n  return (\n    <>\n      <div>\n        <Skeleton height=\"80px\" width=\"460px\" />\n      </div>\n      <SkeletonParagraph numRows={5} />\n      <div className=\"CertificationQuiz__container\">\n        <ol style={{ marginTop: '20px' }}>{questions}</ol>\n      </div>\n    </>\n  )\n}\n\nexport default CertificationQuiz\n"],"mappings":"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"}
+{"version":3,"file":"CertificationQuiz.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationQuiz.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport {\n  useGetPassingRecord,\n  usePostCertifiedUserTestResponse,\n} from '@/synapse-queries/user/useCertificationQuiz'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { USER_BUNDLE_MASK_IS_CERTIFIED } from '@/utils/SynapseConstants'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  ButtonProps,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n  MultichoiceQuestion,\n  MultichoiceResponse,\n  QuestionResponse,\n  Quiz,\n  QuizResponse,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport CertificationAnswer from './CertificationAnswer'\n\nfunction CertificationQuiz() {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const [quiz, setQuiz] = useState<Quiz | undefined>()\n  const [isRetakingQuiz, setIsRetakingQuiz] = useState(false)\n  const [questionResponse, setQuestionResponse] = useState<QuestionResponse[]>(\n    [],\n  )\n  const { data: currentUserBundle } = useGetCurrentUserBundle(\n    USER_BUNDLE_MASK_IS_CERTIFIED,\n  )\n  const isCertified = currentUserBundle?.isCertified\n  const userId = currentUserBundle?.userId\n  const { data: passingRecord, isLoading: isLoadingPassingRecord } =\n    useGetPassingRecord(userId, {\n      enabled: userId !== undefined,\n    })\n  const formRef = useRef<HTMLFormElement>(null)\n  const GETTING_STARTED_URL =\n    'https://help.synapse.org/docs/Getting-Started.2055471150.html'\n\n  const getQuiz = async () => {\n    try {\n      setQuiz(await SynapseClient.getCertifyQuiz(accessToken))\n    } catch (err: any) {\n      handleError(err)\n    }\n  }\n\n  const { mutate: postCertifiedUserTestResponse, isPending: isSubmitting } =\n    usePostCertifiedUserTestResponse({\n      onSuccess: () => {\n        setIsRetakingQuiz(false)\n        window.scrollTo(0, 0)\n      },\n      throwOnError: true,\n    })\n  // user is taking the quiz if user is not certified, and either there is no passing record or if the user clicked to retake the quiz\n  const isTakingQuiz = !isCertified && (passingRecord == null || isRetakingQuiz)\n  useEffect(() => {\n    if (isAuthenticated) {\n      getQuiz()\n    }\n  }, [isAuthenticated])\n\n  if (isLoadingPassingRecord || quiz == undefined) {\n    return <CertificationQuizSkeleton />\n  }\n\n  const onUpdateAnswer = (questionIndex: number, answer: number) => {\n    const newState = [\n      ...questionResponse.filter(obj => obj.questionIndex !== questionIndex),\n      {\n        questionIndex,\n        answerIndex: [answer],\n        concreteType: MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n      },\n    ]\n    setQuestionResponse(newState)\n  }\n\n  const handleRetakeQuiz = () => {\n    formRef.current?.reset()\n    setIsRetakingQuiz(true)\n    setQuestionResponse([])\n    getQuiz()\n  }\n\n  const handleSubmit = () => {\n    try {\n      if (quiz && quiz.questions.length === questionResponse.length) {\n        const quizResponse: QuizResponse = {\n          quizId: quiz.id,\n          questionResponses: questionResponse,\n        }\n        postCertifiedUserTestResponse(quizResponse)\n      } else {\n        displayToast(\n          'Please answer all of the questions and try again.',\n          'warning',\n        )\n      }\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const actionButtonConfig = (helpUrl: string) =>\n    helpUrl\n      ? {\n          content: <>More info</>,\n          closePopoverOnClick: true,\n          onClick: () => window.open(helpUrl, '_blank'),\n          color: 'primary' as ButtonProps['color'],\n        }\n      : undefined\n  return (\n    <div>\n      {passingRecord && !isTakingQuiz && (\n        <>\n          {(passingRecord.revokedOn || passingRecord.passed) &&\n            !isCertified && (\n              <Alert severity=\"error\">\n                {!passingRecord.passed && (\n                  <AlertTitle>Certification Revoked</AlertTitle>\n                )}\n                <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                  Your certification was revoked. To become certified, you must{' '}\n                  <Link\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault()\n                      handleRetakeQuiz()\n                    }}\n                  >\n                    retake the quiz\n                  </Link>\n                  .\n                </Typography>\n              </Alert>\n            )}\n          {!passingRecord.passed && !isCertified && (\n            <Alert severity=\"error\">\n              {!passingRecord.passed && <AlertTitle>Quiz Failed</AlertTitle>}\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                Please review the results from the previous attempt, and{' '}\n                <Link\n                  href=\"#\"\n                  onClick={e => {\n                    e.preventDefault()\n                    handleRetakeQuiz()\n                  }}\n                >\n                  retake the quiz\n                </Link>\n                .\n              </Typography>\n            </Alert>\n          )}\n          {passingRecord.passed && isCertified && (\n            <Alert severity=\"success\">\n              <AlertTitle>Quiz Passed</AlertTitle>\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                {`You passed the Synapse Certification Quiz on ${formatDate(\n                  dayjs(passingRecord.passedOn),\n                )}`}\n              </Typography>\n            </Alert>\n          )}\n          <Typography\n            variant=\"sectionTitle\"\n            sx={{ marginTop: '20px', marginBottom: '20px' }}\n          >\n            Score: {passingRecord.score} / {passingRecord.corrections?.length}\n          </Typography>\n        </>\n      )}\n      <div className=\"CertificationQuiz__container\">\n        {quiz && isTakingQuiz && (\n          <>\n            <Button\n              onClick={() => window.open(GETTING_STARTED_URL, '_blank')}\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n            >\n              <Box sx={{ display: 'flex', alignItems: 'center' }}>\n                <HelpOutlineTwoTone\n                  className=\"HelpButton\"\n                  style={{ marginRight: '4px', color: 'white' }}\n                />\n                <>Help</>\n              </Box>\n            </Button>\n            <Typography variant=\"headline1\" sx={{ marginBottom: '25px' }}>\n              Certified User Quiz\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Certified users are authorized to use the full Synapse\n              functionality. In order to ensure that users who create content in\n              the system and/or wish to interact more freely within Synapse are\n              familiar with the governance process and Synapse operating\n              procedures when dealing with possibly sensitive data, users must\n              pass a short quiz (approximately 15 minutes) to become Synapse\n              certified.\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Please answer the following questions to become certified.\n            </Typography>\n            <form ref={formRef} onSubmit={e => e.preventDefault()}>\n              <ol>\n                {quiz?.questions.map(question => {\n                  const isHelp = question.helpText || question.docLink\n                  return (\n                    <li\n                      key={question.questionIndex}\n                      role={question.exclusive ? 'radiogroup' : undefined}\n                    >\n                      <Typography\n                        variant={'headline3'}\n                        dangerouslySetInnerHTML={{ __html: question.prompt }}\n                        sx={{ marginTop: '40px', marginBottom: '10px' }}\n                      />\n                      {question.answers.map(choice => (\n                        <CertificationAnswer\n                          key={`${question.questionIndex}-${choice.answerIndex}`}\n                          question={question}\n                          answer={choice}\n                          onClick={e =>\n                            onUpdateAnswer(\n                              question.questionIndex,\n                              Number(e.currentTarget.value),\n                            )\n                          }\n                        />\n                      ))}\n                      {isHelp && (\n                        <MarkdownPopover\n                          contentProps={{ markdown: question.helpText }}\n                          placement=\"right\"\n                          sx={{\n                            table: {\n                              textAlign: 'center',\n                              th: {\n                                padding: '5px',\n                              },\n                            },\n                          }}\n                          actionButton={actionButtonConfig(question.docLink)}\n                          showCloseButton={true}\n                        >\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                              marginTop: '10px',\n                            }}\n                          >\n                            <HelpOutlineTwoTone\n                              className=\"HelpButton\"\n                              style={{ marginRight: '4px' }}\n                            />\n                            <Link>Need help answering this question?</Link>\n                          </Box>\n                        </MarkdownPopover>\n                      )}\n                    </li>\n                  )\n                })}\n              </ol>\n            </form>\n            <Button\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n              size=\"large\"\n              disabled={isSubmitting}\n              onClick={() => {\n                handleSubmit()\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        )}\n\n        {!isTakingQuiz && passingRecord?.corrections && (\n          <ol>\n            {passingRecord.corrections.map(responseCorrectness => {\n              const question =\n                responseCorrectness.question as MultichoiceQuestion\n              const response =\n                responseCorrectness.response as MultichoiceResponse\n              return (\n                <li key={question.questionIndex}>\n                  <Typography\n                    variant={'headline3'}\n                    dangerouslySetInnerHTML={{ __html: question.prompt }}\n                    className={\n                      responseCorrectness.isCorrect ? '' : 'incorrectQuestion'\n                    }\n                    sx={{ marginTop: '40px', marginBottom: '10px' }}\n                  />\n                  {question.answers.map(choice => (\n                    <CertificationAnswer\n                      key={`${question.questionIndex}-${choice.answerIndex}`}\n                      question={question}\n                      answer={choice}\n                      disabled={true}\n                      checked={response.answerIndex.includes(\n                        choice.answerIndex,\n                      )}\n                    />\n                  ))}\n                </li>\n              )\n            })}\n          </ol>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction CertificationQuizSkeleton() {\n  const questions: ReactNode[] = []\n  for (let i = 0; i < 20; i++) {\n    questions.push(\n      <li key={i}>\n        <SkeletonTable numCols={1} numRows={5} />\n      </li>,\n    )\n  }\n  return (\n    <>\n      <div>\n        <Skeleton height=\"80px\" width=\"460px\" />\n      </div>\n      <SkeletonParagraph numRows={5} />\n      <div className=\"CertificationQuiz__container\">\n        <ol style={{ marginTop: '20px' }}>{questions}</ol>\n      </div>\n    </>\n  )\n}\n\nexport default CertificationQuiz\n"],"mappings":"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"}

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeDataDownload.js","names":[],"sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download List.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download List',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download List. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download List\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAgB,EAAsB,EACpC,wBAC6B;CAC7B,IAAM,EAAE,2BAAwB,GAAmB,EAE7C,EAAE,qBAAkB,oBAAiB,yBACzC,EAAmB,GAAe,EAE9B,EAAE,QAAQ,MAA2B,EAA8B;EACvE,iBAAiB;AACf,KACE,0DACA,WACA,EACE,qBAAqB;IACnB,MAAM;IACN,eAAgB,OAAO,SAAS,OAAO;IACxC,EACF,CACF;;EAEH,UAAS,MAAK;AACZ,KACE,iDAAiD,EAAE,UACnD,SACD;;EAEJ,CAAC,EAEI,IAAe,GAClB,MACQ,EAAiB,IAAI,EAAO,GAAG,EAExC,CAAC,EAAiB,CACnB,EAEK,IAAa,QAAkB;AAOnC,IANiB,MAAM,KAAK,EAAiB,QAAQ,CAAC,CAAC,KAAI,OAClD;GACL,cAAc,EAAU;GACxB,eAAe,EAAU;GAC1B,EAEoB,CAAS;IAC/B,CAAC,GAAkB,EAAuB,CAAC;AAqB9C,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACqB;EAtBzB,kBAAkB,EAAqB;EACvC,kBAAkB;EAClB,iBAAiB;EACjB,cAAc,CAAC,EAAW,KAAK;EAC/B,UAAU;EACV,iBAAiB,CAAC,EAAW,KAAK;EAClC;EACA,oBAAoB;EACpB;EACA;EACA,eAAe;GACb,EAAkB;GAClB,EAAkB;GAClB,EAAkB;GAClB,EAAkB;GAClB,EAAkB;GACnB;EAQK,CAAA,EACE,CAAA,EACN,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAED,kBAAC,GAAD;GACE,SAAS,kBAAC,GAAD,EAAwB,CAAA;GACjC,SAAS;GACT,IAAI;IAAE,WAAW;IAAY,QAAQ;IAAQ;GAC7C,SAAS;GACT,UAAU,CAAC,EAAiB,SAAS,CAAC;aACvC;GAEQ,CAAA;EACL,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"ChallengeDataDownload.js","names":[],"sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download List.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download List',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download List. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download List\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAgB,EAAsB,EACpC,wBAC6B;CAC7B,IAAM,EAAE,2BAAwB,EAAkB,GAE5C,EAAE,qBAAkB,oBAAiB,yBACzC,EAAmB,EAAc,GAE7B,EAAE,QAAQ,MAA2B,EAA8B;EACvE,iBAAiB;GACf,EACE,0DACA,WACA,EACE,qBAAqB;IACnB,MAAM;IACN,eAAgB,OAAO,SAAS,OAAO;GACzC,EACF,CACF;EACF;EACA,UAAS,MAAK;GACZ,EACE,iDAAiD,EAAE,UACnD,QACF;EACF;CACF,CAAC,GAEK,IAAe,GAClB,MACQ,EAAiB,IAAI,EAAO,EAAE,GAEvC,CAAC,CAAgB,CACnB,GAEM,IAAa,QAAkB;EAOnC,EANiB,MAAM,KAAK,EAAiB,OAAO,CAAC,EAAE,KAAI,OAClD;GACL,cAAc,EAAU;GACxB,eAAe,EAAU;EAC3B,EAEqB,CAAQ;CACjC,GAAG,CAAC,GAAkB,CAAsB,CAAC;CAqB7C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACqB;EAtBzB,kBAAkB,EAAqB;EACvC,kBAAkB;EAClB,iBAAiB;EACjB,cAAc,CAAC,EAAW,IAAI;EAC9B,UAAU;EACV,iBAAiB,CAAC,EAAW,IAAI;EACjC;EACA,oBAAoB;EACpB;EACA;EACA,eAAe;GACb,EAAkB;GAClB,EAAkB;GAClB,EAAkB;GAClB,EAAkB;GAClB,EAAkB;EACpB;CAQK,CAAA,EACE,CAAA,GACL,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAEA,kBAAC,GAAD;GACE,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAChC,SAAS;GACT,IAAI;IAAE,WAAW;IAAY,QAAQ;GAAO;GAC5C,SAAS;GACT,UAAU,CAAC,EAAiB,QAAQ,EAAE;aACvC;EAEO,CAAA;CACL,CAAA,CACL,EAAA,CAAA;AAEN"}

package/dist/components/ChallengeDetailPage/ChallengeDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeDetailPage.js","names":[],"sources":["../../../src/components/ChallengeDetailPage/ChallengeDetailPage.tsx"],"sourcesContent":["import {\n  useDeleteTeamMembership,\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { useState } from 'react'\nimport ChallengeRegisterButton from '../ChallengeRegisterButton'\nimport ChallengeRequirementsModal from '../ChallengeRequirementsModal/ChallengeRequirementsModal'\nimport ChallengeTeamWizard from '../ChallengeTeamWizard'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDetailPageProps = {\n  projectId: string\n}\n\nexport function ChallengeDetailPage({ projectId }: ChallengeDetailPageProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const [showSubmissionTeamWizard, setShowSubmissionTeamWizard] =\n    useState<boolean>(false)\n  const [showRegistrationModal, setShowRegistrationModal] =\n    useState<boolean>(false)\n  const [showLeaveConfirm, setShowLeaveConfirm] = useState<boolean>(false)\n  const { data: userProfile } = useGetCurrentUserProfile()\n\n  const toggleShowWizard = (b: boolean) => {\n    setShowSubmissionTeamWizard(b)\n  }\n  const onJoinClick = () => {\n    setShowRegistrationModal(true)\n  }\n  const onLeaveClick = () => {\n    setShowLeaveConfirm(true)\n  }\n\n  const { data: challenge } = useGetEntityChallenge(projectId)\n\n  // Determine whether the given user belongs to any submission teams\n  // If so, we should not show them the ChallengeTeamWizard once they have registered.\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id!,\n    1,\n    0,\n    {\n      enabled: Boolean(isAuthenticated && challenge),\n    },\n  )\n  const isMemberOfSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n\n  const { mutate: leaveChallenge } = useDeleteTeamMembership({\n    onSuccess: () => {\n      displayToast('You are no longer registered for this challenge', 'info')\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  const doLeaveChallenge = () => {\n    if (isAuthenticated && challenge && userProfile) {\n      /**\n       * What does it mean to leave a challenge?\n       * Simply leaving the participant team may not be enough...\n       * the user may also belong to one or more challenge submission team(s).\n       * Should they be removed from those?\n       * What if the team belongs to more than one challenge?\n       * Should the team be removed from the challenge instead?\n       * Only a team admin can request this, however.\n       */\n\n      leaveChallenge({\n        teamId: challenge.participantTeamId,\n        userId: userProfile.ownerId,\n      })\n    }\n  }\n\n  const handleRequirementsHide = () => {\n    setShowRegistrationModal(false)\n  }\n  const handleRegistrationComplete = () => {\n    setShowRegistrationModal(false)\n    // Only guide the user to join/create a submission team if they are not already part of one.\n    setShowSubmissionTeamWizard(!isMemberOfSubmissionTeam)\n  }\n\n  return (\n    <>\n      <ChallengeRegisterButton\n        projectId={projectId}\n        onJoinClick={onJoinClick}\n        onLeaveClick={onLeaveClick}\n      />\n      <ChallengeRequirementsModal\n        open={showRegistrationModal}\n        projectId={projectId}\n        onRegisterComplete={handleRegistrationComplete}\n        onCancel={handleRequirementsHide}\n      />\n      <ChallengeTeamWizard\n        projectId={projectId}\n        onClose={() => {\n          toggleShowWizard(false)\n        }}\n        isShowingModal={showSubmissionTeamWizard}\n      />\n      <ConfirmationDialog\n        open={showLeaveConfirm}\n        title={'Leave this Challenge?'}\n        content={'Are you sure you want to leave this Challenge?'}\n        onCancel={() => setShowLeaveConfirm(false)}\n        onConfirm={() => {\n          doLeaveChallenge()\n          setShowLeaveConfirm(false)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAgB,EAAoB,EAAE,gBAAuC;CAC3E,IAAM,EAAE,uBAAoB,GAAmB,EACzC,CAAC,GAA0B,KAC/B,EAAkB,GAAM,EACpB,CAAC,GAAuB,KAC5B,EAAkB,GAAM,EACpB,CAAC,GAAkB,KAAuB,EAAkB,GAAM,EAClE,EAAE,MAAM,MAAgB,GAA0B,EAElD,KAAoB,MAAe;AACvC,IAA4B,EAAE;IAE1B,UAAoB;AACxB,IAAyB,GAAK;IAE1B,UAAqB;AACzB,IAAoB,GAAK;IAGrB,EAAE,MAAM,MAAc,EAAsB,EAAU,EAItD,EAAE,MAAM,MAAwB,EACpC,GAAW,IACX,GACA,GACA,EACE,SAAS,GAAQ,KAAmB,IACrC,CACF,EACK,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GAExD,EAAE,QAAQ,MAAmB,EAAwB;EACzD,iBAAiB;AACf,KAAa,mDAAmD,OAAO;;EAEzE,UAAS,MAAS;AAChB,KAAa,EAAM,QAAQ,SAAS;;EAEvC,CAAC,EAEI,UAAyB;AAC7B,EAAI,KAAmB,KAAa,KAWlC,EAAe;GACb,QAAQ,EAAU;GAClB,QAAQ,EAAY;GACrB,CAAC;;AAaN,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACa;GACE;GACC;GACd,CAAA;EACF,kBAAC,GAAD;GACE,MAAM;GACK;GACX,0BAhBmC;AAGvC,IAFA,EAAyB,GAAM,EAE/B,EAA4B,CAAC,EAAyB;;GAclD,gBApB+B;AACnC,MAAyB,GAAM;;GAoB3B,CAAA;EACF,kBAAC,GAAD;GACa;GACX,eAAe;AACb,MAAiB,GAAM;;GAEzB,gBAAgB;GAChB,CAAA;EACF,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SAAS;GACT,gBAAgB,EAAoB,GAAM;GAC1C,iBAAiB;AAEf,IADA,GAAkB,EAClB,EAAoB,GAAM;;GAE5B,CAAA;EACD,EAAA,CAAA"}
+{"version":3,"file":"ChallengeDetailPage.js","names":[],"sources":["../../../src/components/ChallengeDetailPage/ChallengeDetailPage.tsx"],"sourcesContent":["import {\n  useDeleteTeamMembership,\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { useState } from 'react'\nimport ChallengeRegisterButton from '../ChallengeRegisterButton'\nimport ChallengeRequirementsModal from '../ChallengeRequirementsModal/ChallengeRequirementsModal'\nimport ChallengeTeamWizard from '../ChallengeTeamWizard'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDetailPageProps = {\n  projectId: string\n}\n\nexport function ChallengeDetailPage({ projectId }: ChallengeDetailPageProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const [showSubmissionTeamWizard, setShowSubmissionTeamWizard] =\n    useState<boolean>(false)\n  const [showRegistrationModal, setShowRegistrationModal] =\n    useState<boolean>(false)\n  const [showLeaveConfirm, setShowLeaveConfirm] = useState<boolean>(false)\n  const { data: userProfile } = useGetCurrentUserProfile()\n\n  const toggleShowWizard = (b: boolean) => {\n    setShowSubmissionTeamWizard(b)\n  }\n  const onJoinClick = () => {\n    setShowRegistrationModal(true)\n  }\n  const onLeaveClick = () => {\n    setShowLeaveConfirm(true)\n  }\n\n  const { data: challenge } = useGetEntityChallenge(projectId)\n\n  // Determine whether the given user belongs to any submission teams\n  // If so, we should not show them the ChallengeTeamWizard once they have registered.\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id!,\n    1,\n    0,\n    {\n      enabled: Boolean(isAuthenticated && challenge),\n    },\n  )\n  const isMemberOfSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n\n  const { mutate: leaveChallenge } = useDeleteTeamMembership({\n    onSuccess: () => {\n      displayToast('You are no longer registered for this challenge', 'info')\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  const doLeaveChallenge = () => {\n    if (isAuthenticated && challenge && userProfile) {\n      /**\n       * What does it mean to leave a challenge?\n       * Simply leaving the participant team may not be enough...\n       * the user may also belong to one or more challenge submission team(s).\n       * Should they be removed from those?\n       * What if the team belongs to more than one challenge?\n       * Should the team be removed from the challenge instead?\n       * Only a team admin can request this, however.\n       */\n\n      leaveChallenge({\n        teamId: challenge.participantTeamId,\n        userId: userProfile.ownerId,\n      })\n    }\n  }\n\n  const handleRequirementsHide = () => {\n    setShowRegistrationModal(false)\n  }\n  const handleRegistrationComplete = () => {\n    setShowRegistrationModal(false)\n    // Only guide the user to join/create a submission team if they are not already part of one.\n    setShowSubmissionTeamWizard(!isMemberOfSubmissionTeam)\n  }\n\n  return (\n    <>\n      <ChallengeRegisterButton\n        projectId={projectId}\n        onJoinClick={onJoinClick}\n        onLeaveClick={onLeaveClick}\n      />\n      <ChallengeRequirementsModal\n        open={showRegistrationModal}\n        projectId={projectId}\n        onRegisterComplete={handleRegistrationComplete}\n        onCancel={handleRequirementsHide}\n      />\n      <ChallengeTeamWizard\n        projectId={projectId}\n        onClose={() => {\n          toggleShowWizard(false)\n        }}\n        isShowingModal={showSubmissionTeamWizard}\n      />\n      <ConfirmationDialog\n        open={showLeaveConfirm}\n        title={'Leave this Challenge?'}\n        content={'Are you sure you want to leave this Challenge?'}\n        onCancel={() => setShowLeaveConfirm(false)}\n        onConfirm={() => {\n          doLeaveChallenge()\n          setShowLeaveConfirm(false)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAgB,EAAoB,EAAE,gBAAuC;CAC3E,IAAM,EAAE,uBAAoB,EAAkB,GACxC,CAAC,GAA0B,KAC/B,EAAkB,EAAK,GACnB,CAAC,GAAuB,KAC5B,EAAkB,EAAK,GACnB,CAAC,GAAkB,KAAuB,EAAkB,EAAK,GACjE,EAAE,MAAM,MAAgB,EAAyB,GAEjD,KAAoB,MAAe;EACvC,EAA4B,CAAC;CAC/B,GACM,UAAoB;EACxB,EAAyB,EAAI;CAC/B,GACM,UAAqB;EACzB,EAAoB,EAAI;CAC1B,GAEM,EAAE,MAAM,MAAc,EAAsB,CAAS,GAIrD,EAAE,MAAM,MAAwB,EACpC,GAAW,IACX,GACA,GACA,EACE,SAAS,GAAQ,KAAmB,GACtC,CACF,GACM,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GAExD,EAAE,QAAQ,MAAmB,EAAwB;EACzD,iBAAiB;GACf,EAAa,mDAAmD,MAAM;EACxE;EACA,UAAS,MAAS;GAChB,EAAa,EAAM,QAAQ,QAAQ;EACrC;CACF,CAAC,GAEK,UAAyB;EAC7B,AAAI,KAAmB,KAAa,KAWlC,EAAe;GACb,QAAQ,EAAU;GAClB,QAAQ,EAAY;EACtB,CAAC;CAEL;CAWA,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACa;GACE;GACC;EACf,CAAA;EACD,kBAAC,GAAD;GACE,MAAM;GACK;GACX,0BAhBmC;IAGvC,AAFA,EAAyB,EAAK,GAE9B,EAA4B,CAAC,CAAwB;GACvD;GAaM,gBApB+B;IACnC,EAAyB,EAAK;GAChC;EAmBK,CAAA;EACD,kBAAC,GAAD;GACa;GACX,eAAe;IACb,EAAiB,EAAK;GACxB;GACA,gBAAgB;EACjB,CAAA;EACD,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SAAS;GACT,gBAAgB,EAAoB,EAAK;GACzC,iBAAiB;IAEf,AADA,EAAiB,GACjB,EAAoB,EAAK;GAC3B;EACD,CAAA;CACD,EAAA,CAAA;AAEN"}

package/dist/components/ChallengeRegisterButton/ChallengeRegisterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRegisterButton.js","names":[],"sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetIsUserMemberOfTeam,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport React from 'react'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport ExitToAppIcon from '@mui/icons-material/ExitToApp'\nimport PendingActionsIcon from '@mui/icons-material/PendingActions'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\n\nexport interface ChallengeRegisterButtonProps {\n  projectId: string\n  onError?: (error: SynapseClientError) => void\n  onJoinClick?: () => void\n  onLeaveClick?: () => void\n}\n\nconst ChallengeRegisterButton = ({\n  projectId,\n  onError,\n  onJoinClick,\n  onLeaveClick,\n}: ChallengeRegisterButtonProps): React.ReactNode => {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: userProfile } = useGetCurrentUserProfile({\n    enabled: isAuthenticated,\n  })\n\n  const {\n    data: challenge,\n    isLoading: isLoadingChallenge,\n    error: getChallengeError,\n  } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated,\n  })\n\n  // Verify that user is a member of the participant team\n  const {\n    data: teamMembership,\n    isLoading: isLoadingTeamMembership,\n    error: getTeamMembershipError,\n  } = useGetIsUserMemberOfTeam(\n    challenge?.participantTeamId!,\n    userProfile?.ownerId!,\n    {\n      enabled: !!challenge && !!userProfile,\n    },\n  )\n\n  const isRegistered = Boolean(teamMembership)\n\n  const {\n    data: userSubmissionTeams,\n    error: getSubmissionTeamsError,\n    isLoading: isLoadingSubmissionTeams,\n  } = useGetUserSubmissionTeams(challenge?.id!, 20, 0, {\n    enabled: !!challenge && isAuthenticated,\n  })\n\n  const hasSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n  const isMemberOfBothParticipantAndSubmissionTeams =\n    isRegistered && hasSubmissionTeam\n  const isMemberOfParticipantTeamOnly = isRegistered && !hasSubmissionTeam\n\n  const error =\n    getChallengeError || getTeamMembershipError || getSubmissionTeamsError\n\n  useEffect(() => {\n    if (error && onError) onError(error)\n  }, [error, onError])\n\n  const isLoading =\n    isLoadingChallenge || isLoadingTeamMembership || isLoadingSubmissionTeams\n\n  if (isLoading) {\n    return <SpinnerButton showSpinner>Loading...</SpinnerButton>\n  }\n\n  return (\n    <Box>\n      {!isMemberOfBothParticipantAndSubmissionTeams &&\n        !isMemberOfParticipantTeamOnly && (\n          <SpinnerButton\n            disableElevation={true}\n            variant=\"contained\"\n            onClick={() =>\n              isAuthenticated && onJoinClick ? onJoinClick() : undefined\n            }\n            sx={{\n              color: 'white',\n              backgroundColor: '#109488',\n              fontSize: '1.12em',\n              textTransform: 'none',\n              padding: '4px 18px',\n              fontWeight: 400,\n              ':hover': { color: 'white', backgroundColor: '#109488' },\n              ':active': { color: 'white', backgroundColor: '#109488' },\n              ':visited': { color: 'white', backgroundColor: '#109488' },\n            }}\n          >\n            Register for this Challenge\n          </SpinnerButton>\n        )}\n      {isMemberOfParticipantTeamOnly && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"contained\"\n          endIcon={<PendingActionsIcon />}\n          onClick={() =>\n            isAuthenticated && onJoinClick ? onJoinClick() : undefined\n          }\n          sx={{\n            color: '#4A2E1B',\n            backgroundColor: '#FFD486',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':active': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':visited': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n          }}\n        >\n          Complete Registration\n        </SpinnerButton>\n      )}\n      {isMemberOfBothParticipantAndSubmissionTeams && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"outlined\"\n          endIcon={<ExitToAppIcon />}\n          onClick={() => (onLeaveClick ? onLeaveClick() : undefined)}\n          sx={{\n            borderColor: 'white',\n            color: 'white',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': {\n              color: '#172430',\n              borderColor: '#172430',\n            },\n          }}\n        >\n          Leave Challenge\n        </SpinnerButton>\n      )}\n    </Box>\n  )\n}\n\nexport default ChallengeRegisterButton\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,KAA2B,EAC/B,cACA,YACA,gBACA,sBACmD;CACnD,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EAAE,MAAM,MAAgB,EAAyB,EACrD,SAAS,GACV,CAAC,EAEI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAW,EACnC,SAAS,GACV,CAAC,EAGI,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF,GAAW,mBACX,GAAa,SACb,EACE,SAAS,CAAC,CAAC,KAAa,CAAC,CAAC,GAC3B,CACF,EAEK,IAAe,EAAQ,GAEvB,EACJ,MAAM,GACN,OAAO,GACP,WAAW,MACT,EAA0B,GAAW,IAAK,IAAI,GAAG,EACnD,SAAS,CAAC,CAAC,KAAa,GACzB,CAAC,EAEI,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GACxD,IACJ,KAAgB,GACZ,IAAgC,KAAgB,CAAC,GAEjD,IACJ,KAAqB,KAA0B;AAajD,QAXA,QAAgB;AACd,EAAI,KAAS,KAAS,EAAQ,EAAM;IACnC,CAAC,GAAO,EAAQ,CAAC,EAGlB,KAAsB,KAA2B,IAG1C,kBAAC,GAAD;EAAe,aAAA;YAAY;EAA0B,CAAA,GAI5D,kBAAC,GAAD,EAAA,UAAA;EACG,CAAC,KACA,CAAC,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,eACE,KAAmB,IAAc,GAAa,GAAG,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAS,iBAAiB;KAAW;IACxD,WAAW;KAAE,OAAO;KAAS,iBAAiB;KAAW;IACzD,YAAY;KAAE,OAAO;KAAS,iBAAiB;KAAW;IAC3D;aACF;GAEe,CAAA;EAEnB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,EAAsB,CAAA;GAC/B,eACE,KAAmB,IAAc,GAAa,GAAG,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC1D,WAAW;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC3D,YAAY;KAAE,OAAO;KAAW,iBAAiB;KAAW;IAC7D;aACF;GAEe,CAAA;EAEjB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,EAAiB,CAAA;GAC1B,eAAgB,IAAe,GAAc,GAAG,KAAA;GAChD,IAAI;IACF,aAAa;IACb,OAAO;IACP,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KACR,OAAO;KACP,aAAa;KACd;IACF;aACF;GAEe,CAAA;EAEd,EAAA,CAAA"}
+{"version":3,"file":"ChallengeRegisterButton.js","names":[],"sources":["../../../src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetEntityChallenge,\n  useGetIsUserMemberOfTeam,\n  useGetUserSubmissionTeams,\n} from '@/synapse-queries'\nimport React from 'react'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport ExitToAppIcon from '@mui/icons-material/ExitToApp'\nimport PendingActionsIcon from '@mui/icons-material/PendingActions'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\n\nexport interface ChallengeRegisterButtonProps {\n  projectId: string\n  onError?: (error: SynapseClientError) => void\n  onJoinClick?: () => void\n  onLeaveClick?: () => void\n}\n\nconst ChallengeRegisterButton = ({\n  projectId,\n  onError,\n  onJoinClick,\n  onLeaveClick,\n}: ChallengeRegisterButtonProps): React.ReactNode => {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: userProfile } = useGetCurrentUserProfile({\n    enabled: isAuthenticated,\n  })\n\n  const {\n    data: challenge,\n    isLoading: isLoadingChallenge,\n    error: getChallengeError,\n  } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated,\n  })\n\n  // Verify that user is a member of the participant team\n  const {\n    data: teamMembership,\n    isLoading: isLoadingTeamMembership,\n    error: getTeamMembershipError,\n  } = useGetIsUserMemberOfTeam(\n    challenge?.participantTeamId!,\n    userProfile?.ownerId!,\n    {\n      enabled: !!challenge && !!userProfile,\n    },\n  )\n\n  const isRegistered = Boolean(teamMembership)\n\n  const {\n    data: userSubmissionTeams,\n    error: getSubmissionTeamsError,\n    isLoading: isLoadingSubmissionTeams,\n  } = useGetUserSubmissionTeams(challenge?.id!, 20, 0, {\n    enabled: !!challenge && isAuthenticated,\n  })\n\n  const hasSubmissionTeam =\n    userSubmissionTeams && userSubmissionTeams.results.length > 0\n  const isMemberOfBothParticipantAndSubmissionTeams =\n    isRegistered && hasSubmissionTeam\n  const isMemberOfParticipantTeamOnly = isRegistered && !hasSubmissionTeam\n\n  const error =\n    getChallengeError || getTeamMembershipError || getSubmissionTeamsError\n\n  useEffect(() => {\n    if (error && onError) onError(error)\n  }, [error, onError])\n\n  const isLoading =\n    isLoadingChallenge || isLoadingTeamMembership || isLoadingSubmissionTeams\n\n  if (isLoading) {\n    return <SpinnerButton showSpinner>Loading...</SpinnerButton>\n  }\n\n  return (\n    <Box>\n      {!isMemberOfBothParticipantAndSubmissionTeams &&\n        !isMemberOfParticipantTeamOnly && (\n          <SpinnerButton\n            disableElevation={true}\n            variant=\"contained\"\n            onClick={() =>\n              isAuthenticated && onJoinClick ? onJoinClick() : undefined\n            }\n            sx={{\n              color: 'white',\n              backgroundColor: '#109488',\n              fontSize: '1.12em',\n              textTransform: 'none',\n              padding: '4px 18px',\n              fontWeight: 400,\n              ':hover': { color: 'white', backgroundColor: '#109488' },\n              ':active': { color: 'white', backgroundColor: '#109488' },\n              ':visited': { color: 'white', backgroundColor: '#109488' },\n            }}\n          >\n            Register for this Challenge\n          </SpinnerButton>\n        )}\n      {isMemberOfParticipantTeamOnly && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"contained\"\n          endIcon={<PendingActionsIcon />}\n          onClick={() =>\n            isAuthenticated && onJoinClick ? onJoinClick() : undefined\n          }\n          sx={{\n            color: '#4A2E1B',\n            backgroundColor: '#FFD486',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':active': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n            ':visited': { color: '#4A2E1B', backgroundColor: '#FFD486' },\n          }}\n        >\n          Complete Registration\n        </SpinnerButton>\n      )}\n      {isMemberOfBothParticipantAndSubmissionTeams && (\n        <SpinnerButton\n          disableElevation={true}\n          variant=\"outlined\"\n          endIcon={<ExitToAppIcon />}\n          onClick={() => (onLeaveClick ? onLeaveClick() : undefined)}\n          sx={{\n            borderColor: 'white',\n            color: 'white',\n            fontSize: '1.12em',\n            textTransform: 'none',\n            padding: '4px 18px',\n            fontWeight: 400,\n            ':hover': {\n              color: '#172430',\n              borderColor: '#172430',\n            },\n          }}\n        >\n          Leave Challenge\n        </SpinnerButton>\n      )}\n    </Box>\n  )\n}\n\nexport default ChallengeRegisterButton\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,KAA2B,EAC/B,cACA,YACA,gBACA,sBACmD;CACnD,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EAAE,MAAM,MAAgB,EAAyB,EACrD,SAAS,EACX,CAAC,GAEK,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAW,EACnC,SAAS,EACX,CAAC,GAGK,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF,GAAW,mBACX,GAAa,SACb,EACE,SAAS,CAAC,CAAC,KAAa,CAAC,CAAC,EAC5B,CACF,GAEM,IAAe,EAAQ,GAEvB,EACJ,MAAM,GACN,OAAO,GACP,WAAW,MACT,EAA0B,GAAW,IAAK,IAAI,GAAG,EACnD,SAAS,CAAC,CAAC,KAAa,EAC1B,CAAC,GAEK,IACJ,KAAuB,EAAoB,QAAQ,SAAS,GACxD,IACJ,KAAgB,GACZ,IAAgC,KAAgB,CAAC,GAEjD,IACJ,KAAqB,KAA0B;CAajD,OAXA,QAAgB;EACd,AAAI,KAAS,KAAS,EAAQ,CAAK;CACrC,GAAG,CAAC,GAAO,CAAO,CAAC,GAGjB,KAAsB,KAA2B,IAG1C,kBAAC,GAAD;EAAe,aAAA;YAAY;CAAyB,CAAA,IAI3D,kBAAC,GAAD,EAAA,UAAA;EACG,CAAC,KACA,CAAC,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,eACE,KAAmB,IAAc,EAAY,IAAI,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAS,iBAAiB;IAAU;IACvD,WAAW;KAAE,OAAO;KAAS,iBAAiB;IAAU;IACxD,YAAY;KAAE,OAAO;KAAS,iBAAiB;IAAU;GAC3D;aACD;EAEc,CAAA;EAElB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,CAAqB,CAAA;GAC9B,eACE,KAAmB,IAAc,EAAY,IAAI,KAAA;GAEnD,IAAI;IACF,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KAAE,OAAO;KAAW,iBAAiB;IAAU;IACzD,WAAW;KAAE,OAAO;KAAW,iBAAiB;IAAU;IAC1D,YAAY;KAAE,OAAO;KAAW,iBAAiB;IAAU;GAC7D;aACD;EAEc,CAAA;EAEhB,KACC,kBAAC,GAAD;GACE,kBAAkB;GAClB,SAAQ;GACR,SAAS,kBAAC,GAAD,CAAgB,CAAA;GACzB,eAAgB,IAAe,EAAa,IAAI,KAAA;GAChD,IAAI;IACF,aAAa;IACb,OAAO;IACP,UAAU;IACV,eAAe;IACf,SAAS;IACT,YAAY;IACZ,UAAU;KACR,OAAO;KACP,aAAa;IACf;GACF;aACD;EAEc,CAAA;CAEd,EAAA,CAAA;AAET"}

package/dist/components/ChallengeRequirementsModal/ChallengeRequirementsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeRequirementsModal.js","names":[],"sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForTeam,\n  useGetAccessRequirementStatuses,\n  useGetCurrentUserProfile,\n  useGetEntity,\n  useGetEntityChallenge,\n} from '@/synapse-queries'\nimport {\n  useAddMemberToTeam,\n  useGetMembershipStatus,\n} from '@/synapse-queries/team/useTeamMembers'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { RestrictableObjectType } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\nexport type ChallengeRequirementsModalProps = {\n  open: boolean\n  projectId: string\n  onCancel: () => void\n  onRegisterComplete: () => void\n}\n\n/**\n * The challenge requirements modal will\n *  1. Display the access requirements that must be accepted to join a participant team. The component will guide the user through meeting the requirements.\n *  2. If the user has accepted the requirements, the user can click 'Register' to join the team\n *     If the user has not accepted the requirements, the user cannot register for the challenge.\n */\nexport default function ChallengeRequirementsModal(\n  props: ChallengeRequirementsModalProps,\n) {\n  const { open, projectId, onRegisterComplete, onCancel } = props\n  const { data: project, error: getEntityError } = useGetEntity(projectId)\n\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: challenge, error: getChallengeError } =\n    useGetEntityChallenge(projectId)\n  const { data: userProfile, error: getProfileError } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  const participantTeamId = challenge?.participantTeamId\n  const userId = userProfile?.ownerId\n\n  const { data: teamMembershipStatus, error: getMembershipStatusError } =\n    useGetMembershipStatus(participantTeamId!, userId!, {\n      enabled: Boolean(participantTeamId && userId),\n    })\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: registrationIsPending,\n    error: registrationError,\n  } = useAddMemberToTeam()\n\n  const {\n    data: fetchedRequirementsForTeam,\n    isSuccess: hasFetchedRequirements,\n    error: getAccessRequirementsError,\n  } = useGetAccessRequirementsForTeam(challenge?.participantTeamId!, {\n    enabled: Boolean(challenge?.participantTeamId),\n  })\n\n  const requirementStatusesQueryResults = useGetAccessRequirementStatuses(\n    fetchedRequirementsForTeam?.map(ar => String(ar.id)) ?? [],\n  )\n\n  const meetsAllRequirements =\n    hasFetchedRequirements &&\n    requirementStatusesQueryResults.every(queryResult => {\n      return queryResult.status === 'success' && queryResult.data.isApproved\n    })\n\n  const registerForChallenge = useCallback(async () => {\n    if (participantTeamId && userId && !teamMembershipStatus?.isMember) {\n      await addTeamMember({\n        teamId: participantTeamId,\n        userId,\n      })\n    }\n    onRegisterComplete()\n  }, [\n    addTeamMember,\n    onRegisterComplete,\n    participantTeamId,\n    teamMembershipStatus?.isMember,\n    userId,\n  ])\n\n  const errors = [\n    getEntityError,\n    getChallengeError,\n    getProfileError,\n    getMembershipStatusError,\n    getAccessRequirementsError,\n    registrationError,\n  ].filter((e): e is SynapseClientError => Boolean(e))\n\n  // It's possible that the user joined the team, but requirements on the team changed since they became a member\n  // They do not need to re-join the team, but they should still be prompted to accept the requirements\n  let registerButtonText = 'Next Step'\n  if (registrationIsPending) {\n    registerButtonText = 'Registering...'\n  }\n\n  if (!isEmpty(errors)) {\n    return (\n      <Alert severity=\"error\">\n        {errors.map((e, index) => (\n          <Typography variant={'body1'} key={index}>\n            {e.reason}\n          </Typography>\n        ))}\n      </Alert>\n    )\n  }\n\n  if (!participantTeamId || !open) {\n    return <></>\n  }\n\n  return (\n    <AccessRequirementList\n      dialogTitle={`Challenge Registration (Step 1 of 2): Terms and Conditions`}\n      subjectId={participantTeamId}\n      subjectType={RestrictableObjectType.TEAM}\n      teamId={challenge?.participantTeamId}\n      renderAsModal={true}\n      requestObjectName={project?.name}\n      onHide={() => {\n        onCancel()\n      }}\n      customDialogActions={\n        <>\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => {\n              registerForChallenge()\n            }}\n            startIcon={registrationIsPending ? <SynapseSpinner /> : undefined}\n            disabled={!meetsAllRequirements || registrationIsPending}\n          >\n            {registerButtonText}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,GACpD,EAAE,MAAM,GAAS,OAAO,MAAmB,EAAa,EAAU,EAElE,EAAE,uBAAoB,GAAmB,EAEzC,EAAE,MAAM,GAAW,OAAO,MAC9B,EAAsB,EAAU,EAC5B,EAAE,MAAM,GAAa,OAAO,MAChC,EAAyB,EACvB,SAAS,GACV,CAAC,EAEE,IAAoB,GAAW,mBAC/B,IAAS,GAAa,SAEtB,EAAE,MAAM,GAAsB,OAAO,MACzC,EAAuB,GAAoB,GAAS,EAClD,SAAS,GAAQ,KAAqB,IACvC,CAAC,EAEE,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,GAAoB,EAElB,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAgC,GAAW,mBAAoB,EACjE,SAAS,EAAQ,GAAW,mBAC7B,CAAC,EAEI,IAAkC,EACtC,GAA4B,KAAI,MAAM,OAAO,EAAG,GAAG,CAAC,IAAI,EAAE,CAC3D,EAEK,IACJ,KACA,EAAgC,OAAM,MAC7B,EAAY,WAAW,aAAa,EAAY,KAAK,WAC5D,EAEE,IAAuB,EAAY,YAAY;AAOnD,EANI,KAAqB,KAAU,CAAC,GAAsB,YACxD,MAAM,EAAc;GAClB,QAAQ;GACR;GACD,CAAC,EAEJ,GAAoB;IACnB;EACD;EACA;EACA;EACA,GAAsB;EACtB;EACD,CAAC,EAEI,IAAS;EACb;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,QAAQ,MAA+B,EAAQ,EAAG,EAIhD,IAAqB;AAqBzB,QApBI,MACF,IAAqB,mBAGlB,EAAQ,EAAO,GAYhB,CAAC,KAAqB,CAAC,IAClB,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,aAAa;EACb,WAAW;EACX,aAAa,EAAuB;EACpC,QAAQ,GAAW;EACnB,eAAe;EACf,mBAAmB,GAAS;EAC5B,cAAc;AACZ,MAAU;;EAEZ,qBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAU;GAEvC,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;AACb,OAAsB;;GAExB,WAAW,IAAwB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACxD,UAAU,CAAC,KAAwB;aAElC;GACM,CAAA,CACR,EAAA,CAAA;EAEL,CAAA,GA1CA,kBAAC,GAAD;EAAO,UAAS;YACb,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAE;GACQ,EAFsB,EAEtB,CACb;EACI,CAAA"}
+{"version":3,"file":"ChallengeRequirementsModal.js","names":[],"sources":["../../../src/components/ChallengeRequirementsModal/ChallengeRequirementsModal.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForTeam,\n  useGetAccessRequirementStatuses,\n  useGetCurrentUserProfile,\n  useGetEntity,\n  useGetEntityChallenge,\n} from '@/synapse-queries'\nimport {\n  useAddMemberToTeam,\n  useGetMembershipStatus,\n} from '@/synapse-queries/team/useTeamMembers'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { RestrictableObjectType } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\nexport type ChallengeRequirementsModalProps = {\n  open: boolean\n  projectId: string\n  onCancel: () => void\n  onRegisterComplete: () => void\n}\n\n/**\n * The challenge requirements modal will\n *  1. Display the access requirements that must be accepted to join a participant team. The component will guide the user through meeting the requirements.\n *  2. If the user has accepted the requirements, the user can click 'Register' to join the team\n *     If the user has not accepted the requirements, the user cannot register for the challenge.\n */\nexport default function ChallengeRequirementsModal(\n  props: ChallengeRequirementsModalProps,\n) {\n  const { open, projectId, onRegisterComplete, onCancel } = props\n  const { data: project, error: getEntityError } = useGetEntity(projectId)\n\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: challenge, error: getChallengeError } =\n    useGetEntityChallenge(projectId)\n  const { data: userProfile, error: getProfileError } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n    })\n\n  const participantTeamId = challenge?.participantTeamId\n  const userId = userProfile?.ownerId\n\n  const { data: teamMembershipStatus, error: getMembershipStatusError } =\n    useGetMembershipStatus(participantTeamId!, userId!, {\n      enabled: Boolean(participantTeamId && userId),\n    })\n\n  const {\n    mutateAsync: addTeamMember,\n    isPending: registrationIsPending,\n    error: registrationError,\n  } = useAddMemberToTeam()\n\n  const {\n    data: fetchedRequirementsForTeam,\n    isSuccess: hasFetchedRequirements,\n    error: getAccessRequirementsError,\n  } = useGetAccessRequirementsForTeam(challenge?.participantTeamId!, {\n    enabled: Boolean(challenge?.participantTeamId),\n  })\n\n  const requirementStatusesQueryResults = useGetAccessRequirementStatuses(\n    fetchedRequirementsForTeam?.map(ar => String(ar.id)) ?? [],\n  )\n\n  const meetsAllRequirements =\n    hasFetchedRequirements &&\n    requirementStatusesQueryResults.every(queryResult => {\n      return queryResult.status === 'success' && queryResult.data.isApproved\n    })\n\n  const registerForChallenge = useCallback(async () => {\n    if (participantTeamId && userId && !teamMembershipStatus?.isMember) {\n      await addTeamMember({\n        teamId: participantTeamId,\n        userId,\n      })\n    }\n    onRegisterComplete()\n  }, [\n    addTeamMember,\n    onRegisterComplete,\n    participantTeamId,\n    teamMembershipStatus?.isMember,\n    userId,\n  ])\n\n  const errors = [\n    getEntityError,\n    getChallengeError,\n    getProfileError,\n    getMembershipStatusError,\n    getAccessRequirementsError,\n    registrationError,\n  ].filter((e): e is SynapseClientError => Boolean(e))\n\n  // It's possible that the user joined the team, but requirements on the team changed since they became a member\n  // They do not need to re-join the team, but they should still be prompted to accept the requirements\n  let registerButtonText = 'Next Step'\n  if (registrationIsPending) {\n    registerButtonText = 'Registering...'\n  }\n\n  if (!isEmpty(errors)) {\n    return (\n      <Alert severity=\"error\">\n        {errors.map((e, index) => (\n          <Typography variant={'body1'} key={index}>\n            {e.reason}\n          </Typography>\n        ))}\n      </Alert>\n    )\n  }\n\n  if (!participantTeamId || !open) {\n    return <></>\n  }\n\n  return (\n    <AccessRequirementList\n      dialogTitle={`Challenge Registration (Step 1 of 2): Terms and Conditions`}\n      subjectId={participantTeamId}\n      subjectType={RestrictableObjectType.TEAM}\n      teamId={challenge?.participantTeamId}\n      renderAsModal={true}\n      requestObjectName={project?.name}\n      onHide={() => {\n        onCancel()\n      }}\n      customDialogActions={\n        <>\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => {\n              registerForChallenge()\n            }}\n            startIcon={registrationIsPending ? <SynapseSpinner /> : undefined}\n            disabled={!meetsAllRequirements || registrationIsPending}\n          >\n            {registerButtonText}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,GACpD,EAAE,MAAM,GAAS,OAAO,MAAmB,EAAa,CAAS,GAEjE,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,GAAW,OAAO,MAC9B,EAAsB,CAAS,GAC3B,EAAE,MAAM,GAAa,OAAO,MAChC,EAAyB,EACvB,SAAS,EACX,CAAC,GAEG,IAAoB,GAAW,mBAC/B,IAAS,GAAa,SAEtB,EAAE,MAAM,GAAsB,OAAO,MACzC,EAAuB,GAAoB,GAAS,EAClD,SAAS,GAAQ,KAAqB,GACxC,CAAC,GAEG,EACJ,aAAa,GACb,WAAW,GACX,OAAO,MACL,EAAmB,GAEjB,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAgC,GAAW,mBAAoB,EACjE,SAAS,EAAQ,GAAW,kBAC9B,CAAC,GAEK,IAAkC,EACtC,GAA4B,KAAI,MAAM,OAAO,EAAG,EAAE,CAAC,KAAK,CAAC,CAC3D,GAEM,IACJ,KACA,EAAgC,OAAM,MAC7B,EAAY,WAAW,aAAa,EAAY,KAAK,UAC7D,GAEG,IAAuB,EAAY,YAAY;EAOnD,AANI,KAAqB,KAAU,CAAC,GAAsB,YACxD,MAAM,EAAc;GAClB,QAAQ;GACR;EACF,CAAC,GAEH,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA,GAAsB;EACtB;CACF,CAAC,GAEK,IAAS;EACb;EACA;EACA;EACA;EACA;EACA;CACF,EAAE,QAAQ,MAA+B,EAAQ,CAAE,GAI/C,IAAqB;CAqBzB,OApBI,MACF,IAAqB,mBAGlB,EAAQ,CAAM,IAYf,CAAC,KAAqB,CAAC,IAClB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,aAAa;EACb,WAAW;EACX,aAAa,EAAuB;EACpC,QAAQ,GAAW;EACnB,eAAe;EACf,mBAAmB,GAAS;EAC5B,cAAc;GACZ,EAAS;EACX;EACA,qBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAS;GAAY,SAAS;aAAU;EAExC,CAAA,GACR,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;IACb,EAAqB;GACvB;GACA,WAAW,IAAwB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;GACxD,UAAU,CAAC,KAAwB;aAElC;EACK,CAAA,CACR,EAAA,CAAA;CAEL,CAAA,IA1CC,kBAAC,GAAD;EAAO,UAAS;YACb,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAE;EACO,GAFuB,CAEvB,CACb;CACI,CAAA;AAsCb"}

package/dist/components/ChallengeSubmission/AddExternalRepo.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddExternalRepo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AddExternalRepo.tsx"],"sourcesContent":["import { Alert, Box, TextField, Typography } from '@mui/material'\n\ntype AddExternalRepoProps = {\n  repoName: string\n  errorMessage?: string\n  onRepoNameChange: (value: string) => void\n}\n\nfunction AddExternalRepo({\n  errorMessage,\n  repoName,\n  onRepoNameChange,\n}: AddExternalRepoProps) {\n  return (\n    <>\n      <Typography variant=\"body1\">Repository Name</Typography>\n      <TextField\n        id=\"repo\"\n        name=\"repo\"\n        fullWidth\n        onChange={e => onRepoNameChange(e.target.value)}\n        placeholder=\"ex. index.docker.io:500/library/ubuntu\"\n        value={repoName}\n      />\n      {errorMessage && (\n        <Box\n          sx={{\n            mt: 1,\n          }}\n        >\n          <Alert severity=\"error\">{errorMessage}</Alert>\n        </Box>\n      )}\n    </>\n  )\n}\n\nexport default AddExternalRepo\n"],"mappings":";;;AAQA,SAAS,EAAgB,EACvB,iBACA,aACA,uBACuB;AACvB,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;GAA4B,CAAA;EACxD,kBAAC,GAAD;GACE,IAAG;GACH,MAAK;GACL,WAAA;GACA,WAAU,MAAK,EAAiB,EAAE,OAAO,MAAM;GAC/C,aAAY;GACZ,OAAO;GACP,CAAA;EACD,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;aAED,kBAAC,GAAD;IAAO,UAAS;cAAS;IAAqB,CAAA;GAC1C,CAAA;EAEP,EAAA,CAAA"}
+{"version":3,"file":"AddExternalRepo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AddExternalRepo.tsx"],"sourcesContent":["import { Alert, Box, TextField, Typography } from '@mui/material'\n\ntype AddExternalRepoProps = {\n  repoName: string\n  errorMessage?: string\n  onRepoNameChange: (value: string) => void\n}\n\nfunction AddExternalRepo({\n  errorMessage,\n  repoName,\n  onRepoNameChange,\n}: AddExternalRepoProps) {\n  return (\n    <>\n      <Typography variant=\"body1\">Repository Name</Typography>\n      <TextField\n        id=\"repo\"\n        name=\"repo\"\n        fullWidth\n        onChange={e => onRepoNameChange(e.target.value)}\n        placeholder=\"ex. index.docker.io:500/library/ubuntu\"\n        value={repoName}\n      />\n      {errorMessage && (\n        <Box\n          sx={{\n            mt: 1,\n          }}\n        >\n          <Alert severity=\"error\">{errorMessage}</Alert>\n        </Box>\n      )}\n    </>\n  )\n}\n\nexport default AddExternalRepo\n"],"mappings":";;;AAQA,SAAS,EAAgB,EACvB,iBACA,aACA,uBACuB;CACvB,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;EAA2B,CAAA;EACvD,kBAAC,GAAD;GACE,IAAG;GACH,MAAK;GACL,WAAA;GACA,WAAU,MAAK,EAAiB,EAAE,OAAO,KAAK;GAC9C,aAAY;GACZ,OAAO;EACR,CAAA;EACA,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;aAEA,kBAAC,GAAD;IAAO,UAAS;cAAS;GAAoB,CAAA;EAC1C,CAAA;CAEP,EAAA,CAAA;AAEN"}

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":";;;;;;;;AAuBA,SAAS,EAAiB,GAA8B;CACtD,IAAM,EAAE,SAAM,2BAAwB;AAEtC,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KACC,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,GACL;aAED,kBAAC,GAAD,EAAiB,UAAU,GAAuB,CAAA;GACvC,CAAA;YAGf,kBAAC,GAAD,EACE,IAAI;GACF,IAAI;GACJ,OAAO;GACP,UAAU;GACX,EACD,CAAA;EACW,CAAA,CAEhB,EAAA,CAAA;;AAQP,SAAS,EACP,GACA;CACA,IAAM,EAAE,mBAAgB;AACxB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAQ;EAAyC,CAAA,EACrE,kBAAC,GAAD;EAAM,OAAO;YACV,EAAY,KAAI,MACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,MAAM,EAAW;GACjB,qBAAqB,EAAW;GAChC,CAAA,EACO,EALI,EAAW,GAKf,CACX;EACG,CAAA,CACN,EAAA,CAAA;;AASP,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,oBAAiB,GAChC,CAAC,GAAU,KAAe,EAAkB,GAAM,EAClD,IAA4B,IAAe,IAAI;AAGrD,QACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YANkB,EAAY,UAAU,IASvC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EAAE,IAAI,GAAG;GACb,eAAe,EAAY,CAAC,EAAS;aAEpC,GAAG,IAAW,SAAS,OAAO;GACxB,CAAA,EACT,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD,EAAoC,GAAI,GAAS,CAAA;GACxC,CAAA,CACV,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD,EAAoC,GAAI,GAAS,CAAA,EAChD,CAAA;EAED,CAAA;;AASV,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,gCAA6B,MAAS,GACrD,CAAC,GAAO,KAAY,EAA4B,KAAK;AAE3D,QACE,kBAAC,GAAD;EAGE,eAAe;EACR;EACP,WAAW,GAAO,MAAgC;AAEhD,GADA,EAAS,EAAS,EAClB,EAA2B,EAAS;;EAEtC,SAAS;EACT,iBAAgB,MAAU,EAAO;EACjC,eAAe,GAAO,GAAQ,GAAO,MAEjC,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IACE,MAAM,EAAW,eAAe,EAAO;IACvC,qBAAqB,EAAO;IAC5B,CAAA;GACO,CAAA;EAGf,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,OAAM;GAA8B,CAAA;EAE7D,CAAA;;AAaN,SAAS,EACP,GACA;CACA,IAAM,EACJ,kBAAe,IACf,gCAA6B,GAC7B,mBACE,GACE,IAAe,EAAY;AAOjC,KALA,QAAgB;AACd,EAAI,MAAiB,KAAK,KACxB,EAA2B,EAAY,GAAG;IAC3C;EAAC;EAAa;EAAc;EAAc;EAA2B,CAAC,EAErE,MAAiB,EACnB,QAAO,kBAAC,GAAD;EAAY,SAAQ;YAAQ;EAAiC,CAAA;AAEtE,KAAI,MAAiB,GAAG;EACtB,IAAM,IAAa,EAAY;AAC/B,SACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACb;aAED,kBAAC,GAAD;IACE,MAAM,EAAW;IACjB,qBAAqB,EAAW;IAChC,CAAA;GACE,CAAA;;AAIV,QACE,kBAAC,GAAD;EAEE,WAAU;YAFZ,CAIG,KAAgB,kBAAC,GAAD,EAA0C,GAAI,GAAS,CAAA,EACxE,kBAAC,GAAD,EAAyC,GAAI,GAAS,CAAA,CAClD"}
+{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":";;;;;;;;AAuBA,SAAS,EAAiB,GAA8B;CACtD,IAAM,EAAE,SAAM,2BAAwB;CAEtC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KACC,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEA,kBAAC,GAAD,EAAiB,UAAU,EAAsB,CAAA;EACvC,CAAA;YAGd,kBAAC,GAAD,EACE,IAAI;GACF,IAAI;GACJ,OAAO;GACP,UAAU;EACZ,EACD,CAAA;CACW,CAAA,CAEhB,EAAA,CAAA;AAEN;AAMA,SAAS,EACP,GACA;CACA,IAAM,EAAE,mBAAgB;CACxB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAwC,CAAA,GACpE,kBAAC,GAAD;EAAM,OAAO;YACV,EAAY,KAAI,MACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,MAAM,EAAW;GACjB,qBAAqB,EAAW;EACjC,CAAA,EACO,GALK,EAAW,EAKhB,CACX;CACG,CAAA,CACN,EAAA,CAAA;AAEN;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,oBAAiB,GAChC,CAAC,GAAU,KAAe,EAAkB,EAAK,GACjD,IAA4B,IAAe,IAAI;CAGrD,OACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YANmB,EAAY,UAAU,IASvC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EAAE,IAAI,EAAE;GACZ,eAAe,EAAY,CAAC,CAAQ;aAEnC,GAAG,IAAW,SAAS,OAAO;EACzB,CAAA,GACR,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA;EACxC,CAAA,CACV,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA,EAChD,CAAA;CAED,CAAA;AAET;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,gCAA6B,MAAS,GACrD,CAAC,GAAO,KAAY,EAA4B,IAAI;CAE1D,OACE,kBAAC,GAAD;EAGE,eAAe;EACR;EACP,WAAW,GAAO,MAAgC;GAEhD,AADA,EAAS,CAAQ,GACjB,EAA2B,CAAQ;EACrC;EACA,SAAS;EACT,iBAAgB,MAAU,EAAO;EACjC,eAAe,GAAO,GAAQ,GAAO,MAEjC,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IACE,MAAM,EAAW,eAAe,CAAM;IACtC,qBAAqB,EAAO;GAC7B,CAAA;EACO,CAAA;EAGd,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,OAAM;EAA6B,CAAA;CAE7D,CAAA;AAEL;AAWA,SAAS,EACP,GACA;CACA,IAAM,EACJ,kBAAe,IACf,gCAA6B,GAC7B,mBACE,GACE,IAAe,EAAY;CAOjC,IALA,QAAgB;EACd,AAAI,MAAiB,KAAK,KACxB,EAA2B,EAAY,EAAE;CAC7C,GAAG;EAAC;EAAa;EAAc;EAAc;CAA0B,CAAC,GAEpE,MAAiB,GACnB,OAAO,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAgC,CAAA;CAErE,IAAI,MAAiB,GAAG;EACtB,IAAM,IAAa,EAAY;EAC/B,OACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEA,kBAAC,GAAD;IACE,MAAM,EAAW;IACjB,qBAAqB,EAAW;GACjC,CAAA;EACE,CAAA;CAET;CAEA,OACE,kBAAC,GAAD;EAEE,WAAU;YAFZ,CAIG,KAAgB,kBAAC,GAAD,EAA0C,GAAI,EAAQ,CAAA,GACvE,kBAAC,GAAD,EAAyC,GAAI,EAAQ,CAAA,CAClD;;AAET"}