synapse-react-client 4.0.19 → 4.0.21

package/dist/components/SynapseHomepageV2/SynapseHotdropsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseHotdropsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHotdropsItem.tsx"],"sourcesContent":["import { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Box, Chip, Typography } from '@mui/material'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type SynapseHotDropItemProps = {\n  entityHeader: EntityHeader\n}\n\nexport function SynapseHotDropItem({ entityHeader }: SynapseHotDropItemProps) {\n  const typeName = entityTypeToFriendlyName(\n    convertToEntityType(entityHeader.type),\n  )\n  const chipColor = typeName === 'Project' ? 'primary' : 'secondary'\n  return (\n    <Box\n      component=\"a\"\n      href={`${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n        entityHeader.id\n      }`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography variant=\"body1\" className={styles.itemTitle} noWrap>\n          {entityHeader.name}\n        </Typography>\n        <Typography\n          component={'span'}\n          variant={'body1'}\n          className={styles.itemMeta}\n        >\n          Created {dayjs(entityHeader.createdOn).fromNow()} by{' '}\n          <UserBadge userId={entityHeader.createdBy} />\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        <Chip className={styles.chip} label={typeName} color={chipColor} />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAYA,EAAM,OAAO,EAAa;AAM1B,SAAgB,EAAmB,EAAE,mBAAyC;CAC5E,IAAM,IAAW,EACf,EAAoB,EAAa,KAAK,CACvC,EACK,IAAY,MAAa,YAAY,YAAY;AACvD,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,GAAG,EAAY,EAAuB,gBAAgB,CAAC,UAC3D,EAAa;EAEf,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YAPpB,CASE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;IAAW,QAAA;cACtD,EAAa;IACH,CAAA,EACb,kBAAC,GAAD;IACE,WAAW;IACX,SAAS;IACT,WAAW,EAAO;cAHpB;KAIC;KACU,EAAM,EAAa,UAAU,CAAC,SAAS;KAAC;KAAI;KACrD,kBAAC,GAAD,EAAW,QAAQ,EAAa,WAAa,CAAA;KAClC;MACT;MACN,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAU,OAAO;IAAa,CAAA;GAC/D,CAAA,CACF"}
+{"version":3,"file":"SynapseHotdropsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHotdropsItem.tsx"],"sourcesContent":["import { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Box, Chip, Typography } from '@mui/material'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type SynapseHotDropItemProps = {\n  entityHeader: EntityHeader\n}\n\nexport function SynapseHotDropItem({ entityHeader }: SynapseHotDropItemProps) {\n  const typeName = entityTypeToFriendlyName(\n    convertToEntityType(entityHeader.type),\n  )\n  const chipColor = typeName === 'Project' ? 'primary' : 'secondary'\n  return (\n    <Box\n      component=\"a\"\n      href={`${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n        entityHeader.id\n      }`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography variant=\"body1\" className={styles.itemTitle} noWrap>\n          {entityHeader.name}\n        </Typography>\n        <Typography\n          component={'span'}\n          variant={'body1'}\n          className={styles.itemMeta}\n        >\n          Created {dayjs(entityHeader.createdOn).fromNow()} by{' '}\n          <UserBadge userId={entityHeader.createdBy} />\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        <Chip className={styles.chip} label={typeName} color={chipColor} />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAYA,EAAM,OAAO,CAAY;AAMzB,SAAgB,EAAmB,EAAE,mBAAyC;CAC5E,IAAM,IAAW,EACf,EAAoB,EAAa,IAAI,CACvC,GACM,IAAY,MAAa,YAAY,YAAY;CACvD,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,GAAG,EAAY,EAAuB,eAAe,EAAE,UAC3D,EAAa;EAEf,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YAPpB,CASE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;IAAW,QAAA;cACtD,EAAa;GACJ,CAAA,GACZ,kBAAC,GAAD;IACE,WAAW;IACX,SAAS;IACT,WAAW,EAAO;cAHpB;KAIC;KACU,EAAM,EAAa,SAAS,EAAE,QAAQ;KAAE;KAAI;KACrD,kBAAC,GAAD,EAAW,QAAQ,EAAa,UAAY,CAAA;IAClC;KACT;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAU,OAAO;GAAY,CAAA;EAC/D,CAAA,CACF;;AAET"}

package/dist/components/SynapseHomepageV2/SynapseInAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseInAction.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInAction.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapseInActionItem } from './SynapseInActionItem'\n\nexport type SynapseInActionProps = {\n  tableId: string\n}\n\nexport function SynapseInAction({ tableId }: SynapseInActionProps) {\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: tableId,\n    query: {\n      sql: `SELECT * FROM ${tableId}`,\n      sort: [{ column: 'order', direction: 'ASC' }],\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rowSet = data?.responseBody?.queryResult?.queryResults\n  const headers = rowSet?.headers\n  const titleColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'title',\n  )!\n  const descriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'description',\n  )!\n  const tagsColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'tags',\n  )!\n  const imageFileColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'image',\n  )!\n  const mobileImageFileColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'mobileImage',\n  )!\n  const logoColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'logo',\n  )!\n  const linkColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'url',\n  )!\n  const friendlyNameColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'friendlyName',\n  )!\n  const primaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'primaryColor',\n  )!\n  const secondaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'secondaryColor',\n  )!\n\n  if (!rowSet || rowSet.rows.length == 0) {\n    return <></>\n  }\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1500px' }}>\n      {rowSet.rows.map((row, index) => {\n        const title = row.values[titleColIndex]!\n        const description = row.values[descriptionColIndex]!\n        const tags: string[] = JSON.parse(row.values[tagsColIndex]!)\n        const imageFileHandleId = row.values[imageFileColIndex]!\n        const mobileImageFileHandleId = row.values[mobileImageFileColIndex]!\n        const logoFileHandleId = row.values[logoColIndex]!\n        const link = row.values[linkColIndex]!\n        const friendlyName = row.values[friendlyNameColIndex]!\n        const primaryColor = row.values[primaryColorColIndex]!\n        const secondaryColor = row.values[secondaryColorColIndex]!\n        const backgroundColor =\n          index % 2\n            ? '#E9F2F1' // SWC-6984: intentional break out of color palette\n            : undefined\n        return (\n          <Box\n            key={row.rowId}\n            sx={{\n              py: { xs: '30px', sm: '0px' },\n              backgroundColor: { backgroundColor },\n            }}\n          >\n            <SynapseInActionItem\n              tableId={tableId}\n              friendlyName={friendlyName}\n              title={title}\n              description={description}\n              logoFileHandleId={logoFileHandleId}\n              tags={tags}\n              link={link}\n              primaryColor={primaryColor}\n              secondaryColor={secondaryColor}\n              imageFileHandleId={imageFileHandleId}\n              mobileImageFileHandleId={mobileImageFileHandleId}\n            />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAAgB,EAAE,cAAiC;CACjE,IAAM,EAAE,YAAS,EAAuC;EACtD,UAAU;EACV,OAAO;GACL,KAAK,iBAAiB;GACtB,MAAM,CAAC;IAAE,QAAQ;IAAS,WAAW;IAAO,CAAC;GAC9C;EACD,UAAA;EACA,cAAc;EACf,CAAC,EAEI,IAAS,GAAM,cAAc,aAAa,cAC1C,IAAU,GAAQ,SAClB,IAAgB,GAAS,WAC7B,MAAgB,EAAa,QAAQ,QACtC,EACK,IAAsB,GAAS,WACnC,MAAgB,EAAa,QAAQ,cACtC,EACK,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,OACtC,EACK,IAAoB,GAAS,WACjC,MAAgB,EAAa,QAAQ,QACtC,EACK,IAA0B,GAAS,WACvC,MAAgB,EAAa,QAAQ,cACtC,EACK,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,OACtC,EACK,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,MACtC,EACK,IAAuB,GAAS,WACpC,MAAgB,EAAa,QAAQ,eACtC,EACK,IAAuB,GAAS,WACpC,MAAgB,EAAa,QAAQ,eACtC,EACK,IAAyB,GAAS,WACtC,MAAgB,EAAa,QAAQ,iBACtC;AAKD,QAHI,CAAC,KAAU,EAAO,KAAK,UAAU,IAC5B,kBAAA,GAAA,EAAK,CAAA,GAGZ,kBAAC,GAAD;EAAK,IAAI;GAAE,GAAG;GAAQ,UAAU;GAAU;YACvC,EAAO,KAAK,KAAK,GAAK,MAAU;GAC/B,IAAM,IAAQ,EAAI,OAAO,IACnB,IAAc,EAAI,OAAO,IACzB,IAAiB,KAAK,MAAM,EAAI,OAAO,GAAe,EACtD,IAAoB,EAAI,OAAO,IAC/B,IAA0B,EAAI,OAAO,IACrC,IAAmB,EAAI,OAAO,IAC9B,IAAO,EAAI,OAAO,IAClB,IAAe,EAAI,OAAO,IAC1B,IAAe,EAAI,OAAO,IAC1B,IAAiB,EAAI,OAAO;AAKlC,UACE,kBAAC,GAAD;IAEE,IAAI;KACF,IAAI;MAAE,IAAI;MAAQ,IAAI;MAAO;KAC7B,iBAAiB,EAAE,iBARvB,IAAQ,IACJ,YACA,KAAA,GAMoC;KACrC;cAED,kBAAC,GAAD;KACW;KACK;KACP;KACM;KACK;KACZ;KACA;KACQ;KACE;KACG;KACM;KACzB,CAAA;IACE,EAnBC,EAAI,MAmBL;IAER;EACE,CAAA"}
+{"version":3,"file":"SynapseInAction.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInAction.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapseInActionItem } from './SynapseInActionItem'\n\nexport type SynapseInActionProps = {\n  tableId: string\n}\n\nexport function SynapseInAction({ tableId }: SynapseInActionProps) {\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: tableId,\n    query: {\n      sql: `SELECT * FROM ${tableId}`,\n      sort: [{ column: 'order', direction: 'ASC' }],\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rowSet = data?.responseBody?.queryResult?.queryResults\n  const headers = rowSet?.headers\n  const titleColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'title',\n  )!\n  const descriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'description',\n  )!\n  const tagsColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'tags',\n  )!\n  const imageFileColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'image',\n  )!\n  const mobileImageFileColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'mobileImage',\n  )!\n  const logoColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'logo',\n  )!\n  const linkColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'url',\n  )!\n  const friendlyNameColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'friendlyName',\n  )!\n  const primaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'primaryColor',\n  )!\n  const secondaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'secondaryColor',\n  )!\n\n  if (!rowSet || rowSet.rows.length == 0) {\n    return <></>\n  }\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1500px' }}>\n      {rowSet.rows.map((row, index) => {\n        const title = row.values[titleColIndex]!\n        const description = row.values[descriptionColIndex]!\n        const tags: string[] = JSON.parse(row.values[tagsColIndex]!)\n        const imageFileHandleId = row.values[imageFileColIndex]!\n        const mobileImageFileHandleId = row.values[mobileImageFileColIndex]!\n        const logoFileHandleId = row.values[logoColIndex]!\n        const link = row.values[linkColIndex]!\n        const friendlyName = row.values[friendlyNameColIndex]!\n        const primaryColor = row.values[primaryColorColIndex]!\n        const secondaryColor = row.values[secondaryColorColIndex]!\n        const backgroundColor =\n          index % 2\n            ? '#E9F2F1' // SWC-6984: intentional break out of color palette\n            : undefined\n        return (\n          <Box\n            key={row.rowId}\n            sx={{\n              py: { xs: '30px', sm: '0px' },\n              backgroundColor: { backgroundColor },\n            }}\n          >\n            <SynapseInActionItem\n              tableId={tableId}\n              friendlyName={friendlyName}\n              title={title}\n              description={description}\n              logoFileHandleId={logoFileHandleId}\n              tags={tags}\n              link={link}\n              primaryColor={primaryColor}\n              secondaryColor={secondaryColor}\n              imageFileHandleId={imageFileHandleId}\n              mobileImageFileHandleId={mobileImageFileHandleId}\n            />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAAgB,EAAE,cAAiC;CACjE,IAAM,EAAE,YAAS,EAAuC;EACtD,UAAU;EACV,OAAO;GACL,KAAK,iBAAiB;GACtB,MAAM,CAAC;IAAE,QAAQ;IAAS,WAAW;GAAM,CAAC;EAC9C;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GAEK,IAAS,GAAM,cAAc,aAAa,cAC1C,IAAU,GAAQ,SAClB,IAAgB,GAAS,WAC7B,MAAgB,EAAa,QAAQ,OACvC,GACM,IAAsB,GAAS,WACnC,MAAgB,EAAa,QAAQ,aACvC,GACM,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,MACvC,GACM,IAAoB,GAAS,WACjC,MAAgB,EAAa,QAAQ,OACvC,GACM,IAA0B,GAAS,WACvC,MAAgB,EAAa,QAAQ,aACvC,GACM,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,MACvC,GACM,IAAe,GAAS,WAC5B,MAAgB,EAAa,QAAQ,KACvC,GACM,IAAuB,GAAS,WACpC,MAAgB,EAAa,QAAQ,cACvC,GACM,IAAuB,GAAS,WACpC,MAAgB,EAAa,QAAQ,cACvC,GACM,IAAyB,GAAS,WACtC,MAAgB,EAAa,QAAQ,gBACvC;CAKA,OAHI,CAAC,KAAU,EAAO,KAAK,UAAU,IAC5B,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAC,GAAD;EAAK,IAAI;GAAE,GAAG;GAAQ,UAAU;EAAS;YACtC,EAAO,KAAK,KAAK,GAAK,MAAU;GAC/B,IAAM,IAAQ,EAAI,OAAO,IACnB,IAAc,EAAI,OAAO,IACzB,IAAiB,KAAK,MAAM,EAAI,OAAO,EAAc,GACrD,IAAoB,EAAI,OAAO,IAC/B,IAA0B,EAAI,OAAO,IACrC,IAAmB,EAAI,OAAO,IAC9B,IAAO,EAAI,OAAO,IAClB,IAAe,EAAI,OAAO,IAC1B,IAAe,EAAI,OAAO,IAC1B,IAAiB,EAAI,OAAO;GAKlC,OACE,kBAAC,GAAD;IAEE,IAAI;KACF,IAAI;MAAE,IAAI;MAAQ,IAAI;KAAM;KAC5B,iBAAiB,EAAE,iBARvB,IAAQ,IACJ,YACA,KAAA,EAMmC;IACrC;cAEA,kBAAC,GAAD;KACW;KACK;KACP;KACM;KACK;KACZ;KACA;KACQ;KACE;KACG;KACM;IAC1B,CAAA;GACE,GAnBE,EAAI,KAmBN;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/SynapseInActionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseInActionItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInActionItem.tsx"],"sourcesContent":["import {\n  darkTextColor,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n  Box,\n  Chip,\n  Link,\n  Typography,\n  useTheme,\n  useMediaQuery,\n  SxProps,\n  Fade,\n} from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport { EastTwoTone } from '@mui/icons-material'\nimport { useInView } from 'react-intersection-observer'\nimport { Slide } from '@mui/material'\n\nconst transitionTimeoutMs = 320\n\nexport type SynapseInActionItemProps = {\n  tableId: string\n  friendlyName: string\n  title: string\n  description: string\n  tags?: string[] | null\n  logoFileHandleId: string\n  link: string\n  primaryColor: string\n  secondaryColor: string\n  imageFileHandleId: string\n  mobileImageFileHandleId: string\n}\n\nconst mobileViewSxProps: SxProps = {\n  display: 'flex',\n  justifyContent: 'center',\n  flexDirection: 'column',\n  alignItems: 'center',\n  textAlign: 'center',\n}\n\nexport function SynapseInActionItem({\n  tableId,\n  friendlyName,\n  title,\n  description,\n  tags,\n  logoFileHandleId,\n  link,\n  imageFileHandleId,\n  mobileImageFileHandleId,\n}: SynapseInActionItemProps) {\n  const theme = useTheme()\n  const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n  // desktop image animation support\n  const [ref, inView] = useInView({ threshold: 0.3, triggerOnce: true })\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        p: { xs: '10px', md: '15px 0px 0px 15px' },\n        display: 'grid',\n        gridTemplateColumns: {\n          xs: 'auto 0px',\n          md: '450px auto',\n        },\n      }}\n    >\n      <Box\n        sx={{\n          ml: {\n            xs: '0px',\n            md: '20px',\n          },\n        }}\n      >\n        {/* mobile image */}\n        <Box\n          sx={{\n            display: { xs: 'flex', md: 'none' },\n            justifyContent: 'center',\n            width: '100%',\n            mb: '10px',\n            pt: '50px',\n            img: { width: '320px', maxWidth: '100%' },\n          }}\n        >\n          <ImageFromSynapseTable\n            tableId={tableId}\n            fileHandleId={mobileImageFileHandleId}\n          />\n        </Box>\n        <Box sx={isMobileView ? mobileViewSxProps : { pt: '50px' }}>\n          <Box>\n            {tags &&\n              tags.map(tag => {\n                return (\n                  <Chip\n                    key={tag}\n                    sx={{\n                      mr: '5px',\n                      color: 'secondary.600',\n                      backgroundColor: 'secondary.100',\n                      borderWidth: '0px',\n                    }}\n                    label={tag}\n                  />\n                )\n              })}\n          </Box>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '36px',\n              lineHeight: '46px',\n              mt: '32px',\n              color: darkTextColor,\n            }}\n          >\n            {title}\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              mt: '32px',\n              mb: '32px',\n            }}\n          >\n            {description}\n          </Typography>\n          <ImageFromSynapseTable\n            tableId={tableId}\n            fileHandleId={logoFileHandleId}\n            alt={`${friendlyName} logo`}\n            style={{ height: '40px' }}\n          />\n          <Box sx={{ mt: '32px', pb: '50px' }}>\n            <Link href={link} target=\"_blank\">\n              View {friendlyName.endsWith('Portal') ? 'the' : ''} {friendlyName}{' '}\n              <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n            </Link>\n          </Box>\n        </Box>\n      </Box>\n      {/* desktop image */}\n      <Box\n        sx={{\n          display: { xs: 'none', md: 'block' },\n          justifySelf: 'end',\n          alignSelf: 'end',\n        }}\n      >\n        <Fade in={inView} timeout={transitionTimeoutMs}>\n          <div>\n            <Slide direction=\"left\" timeout={transitionTimeoutMs} in={inView}>\n              <div>\n                <ImageFromSynapseTable\n                  tableId={tableId}\n                  fileHandleId={imageFileHandleId}\n                />\n              </div>\n            </Slide>\n          </div>\n        </Fade>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAsB,KAgBtB,IAA6B;CACjC,SAAS;CACT,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,WAAW;CACZ;AAED,SAAgB,EAAoB,EAClC,YACA,iBACA,UACA,gBACA,SACA,qBACA,SACA,sBACA,8BAC2B;CAE3B,IAAM,IAAe,EADP,GACqB,CAAM,YAAY,KAAK,KAAK,CAAC,EAE1D,CAAC,GAAK,KAAU,EAAU;EAAE,WAAW;EAAK,aAAa;EAAM,CAAC;AAEtE,QACE,kBAAC,GAAD;EACO;EACL,IAAI;GACF,GAAG;IAAE,IAAI;IAAQ,IAAI;IAAqB;GAC1C,SAAS;GACT,qBAAqB;IACnB,IAAI;IACJ,IAAI;IACL;GACF;YATH,CAWE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI;IACF,IAAI;IACJ,IAAI;IACL,EACF;aANH,CASE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;MAAE,IAAI;MAAQ,IAAI;MAAQ;KACnC,gBAAgB;KAChB,OAAO;KACP,IAAI;KACJ,IAAI;KACJ,KAAK;MAAE,OAAO;MAAS,UAAU;MAAQ;KAC1C;cAED,kBAAC,GAAD;KACW;KACT,cAAc;KACd,CAAA;IACE,CAAA,EACN,kBAAC,GAAD;IAAK,IAAI,IAAe,IAAoB,EAAE,IAAI,QAAQ;cAA1D;KACE,kBAAC,GAAD,EAAA,UACG,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;OACd;MACD,OAAO;MACP,EARK,EAQL,CAEJ,EACA,CAAA;KACN,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,YAAY;OACZ,UAAU;OACV,YAAY;OACZ,IAAI;OACJ,OAAO;OACR;gBAEA;MACU,CAAA;KACb,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;OACJ,IAAI;OACL;gBAEA;MACU,CAAA;KACb,kBAAC,GAAD;MACW;MACT,cAAc;MACd,KAAK,GAAG,EAAa;MACrB,OAAO,EAAE,QAAQ,QAAQ;MACzB,CAAA;KACF,kBAAC,GAAD;MAAK,IAAI;OAAE,IAAI;OAAQ,IAAI;OAAQ;gBACjC,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB;QAAkC;QAC1B,EAAa,SAAS,SAAS,GAAG,QAAQ;QAAG;QAAE;QAAc;QACnE,kBAAC,GAAD,EAAa,IAAI;SAAE,IAAI;SAAQ,IAAI;SAAO,EAAI,CAAA;QACzC;;MACH,CAAA;KACF;MACF;MAEN,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;KAAE,IAAI;KAAQ,IAAI;KAAS;IACpC,aAAa;IACb,WAAW;IACZ;aAED,kBAAC,GAAD;IAAM,IAAI;IAAQ,SAAS;cACzB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAO,WAAU;KAAO,SAAS;KAAqB,IAAI;eACxD,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,cAAc;MACd,CAAA,EACE,CAAA;KACA,CAAA,EACJ,CAAA;IACD,CAAA;GACH,CAAA,CACF"}
+{"version":3,"file":"SynapseInActionItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInActionItem.tsx"],"sourcesContent":["import {\n  darkTextColor,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n  Box,\n  Chip,\n  Link,\n  Typography,\n  useTheme,\n  useMediaQuery,\n  SxProps,\n  Fade,\n} from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport { EastTwoTone } from '@mui/icons-material'\nimport { useInView } from 'react-intersection-observer'\nimport { Slide } from '@mui/material'\n\nconst transitionTimeoutMs = 320\n\nexport type SynapseInActionItemProps = {\n  tableId: string\n  friendlyName: string\n  title: string\n  description: string\n  tags?: string[] | null\n  logoFileHandleId: string\n  link: string\n  primaryColor: string\n  secondaryColor: string\n  imageFileHandleId: string\n  mobileImageFileHandleId: string\n}\n\nconst mobileViewSxProps: SxProps = {\n  display: 'flex',\n  justifyContent: 'center',\n  flexDirection: 'column',\n  alignItems: 'center',\n  textAlign: 'center',\n}\n\nexport function SynapseInActionItem({\n  tableId,\n  friendlyName,\n  title,\n  description,\n  tags,\n  logoFileHandleId,\n  link,\n  imageFileHandleId,\n  mobileImageFileHandleId,\n}: SynapseInActionItemProps) {\n  const theme = useTheme()\n  const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n  // desktop image animation support\n  const [ref, inView] = useInView({ threshold: 0.3, triggerOnce: true })\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        p: { xs: '10px', md: '15px 0px 0px 15px' },\n        display: 'grid',\n        gridTemplateColumns: {\n          xs: 'auto 0px',\n          md: '450px auto',\n        },\n      }}\n    >\n      <Box\n        sx={{\n          ml: {\n            xs: '0px',\n            md: '20px',\n          },\n        }}\n      >\n        {/* mobile image */}\n        <Box\n          sx={{\n            display: { xs: 'flex', md: 'none' },\n            justifyContent: 'center',\n            width: '100%',\n            mb: '10px',\n            pt: '50px',\n            img: { width: '320px', maxWidth: '100%' },\n          }}\n        >\n          <ImageFromSynapseTable\n            tableId={tableId}\n            fileHandleId={mobileImageFileHandleId}\n          />\n        </Box>\n        <Box sx={isMobileView ? mobileViewSxProps : { pt: '50px' }}>\n          <Box>\n            {tags &&\n              tags.map(tag => {\n                return (\n                  <Chip\n                    key={tag}\n                    sx={{\n                      mr: '5px',\n                      color: 'secondary.600',\n                      backgroundColor: 'secondary.100',\n                      borderWidth: '0px',\n                    }}\n                    label={tag}\n                  />\n                )\n              })}\n          </Box>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '36px',\n              lineHeight: '46px',\n              mt: '32px',\n              color: darkTextColor,\n            }}\n          >\n            {title}\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              mt: '32px',\n              mb: '32px',\n            }}\n          >\n            {description}\n          </Typography>\n          <ImageFromSynapseTable\n            tableId={tableId}\n            fileHandleId={logoFileHandleId}\n            alt={`${friendlyName} logo`}\n            style={{ height: '40px' }}\n          />\n          <Box sx={{ mt: '32px', pb: '50px' }}>\n            <Link href={link} target=\"_blank\">\n              View {friendlyName.endsWith('Portal') ? 'the' : ''} {friendlyName}{' '}\n              <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n            </Link>\n          </Box>\n        </Box>\n      </Box>\n      {/* desktop image */}\n      <Box\n        sx={{\n          display: { xs: 'none', md: 'block' },\n          justifySelf: 'end',\n          alignSelf: 'end',\n        }}\n      >\n        <Fade in={inView} timeout={transitionTimeoutMs}>\n          <div>\n            <Slide direction=\"left\" timeout={transitionTimeoutMs} in={inView}>\n              <div>\n                <ImageFromSynapseTable\n                  tableId={tableId}\n                  fileHandleId={imageFileHandleId}\n                />\n              </div>\n            </Slide>\n          </div>\n        </Fade>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAsB,KAgBtB,IAA6B;CACjC,SAAS;CACT,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,WAAW;AACb;AAEA,SAAgB,EAAoB,EAClC,YACA,iBACA,UACA,gBACA,SACA,qBACA,SACA,sBACA,8BAC2B;CAE3B,IAAM,IAAe,EADP,EACqB,EAAM,YAAY,KAAK,IAAI,CAAC,GAEzD,CAAC,GAAK,KAAU,EAAU;EAAE,WAAW;EAAK,aAAa;CAAK,CAAC;CAErE,OACE,kBAAC,GAAD;EACO;EACL,IAAI;GACF,GAAG;IAAE,IAAI;IAAQ,IAAI;GAAoB;GACzC,SAAS;GACT,qBAAqB;IACnB,IAAI;IACJ,IAAI;GACN;EACF;YATF,CAWE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI;IACF,IAAI;IACJ,IAAI;GACN,EACF;aANF,CASE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;MAAE,IAAI;MAAQ,IAAI;KAAO;KAClC,gBAAgB;KAChB,OAAO;KACP,IAAI;KACJ,IAAI;KACJ,KAAK;MAAE,OAAO;MAAS,UAAU;KAAO;IAC1C;cAEA,kBAAC,GAAD;KACW;KACT,cAAc;IACf,CAAA;GACE,CAAA,GACL,kBAAC,GAAD;IAAK,IAAI,IAAe,IAAoB,EAAE,IAAI,OAAO;cAAzD;KACE,kBAAC,GAAD,EAAA,UACG,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;MACf;MACA,OAAO;KACR,GARM,CAQN,CAEJ,EACA,CAAA;KACL,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,YAAY;OACZ,UAAU;OACV,YAAY;OACZ,IAAI;OACJ,OAAO;MACT;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;OACJ,IAAI;MACN;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACW;MACT,cAAc;MACd,KAAK,GAAG,EAAa;MACrB,OAAO,EAAE,QAAQ,OAAO;KACzB,CAAA;KACD,kBAAC,GAAD;MAAK,IAAI;OAAE,IAAI;OAAQ,IAAI;MAAO;gBAChC,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB;QAAkC;QAC1B,EAAa,SAAS,QAAQ,IAAI,QAAQ;QAAG;QAAE;QAAc;QACnE,kBAAC,GAAD,EAAa,IAAI;SAAE,IAAI;SAAQ,IAAI;QAAM,EAAI,CAAA;OACzC;;KACH,CAAA;IACF;KACF;MAEL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;KAAE,IAAI;KAAQ,IAAI;IAAQ;IACnC,aAAa;IACb,WAAW;GACb;aAEA,kBAAC,GAAD;IAAM,IAAI;IAAQ,SAAS;cACzB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAO,WAAU;KAAO,SAAS;KAAqB,IAAI;eACxD,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,cAAc;KACf,CAAA,EACE,CAAA;IACA,CAAA,EACJ,CAAA;GACD,CAAA;EACH,CAAA,CACF;;AAET"}

package/dist/components/SynapseHomepageV2/SynapsePartners.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePartners.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"sourcesContent":["import { ReactComponent as Aacr } from '@/assets/homepage/aacr.svg'\nimport { ReactComponent as Cri } from '@/assets/homepage/cri.svg'\nimport { ReactComponent as Ctf } from '@/assets/homepage/ctf.svg'\nimport { ReactComponent as Gff } from '@/assets/homepage/gff.svg'\nimport { ReactComponent as Gray } from '@/assets/homepage/gray.svg'\nimport { ReactComponent as MlCommons } from '@/assets/homepage/ml-commons.svg'\nimport { ReactComponent as Nci } from '@/assets/homepage/nih-nci.svg'\nimport { ReactComponent as NihAging } from '@/assets/homepage/nih-aging.svg'\nimport { ReactComponent as NihHeart } from '@/assets/homepage/nih-heart.svg'\nimport { ReactComponent as NihMental } from '@/assets/homepage/nih-nimh.svg'\nimport { ReactComponent as Ntap } from '@/assets/homepage/ntap.svg'\nimport { ReactComponent as Sloan } from '@/assets/homepage/sloan.svg'\nimport { Box } from '@mui/material'\n\nexport function SynapsePartners() {\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1200px' }}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: '25px',\n\n          '& > a': {\n            display: 'flex',\n            justifyContent: 'center',\n            width: { xs: '100%', sm: 'auto' },\n          },\n        }}\n      >\n        <a href=\"https://sloan.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Sloan />\n        </a>\n        <a href=\"https://www.aacr.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Aacr />\n        </a>\n        <a\n          href=\"https://www.cancerresearch.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Cri />\n        </a>\n        <a href=\"https://www.ctf.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ctf />\n        </a>\n        <a\n          href=\"https://gilbertfamilyfoundation.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Gff />\n        </a>\n        <a href=\"http://grayfoundation.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Gray />\n        </a>\n        <a href=\"https://mlcommons.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <MlCommons />\n        </a>\n        <a href=\"https://www.cancer.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <Nci />\n        </a>\n        <a href=\"https://www.nhlbi.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihHeart />\n        </a>\n        <a href=\"https://www.nia.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihAging />\n        </a>\n        <a href=\"https://www.nimh.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihMental />\n        </a>\n        <a href=\"https://www.n-tap.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ntap />\n        </a>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,IAAkB;AAChC,QACE,kBAAC,GAAD;EAAK,IAAI;GAAE,GAAG;GAAQ,UAAU;GAAU;YACxC,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,YAAY;IACZ,KAAK;IAEL,SAAS;KACP,SAAS;KACT,gBAAgB;KAChB,OAAO;MAAE,IAAI;MAAQ,IAAI;MAAQ;KAClC;IACF;aAbH;IAeE,kBAAC,KAAD;KAAG,MAAK;KAAqB,QAAO;KAAS,KAAI;eAC/C,kBAAC,GAAD,EAAS,CAAA;KACP,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAAwB,QAAO;KAAS,KAAI;eAClD,kBAAC,GAAD,EAAQ,CAAA;KACN,CAAA;IACJ,kBAAC,KAAD;KACE,MAAK;KACL,QAAO;KACP,KAAI;eAEJ,kBAAC,GAAD,EAAO,CAAA;KACL,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAAuB,QAAO;KAAS,KAAI;eACjD,kBAAC,GAAD,EAAO,CAAA;KACL,CAAA;IACJ,kBAAC,KAAD;KACE,MAAK;KACL,QAAO;KACP,KAAI;eAEJ,kBAAC,GAAD,EAAO,CAAA;KACL,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAA6B,QAAO;KAAS,KAAI;eACvD,kBAAC,GAAD,EAAQ,CAAA;KACN,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAAyB,QAAO;KAAS,KAAI;eACnD,kBAAC,GAAD,EAAa,CAAA;KACX,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAA0B,QAAO;KAAS,KAAI;eACpD,kBAAC,GAAD,EAAO,CAAA;KACL,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAA6B,QAAO;KAAS,KAAI;eACvD,kBAAC,GAAD,EAAY,CAAA;KACV,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAA2B,QAAO;KAAS,KAAI;eACrD,kBAAC,GAAD,EAAY,CAAA;KACV,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAA4B,QAAO;KAAS,KAAI;eACtD,kBAAC,GAAD,EAAa,CAAA;KACX,CAAA;IACJ,kBAAC,KAAD;KAAG,MAAK;KAAyB,QAAO;KAAS,KAAI;eACnD,kBAAC,GAAD,EAAQ,CAAA;KACN,CAAA;IACA;;EACF,CAAA"}
+{"version":3,"file":"SynapsePartners.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"sourcesContent":["import { ReactComponent as Aacr } from '@/assets/homepage/aacr.svg'\nimport { ReactComponent as Cri } from '@/assets/homepage/cri.svg'\nimport { ReactComponent as Ctf } from '@/assets/homepage/ctf.svg'\nimport { ReactComponent as Gff } from '@/assets/homepage/gff.svg'\nimport { ReactComponent as Gray } from '@/assets/homepage/gray.svg'\nimport { ReactComponent as MlCommons } from '@/assets/homepage/ml-commons.svg'\nimport { ReactComponent as Nci } from '@/assets/homepage/nih-nci.svg'\nimport { ReactComponent as NihAging } from '@/assets/homepage/nih-aging.svg'\nimport { ReactComponent as NihHeart } from '@/assets/homepage/nih-heart.svg'\nimport { ReactComponent as NihMental } from '@/assets/homepage/nih-nimh.svg'\nimport { ReactComponent as Ntap } from '@/assets/homepage/ntap.svg'\nimport { ReactComponent as Sloan } from '@/assets/homepage/sloan.svg'\nimport { Box } from '@mui/material'\n\nexport function SynapsePartners() {\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1200px' }}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: '25px',\n\n          '& > a': {\n            display: 'flex',\n            justifyContent: 'center',\n            width: { xs: '100%', sm: 'auto' },\n          },\n        }}\n      >\n        <a href=\"https://sloan.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Sloan />\n        </a>\n        <a href=\"https://www.aacr.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Aacr />\n        </a>\n        <a\n          href=\"https://www.cancerresearch.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Cri />\n        </a>\n        <a href=\"https://www.ctf.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ctf />\n        </a>\n        <a\n          href=\"https://gilbertfamilyfoundation.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Gff />\n        </a>\n        <a href=\"http://grayfoundation.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Gray />\n        </a>\n        <a href=\"https://mlcommons.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <MlCommons />\n        </a>\n        <a href=\"https://www.cancer.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <Nci />\n        </a>\n        <a href=\"https://www.nhlbi.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihHeart />\n        </a>\n        <a href=\"https://www.nia.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihAging />\n        </a>\n        <a href=\"https://www.nimh.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihMental />\n        </a>\n        <a href=\"https://www.n-tap.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ntap />\n        </a>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,IAAkB;CAChC,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,GAAG;GAAQ,UAAU;EAAS;YACvC,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,YAAY;IACZ,KAAK;IAEL,SAAS;KACP,SAAS;KACT,gBAAgB;KAChB,OAAO;MAAE,IAAI;MAAQ,IAAI;KAAO;IAClC;GACF;aAbF;IAeE,kBAAC,KAAD;KAAG,MAAK;KAAqB,QAAO;KAAS,KAAI;eAC/C,kBAAC,GAAD,CAAQ,CAAA;IACP,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAAwB,QAAO;KAAS,KAAI;eAClD,kBAAC,GAAD,CAAO,CAAA;IACN,CAAA;IACH,kBAAC,KAAD;KACE,MAAK;KACL,QAAO;KACP,KAAI;eAEJ,kBAAC,GAAD,CAAM,CAAA;IACL,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAAuB,QAAO;KAAS,KAAI;eACjD,kBAAC,GAAD,CAAM,CAAA;IACL,CAAA;IACH,kBAAC,KAAD;KACE,MAAK;KACL,QAAO;KACP,KAAI;eAEJ,kBAAC,GAAD,CAAM,CAAA;IACL,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAA6B,QAAO;KAAS,KAAI;eACvD,kBAAC,GAAD,CAAO,CAAA;IACN,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAAyB,QAAO;KAAS,KAAI;eACnD,kBAAC,GAAD,CAAY,CAAA;IACX,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAA0B,QAAO;KAAS,KAAI;eACpD,kBAAC,GAAD,CAAM,CAAA;IACL,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAA6B,QAAO;KAAS,KAAI;eACvD,kBAAC,GAAD,CAAW,CAAA;IACV,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAA2B,QAAO;KAAS,KAAI;eACrD,kBAAC,GAAD,CAAW,CAAA;IACV,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAA4B,QAAO;KAAS,KAAI;eACtD,kBAAC,GAAD,CAAY,CAAA;IACX,CAAA;IACH,kBAAC,KAAD;KAAG,MAAK;KAAyB,QAAO;KAAS,KAAI;eACnD,kBAAC,GAAD,CAAO,CAAA;IACN,CAAA;GACA;;CACF,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/SynapsePlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlan.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlan.tsx"],"sourcesContent":["import {\n  darkTextColor,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { PropsWithChildren } from 'react'\nimport { Button, Typography } from '@mui/material'\nimport { Box } from '@mui/material'\n\nexport type SynapsePlanProps = {\n  title: string\n  description: string\n  ctaText: string\n  ctaLink: string\n  backgroundColor: string\n}\nexport function SynapsePlan({\n  title,\n  description,\n  ctaText,\n  ctaLink,\n  backgroundColor,\n  children,\n}: PropsWithChildren<SynapsePlanProps>) {\n  return (\n    <Box\n      sx={{\n        borderRadius: '10px',\n        p: '40px',\n        maxWidth: {\n          md: '373px',\n        },\n        width: {\n          xs: '100%',\n          md: 'auto',\n        },\n        backgroundColor,\n        boxShadow: '0px 4px 10px 0px rgba(0, 0, 0, 0.10)',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          flexDirection: 'column',\n          minHeight: '590px',\n        }}\n      >\n        <Box>\n          <Typography\n            variant=\"headline1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '32px',\n              lineHeight: '40px',\n              textAlign: 'center',\n              color: darkTextColor,\n            }}\n          >\n            {title}\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              textAlign: 'center',\n              fontSize: {\n                xs: '16px',\n                sm: '24px',\n              },\n            }}\n          >\n            {description}\n          </Typography>\n          {children}\n        </Box>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          sx={{ width: '100%', mt: '30px' }}\n          href={ctaLink}\n        >\n          {ctaText}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,UACA,gBACA,YACA,YACA,oBACA,eACsC;AACtC,QACE,kBAAC,GAAD;EACE,IAAI;GACF,cAAc;GACd,GAAG;GACH,UAAU,EACR,IAAI,SACL;GACD,OAAO;IACL,IAAI;IACJ,IAAI;IACL;GACD;GACA,WAAW;GACZ;YAED,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,WAAW;IACZ;aANH,CAQE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,UAAU;MACV,YAAY;MACZ,WAAW;MACX,OAAO;MACR;eAEA;KACU,CAAA;IACb,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,GAAG;MACH,WAAW;MACX,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF;eAEA;KACU,CAAA;IACZ;IACG,EAAA,CAAA,EACN,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,IAAI;KAAE,OAAO;KAAQ,IAAI;KAAQ;IACjC,MAAM;cAEL;IACM,CAAA,CACL;;EACF,CAAA"}
+{"version":3,"file":"SynapsePlan.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlan.tsx"],"sourcesContent":["import {\n  darkTextColor,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { PropsWithChildren } from 'react'\nimport { Button, Typography } from '@mui/material'\nimport { Box } from '@mui/material'\n\nexport type SynapsePlanProps = {\n  title: string\n  description: string\n  ctaText: string\n  ctaLink: string\n  backgroundColor: string\n}\nexport function SynapsePlan({\n  title,\n  description,\n  ctaText,\n  ctaLink,\n  backgroundColor,\n  children,\n}: PropsWithChildren<SynapsePlanProps>) {\n  return (\n    <Box\n      sx={{\n        borderRadius: '10px',\n        p: '40px',\n        maxWidth: {\n          md: '373px',\n        },\n        width: {\n          xs: '100%',\n          md: 'auto',\n        },\n        backgroundColor,\n        boxShadow: '0px 4px 10px 0px rgba(0, 0, 0, 0.10)',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          flexDirection: 'column',\n          minHeight: '590px',\n        }}\n      >\n        <Box>\n          <Typography\n            variant=\"headline1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '32px',\n              lineHeight: '40px',\n              textAlign: 'center',\n              color: darkTextColor,\n            }}\n          >\n            {title}\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              textAlign: 'center',\n              fontSize: {\n                xs: '16px',\n                sm: '24px',\n              },\n            }}\n          >\n            {description}\n          </Typography>\n          {children}\n        </Box>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          sx={{ width: '100%', mt: '30px' }}\n          href={ctaLink}\n        >\n          {ctaText}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,UACA,gBACA,YACA,YACA,oBACA,eACsC;CACtC,OACE,kBAAC,GAAD;EACE,IAAI;GACF,cAAc;GACd,GAAG;GACH,UAAU,EACR,IAAI,QACN;GACA,OAAO;IACL,IAAI;IACJ,IAAI;GACN;GACA;GACA,WAAW;EACb;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,WAAW;GACb;aANF,CAQE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,UAAU;MACV,YAAY;MACZ,WAAW;MACX,OAAO;KACT;eAEC;IACS,CAAA;IACZ,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,GAAG;MACH,WAAW;MACX,UAAU;OACR,IAAI;OACJ,IAAI;MACN;KACF;eAEC;IACS,CAAA;IACX;GACE,EAAA,CAAA,GACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,IAAI;KAAE,OAAO;KAAQ,IAAI;IAAO;IAChC,MAAM;cAEL;GACK,CAAA,CACL;;CACF,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/SynapsePlanContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlanContent.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlanContent.tsx"],"sourcesContent":["import { ReactComponent as PlanItemIcon } from '@/assets/homepage/plan-item.svg'\nimport { darkTextColor } from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { Box, Typography } from '@mui/material'\n\nexport type SynapsePlanContentProps = {\n  category: string\n  items: string[]\n  asteriskNote?: string\n}\nexport function SynapsePlanContent({\n  category,\n  items,\n  asteriskNote,\n}: SynapsePlanContentProps) {\n  return (\n    <>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n          fontSize: '18px',\n          lineHeight: '20px',\n          mt: '30px',\n          color: darkTextColor,\n        }}\n      >\n        {category}\n      </Typography>\n      {items.map(item => (\n        <Box\n          key={item}\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: '30px auto',\n            alignItems: 'center',\n            mt: '10px',\n          }}\n        >\n          <PlanItemIcon />\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '18px',\n              lineHeight: '24px',\n              color: darkTextColor,\n            }}\n          >\n            {item}\n          </Typography>\n        </Box>\n      ))}\n      {asteriskNote && (\n        <Typography\n          variant=\"body1\"\n          sx={{\n            fontWeight: 400,\n            fontSize: '16px',\n            lineHeight: '20px',\n            mt: '20px',\n          }}\n        >\n          {asteriskNote}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAmB,EACjC,aACA,UACA,mBAC0B;AAC1B,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,IAAI;IACJ,OAAO;IACR;aAEA;GACU,CAAA;EACZ,EAAM,KAAI,MACT,kBAAC,GAAD;GAEE,IAAI;IACF,SAAS;IACT,qBAAqB;IACrB,YAAY;IACZ,IAAI;IACL;aAPH,CASE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,UAAU;KACV,YAAY;KACZ,OAAO;KACR;cAEA;IACU,CAAA,CACT;KApBC,EAoBD,CACN;EACD,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,IAAI;IACL;aAEA;GACU,CAAA;EAEd,EAAA,CAAA"}
+{"version":3,"file":"SynapsePlanContent.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlanContent.tsx"],"sourcesContent":["import { ReactComponent as PlanItemIcon } from '@/assets/homepage/plan-item.svg'\nimport { darkTextColor } from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { Box, Typography } from '@mui/material'\n\nexport type SynapsePlanContentProps = {\n  category: string\n  items: string[]\n  asteriskNote?: string\n}\nexport function SynapsePlanContent({\n  category,\n  items,\n  asteriskNote,\n}: SynapsePlanContentProps) {\n  return (\n    <>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n          fontSize: '18px',\n          lineHeight: '20px',\n          mt: '30px',\n          color: darkTextColor,\n        }}\n      >\n        {category}\n      </Typography>\n      {items.map(item => (\n        <Box\n          key={item}\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: '30px auto',\n            alignItems: 'center',\n            mt: '10px',\n          }}\n        >\n          <PlanItemIcon />\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 400,\n              fontSize: '18px',\n              lineHeight: '24px',\n              color: darkTextColor,\n            }}\n          >\n            {item}\n          </Typography>\n        </Box>\n      ))}\n      {asteriskNote && (\n        <Typography\n          variant=\"body1\"\n          sx={{\n            fontWeight: 400,\n            fontSize: '16px',\n            lineHeight: '20px',\n            mt: '20px',\n          }}\n        >\n          {asteriskNote}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAmB,EACjC,aACA,UACA,mBAC0B;CAC1B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,IAAI;IACJ,OAAO;GACT;aAEC;EACS,CAAA;EACX,EAAM,KAAI,MACT,kBAAC,GAAD;GAEE,IAAI;IACF,SAAS;IACT,qBAAqB;IACrB,YAAY;IACZ,IAAI;GACN;aAPF,CASE,kBAAC,GAAD,CAAe,CAAA,GACf,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,UAAU;KACV,YAAY;KACZ,OAAO;IACT;cAEC;GACS,CAAA,CACT;KApBE,CAoBF,CACN;EACA,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,IAAI;GACN;aAEC;EACS,CAAA;CAEd,EAAA,CAAA;AAEN"}

package/dist/components/SynapseHomepageV2/SynapsePlans.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlans.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlans.tsx"],"sourcesContent":["import { useOneSageURL } from '@/utils/hooks'\nimport { SAGE_OFFERINGS_HELP_URL } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapsePlan } from './SynapsePlan'\nimport { SynapsePlanContent } from './SynapsePlanContent'\n\nexport function SynapsePlans() {\n  const registrationUrl = useOneSageURL('/register1')\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        justifyContent: 'center',\n      }}\n    >\n      <SynapsePlan\n        title=\"Free\"\n        description=\"Our basic plan\"\n        ctaText=\"Register Now\"\n        ctaLink={registrationUrl.toString()}\n        backgroundColor=\"#f5f9f9\"\n      >\n        <SynapsePlanContent\n          category=\"Explore Data\"\n          items={['<100 GB of content', 'Sage Managed Individual Storage']}\n        />\n        <SynapsePlanContent\n          category=\"Free Synapse Features\"\n          items={[\n            'DOIs for publications & grants*',\n            'Online documentation & tutorials*',\n            'Project wikis*',\n            'Discussion forums*',\n          ]}\n          asteriskNote=\"*Items are included in all plans\"\n        />\n      </SynapsePlan>\n      <SynapsePlan\n        title=\"Self-Managed Plan\"\n        description=\"Our upgraded plan\"\n        ctaText=\"Find out more\"\n        ctaLink={SAGE_OFFERINGS_HELP_URL}\n        backgroundColor=\"#e9f2f1\"\n      >\n        <SynapsePlanContent\n          category=\"Explore More Data\"\n          items={['<500 GB of content', 'Secure cloud storage']}\n        />\n        <SynapsePlanContent\n          category=\"More Synapse Features\"\n          items={[\n            'Project assistance',\n            'Governance consulting',\n            'NIH Data Management Sharing Plan Support',\n            'Help Desk Support',\n            'Sharing Content Through Controlled Access',\n          ]}\n        />\n      </SynapsePlan>\n      <SynapsePlan\n        title=\"Data Coordination\"\n        description=\"Our customized plan\"\n        ctaText=\"Contact Us\"\n        ctaLink=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/26/create/162\"\n        backgroundColor=\"secondary.100\"\n      >\n        <SynapsePlanContent\n          category=\"Explore the Most Data\"\n          items={[\n            'Unlimited data allowance',\n            'Custom data storage locations',\n            'Fully managed project set up, access and documentation',\n            'Tailor-made portal interface',\n            'Data integration with existing tools and workflows',\n            'Customized governance support',\n            'Dedicated Sage Bionetworks point of contact',\n            'Unlimited end-to-end support',\n          ]}\n        />\n      </SynapsePlan>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,IAAe;AAE7B,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,gBAAgB;GACjB;YANH;GAQE,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAdkB,EAAc,aAcvB,CAAgB,UAAU;IACnC,iBAAgB;cALlB,CAOE,kBAAC,GAAD;KACE,UAAS;KACT,OAAO,CAAC,sBAAsB,kCAAkC;KAChE,CAAA,EACF,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;MACD;KACD,cAAa;KACb,CAAA,CACU;;GACd,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAAS;IACT,iBAAgB;cALlB,CAOE,kBAAC,GAAD;KACE,UAAS;KACT,OAAO,CAAC,sBAAsB,uBAAuB;KACrD,CAAA,EACF,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;MACA;MACD;KACD,CAAA,CACU;;GACd,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAAQ;IACR,iBAAgB;cAEhB,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACD;KACD,CAAA;IACU,CAAA;GACV"}
+{"version":3,"file":"SynapsePlans.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlans.tsx"],"sourcesContent":["import { useOneSageURL } from '@/utils/hooks'\nimport { SAGE_OFFERINGS_HELP_URL } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapsePlan } from './SynapsePlan'\nimport { SynapsePlanContent } from './SynapsePlanContent'\n\nexport function SynapsePlans() {\n  const registrationUrl = useOneSageURL('/register1')\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        justifyContent: 'center',\n      }}\n    >\n      <SynapsePlan\n        title=\"Free\"\n        description=\"Our basic plan\"\n        ctaText=\"Register Now\"\n        ctaLink={registrationUrl.toString()}\n        backgroundColor=\"#f5f9f9\"\n      >\n        <SynapsePlanContent\n          category=\"Explore Data\"\n          items={['<100 GB of content', 'Sage Managed Individual Storage']}\n        />\n        <SynapsePlanContent\n          category=\"Free Synapse Features\"\n          items={[\n            'DOIs for publications & grants*',\n            'Online documentation & tutorials*',\n            'Project wikis*',\n            'Discussion forums*',\n          ]}\n          asteriskNote=\"*Items are included in all plans\"\n        />\n      </SynapsePlan>\n      <SynapsePlan\n        title=\"Self-Managed Plan\"\n        description=\"Our upgraded plan\"\n        ctaText=\"Find out more\"\n        ctaLink={SAGE_OFFERINGS_HELP_URL}\n        backgroundColor=\"#e9f2f1\"\n      >\n        <SynapsePlanContent\n          category=\"Explore More Data\"\n          items={['<500 GB of content', 'Secure cloud storage']}\n        />\n        <SynapsePlanContent\n          category=\"More Synapse Features\"\n          items={[\n            'Project assistance',\n            'Governance consulting',\n            'NIH Data Management Sharing Plan Support',\n            'Help Desk Support',\n            'Sharing Content Through Controlled Access',\n          ]}\n        />\n      </SynapsePlan>\n      <SynapsePlan\n        title=\"Data Coordination\"\n        description=\"Our customized plan\"\n        ctaText=\"Contact Us\"\n        ctaLink=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/26/create/162\"\n        backgroundColor=\"secondary.100\"\n      >\n        <SynapsePlanContent\n          category=\"Explore the Most Data\"\n          items={[\n            'Unlimited data allowance',\n            'Custom data storage locations',\n            'Fully managed project set up, access and documentation',\n            'Tailor-made portal interface',\n            'Data integration with existing tools and workflows',\n            'Customized governance support',\n            'Dedicated Sage Bionetworks point of contact',\n            'Unlimited end-to-end support',\n          ]}\n        />\n      </SynapsePlan>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,IAAe;CAE7B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,gBAAgB;EAClB;YANF;GAQE,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAdkB,EAAc,YAcvB,EAAgB,SAAS;IAClC,iBAAgB;cALlB,CAOE,kBAAC,GAAD;KACE,UAAS;KACT,OAAO,CAAC,sBAAsB,iCAAiC;IAChE,CAAA,GACD,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;KACF;KACA,cAAa;IACd,CAAA,CACU;;GACb,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAAS;IACT,iBAAgB;cALlB,CAOE,kBAAC,GAAD;KACE,UAAS;KACT,OAAO,CAAC,sBAAsB,sBAAsB;IACrD,CAAA,GACD,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;MACA;KACF;IACD,CAAA,CACU;;GACb,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAQ;IACR,SAAQ;IACR,iBAAgB;cAEhB,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL;MACA;MACA;MACA;MACA;MACA;MACA;MACA;KACF;IACD,CAAA;GACU,CAAA;EACV;;AAET"}

package/dist/components/SynapseHomepageV2/SynapsePlansPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlansPage.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlansPage.tsx"],"sourcesContent":["import {\n  h2Sx,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { Box, Button, Typography } from '@mui/material'\nimport { SynapsePlans } from './SynapsePlans'\nimport { SynapseHomepageNavBar } from './SynapseHomepageNavBar'\n\nexport type SynapsePlansPageProps = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapsePlansPage({ gotoPlace }: SynapsePlansPageProps) {\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <Box\n        sx={{\n          boxShadow: '0px 2px 8px 0px rgba(0, 0, 0, 0.15)',\n        }}\n      >\n        <SynapseHomepageNavBar gotoPlace={gotoPlace} />\n      </Box>\n\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '30px',\n            lg: '64px 0px',\n          },\n        }}\n      >\n        <Box sx={{ maxWidth: '900px', m: 'auto' }}>\n          <Typography variant=\"headline1\" sx={h2Sx}>\n            Explore Synapse plans\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              pt: {\n                xs: '20px',\n                md: '48px',\n              },\n            }}\n          >\n            Sage offers multiple service plans to help you with your data\n            sharing needs including NIH Data Management and Sharing plans.\n          </Typography>\n        </Box>\n        <Box sx={{ py: { xs: '30px', md: '60px' } }}>\n          <SynapsePlans />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '40px',\n            lg: '60px 0px',\n          },\n          backgroundColor: '#172430',\n        }}\n      >\n        <Box sx={{ maxWidth: '780px', m: 'auto' }}>\n          <Typography\n            variant=\"headline1\"\n            sx={{\n              fontSize: { xs: '32px', md: '40px' },\n              fontWeight: 600,\n              color: 'white',\n              lineHeight: { xs: '34px', md: '45px' },\n            }}\n          >\n            Synapse gives you the tools to make your data discoverable\n          </Typography>\n        </Box>\n        <Box sx={{ maxWidth: '900px', m: 'auto' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              color: 'white',\n              pt: '48px',\n              pb: '44px',\n            }}\n          >\n            Working on a grant proposal? Curious about what Synapse can do for\n            you? Learn more about our plans and see which one is right for you.\n          </Typography>\n          <Button\n            size=\"large\"\n            variant=\"contained\"\n            color=\"light\"\n            href=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/26/create/162\"\n            target=\"_blank\"\n            sx={{\n              p: '5px 25px',\n              width: {\n                xs: '100%',\n                md: 'auto',\n              },\n            }}\n          >\n            Contact us for more information\n          </Button>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SynapsePlansPage\n"],"mappings":";;;;;;AAYA,SAAgB,EAAiB,EAAE,gBAAoC;AACrE,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,UAAU,UAAU;YAA/B;GACE,kBAAC,GAAD;IACE,IAAI,EACF,WAAW,uCACZ;cAED,kBAAC,GAAD,EAAkC,cAAa,CAAA;IAC3C,CAAA;GAEN,kBAAC,GAAD;IACE,IAAI;KACF,WAAW;KACX,GAAG;MACD,IAAI;MACJ,IAAI;MACL;KACF;cAPH,CASE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;MAAQ;eAAzC,CACE,kBAAC,GAAD;MAAY,SAAQ;MAAY,IAAI;gBAAM;MAE7B,CAAA,EACb,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;QACF,IAAI;QACJ,IAAI;QACL;OACF;gBACF;MAGY,CAAA,CACT;QACN,kBAAC,GAAD;KAAK,IAAI,EAAE,IAAI;MAAE,IAAI;MAAQ,IAAI;MAAQ,EAAE;eACzC,kBAAC,GAAD,EAAgB,CAAA;KACZ,CAAA,CACF;;GACN,kBAAC,GAAD;IACE,IAAI;KACF,WAAW;KACX,GAAG;MACD,IAAI;MACJ,IAAI;MACL;KACD,iBAAiB;KAClB;cARH,CAUE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;MAAQ;eACvC,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,UAAU;QAAE,IAAI;QAAQ,IAAI;QAAQ;OACpC,YAAY;OACZ,OAAO;OACP,YAAY;QAAE,IAAI;QAAQ,IAAI;QAAQ;OACvC;gBACF;MAEY,CAAA;KACT,CAAA,EACN,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;MAAQ;eAAzC,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,OAAO;OACP,IAAI;OACJ,IAAI;OACL;gBACF;MAGY,CAAA,EACb,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,OAAM;MACN,MAAK;MACL,QAAO;MACP,IAAI;OACF,GAAG;OACH,OAAO;QACL,IAAI;QACJ,IAAI;QACL;OACF;gBACF;MAEQ,CAAA,CACL;OACF;;GACF"}
+{"version":3,"file":"SynapsePlansPage.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapsePlansPage.tsx"],"sourcesContent":["import {\n  h2Sx,\n  homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport { Box, Button, Typography } from '@mui/material'\nimport { SynapsePlans } from './SynapsePlans'\nimport { SynapseHomepageNavBar } from './SynapseHomepageNavBar'\n\nexport type SynapsePlansPageProps = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapsePlansPage({ gotoPlace }: SynapsePlansPageProps) {\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <Box\n        sx={{\n          boxShadow: '0px 2px 8px 0px rgba(0, 0, 0, 0.15)',\n        }}\n      >\n        <SynapseHomepageNavBar gotoPlace={gotoPlace} />\n      </Box>\n\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '30px',\n            lg: '64px 0px',\n          },\n        }}\n      >\n        <Box sx={{ maxWidth: '900px', m: 'auto' }}>\n          <Typography variant=\"headline1\" sx={h2Sx}>\n            Explore Synapse plans\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              pt: {\n                xs: '20px',\n                md: '48px',\n              },\n            }}\n          >\n            Sage offers multiple service plans to help you with your data\n            sharing needs including NIH Data Management and Sharing plans.\n          </Typography>\n        </Box>\n        <Box sx={{ py: { xs: '30px', md: '60px' } }}>\n          <SynapsePlans />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '40px',\n            lg: '60px 0px',\n          },\n          backgroundColor: '#172430',\n        }}\n      >\n        <Box sx={{ maxWidth: '780px', m: 'auto' }}>\n          <Typography\n            variant=\"headline1\"\n            sx={{\n              fontSize: { xs: '32px', md: '40px' },\n              fontWeight: 600,\n              color: 'white',\n              lineHeight: { xs: '34px', md: '45px' },\n            }}\n          >\n            Synapse gives you the tools to make your data discoverable\n          </Typography>\n        </Box>\n        <Box sx={{ maxWidth: '900px', m: 'auto' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              ...homepageBodyText,\n              color: 'white',\n              pt: '48px',\n              pb: '44px',\n            }}\n          >\n            Working on a grant proposal? Curious about what Synapse can do for\n            you? Learn more about our plans and see which one is right for you.\n          </Typography>\n          <Button\n            size=\"large\"\n            variant=\"contained\"\n            color=\"light\"\n            href=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/26/create/162\"\n            target=\"_blank\"\n            sx={{\n              p: '5px 25px',\n              width: {\n                xs: '100%',\n                md: 'auto',\n              },\n            }}\n          >\n            Contact us for more information\n          </Button>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SynapsePlansPage\n"],"mappings":";;;;;;AAYA,SAAgB,EAAiB,EAAE,gBAAoC;CACrE,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,UAAU,SAAS;YAA9B;GACE,kBAAC,GAAD;IACE,IAAI,EACF,WAAW,sCACb;cAEA,kBAAC,GAAD,EAAkC,aAAY,CAAA;GAC3C,CAAA;GAEL,kBAAC,GAAD;IACE,IAAI;KACF,WAAW;KACX,GAAG;MACD,IAAI;MACJ,IAAI;KACN;IACF;cAPF,CASE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;KAAO;eAAxC,CACE,kBAAC,GAAD;MAAY,SAAQ;MAAY,IAAI;gBAAM;KAE9B,CAAA,GACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;QACF,IAAI;QACJ,IAAI;OACN;MACF;gBACD;KAGW,CAAA,CACT;QACL,kBAAC,GAAD;KAAK,IAAI,EAAE,IAAI;MAAE,IAAI;MAAQ,IAAI;KAAO,EAAE;eACxC,kBAAC,GAAD,CAAe,CAAA;IACZ,CAAA,CACF;;GACL,kBAAC,GAAD;IACE,IAAI;KACF,WAAW;KACX,GAAG;MACD,IAAI;MACJ,IAAI;KACN;KACA,iBAAiB;IACnB;cARF,CAUE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;KAAO;eACtC,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,UAAU;QAAE,IAAI;QAAQ,IAAI;OAAO;OACnC,YAAY;OACZ,OAAO;OACP,YAAY;QAAE,IAAI;QAAQ,IAAI;OAAO;MACvC;gBACD;KAEW,CAAA;IACT,CAAA,GACL,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAS,GAAG;KAAO;eAAxC,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,OAAO;OACP,IAAI;OACJ,IAAI;MACN;gBACD;KAGW,CAAA,GACZ,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,OAAM;MACN,MAAK;MACL,QAAO;MACP,IAAI;OACF,GAAG;OACH,OAAO;QACL,IAAI;QACJ,IAAI;OACN;MACF;gBACD;KAEO,CAAA,CACL;MACF;;EACF;;AAET"}

package/dist/components/SynapseHomepageV2/SynapseSearchChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchChips.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseSearchChips.tsx"],"sourcesContent":["import { Chip, Typography } from '@mui/material'\nimport { SearchQuery, KeyValue } from '@sage-bionetworks/synapse-types'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\n\nconst searchValues = [\n  \"Alzheimer's Disease\",\n  'Neurofibromatosis mouse models',\n  'Cancer',\n  'UK Biobank',\n  'Single-cell analysis of breast cancer',\n  'ROSMAP Religious Orders Study and Memory and Aging Project',\n  'Retinal regeneration studies',\n  'Machine Learning datasets',\n]\n\nconst projectKeyValue: KeyValue = {\n  key: 'node_type',\n  value: 'project',\n  not: false,\n}\n\nexport type SynapseSearchChipsProps = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapseSearchChips({ gotoPlace }: SynapseSearchChipsProps) {\n  return (\n    <>\n      {searchValues.map(value => {\n        return (\n          <Chip\n            key={value}\n            label={\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontSize: '18px',\n                  fontWeight: 400,\n                  p: '10px',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                }}\n              >\n                {value}\n              </Typography>\n            }\n            onClick={() => {\n              const searchQuery: SearchQuery = {\n                ...DEFAULT_SEARCH_QUERY,\n                queryTerm: [value],\n                booleanQuery: value == 'Cancer' ? [projectKeyValue] : undefined,\n              }\n              gotoPlace(\n                `/SearchV2:default?query=${encodeURIComponent(\n                  JSON.stringify(searchQuery),\n                )}`,\n              )\n            }}\n            variant=\"outlined\"\n            // by default, on hover the background color changes to mostly transparent (4%), which looks terrible on top of the header splash image\n            sx={{\n              color: 'secondary.600',\n              backgroundColor: 'secondary.100',\n              borderWidth: '0px',\n              '&:hover': { backgroundColor: '#B5D3CE !important' },\n            }}\n          />\n        )\n      })}\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAA4B;CAChC,KAAK;CACL,OAAO;CACP,KAAK;CACN;AAMD,SAAgB,EAAmB,EAAE,gBAAsC;AACzE,QACE,kBAAA,GAAA,EAAA,UACG,EAAa,KAAI,MAEd,kBAAC,GAAD;EAEE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,UAAU;IACV,YAAY;IACZ,GAAG;IACH,UAAU;IACV,cAAc;IACf;aAEA;GACU,CAAA;EAEf,eAAe;GACb,IAAM,IAA2B;IAC/B,GAAG;IACH,WAAW,CAAC,EAAM;IAClB,cAAc,KAAS,WAAW,CAAC,EAAgB,GAAG,KAAA;IACvD;AACD,KACE,2BAA2B,mBACzB,KAAK,UAAU,EAAY,CAC5B,GACF;;EAEH,SAAQ;EAER,IAAI;GACF,OAAO;GACP,iBAAiB;GACjB,aAAa;GACb,WAAW,EAAE,iBAAiB,sBAAsB;GACrD;EACD,EAnCK,EAmCL,CAEJ,EACD,CAAA"}
+{"version":3,"file":"SynapseSearchChips.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseSearchChips.tsx"],"sourcesContent":["import { Chip, Typography } from '@mui/material'\nimport { SearchQuery, KeyValue } from '@sage-bionetworks/synapse-types'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\n\nconst searchValues = [\n  \"Alzheimer's Disease\",\n  'Neurofibromatosis mouse models',\n  'Cancer',\n  'UK Biobank',\n  'Single-cell analysis of breast cancer',\n  'ROSMAP Religious Orders Study and Memory and Aging Project',\n  'Retinal regeneration studies',\n  'Machine Learning datasets',\n]\n\nconst projectKeyValue: KeyValue = {\n  key: 'node_type',\n  value: 'project',\n  not: false,\n}\n\nexport type SynapseSearchChipsProps = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapseSearchChips({ gotoPlace }: SynapseSearchChipsProps) {\n  return (\n    <>\n      {searchValues.map(value => {\n        return (\n          <Chip\n            key={value}\n            label={\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontSize: '18px',\n                  fontWeight: 400,\n                  p: '10px',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                }}\n              >\n                {value}\n              </Typography>\n            }\n            onClick={() => {\n              const searchQuery: SearchQuery = {\n                ...DEFAULT_SEARCH_QUERY,\n                queryTerm: [value],\n                booleanQuery: value == 'Cancer' ? [projectKeyValue] : undefined,\n              }\n              gotoPlace(\n                `/SearchV2:default?query=${encodeURIComponent(\n                  JSON.stringify(searchQuery),\n                )}`,\n              )\n            }}\n            variant=\"outlined\"\n            // by default, on hover the background color changes to mostly transparent (4%), which looks terrible on top of the header splash image\n            sx={{\n              color: 'secondary.600',\n              backgroundColor: 'secondary.100',\n              borderWidth: '0px',\n              '&:hover': { backgroundColor: '#B5D3CE !important' },\n            }}\n          />\n        )\n      })}\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEM,IAA4B;CAChC,KAAK;CACL,OAAO;CACP,KAAK;AACP;AAMA,SAAgB,EAAmB,EAAE,gBAAsC;CACzE,OACE,kBAAA,GAAA,EAAA,UACG,EAAa,KAAI,MAEd,kBAAC,GAAD;EAEE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,UAAU;IACV,YAAY;IACZ,GAAG;IACH,UAAU;IACV,cAAc;GAChB;aAEC;EACS,CAAA;EAEd,eAAe;GACb,IAAM,IAA2B;IAC/B,GAAG;IACH,WAAW,CAAC,CAAK;IACjB,cAAc,KAAS,WAAW,CAAC,CAAe,IAAI,KAAA;GACxD;GACA,EACE,2BAA2B,mBACzB,KAAK,UAAU,CAAW,CAC5B,GACF;EACF;EACA,SAAQ;EAER,IAAI;GACF,OAAO;GACP,iBAAiB;GACjB,aAAa;GACb,WAAW,EAAE,iBAAiB,qBAAqB;EACrD;CACD,GAnCM,CAmCN,CAEJ,EACD,CAAA;AAEN"}

package/dist/components/SynapseHomepageV2/SynapseTrendingProjects.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseTrendingProjects.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjects.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { getColumnIndex } from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport {\n  SynapseTrendingProjectItem,\n  trendingProjectsGridTemplateColumns,\n} from './SynapseTrendingProjectsItem'\n\nexport type SynapseTrendingProjectsProps = {\n  past30DaysDownloadMetricsTable: string\n}\n\nexport function SynapseTrendingProjects({\n  past30DaysDownloadMetricsTable,\n}: SynapseTrendingProjectsProps) {\n  const { data: past30DaysDownloadData } =\n    useGetQueryResultBundleWithAsyncStatus({\n      entityId: past30DaysDownloadMetricsTable,\n      query: {\n        sql: `SELECT * FROM ${past30DaysDownloadMetricsTable}`,\n        limit: 10,\n        sort: [\n          { column: 'last_updated', direction: 'DESC' }, // likely unnecessary (I think this MV always contains only the most recent snapshot)\n          { column: 'N_UNIQUE_USERS', direction: 'DESC' },\n        ],\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    })\n  const theme = useTheme()\n  const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const rowSet = past30DaysDownloadData?.responseBody?.queryResult?.queryResults\n  const headers = rowSet?.headers\n  const entityIdColIndex = getColumnIndex('PROJECT_ID', headers)!\n  const nUniqueUsersColIndex = getColumnIndex('N_UNIQUE_USERS', headers)!\n  const altLinkColIndex = getColumnIndex('ALTERNATE_LINK', headers)!\n  const egressSizeColIndex = getColumnIndex(\n    'ESTIMATED_PROJECT_SIZE_IN_GIB',\n    headers,\n  )!\n  const projectDescriptionColumnIndex = getColumnIndex(\n    'PROJECT_DESCRIPTION',\n    headers,\n  )!\n\n  if (!rowSet || rowSet.rows.length == 0) {\n    return <></>\n  }\n  return (\n    <>\n      <Box\n        sx={{\n          color: 'primary.100',\n          display: isMobileView ? 'none' : 'grid',\n          ...trendingProjectsGridTemplateColumns,\n          justifyItems: 'start',\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ ml: '15px' }}>\n          Rank\n        </Typography>\n        <Typography variant=\"body1\">Project</Typography>\n        <Typography variant=\"body1\">Project Data</Typography>\n        {/* This is really Unique Users - Sage LT requested this be changed to Unique Teams on 7/18/2024 */}\n        <Typography variant=\"body1\">Unique Teams</Typography>\n        <Box></Box>\n      </Box>\n      {rowSet.rows.map((row, index) => (\n        <SynapseTrendingProjectItem\n          key={row.rowId}\n          rank={index + 1}\n          rowValues={row.values}\n          entityIdColIndex={entityIdColIndex}\n          egressSizeGbColIndex={egressSizeColIndex}\n          nUniqueUsersColIndex={nUniqueUsersColIndex}\n          projectDescriptionColumnIndex={projectDescriptionColumnIndex}\n          altLinkColIndex={altLinkColIndex}\n          isMobileView={isMobileView}\n        />\n      ))}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAwB,EACtC,qCAC+B;CAC/B,IAAM,EAAE,MAAM,MACZ,EAAuC;EACrC,UAAU;EACV,OAAO;GACL,KAAK,iBAAiB;GACtB,OAAO;GACP,MAAM,CACJ;IAAE,QAAQ;IAAgB,WAAW;IAAQ,EAC7C;IAAE,QAAQ;IAAkB,WAAW;IAAQ,CAChD;GACF;EACD,UAAA;EACA,cAAc;EACf,CAAC,EAEE,IAAe,EADP,GACqB,CAAM,YAAY,KAAK,KAAK,CAAC,EAE1D,IAAS,GAAwB,cAAc,aAAa,cAC5D,IAAU,GAAQ,SAClB,IAAmB,EAAe,cAAc,EAAQ,EACxD,IAAuB,EAAe,kBAAkB,EAAQ,EAChE,IAAkB,EAAe,kBAAkB,EAAQ,EAC3D,IAAqB,EACzB,iCACA,EACD,EACK,IAAgC,EACpC,uBACA,EACD;AAKD,QAHI,CAAC,KAAU,EAAO,KAAK,UAAU,IAC5B,kBAAA,GAAA,EAAK,CAAA,GAGZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,SAAS,IAAe,SAAS;GACjC,GAAG;GACH,cAAc;GACf;YANH;GAQE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,QAAQ;cAAE;IAEnC,CAAA;GACb,kBAAC,GAAD;IAAY,SAAQ;cAAQ;IAAoB,CAAA;GAChD,kBAAC,GAAD;IAAY,SAAQ;cAAQ;IAAyB,CAAA;GAErD,kBAAC,GAAD;IAAY,SAAQ;cAAQ;IAAyB,CAAA;GACrD,kBAAC,GAAD,EAAW,CAAA;GACP;KACL,EAAO,KAAK,KAAK,GAAK,MACrB,kBAAC,GAAD;EAEE,MAAM,IAAQ;EACd,WAAW,EAAI;EACG;EAClB,sBAAsB;EACA;EACS;EACd;EACH;EACd,EATK,EAAI,MAST,CACF,CACD,EAAA,CAAA"}
+{"version":3,"file":"SynapseTrendingProjects.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjects.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { getColumnIndex } from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport {\n  SynapseTrendingProjectItem,\n  trendingProjectsGridTemplateColumns,\n} from './SynapseTrendingProjectsItem'\n\nexport type SynapseTrendingProjectsProps = {\n  past30DaysDownloadMetricsTable: string\n}\n\nexport function SynapseTrendingProjects({\n  past30DaysDownloadMetricsTable,\n}: SynapseTrendingProjectsProps) {\n  const { data: past30DaysDownloadData } =\n    useGetQueryResultBundleWithAsyncStatus({\n      entityId: past30DaysDownloadMetricsTable,\n      query: {\n        sql: `SELECT * FROM ${past30DaysDownloadMetricsTable}`,\n        limit: 10,\n        sort: [\n          { column: 'last_updated', direction: 'DESC' }, // likely unnecessary (I think this MV always contains only the most recent snapshot)\n          { column: 'N_UNIQUE_USERS', direction: 'DESC' },\n        ],\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    })\n  const theme = useTheme()\n  const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const rowSet = past30DaysDownloadData?.responseBody?.queryResult?.queryResults\n  const headers = rowSet?.headers\n  const entityIdColIndex = getColumnIndex('PROJECT_ID', headers)!\n  const nUniqueUsersColIndex = getColumnIndex('N_UNIQUE_USERS', headers)!\n  const altLinkColIndex = getColumnIndex('ALTERNATE_LINK', headers)!\n  const egressSizeColIndex = getColumnIndex(\n    'ESTIMATED_PROJECT_SIZE_IN_GIB',\n    headers,\n  )!\n  const projectDescriptionColumnIndex = getColumnIndex(\n    'PROJECT_DESCRIPTION',\n    headers,\n  )!\n\n  if (!rowSet || rowSet.rows.length == 0) {\n    return <></>\n  }\n  return (\n    <>\n      <Box\n        sx={{\n          color: 'primary.100',\n          display: isMobileView ? 'none' : 'grid',\n          ...trendingProjectsGridTemplateColumns,\n          justifyItems: 'start',\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ ml: '15px' }}>\n          Rank\n        </Typography>\n        <Typography variant=\"body1\">Project</Typography>\n        <Typography variant=\"body1\">Project Data</Typography>\n        {/* This is really Unique Users - Sage LT requested this be changed to Unique Teams on 7/18/2024 */}\n        <Typography variant=\"body1\">Unique Teams</Typography>\n        <Box></Box>\n      </Box>\n      {rowSet.rows.map((row, index) => (\n        <SynapseTrendingProjectItem\n          key={row.rowId}\n          rank={index + 1}\n          rowValues={row.values}\n          entityIdColIndex={entityIdColIndex}\n          egressSizeGbColIndex={egressSizeColIndex}\n          nUniqueUsersColIndex={nUniqueUsersColIndex}\n          projectDescriptionColumnIndex={projectDescriptionColumnIndex}\n          altLinkColIndex={altLinkColIndex}\n          isMobileView={isMobileView}\n        />\n      ))}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAwB,EACtC,qCAC+B;CAC/B,IAAM,EAAE,MAAM,MACZ,EAAuC;EACrC,UAAU;EACV,OAAO;GACL,KAAK,iBAAiB;GACtB,OAAO;GACP,MAAM,CACJ;IAAE,QAAQ;IAAgB,WAAW;GAAO,GAC5C;IAAE,QAAQ;IAAkB,WAAW;GAAO,CAChD;EACF;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GAEG,IAAe,EADP,EACqB,EAAM,YAAY,KAAK,IAAI,CAAC,GAEzD,IAAS,GAAwB,cAAc,aAAa,cAC5D,IAAU,GAAQ,SAClB,IAAmB,EAAe,cAAc,CAAO,GACvD,IAAuB,EAAe,kBAAkB,CAAO,GAC/D,IAAkB,EAAe,kBAAkB,CAAO,GAC1D,IAAqB,EACzB,iCACA,CACF,GACM,IAAgC,EACpC,uBACA,CACF;CAKA,OAHI,CAAC,KAAU,EAAO,KAAK,UAAU,IAC5B,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,SAAS,IAAe,SAAS;GACjC,GAAG;GACH,cAAc;EAChB;YANF;GAQE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,OAAO;cAAG;GAEpC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAAmB,CAAA;GAC/C,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAAwB,CAAA;GAEpD,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAAwB,CAAA;GACpD,kBAAC,GAAD,CAAU,CAAA;EACP;KACJ,EAAO,KAAK,KAAK,GAAK,MACrB,kBAAC,GAAD;EAEE,MAAM,IAAQ;EACd,WAAW,EAAI;EACG;EAClB,sBAAsB;EACA;EACS;EACd;EACH;CACf,GATM,EAAI,KASV,CACF,CACD,EAAA,CAAA;AAEN"}

package/dist/components/SynapseHomepageV2/SynapseTrendingProjectsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseTrendingProjectsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjectsItem.tsx"],"sourcesContent":["import { ReactComponent as EgressIcon } from '@/assets/homepage/egress.svg'\n\nimport { ReactComponent as UsersIcon } from '@/assets/homepage/users.svg'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { NavigateNext } from '@mui/icons-material'\nimport { Box, SxProps, Typography, useTheme } from '@mui/material'\nimport { Color } from '@mui/material/styles'\n\nexport type SynapseTrendingProjectItemProps = {\n  rank: number\n  rowValues: (string | null)[]\n  entityIdColIndex: number\n  nUniqueUsersColIndex: number\n  egressSizeGbColIndex: number\n  projectDescriptionColumnIndex: number\n  altLinkColIndex: number\n  isMobileView: boolean\n}\n\nconst formatter = Intl.NumberFormat('en')\nexport const trendingProjectsGridTemplateColumns: SxProps = {\n  gridTemplateColumns: {\n    xs: '100px auto 40px',\n    sm: '100px auto 170px 150px 40px',\n  },\n}\n\nexport function SynapseTrendingProjectItem({\n  rank,\n  rowValues,\n  entityIdColIndex,\n  nUniqueUsersColIndex,\n  egressSizeGbColIndex,\n  projectDescriptionColumnIndex,\n  altLinkColIndex,\n  isMobileView,\n}: SynapseTrendingProjectItemProps) {\n  const theme = useTheme()\n  const entityId = rowValues[entityIdColIndex]\n  const egressSize = rowValues[egressSizeGbColIndex]\n  const altLink = rowValues[altLinkColIndex]\n  const { data: entityHeader } = useGetEntityHeader(entityId!, undefined, {\n    enabled: !!entityId,\n  })\n  const friendlyEgressSize = egressSize\n    ? calculateFriendlyFileSize(parseFloat(egressSize) * 1e9)\n    : ''\n\n  const projectDescription = rowValues[projectDescriptionColumnIndex]\n\n  const userCount = rowValues[nUniqueUsersColIndex]\n  const friendlyUserCount = userCount\n    ? formatter.format(parseInt(userCount))\n    : ''\n  let backgroundColor = (theme.palette.primary as unknown as Color)[700]\n  let borderRadius\n  switch (rank) {\n    case 1:\n      backgroundColor = '#447A74'\n      borderRadius = '12px 12px 0px 0px'\n      break\n    case 2:\n      backgroundColor = '#33575E'\n      break\n    case 3:\n      backgroundColor = '#294251'\n      break\n    case 10:\n      borderRadius = '0px 0px 12px 12px'\n      break\n  }\n  const displayedName = projectDescription ?? entityHeader?.name\n  const egress = (\n    <Typography variant=\"body1\">\n      <EgressIcon />\n      {friendlyEgressSize}\n    </Typography>\n  )\n  const users = (\n    <Typography variant=\"body1\">\n      <UsersIcon />\n      {friendlyUserCount}\n    </Typography>\n  )\n  return (\n    <div\n      onClick={() => {\n        if (altLink) {\n          window.open(altLink, '_blank')\n        } else {\n          window.open(\n            `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${entityId!}`,\n            '_blank',\n          )\n        }\n      }}\n    >\n      <Box\n        sx={{\n          color: 'primary.100',\n          backgroundColor,\n          borderRadius,\n          '&:hover': {\n            color: 'white',\n            cursor: 'pointer',\n            filter: 'brightness(105%)',\n          },\n          p: '15px 0px',\n          display: 'grid',\n          ...trendingProjectsGridTemplateColumns,\n          justifyItems: 'start',\n          svg: { m: '0 3px -3px 0' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ ml: '30px' }}>\n          {rank}\n        </Typography>\n        <Box>\n          <Typography variant=\"body1\">{displayedName}</Typography>\n          {isMobileView && (\n            <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n              {egress}\n              {users}\n            </Box>\n          )}\n        </Box>\n\n        {!isMobileView && egress}\n        {!isMobileView && users}\n        <Box>\n          <NavigateNext />\n        </Box>\n      </Box>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAY,KAAK,aAAa,KAAK,EAC5B,IAA+C,EAC1D,qBAAqB;CACnB,IAAI;CACJ,IAAI;CACL,EACF;AAED,SAAgB,EAA2B,EACzC,SACA,cACA,qBACA,yBACA,yBACA,kCACA,oBACA,mBACkC;CAClC,IAAM,IAAQ,GAAU,EAClB,IAAW,EAAU,IACrB,IAAa,EAAU,IACvB,IAAU,EAAU,IACpB,EAAE,MAAM,MAAiB,EAAmB,GAAW,KAAA,GAAW,EACtE,SAAS,CAAC,CAAC,GACZ,CAAC,EACI,IAAqB,IACvB,EAA0B,WAAW,EAAW,GAAG,IAAI,GACvD,IAEE,IAAqB,EAAU,IAE/B,IAAY,EAAU,IACtB,IAAoB,IACtB,EAAU,OAAO,SAAS,EAAU,CAAC,GACrC,IACA,IAAmB,EAAM,QAAQ,QAA6B,MAC9D;AACJ,SAAQ,GAAR;EACE,KAAK;AAEH,GADA,IAAkB,WAClB,IAAe;AACf;EACF,KAAK;AACH,OAAkB;AAClB;EACF,KAAK;AACH,OAAkB;AAClB;EACF,KAAK;AACH,OAAe;AACf;;CAEJ,IAAM,IAAgB,KAAsB,GAAc,MACpD,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,EAAc,CAAA,EACb,EACU;KAET,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,EAAa,CAAA,EACZ,EACU;;AAEf,QACE,kBAAC,OAAD;EACE,eAAe;AACb,GAAI,IACF,OAAO,KAAK,GAAS,SAAS,GAE9B,OAAO,KACL,GAAG,EACD,EAAuB,gBACxB,CAAC,UAAU,KACZ,SACD;;YAIL,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP;IACA;IACA,WAAW;KACT,OAAO;KACP,QAAQ;KACR,QAAQ;KACT;IACD,GAAG;IACH,SAAS;IACT,GAAG;IACH,cAAc;IACd,KAAK,EAAE,GAAG,gBAAgB;IAC3B;aAfH;IAiBE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,IAAI,QAAQ;eAC3C;KACU,CAAA;IACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAS;KAA2B,CAAA,EACvD,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;MAAU;eAArD,CACG,GACA,EACG;OAEJ,EAAA,CAAA;IAEL,CAAC,KAAgB;IACjB,CAAC,KAAgB;IAClB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,CAAA,EACZ,CAAA;IACF;;EACF,CAAA"}
+{"version":3,"file":"SynapseTrendingProjectsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjectsItem.tsx"],"sourcesContent":["import { ReactComponent as EgressIcon } from '@/assets/homepage/egress.svg'\n\nimport { ReactComponent as UsersIcon } from '@/assets/homepage/users.svg'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { NavigateNext } from '@mui/icons-material'\nimport { Box, SxProps, Typography, useTheme } from '@mui/material'\nimport { Color } from '@mui/material/styles'\n\nexport type SynapseTrendingProjectItemProps = {\n  rank: number\n  rowValues: (string | null)[]\n  entityIdColIndex: number\n  nUniqueUsersColIndex: number\n  egressSizeGbColIndex: number\n  projectDescriptionColumnIndex: number\n  altLinkColIndex: number\n  isMobileView: boolean\n}\n\nconst formatter = Intl.NumberFormat('en')\nexport const trendingProjectsGridTemplateColumns: SxProps = {\n  gridTemplateColumns: {\n    xs: '100px auto 40px',\n    sm: '100px auto 170px 150px 40px',\n  },\n}\n\nexport function SynapseTrendingProjectItem({\n  rank,\n  rowValues,\n  entityIdColIndex,\n  nUniqueUsersColIndex,\n  egressSizeGbColIndex,\n  projectDescriptionColumnIndex,\n  altLinkColIndex,\n  isMobileView,\n}: SynapseTrendingProjectItemProps) {\n  const theme = useTheme()\n  const entityId = rowValues[entityIdColIndex]\n  const egressSize = rowValues[egressSizeGbColIndex]\n  const altLink = rowValues[altLinkColIndex]\n  const { data: entityHeader } = useGetEntityHeader(entityId!, undefined, {\n    enabled: !!entityId,\n  })\n  const friendlyEgressSize = egressSize\n    ? calculateFriendlyFileSize(parseFloat(egressSize) * 1e9)\n    : ''\n\n  const projectDescription = rowValues[projectDescriptionColumnIndex]\n\n  const userCount = rowValues[nUniqueUsersColIndex]\n  const friendlyUserCount = userCount\n    ? formatter.format(parseInt(userCount))\n    : ''\n  let backgroundColor = (theme.palette.primary as unknown as Color)[700]\n  let borderRadius\n  switch (rank) {\n    case 1:\n      backgroundColor = '#447A74'\n      borderRadius = '12px 12px 0px 0px'\n      break\n    case 2:\n      backgroundColor = '#33575E'\n      break\n    case 3:\n      backgroundColor = '#294251'\n      break\n    case 10:\n      borderRadius = '0px 0px 12px 12px'\n      break\n  }\n  const displayedName = projectDescription ?? entityHeader?.name\n  const egress = (\n    <Typography variant=\"body1\">\n      <EgressIcon />\n      {friendlyEgressSize}\n    </Typography>\n  )\n  const users = (\n    <Typography variant=\"body1\">\n      <UsersIcon />\n      {friendlyUserCount}\n    </Typography>\n  )\n  return (\n    <div\n      onClick={() => {\n        if (altLink) {\n          window.open(altLink, '_blank')\n        } else {\n          window.open(\n            `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${entityId!}`,\n            '_blank',\n          )\n        }\n      }}\n    >\n      <Box\n        sx={{\n          color: 'primary.100',\n          backgroundColor,\n          borderRadius,\n          '&:hover': {\n            color: 'white',\n            cursor: 'pointer',\n            filter: 'brightness(105%)',\n          },\n          p: '15px 0px',\n          display: 'grid',\n          ...trendingProjectsGridTemplateColumns,\n          justifyItems: 'start',\n          svg: { m: '0 3px -3px 0' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ ml: '30px' }}>\n          {rank}\n        </Typography>\n        <Box>\n          <Typography variant=\"body1\">{displayedName}</Typography>\n          {isMobileView && (\n            <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n              {egress}\n              {users}\n            </Box>\n          )}\n        </Box>\n\n        {!isMobileView && egress}\n        {!isMobileView && users}\n        <Box>\n          <NavigateNext />\n        </Box>\n      </Box>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAY,KAAK,aAAa,IAAI,GAC3B,IAA+C,EAC1D,qBAAqB;CACnB,IAAI;CACJ,IAAI;AACN,EACF;AAEA,SAAgB,EAA2B,EACzC,SACA,cACA,qBACA,yBACA,yBACA,kCACA,oBACA,mBACkC;CAClC,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAU,IACrB,IAAa,EAAU,IACvB,IAAU,EAAU,IACpB,EAAE,MAAM,MAAiB,EAAmB,GAAW,KAAA,GAAW,EACtE,SAAS,CAAC,CAAC,EACb,CAAC,GACK,IAAqB,IACvB,EAA0B,WAAW,CAAU,IAAI,GAAG,IACtD,IAEE,IAAqB,EAAU,IAE/B,IAAY,EAAU,IACtB,IAAoB,IACtB,EAAU,OAAO,SAAS,CAAS,CAAC,IACpC,IACA,IAAmB,EAAM,QAAQ,QAA6B,MAC9D;CACJ,QAAQ,GAAR;EACE,KAAK;GAEH,AADA,IAAkB,WAClB,IAAe;GACf;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAe;GACf;CACJ;CACA,IAAM,IAAgB,KAAsB,GAAc,MACpD,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAa,CAAA,GACZ,CACS;KAER,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAY,CAAA,GACX,CACS;;CAEd,OACE,kBAAC,OAAD;EACE,eAAe;GACb,AAAI,IACF,OAAO,KAAK,GAAS,QAAQ,IAE7B,OAAO,KACL,GAAG,EACD,EAAuB,eACzB,EAAE,UAAU,KACZ,QACF;EAEJ;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP;IACA;IACA,WAAW;KACT,OAAO;KACP,QAAQ;KACR,QAAQ;IACV;IACA,GAAG;IACH,SAAS;IACT,GAAG;IACH,cAAc;IACd,KAAK,EAAE,GAAG,eAAe;GAC3B;aAfF;IAiBE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,IAAI,OAAO;eAC1C;IACS,CAAA;IACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAS;IAA0B,CAAA,GACtD,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;KAAS;eAApD,CACG,GACA,CACE;MAEJ,EAAA,CAAA;IAEJ,CAAC,KAAgB;IACjB,CAAC,KAAgB;IAClB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAe,CAAA,EACZ,CAAA;GACF;;CACF,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/WordPressNews.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,EAAU,EAChE,EAAE,MAAM,MAAe,EAAuB,EAAiB,EAE/D,IAAc,IAAI,KACrB,KAAc,EAAE,EAAE,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAC5C;AAMD,QAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,eAAe;YAE3B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,GAAG;GACjD,kBAAkB;GAClB,EAJK,EAAK,GAIV,CACF;EACE,CAAA"}
+{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAS,GAC/D,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAc,IAAI,KACrB,KAAc,CAAC,GAAG,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAC5C;CAMA,OAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,cAAc;YAE1B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,EAAE;GAChD,kBAAkB;EACnB,GAJM,EAAK,EAIX,CACF;CACE,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/WordPressNewsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,EAAa;AAsB1B,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,MACM;AACzB,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,WAAW,EAAO;IAClB,QAAA;IACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,UAAU;IACxD,CAAA,EACF,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C,EAAM,EAAK,KAAK,CAAC,SAAS;IAChB,CAAA,CACT;MACN,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;IAAY,CAAA;GAEnE,CAAA,CACF"}
+{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,CAAY;AAsBzB,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,MACM;CACzB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,WAAW,EAAO;IAClB,QAAA;IACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS;GACxD,CAAA,GACD,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C,EAAM,EAAK,IAAI,EAAE,QAAQ;GAChB,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;GAAW,CAAA;EAEnE,CAAA,CACF;;AAET"}