{"version":3,"sources":["webpack://@edf-prj/landing-page/./src/components/book-a-demo-button/index.js","webpack://@edf-prj/landing-page/./src/components/cta-buttons/index.js","webpack://@edf-prj/landing-page/./src/components/feature-item/styles.js","webpack://@edf-prj/landing-page/./src/components/feature-item/index.js","webpack://@edf-prj/landing-page/./src/components/description-box/styles.js","webpack://@edf-prj/landing-page/./src/components/description-box/index.js","webpack://@edf-prj/landing-page/./src/site-pages/therapeutic-area-page/styles.js","webpack://@edf-prj/landing-page/./src/site-pages/therapeutic-area-page/index.js"],"names":["BookADemoButton","props","React","Button","Object","assign","component","Link","to","defaultProps","variant","CTAButtons","theme","useTheme","isScreenSizeBelowSm","useMediaQuery","breakpoints","down","Grid","container","spacing","justify","item","StartNowButton","makeStyles","root","marginTop","marginBottom","rootHeaderItem","subtitle","textAlign","title","color","palette","logo","blue","main","description","imageWrapper","position","headerImageWrapper","up","image","FeatureItem","direction","alignItems","absolutePositionedImage","actionButtons","headerItem","classes","useStyles","isScreenSizeMd","className","md","xs","Boolean","trim","Typography","dangerouslySetInnerHTML","__html","clsx","GatsbyImage","alt","style","undefined","backgroundColor","padding","margin","borderRadius","children","headerFeatureItemRoot","headerFeatureItemTitle","headerFeatureItemImage","width","marginLeft","maxHeight","objectFit","publicationsWrapper","publicationsHeader","display","justifyContent","publicationsHeaderButton","fontSize","typography","pxToRem","sectionTitle","fontWeight","sectionsLinkWrapper","borderBottom","paddingBottom","flexDirection","sectionLink","border","outline","cursor","marginRight","primary","TITLE_ELEMENT_IDS","location","data","therapeuticAreas","site","siteMetadata","menu","find","menuItem","subMenu","publications","setPublications","useState","initialLoading","items","isError","entry","markdownRemark","firstItem","frontmatter","subDescription1","subDescription2","useEffect","isUnmounted","therapeuticArea","area","url","includes","pathname","endpoint","PUBLICATION_STATUS","id","client","then","response","publicationsData","camelcaseKeys","deep","slice","catch","scrollToElement","elementId","element","document","getElementById","window","scrollTo","top","offsetTop","left","behavior","BigContentHeaderLayout","content","key","getImage","onClick","type","DescriptionBox","map","index","PublicationsAccordionList","loading","error"],"mappings":"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","file":"component---src-site-pages-therapeutic-area-page-index-js-99f6b0c82db49a11cca8.js","sourcesContent":["import React from 'react';\nimport { Link } from 'gatsby';\nimport * as PropTypes from 'prop-types';\n\nimport Button from '../button';\n\nconst BookADemoButton = (props) => {\n    return (\n        <Button component={Link} to=\"/book-a-demo\" {...props}>\n            Book a demo\n        </Button>\n    );\n};\n\nBookADemoButton.defaultProps = {\n    variant: 'text',\n};\n\nBookADemoButton.propTypes = {\n    variant: PropTypes.string,\n};\n\nexport default BookADemoButton;\n","import React from 'react';\nimport { Grid, useMediaQuery } from '@material-ui/core';\nimport { useTheme } from '@material-ui/styles';\n\nimport BookADemoButton from '$landing-page/components/book-a-demo-button';\nimport StartNowButton from '$landing-page/components/start-now-button';\n\nconst CTAButtons = () => {\n    const theme = useTheme();\n    const isScreenSizeBelowSm = useMediaQuery(theme.breakpoints.down('sm'));\n\n    return (\n        <Grid container spacing={2} justify={isScreenSizeBelowSm ? 'center' : 'flex-start'}>\n            <Grid item>\n                <StartNowButton />\n            </Grid>\n            <Grid item>\n                <BookADemoButton />\n            </Grid>\n        </Grid>\n    );\n};\n\nexport default CTAButtons;\n","import { makeStyles } from '@material-ui/styles';\n\nexport default makeStyles((theme) => ({\n    root: {\n        marginTop: theme.spacing(10),\n        marginBottom: theme.spacing(10),\n    },\n    rootHeaderItem: {\n        marginTop: theme.spacing(2),\n        marginBottom: 0,\n    },\n    subtitle: {\n        marginBottom: theme.spacing(0.75),\n        [theme.breakpoints.down('sm')]: {\n            textAlign: 'center',\n        },\n    },\n    title: {\n        marginBottom: theme.spacing(1.25),\n        color: theme.palette.logo.blue.main,\n        [theme.breakpoints.down('sm')]: {\n            textAlign: 'center',\n        },\n    },\n    description: {\n        marginBottom: theme.spacing(3),\n        [theme.breakpoints.down('sm')]: {\n            textAlign: 'center',\n        },\n    },\n    imageWrapper: {\n        position: 'relative',\n    },\n    headerImageWrapper: {\n        [theme.breakpoints.up('xl')]: {\n            textAlign: 'center',\n        },\n    },\n    image: {},\n}));\n","import React from 'react';\nimport clsx from 'clsx';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport * as PropTypes from 'prop-types';\nimport { Grid, Typography, useMediaQuery } from '@material-ui/core';\nimport { useTheme } from '@material-ui/styles';\n\nimport useStyles from './styles';\n\nconst FeatureItem = (props) => {\n    const { title, description, subtitle, direction, image, alignItems, absolutePositionedImage, actionButtons, headerItem } =\n        props;\n\n    const classes = useStyles(props);\n    const theme = useTheme();\n    const isScreenSizeMd = useMediaQuery(theme.breakpoints.up('md'));\n\n    return (\n        <Grid\n            container\n            className={headerItem ? classes.rootHeaderItem : classes.root}\n            direction={direction}\n            spacing={8}\n            alignItems={alignItems}\n            justify=\"center\"\n        >\n            <Grid item md={6} xs={12}>\n                {Boolean(subtitle && subtitle.trim()) && (\n                    <Typography variant=\"subtitle1\" component=\"div\" className={classes.subtitle}>\n                        {subtitle}\n                    </Typography>\n                )}\n                <Typography variant=\"h2\" className={classes.title}>\n                    {title}\n                </Typography>\n                <Typography className={classes.description} dangerouslySetInnerHTML={{ __html: description }} />\n                {actionButtons}\n            </Grid>\n            <Grid item md={6} xs={12} className={clsx(classes.imageWrapper, { [classes.headerImageWrapper]: headerItem })}>\n                <GatsbyImage\n                    image={image}\n                    className={classes.image}\n                    alt={title}\n                    style={absolutePositionedImage && isScreenSizeMd ? { position: 'absolute' } : undefined}\n                />\n            </Grid>\n        </Grid>\n    );\n};\n\nFeatureItem.defaultProps = {\n    subtitle: '',\n    direction: 'row',\n    alignItems: 'center',\n    absolutePositionedImage: false,\n    actionButtons: null,\n    headerItem: false,\n};\n\nFeatureItem.propTypes = {\n    title: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    subtitle: PropTypes.string,\n    direction: PropTypes.oneOf(['row', 'row-reverse']),\n    image: PropTypes.oneOfType([PropTypes.any]).isRequired,\n    alignItems: PropTypes.string,\n    absolutePositionedImage: PropTypes.bool,\n    headerItem: PropTypes.bool,\n    actionButtons: PropTypes.node,\n};\n\nexport default FeatureItem;\n","import { makeStyles } from '@material-ui/styles';\n\nexport default makeStyles((theme) => ({\n    root: {\n        backgroundColor: '#F8FAFF',\n        padding: theme.spacing(7, 5),\n        margin: theme.spacing(2, 0),\n        borderRadius: 40,\n    },\n}));\n","import React from 'react';\nimport * as PropTypes from 'prop-types';\n\nimport useStyles from './styles';\n\nconst DescriptionBox = (props) => {\n    const { children } = props;\n\n    const classes = useStyles();\n\n    return <div className={classes.root}>{children}</div>;\n};\n\nDescriptionBox.propTypes = {\n    children: PropTypes.node.isRequired,\n};\n\nexport default DescriptionBox;\n","import { makeStyles } from '@material-ui/styles';\n\nexport default makeStyles((theme) => ({\n    headerFeatureItemRoot: {\n        marginTop: '0',\n        marginBottom: '0',\n    },\n    headerFeatureItemTitle: {\n        color: '#081f4d !important',\n    },\n    headerFeatureItemImage: {\n        [theme.breakpoints.down('xs')]: {\n            width: '110%',\n            marginTop: theme.spacing(-3),\n            marginLeft: theme.spacing(-1),\n        },\n        [theme.breakpoints.up('xs')]: {\n            maxHeight: '400px',\n            '& [data-main-image]': {\n                objectFit: 'contain !important',\n            },\n        },\n    },\n    publicationsWrapper: {\n        marginTop: theme.spacing(2),\n    },\n    publicationsHeader: {\n        display: 'flex',\n        justifyContent: 'space-between',\n    },\n    publicationsHeaderButton: {\n        fontSize: theme.typography.pxToRem(12),\n    },\n    sectionTitle: {\n        fontSize: theme.typography.pxToRem(30),\n        fontWeight: 700,\n        color: '#081F4D',\n        margin: 0,\n    },\n    sectionsLinkWrapper: {\n        borderBottom: '1px solid #E2E2E2',\n        paddingBottom: theme.spacing(1),\n        display: 'flex',\n        flexDirection: 'row',\n        margin: theme.spacing(3, 0),\n    },\n    sectionLink: {\n        backgroundColor: 'transparent',\n        border: 'none',\n        outline: 'none',\n        color: '#081F4D',\n        cursor: 'pointer',\n        fontSize: theme.typography.pxToRem(15),\n        fontWeight: 700,\n        marginRight: theme.spacing(4),\n        '&:hover': {\n            color: theme.palette.primary.main,\n        },\n    },\n}));\n","import React, { useEffect, useState } from 'react';\nimport camelcaseKeys from 'camelcase-keys';\nimport { graphql, Link } from 'gatsby';\nimport { getImage } from 'gatsby-plugin-image';\nimport * as PropTypes from 'prop-types';\nimport { Grid, Typography } from '@material-ui/core';\n\nimport client from '$landing-page/client';\nimport Button from '$landing-page/components/button';\nimport CTAButtons from '$landing-page/components/cta-buttons';\nimport DescriptionBox from '$landing-page/components/description-box';\nimport FeatureItem from '$landing-page/components/feature-item';\nimport PublicationsAccordionList from '$landing-page/components/publications-accordion-list';\nimport { PUBLICATION_STATUS } from '$landing-page/constants';\nimport BigContentHeaderLayout from '$landing-page/layouts/big-content-header-layout';\n\nimport useStyles from './styles';\n\nexport const pageQuery = graphql`\n    query therapeuticAreaPage($path: String!) {\n        site {\n            siteMetadata {\n                menu {\n                    title\n                    subMenu {\n                        title\n                        url\n                        id\n                    }\n                }\n            }\n        }\n        markdownRemark(frontmatter: { path: { eq: $path } }) {\n            html\n            frontmatter {\n                path\n                title\n                description\n                subDescription1\n                subDescription2\n                items {\n                    title\n                    description\n                    image {\n                        childImageSharp {\n                            gatsbyImageData(layout: CONSTRAINED, width: 900, quality: 100, placeholder: NONE)\n                        }\n                    }\n                }\n            }\n        }\n    }\n`;\n\nconst TITLE_ELEMENT_IDS = {\n    features: 'features_title',\n    publications: 'publications_title',\n};\n\nconst TherapeuticAreaPage = (props) => {\n    const { location, data } = props;\n    const therapeuticAreas = data.site.siteMetadata.menu.find((menuItem) => menuItem.title === 'Therapeutic Areas').subMenu;\n\n    const [publications, setPublications] = useState({ initialLoading: true, items: [], isError: false });\n    const classes = useStyles();\n\n    const entry = data.markdownRemark;\n    const firstItem = entry.frontmatter.items[0];\n    const { subDescription1 } = entry.frontmatter;\n    const { subDescription2 } = entry.frontmatter;\n\n    useEffect(() => {\n        let isUnmounted = false;\n        const therapeuticArea = therapeuticAreas.find((area) => area.url.includes(location.pathname));\n        const endpoint = `/sales/publication/?status_id=${PUBLICATION_STATUS.published}${\n            therapeuticArea?.id ? `&research_field_ids=${therapeuticArea.id}` : ''\n        }`;\n\n        client.api\n            .get(endpoint)\n            .then((response) => {\n                if (!isUnmounted) {\n                    const publicationsData = camelcaseKeys(response.data.publications, { deep: true });\n                    setPublications({ initialLoading: false, items: publicationsData.slice(0, 5) });\n                }\n            })\n            .catch(() => {\n                setPublications({ initialLoading: false, items: [], isError: true });\n            });\n\n        return () => {\n            isUnmounted = true;\n        };\n    }, [location.pathname, therapeuticAreas]);\n\n    const scrollToElement = (elementId) => {\n        const element = document.getElementById(elementId);\n        if (element) {\n            window.scrollTo({ top: element.offsetTop - 100, left: 0, behavior: 'smooth' });\n        }\n    };\n\n    return (\n        <BigContentHeaderLayout\n            pathname={location.pathname}\n            title={entry.frontmatter.title}\n            description={entry.frontmatter.description}\n            content={\n                <FeatureItem\n                    key={firstItem.title}\n                    title={firstItem.title}\n                    description={firstItem.description}\n                    image={getImage(firstItem.image)}\n                    headerItem\n                    classes={{\n                        root: classes.headerFeatureItemRoot,\n                        title: classes.headerFeatureItemTitle,\n                        image: classes.headerFeatureItemImage,\n                    }}\n                    absolutePositionedImage\n                    actionButtons={<CTAButtons />}\n                />\n            }\n        >\n            <div className={classes.sectionsLinkWrapper}>\n                <button onClick={() => scrollToElement(TITLE_ELEMENT_IDS.features)} className={classes.sectionLink} type=\"button\">\n                    Features\n                </button>\n                <button\n                    onClick={() => scrollToElement(TITLE_ELEMENT_IDS.publications)}\n                    className={classes.sectionLink}\n                    type=\"button\"\n                >\n                    Publications\n                </button>\n            </div>\n            {subDescription1 && subDescription2 && (\n                <DescriptionBox>\n                    <Grid container spacing={5}>\n                        <Grid item md={6}>\n                            <Typography variant=\"body2\" dangerouslySetInnerHTML={{ __html: subDescription1 }} />\n                        </Grid>\n                        <Grid item md={6}>\n                            <Typography variant=\"body2\" dangerouslySetInnerHTML={{ __html: subDescription2 }} />\n                        </Grid>\n                    </Grid>\n                </DescriptionBox>\n            )}\n\n            {entry.frontmatter.items.map(\n                (item, index) =>\n                    index > 0 && (\n                        <div key={item.title}>\n                            {index === 1 && (\n                                <h2 id={TITLE_ELEMENT_IDS.features} className={classes.sectionTitle}>\n                                    Features\n                                </h2>\n                            )}\n                            <FeatureItem\n                                direction={index % 2 === 1 ? 'row-reverse' : 'row'}\n                                title={item.title}\n                                description={item.description}\n                                image={getImage(item.image)}\n                            />\n                        </div>\n                    )\n            )}\n            <div className={classes.publicationsWrapper}>\n                <div className={classes.publicationsHeader}>\n                    <h2 id={TITLE_ELEMENT_IDS.publications} className={classes.sectionTitle}>\n                        Publications\n                    </h2>\n                    <Button variant=\"contained\" component={Link} to=\"/publications\" className={classes.publicationsHeaderButton}>\n                        All Publications\n                    </Button>\n                </div>\n                <PublicationsAccordionList\n                    items={publications.items}\n                    loading={publications.initialLoading}\n                    error={publications.isError}\n                />\n            </div>\n        </BigContentHeaderLayout>\n    );\n};\n\nTherapeuticAreaPage.propTypes = {\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n    data: PropTypes.shape({\n        site: PropTypes.shape({\n            siteMetadata: PropTypes.shape({\n                menu: PropTypes.arrayOf(\n                    PropTypes.shape({\n                        title: PropTypes.string,\n                        subMenu: PropTypes.arrayOf(\n                            PropTypes.shape({\n                                title: PropTypes.string,\n                                url: PropTypes.string,\n                                id: PropTypes.number,\n                            })\n                        ),\n                    })\n                ),\n            }),\n        }),\n        markdownRemark: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n                title: PropTypes.string,\n                description: PropTypes.string,\n                subDescription1: PropTypes.string,\n                subDescription2: PropTypes.string,\n                items: PropTypes.oneOfType([PropTypes.array]),\n                path: PropTypes.string,\n            }),\n            html: PropTypes.string,\n        }),\n    }).isRequired,\n};\n\nexport default TherapeuticAreaPage;\n"],"sourceRoot":""}