synapse-react-client 4.0.19 → 4.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseHomepageV2.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageV2.tsx"],"sourcesContent":["import BlinkingLiveIcon from '@/assets/homepage/BlinkingLiveIcon'\nimport { backgroundInlineJpeg } from '@/assets/homepage/header-splash'\nimport image1 from '@/assets/homepage/image1.svg?url'\nimport SageFullLogo from '@/assets/icons/SageFullLogo'\nimport {\n  defaultHomepageText,\n  h2Sx,\n  homepageBodyText,\n  sidePadding,\n  titleSx,\n  visuallyHidden,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n  DATA_CATALOG_PATH_SEGMENT,\n  SAGE_OFFERINGS_HELP_URL,\n} from '@/utils/SynapseConstants'\nimport {\n  Box,\n  Button,\n  Link,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useInView } from 'react-intersection-observer'\nimport { TypeAnimation } from 'react-type-animation'\nimport { SynapseByTheNumbers } from './SynapseByTheNumbers'\nimport { SynapseFeaturedDatasets } from './SynapseFeaturedDatasets'\nimport { SynapseFeatures } from './SynapseFeatures'\nimport { SynapseHomepageChatSearch } from './SynapseHomepageChatSearch'\nimport { SynapseHomepageNavBar } from './SynapseHomepageNavBar'\nimport { SynapseHotDrops } from './SynapseHotdrops'\nimport FloatingBlobsBackground from './FloatingBlobsBackground'\nimport { SynapseInAction } from './SynapseInAction'\nimport { SynapsePartners } from './SynapsePartners'\nimport { SynapsePlans } from './SynapsePlans'\nimport { SynapseSearchChips } from './SynapseSearchChips'\nimport { SynapseTrendingProjects } from './SynapseTrendingProjects'\n\nexport const synapseInActionTable = 'syn61670075'\nexport const past30DaysDownloadMetricsTable = 'syn61597084'\nexport const generalStatsMetricsTable = 'syn61588123'\nexport const featuredDatasetsTable = 'syn61609402'\nexport const searchAutocompleteTable = 'syn61670515'\nexport const newAndTrendingTable = 'syn69855119'\n\nexport type SynapseHomepageV2Props = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapseHomepageV2({ gotoPlace }: SynapseHomepageV2Props) {\n  const theme = useTheme()\n  const tinyView = useMediaQuery('(max-width:385px)')\n  const isDesktopView = useMediaQuery(theme.breakpoints.up('lg'))\n  //optimization - prioritize loading above-the-fold content (delay loading below the fold)\n  const { ref, inView } = useInView({ triggerOnce: true })\n\n  // Rotating text phrases for the hero section\n  const heroTextPhrases = [\n    'the next cure',\n    'the next diagnostic',\n    'the next preventive therapy',\n  ]\n\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <SynapseHomepageNavBar gotoPlace={gotoPlace} />\n      <Box\n        sx={{\n          position: 'relative',\n          pb: {\n            xs: '30px',\n            md: '80px',\n          },\n        }}\n      >\n        <Box\n          sx={{\n            position: 'absolute',\n            background: `url(${backgroundInlineJpeg}) lightgray 50% / cover no-repeat`,\n            minHeight: {\n              xs: '550px',\n              sm: '400px',\n              md: '600px',\n            },\n            width: '100%',\n            height: '100%',\n            content: \"''\",\n            top: 0,\n            right: 0,\n            bottom: 0,\n            left: 0,\n            zIndex: -1,\n            clipPath: {\n              xs: 'polygon(0 0, 100% 0, 100% 80%, 0% 100%)',\n              md: 'polygon(0 0, 100% 0, 100% 65%, 0% 100%)',\n            },\n          }}\n        >\n          {' '}\n        </Box>\n      </Box>\n\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '20px',\n            lg: '80px 0px 0px 0px',\n          },\n          minHeight: tinyView\n            ? '390px'\n            : {\n                xs: '330px',\n                sm: '215px',\n                md: '300px', //larger font\n                lg: undefined,\n              },\n        }}\n      >\n        <Typography variant=\"headline1\" sx={titleSx}>\n          Explore the data <br />\n          behind&nbsp;\n          <TypeAnimation\n            aria-hidden=\"true\"\n            sequence={heroTextPhrases.flatMap(phrase => [phrase, 3000])}\n            wrapper=\"span\"\n            speed={20}\n            repeat={Infinity}\n            style={{\n              color: '#B5D3CE',\n            }}\n          />\n          {/* Screen reader only text */}\n          <Box component=\"span\" sx={visuallyHidden}>\n            {heroTextPhrases.join(', ')}\n          </Box>\n        </Typography>\n      </Box>\n\n      {/* Search */}\n      <Box\n        sx={{\n          pt: { xs: '10px', md: '70px' },\n          pr: '15px',\n          maxWidth: '600px',\n          m: 'auto',\n        }}\n      >\n        <SynapseHomepageChatSearch gotoPlace={gotoPlace} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          maxWidth: '1500px',\n          gap: '10px',\n          alignItems: 'center',\n          justifyContent: 'center',\n          mt: '30px',\n          flexWrap: 'wrap',\n          ml: { xs: '5px', md: 'auto' },\n          mr: { xs: '5px', md: 'auto' },\n        }}\n      >\n        {/* Hard-coded popular searches because these Chips are above the fold and immediately visible. Any delay showing these chips is a problem.\n        The hope is that these \"popularSearches\" will not change much over time, since they represent the types of data in the platform.\n        */}\n        <SynapseSearchChips gotoPlace={gotoPlace} />\n      </Box>\n      <Box\n        sx={{\n          backgroundColor: '#F5F9F9',\n          mt: { xs: '50px', md: '100px' },\n        }}\n      >\n        <Box\n          sx={{\n            display: { xs: 'relative', lg: 'grid' },\n            maxWidth: '1500px',\n            gridTemplateColumns: '50% 50%',\n            margin: 'auto',\n            height: { lg: '608px' }, //force container to the same height as the image\n          }}\n        >\n          <Box\n            sx={{\n              p: { xs: '25px', lg: '70px 0px 25px 60px' },\n              svg: {\n                maxWidth: '100%',\n              },\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: {\n                xs: 'center',\n                md: 'flex-start',\n              },\n            }}\n            ref={ref} // use this UI to trigger loading the rest of the page content\n          >\n            <SageFullLogo width={350} />\n            <Typography\n              variant=\"headline2\"\n              sx={{\n                ...defaultHomepageText,\n                fontSize: {\n                  xs: '24px',\n                  md: '40px',\n                },\n                lineHeight: {\n                  xs: '140%',\n                  md: '60px',\n                },\n                maxWidth: '600px',\n                color: 'secondary.600',\n                mt: '20px',\n                fontWeight: 400,\n                mb: '35px',\n                textAlign: {\n                  xs: 'center',\n                  md: 'left',\n                },\n              }}\n            >\n              Created by <strong>Sage Bionetworks</strong>, Synapse empowers\n              biomedical researchers with tools for open science and\n              collaboration, forging a path to optimal human health.\n            </Typography>\n            <Button\n              size=\"large\"\n              variant=\"contained\"\n              color=\"secondary\"\n              href=\"https://www.sagebionetworks.org\"\n              target=\"_blank\"\n              sx={{\n                p: '5px 25px',\n                width: {\n                  xs: '100%',\n                  md: 'auto',\n                },\n              }}\n            >\n              About Sage Bionetworks\n            </Button>\n          </Box>\n          {isDesktopView && (\n            <Box sx={{ height: '100%', justifySelf: 'end' }}>\n              <img src={image1} alt={''} />\n            </Box>\n          )}\n        </Box>\n      </Box>\n\n      {/* Below the fold content... */}\n      {inView && (\n        <Box>\n          <Box>\n            <Box sx={{ padding: { xs: '45px 40px', md: '80px 25px' } }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...defaultHomepageText,\n                  textAlign: 'center',\n                  mt: '100px',\n                  fontSize: { xs: '32px', md: '40px' },\n                  lineHeight: '42px',\n                  mb: '30px',\n                }}\n              >\n                We partner with scientific leaders\n              </Typography>\n              <Box sx={{ m: 'auto', maxWidth: '750px' }}>\n                <Typography\n                  variant=\"headline1\"\n                  sx={{\n                    ...homepageBodyText,\n                    textAlign: 'center',\n                    mb: '60px',\n                  }}\n                >\n                  Synapse is your ecosystem for responsible data sharing,\n                  innovative data reuse, and collaboration.\n                </Typography>\n              </Box>\n              <SynapsePartners />\n            </Box>\n            <Box\n              sx={{\n                pb: {\n                  xs: '100px',\n                  md: '220px',\n                },\n                clipPath: 'polygon(0 0, 100% 0, 100% 20%, 0% 100%)',\n                backgroundColor: 'white',\n                zIndex: 100,\n              }}\n            />\n            <Box\n              sx={{\n                ...sidePadding,\n                backgroundColor: '#223549',\n                pt: {\n                  xs: '90px',\n                  md: '200px',\n                },\n                mt: {\n                  xs: '-90px',\n                  md: '-200px',\n                },\n                pb: '5px',\n              }}\n            >\n              <Box\n                sx={{\n                  margin: 'auto',\n                  maxWidth: '1500px',\n                }}\n              >\n                <Typography\n                  variant=\"headline1\"\n                  sx={{\n                    ...h2Sx,\n                    textAlign: 'center',\n                    mt: '100px',\n                    mb: '10px',\n                    color: 'white',\n                  }}\n                >\n                  Synapse by the numbers\n                </Typography>\n                <Typography\n                  variant=\"body1\"\n                  sx={{\n                    ...homepageBodyText,\n                    textAlign: 'center',\n                    mb: '70px',\n                    color: 'white',\n                  }}\n                >\n                  <BlinkingLiveIcon sx={{ pt: '7px' }} /> Live\n                </Typography>\n                <SynapseByTheNumbers metricsTable={generalStatsMetricsTable} />\n                <Typography\n                  variant=\"headline2\"\n                  sx={{\n                    ...defaultHomepageText,\n                    textAlign: 'center',\n                    fontSize: '36px',\n                    lineHeight: '40px',\n                    mt: '90px',\n                    mb: '25px',\n                    color: 'white',\n                    fontWeight: 400,\n                  }}\n                >\n                  Projects trending last month\n                </Typography>\n                <SynapseTrendingProjects\n                  past30DaysDownloadMetricsTable={\n                    past30DaysDownloadMetricsTable\n                  }\n                />\n              </Box>\n            </Box>\n            <Box\n              sx={{\n                mt: '-3px',\n                pb: {\n                  xs: '100px',\n                  md: '220px',\n                },\n                clipPath: 'polygon(0 0, 100% 2px, 0 100%, 0% 0%)',\n                backgroundColor: '#223549',\n                zIndex: 100,\n              }}\n            />\n          </Box>\n          <Box sx={{ ml: { xs: '5px', md: '20px' } }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                pt: { xs: '45px', md: '75px' },\n                pb: '30px',\n              }}\n            >\n              New &amp; Trending\n            </Typography>\n            <Box sx={{ m: 'auto' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...homepageBodyText,\n                  textAlign: 'center',\n                  mb: { xs: '30px', md: '60px' },\n                }}\n              >\n                A sample of public projects and datasets recently created on\n                Synapse by researchers like you\n              </Typography>\n            </Box>\n            <Box sx={{ position: 'relative', minHeight: '500px' }}>\n              <FloatingBlobsBackground color1=\"#30b7a8\" color2=\"#296aac\" />\n              <SynapseHotDrops tableId={newAndTrendingTable} />\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#172430',\n              zIndex: 100,\n            }}\n          />\n          <Box\n            sx={{\n              ...sidePadding,\n              backgroundColor: '#172430',\n              mt: '-1px',\n              pt: {\n                xs: '50px',\n                md: '20px',\n              },\n            }}\n          >\n            <Box sx={{ m: 'auto', maxWidth: '1500px' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...h2Sx,\n                  color: 'white',\n                  maxWidth: '700px',\n                  pb: {\n                    xs: '20px',\n                    sm: '100px',\n                  },\n                  textAlign: {\n                    xs: 'center',\n                    md: 'left',\n                  },\n                }}\n              >\n                Made for biomedical data reuse and discovery\n              </Typography>\n              <SynapseFeatures />\n            </Box>\n          </Box>\n          <Box sx={{ ml: { xs: '5px', md: '20px' } }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                padding: { xs: '45px 0', md: '75px 0' },\n              }}\n            >\n              Featured datasets\n            </Typography>\n            <SynapseFeaturedDatasets sourceTable={featuredDatasetsTable} />\n            <Box sx={{ p: '20px 10px' }}>\n              <Button\n                size=\"large\"\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={() => {\n                  gotoPlace(`/${DATA_CATALOG_PATH_SEGMENT}`)\n                }}\n                sx={{\n                  m: 'auto',\n                  display: 'block',\n                  p: '5px 25px',\n                  width: {\n                    xs: '100%',\n                    md: 'auto',\n                  },\n                }}\n              >\n                View More Datasets\n              </Button>\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#f5f9f9',\n              zIndex: -100,\n              mt: {\n                xs: '-100px',\n                md: '-220px',\n              },\n              position: 'relative',\n            }}\n          />\n          <Box\n            sx={{\n              backgroundColor: '#f5f9f9',\n              pb: { xs: '10px', md: '0px' },\n            }}\n          >\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                pt: '75px',\n                position: 'relative',\n                zIndex: 100,\n                backgroundColor: 'rgba(245, 249, 249, .8)',\n                borderRadius: '12px',\n                ml: { xs: '5px', md: '20px' },\n              }}\n            >\n              Synapse in action\n            </Typography>\n            <Box sx={{ m: 'auto', maxWidth: '1100px' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...homepageBodyText,\n                  textAlign: 'center',\n                  mt: '50px',\n                  mb: '100px',\n                  position: 'relative',\n                  zIndex: 100,\n                  ml: '5px',\n                  mr: '5px',\n                  backgroundColor: 'rgba(245, 249, 249, .8)',\n                  borderRadius: '12px',\n                }}\n              >\n                Explore real-world case studies and success stories showcasing\n                how researchers use Synapse to drive innovative biomedical\n                discoveries and improve health outcomes.\n              </Typography>\n            </Box>\n            <SynapseInAction tableId={synapseInActionTable} />\n          </Box>\n          <Box\n            sx={{\n              ...sidePadding,\n              backgroundColor: '#223549',\n              pb: '200px',\n              position: 'relative',\n              zIndex: 100,\n            }}\n          >\n            <Box\n              sx={{\n                maxWidth: '1200px',\n                m: 'auto',\n              }}\n            >\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...h2Sx,\n                  color: 'white',\n                  pt: '75px',\n                }}\n              >\n                Plans\n              </Typography>\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  ...homepageBodyText,\n                  color: 'white',\n                  pt: '20px',\n                }}\n              >\n                Synapse is free and open source for all. We offer different\n                plans to help you if you need extra storage or help with your\n                data management.\n              </Typography>\n              <Link\n                href={SAGE_OFFERINGS_HELP_URL}\n                target=\"_blank\"\n                sx={{\n                  color: 'white !important',\n                  textDecorationColor: 'white !important',\n                  pt: '20px',\n                  pb: '30px',\n                  display: 'block',\n                }}\n              >\n                Learn more about our plans\n              </Link>\n              <SynapsePlans />\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#172430',\n              zIndex: 101,\n              mt: {\n                xs: '-100px',\n                md: '-220px',\n              },\n              position: 'relative',\n            }}\n          />\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default SynapseHomepageV2\n"],"mappings":"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"}
+{"version":3,"file":"SynapseHomepageV2.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageV2.tsx"],"sourcesContent":["import BlinkingLiveIcon from '@/assets/homepage/BlinkingLiveIcon'\nimport { backgroundInlineJpeg } from '@/assets/homepage/header-splash'\nimport image1 from '@/assets/homepage/image1.svg?url'\nimport SageFullLogo from '@/assets/icons/SageFullLogo'\nimport {\n  defaultHomepageText,\n  h2Sx,\n  homepageBodyText,\n  sidePadding,\n  titleSx,\n  visuallyHidden,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n  DATA_CATALOG_PATH_SEGMENT,\n  SAGE_OFFERINGS_HELP_URL,\n} from '@/utils/SynapseConstants'\nimport {\n  Box,\n  Button,\n  Link,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useInView } from 'react-intersection-observer'\nimport { TypeAnimation } from 'react-type-animation'\nimport { SynapseByTheNumbers } from './SynapseByTheNumbers'\nimport { SynapseFeaturedDatasets } from './SynapseFeaturedDatasets'\nimport { SynapseFeatures } from './SynapseFeatures'\nimport { SynapseHomepageChatSearch } from './SynapseHomepageChatSearch'\nimport { SynapseHomepageNavBar } from './SynapseHomepageNavBar'\nimport { SynapseHotDrops } from './SynapseHotdrops'\nimport FloatingBlobsBackground from './FloatingBlobsBackground'\nimport { SynapseInAction } from './SynapseInAction'\nimport { SynapsePartners } from './SynapsePartners'\nimport { SynapsePlans } from './SynapsePlans'\nimport { SynapseSearchChips } from './SynapseSearchChips'\nimport { SynapseTrendingProjects } from './SynapseTrendingProjects'\n\nexport const synapseInActionTable = 'syn61670075'\nexport const past30DaysDownloadMetricsTable = 'syn61597084'\nexport const generalStatsMetricsTable = 'syn61588123'\nexport const featuredDatasetsTable = 'syn61609402'\nexport const searchAutocompleteTable = 'syn61670515'\nexport const newAndTrendingTable = 'syn69855119'\n\nexport type SynapseHomepageV2Props = {\n  gotoPlace: (href: string) => void\n}\n\nexport function SynapseHomepageV2({ gotoPlace }: SynapseHomepageV2Props) {\n  const theme = useTheme()\n  const tinyView = useMediaQuery('(max-width:385px)')\n  const isDesktopView = useMediaQuery(theme.breakpoints.up('lg'))\n  //optimization - prioritize loading above-the-fold content (delay loading below the fold)\n  const { ref, inView } = useInView({ triggerOnce: true })\n\n  // Rotating text phrases for the hero section\n  const heroTextPhrases = [\n    'the next cure',\n    'the next diagnostic',\n    'the next preventive therapy',\n  ]\n\n  return (\n    <Box sx={{ overflow: 'hidden' }}>\n      <SynapseHomepageNavBar gotoPlace={gotoPlace} />\n      <Box\n        sx={{\n          position: 'relative',\n          pb: {\n            xs: '30px',\n            md: '80px',\n          },\n        }}\n      >\n        <Box\n          sx={{\n            position: 'absolute',\n            background: `url(${backgroundInlineJpeg}) lightgray 50% / cover no-repeat`,\n            minHeight: {\n              xs: '550px',\n              sm: '400px',\n              md: '600px',\n            },\n            width: '100%',\n            height: '100%',\n            content: \"''\",\n            top: 0,\n            right: 0,\n            bottom: 0,\n            left: 0,\n            zIndex: -1,\n            clipPath: {\n              xs: 'polygon(0 0, 100% 0, 100% 80%, 0% 100%)',\n              md: 'polygon(0 0, 100% 0, 100% 65%, 0% 100%)',\n            },\n          }}\n        >\n          {' '}\n        </Box>\n      </Box>\n\n      <Box\n        sx={{\n          textAlign: 'center',\n          p: {\n            xs: '20px',\n            lg: '80px 0px 0px 0px',\n          },\n          minHeight: tinyView\n            ? '390px'\n            : {\n                xs: '330px',\n                sm: '215px',\n                md: '300px', //larger font\n                lg: undefined,\n              },\n        }}\n      >\n        <Typography variant=\"headline1\" sx={titleSx}>\n          Explore the data <br />\n          behind&nbsp;\n          <TypeAnimation\n            aria-hidden=\"true\"\n            sequence={heroTextPhrases.flatMap(phrase => [phrase, 3000])}\n            wrapper=\"span\"\n            speed={20}\n            repeat={Infinity}\n            style={{\n              color: '#B5D3CE',\n            }}\n          />\n          {/* Screen reader only text */}\n          <Box component=\"span\" sx={visuallyHidden}>\n            {heroTextPhrases.join(', ')}\n          </Box>\n        </Typography>\n      </Box>\n\n      {/* Search */}\n      <Box\n        sx={{\n          pt: { xs: '10px', md: '70px' },\n          pr: '15px',\n          maxWidth: '600px',\n          m: 'auto',\n        }}\n      >\n        <SynapseHomepageChatSearch gotoPlace={gotoPlace} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          maxWidth: '1500px',\n          gap: '10px',\n          alignItems: 'center',\n          justifyContent: 'center',\n          mt: '30px',\n          flexWrap: 'wrap',\n          ml: { xs: '5px', md: 'auto' },\n          mr: { xs: '5px', md: 'auto' },\n        }}\n      >\n        {/* Hard-coded popular searches because these Chips are above the fold and immediately visible. Any delay showing these chips is a problem.\n        The hope is that these \"popularSearches\" will not change much over time, since they represent the types of data in the platform.\n        */}\n        <SynapseSearchChips gotoPlace={gotoPlace} />\n      </Box>\n      <Box\n        sx={{\n          backgroundColor: '#F5F9F9',\n          mt: { xs: '50px', md: '100px' },\n        }}\n      >\n        <Box\n          sx={{\n            display: { xs: 'relative', lg: 'grid' },\n            maxWidth: '1500px',\n            gridTemplateColumns: '50% 50%',\n            margin: 'auto',\n            height: { lg: '608px' }, //force container to the same height as the image\n          }}\n        >\n          <Box\n            sx={{\n              p: { xs: '25px', lg: '70px 0px 25px 60px' },\n              svg: {\n                maxWidth: '100%',\n              },\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: {\n                xs: 'center',\n                md: 'flex-start',\n              },\n            }}\n            ref={ref} // use this UI to trigger loading the rest of the page content\n          >\n            <SageFullLogo width={350} />\n            <Typography\n              variant=\"headline2\"\n              sx={{\n                ...defaultHomepageText,\n                fontSize: {\n                  xs: '24px',\n                  md: '40px',\n                },\n                lineHeight: {\n                  xs: '140%',\n                  md: '60px',\n                },\n                maxWidth: '600px',\n                color: 'secondary.600',\n                mt: '20px',\n                fontWeight: 400,\n                mb: '35px',\n                textAlign: {\n                  xs: 'center',\n                  md: 'left',\n                },\n              }}\n            >\n              Created by <strong>Sage Bionetworks</strong>, Synapse empowers\n              biomedical researchers with tools for open science and\n              collaboration, forging a path to optimal human health.\n            </Typography>\n            <Button\n              size=\"large\"\n              variant=\"contained\"\n              color=\"secondary\"\n              href=\"https://www.sagebionetworks.org\"\n              target=\"_blank\"\n              sx={{\n                p: '5px 25px',\n                width: {\n                  xs: '100%',\n                  md: 'auto',\n                },\n              }}\n            >\n              About Sage Bionetworks\n            </Button>\n          </Box>\n          {isDesktopView && (\n            <Box sx={{ height: '100%', justifySelf: 'end' }}>\n              <img src={image1} alt={''} />\n            </Box>\n          )}\n        </Box>\n      </Box>\n\n      {/* Below the fold content... */}\n      {inView && (\n        <Box>\n          <Box>\n            <Box sx={{ padding: { xs: '45px 40px', md: '80px 25px' } }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...defaultHomepageText,\n                  textAlign: 'center',\n                  mt: '100px',\n                  fontSize: { xs: '32px', md: '40px' },\n                  lineHeight: '42px',\n                  mb: '30px',\n                }}\n              >\n                We partner with scientific leaders\n              </Typography>\n              <Box sx={{ m: 'auto', maxWidth: '750px' }}>\n                <Typography\n                  variant=\"headline1\"\n                  sx={{\n                    ...homepageBodyText,\n                    textAlign: 'center',\n                    mb: '60px',\n                  }}\n                >\n                  Synapse is your ecosystem for responsible data sharing,\n                  innovative data reuse, and collaboration.\n                </Typography>\n              </Box>\n              <SynapsePartners />\n            </Box>\n            <Box\n              sx={{\n                pb: {\n                  xs: '100px',\n                  md: '220px',\n                },\n                clipPath: 'polygon(0 0, 100% 0, 100% 20%, 0% 100%)',\n                backgroundColor: 'white',\n                zIndex: 100,\n              }}\n            />\n            <Box\n              sx={{\n                ...sidePadding,\n                backgroundColor: '#223549',\n                pt: {\n                  xs: '90px',\n                  md: '200px',\n                },\n                mt: {\n                  xs: '-90px',\n                  md: '-200px',\n                },\n                pb: '5px',\n              }}\n            >\n              <Box\n                sx={{\n                  margin: 'auto',\n                  maxWidth: '1500px',\n                }}\n              >\n                <Typography\n                  variant=\"headline1\"\n                  sx={{\n                    ...h2Sx,\n                    textAlign: 'center',\n                    mt: '100px',\n                    mb: '10px',\n                    color: 'white',\n                  }}\n                >\n                  Synapse by the numbers\n                </Typography>\n                <Typography\n                  variant=\"body1\"\n                  sx={{\n                    ...homepageBodyText,\n                    textAlign: 'center',\n                    mb: '70px',\n                    color: 'white',\n                  }}\n                >\n                  <BlinkingLiveIcon sx={{ pt: '7px' }} /> Live\n                </Typography>\n                <SynapseByTheNumbers metricsTable={generalStatsMetricsTable} />\n                <Typography\n                  variant=\"headline2\"\n                  sx={{\n                    ...defaultHomepageText,\n                    textAlign: 'center',\n                    fontSize: '36px',\n                    lineHeight: '40px',\n                    mt: '90px',\n                    mb: '25px',\n                    color: 'white',\n                    fontWeight: 400,\n                  }}\n                >\n                  Projects trending last month\n                </Typography>\n                <SynapseTrendingProjects\n                  past30DaysDownloadMetricsTable={\n                    past30DaysDownloadMetricsTable\n                  }\n                />\n              </Box>\n            </Box>\n            <Box\n              sx={{\n                mt: '-3px',\n                pb: {\n                  xs: '100px',\n                  md: '220px',\n                },\n                clipPath: 'polygon(0 0, 100% 2px, 0 100%, 0% 0%)',\n                backgroundColor: '#223549',\n                zIndex: 100,\n              }}\n            />\n          </Box>\n          <Box sx={{ ml: { xs: '5px', md: '20px' } }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                pt: { xs: '45px', md: '75px' },\n                pb: '30px',\n              }}\n            >\n              New &amp; Trending\n            </Typography>\n            <Box sx={{ m: 'auto' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...homepageBodyText,\n                  textAlign: 'center',\n                  mb: { xs: '30px', md: '60px' },\n                }}\n              >\n                A sample of public projects and datasets recently created on\n                Synapse by researchers like you\n              </Typography>\n            </Box>\n            <Box sx={{ position: 'relative', minHeight: '500px' }}>\n              <FloatingBlobsBackground color1=\"#30b7a8\" color2=\"#296aac\" />\n              <SynapseHotDrops tableId={newAndTrendingTable} />\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#172430',\n              zIndex: 100,\n            }}\n          />\n          <Box\n            sx={{\n              ...sidePadding,\n              backgroundColor: '#172430',\n              mt: '-1px',\n              pt: {\n                xs: '50px',\n                md: '20px',\n              },\n            }}\n          >\n            <Box sx={{ m: 'auto', maxWidth: '1500px' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...h2Sx,\n                  color: 'white',\n                  maxWidth: '700px',\n                  pb: {\n                    xs: '20px',\n                    sm: '100px',\n                  },\n                  textAlign: {\n                    xs: 'center',\n                    md: 'left',\n                  },\n                }}\n              >\n                Made for biomedical data reuse and discovery\n              </Typography>\n              <SynapseFeatures />\n            </Box>\n          </Box>\n          <Box sx={{ ml: { xs: '5px', md: '20px' } }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                padding: { xs: '45px 0', md: '75px 0' },\n              }}\n            >\n              Featured datasets\n            </Typography>\n            <SynapseFeaturedDatasets sourceTable={featuredDatasetsTable} />\n            <Box sx={{ p: '20px 10px' }}>\n              <Button\n                size=\"large\"\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={() => {\n                  gotoPlace(`/${DATA_CATALOG_PATH_SEGMENT}`)\n                }}\n                sx={{\n                  m: 'auto',\n                  display: 'block',\n                  p: '5px 25px',\n                  width: {\n                    xs: '100%',\n                    md: 'auto',\n                  },\n                }}\n              >\n                View More Datasets\n              </Button>\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#f5f9f9',\n              zIndex: -100,\n              mt: {\n                xs: '-100px',\n                md: '-220px',\n              },\n              position: 'relative',\n            }}\n          />\n          <Box\n            sx={{\n              backgroundColor: '#f5f9f9',\n              pb: { xs: '10px', md: '0px' },\n            }}\n          >\n            <Typography\n              variant=\"headline1\"\n              sx={{\n                ...h2Sx,\n                textAlign: 'center',\n                pt: '75px',\n                position: 'relative',\n                zIndex: 100,\n                backgroundColor: 'rgba(245, 249, 249, .8)',\n                borderRadius: '12px',\n                ml: { xs: '5px', md: '20px' },\n              }}\n            >\n              Synapse in action\n            </Typography>\n            <Box sx={{ m: 'auto', maxWidth: '1100px' }}>\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...homepageBodyText,\n                  textAlign: 'center',\n                  mt: '50px',\n                  mb: '100px',\n                  position: 'relative',\n                  zIndex: 100,\n                  ml: '5px',\n                  mr: '5px',\n                  backgroundColor: 'rgba(245, 249, 249, .8)',\n                  borderRadius: '12px',\n                }}\n              >\n                Explore real-world case studies and success stories showcasing\n                how researchers use Synapse to drive innovative biomedical\n                discoveries and improve health outcomes.\n              </Typography>\n            </Box>\n            <SynapseInAction tableId={synapseInActionTable} />\n          </Box>\n          <Box\n            sx={{\n              ...sidePadding,\n              backgroundColor: '#223549',\n              pb: '200px',\n              position: 'relative',\n              zIndex: 100,\n            }}\n          >\n            <Box\n              sx={{\n                maxWidth: '1200px',\n                m: 'auto',\n              }}\n            >\n              <Typography\n                variant=\"headline1\"\n                sx={{\n                  ...h2Sx,\n                  color: 'white',\n                  pt: '75px',\n                }}\n              >\n                Plans\n              </Typography>\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  ...homepageBodyText,\n                  color: 'white',\n                  pt: '20px',\n                }}\n              >\n                Synapse is free and open source for all. We offer different\n                plans to help you if you need extra storage or help with your\n                data management.\n              </Typography>\n              <Link\n                href={SAGE_OFFERINGS_HELP_URL}\n                target=\"_blank\"\n                sx={{\n                  color: 'white !important',\n                  textDecorationColor: 'white !important',\n                  pt: '20px',\n                  pb: '30px',\n                  display: 'block',\n                }}\n              >\n                Learn more about our plans\n              </Link>\n              <SynapsePlans />\n            </Box>\n          </Box>\n          <Box\n            sx={{\n              pb: {\n                xs: '100px',\n                md: '220px',\n              },\n              clipPath: 'polygon(0 100%, 100% 0, 100% 100%, 0 100%)',\n              backgroundColor: '#172430',\n              zIndex: 101,\n              mt: {\n                xs: '-100px',\n                md: '-220px',\n              },\n              position: 'relative',\n            }}\n          />\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default SynapseHomepageV2\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseHotdrops.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHotdrops.tsx"],"sourcesContent":["import {\n  useGetEntityHeaders,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapseHotDropItem } from './SynapseHotdropsItem'\nimport { ReferenceList } from '@sage-bionetworks/synapse-types'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type SynapseHotDropsProps = {\n  tableId: string\n}\n\nexport function SynapseHotDrops({ tableId }: SynapseHotDropsProps) {\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: tableId,\n    query: {\n      sql: `SELECT entity_id FROM ${tableId}`,\n      limit: 10,\n      sort: [{ column: 'created_on', direction: 'DESC' }],\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n  const rowSet = data?.responseBody?.queryResult?.queryResults\n\n  const references: ReferenceList = rowSet\n    ? rowSet.rows.map(row => ({\n        targetId: row.values[0]!,\n      }))\n    : []\n  const { data: entityHeaders } = useGetEntityHeaders(references, {\n    enabled: references?.length > 0,\n  })\n  if (!entityHeaders) {\n    return <></>\n  }\n\n  return (\n    <>\n      <Box className={styles.container} sx={{ color: 'primary.100' }}>\n        {entityHeaders.results.map(entityHeader => (\n          <SynapseHotDropItem\n            key={entityHeader.id}\n            entityHeader={entityHeader}\n          />\n        ))}\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,cAAiC;CACjE,IAAM,EAAE,YAAS,EAAuC;EACtD,UAAU;EACV,OAAO;GACL,KAAK,yBAAyB;GAC9B,OAAO;GACP,MAAM,CAAC;IAAE,QAAQ;IAAc,WAAW;IAAQ,CAAC;GACpD;EACD,UAAA;EACA,cAAc;EACf,CAAC,EACI,IAAS,GAAM,cAAc,aAAa,cAE1C,IAA4B,IAC9B,EAAO,KAAK,KAAI,OAAQ,EACtB,UAAU,EAAI,OAAO,IACtB,EAAE,GACH,EAAE,EACA,EAAE,MAAM,MAAkB,EAAoB,GAAY,EAC9D,SAAS,GAAY,SAAS,GAC/B,CAAC;AAKF,QAJK,IAKH,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAK,WAAW,EAAO;EAAW,IAAI,EAAE,OAAO,eAAe;YAC3D,EAAc,QAAQ,KAAI,MACzB,kBAAC,GAAD,EAEgB,iBACd,EAFK,EAAa,GAElB,CACF;EACE,CAAA,EACL,CAAA,GAbI,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"SynapseHotdrops.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHotdrops.tsx"],"sourcesContent":["import {\n  useGetEntityHeaders,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { SynapseHotDropItem } from './SynapseHotdropsItem'\nimport { ReferenceList } from '@sage-bionetworks/synapse-types'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type SynapseHotDropsProps = {\n  tableId: string\n}\n\nexport function SynapseHotDrops({ tableId }: SynapseHotDropsProps) {\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: tableId,\n    query: {\n      sql: `SELECT entity_id FROM ${tableId}`,\n      limit: 10,\n      sort: [{ column: 'created_on', direction: 'DESC' }],\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n  const rowSet = data?.responseBody?.queryResult?.queryResults\n\n  const references: ReferenceList = rowSet\n    ? rowSet.rows.map(row => ({\n        targetId: row.values[0]!,\n      }))\n    : []\n  const { data: entityHeaders } = useGetEntityHeaders(references, {\n    enabled: references?.length > 0,\n  })\n  if (!entityHeaders) {\n    return <></>\n  }\n\n  return (\n    <>\n      <Box className={styles.container} sx={{ color: 'primary.100' }}>\n        {entityHeaders.results.map(entityHeader => (\n          <SynapseHotDropItem\n            key={entityHeader.id}\n            entityHeader={entityHeader}\n          />\n        ))}\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,cAAiC;CACjE,IAAM,EAAE,YAAS,EAAuC;EACtD,UAAU;EACV,OAAO;GACL,KAAK,yBAAyB;GAC9B,OAAO;GACP,MAAM,CAAC;IAAE,QAAQ;IAAc,WAAW;GAAO,CAAC;EACpD;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GACK,IAAS,GAAM,cAAc,aAAa,cAE1C,IAA4B,IAC9B,EAAO,KAAK,KAAI,OAAQ,EACtB,UAAU,EAAI,OAAO,GACvB,EAAE,IACF,CAAC,GACC,EAAE,MAAM,MAAkB,EAAoB,GAAY,EAC9D,SAAS,GAAY,SAAS,EAChC,CAAC;CAKD,OAJK,IAKH,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAK,WAAW,EAAO;EAAW,IAAI,EAAE,OAAO,cAAc;YAC1D,EAAc,QAAQ,KAAI,MACzB,kBAAC,GAAD,EAEgB,gBACf,GAFM,EAAa,EAEnB,CACF;CACE,CAAA,EACL,CAAA,IAbK,kBAAA,GAAA,CAAI,CAAA;AAef"}

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"}