{"version":3,"file":"component---src-pages-comscore-cognitive-pmps-list-js-099658b072679c5502b7.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/inputs/TextInput.js","webpack://gatsby-starter-default/./src/components/inputs/dropdown/index.js","webpack://gatsby-starter-default/./src/components/buttons/RequestDealModal.js","webpack://gatsby-starter-default/./src/components/buttons/DealButton.js","webpack://gatsby-starter-default/./src/pages/comscore-cognitive-pmps-list.js"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FaExclamationCircle } from 'react-icons/fa';\nconst Container = styled.div`\n    font-family: 'Renogare-Regular';\n    margin-bottom: 24px;\n    &:hover {\n    }\n\n    @media screen and (max-width: 767px) {\n        margin-bottom: 12px;\n    }\n`;\nconst Title = styled.div`\n    color: ${props =>\n        props.theme === 'dark'\n            ? 'rgba(255, 255, 255, 0.9)'\n            : 'rgba(25,23,26,0.9)'};\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    text-align: left;\n    letter-spacing: normal;\n    user-select: none;\n    @media screen and (max-width: 767px) {\n        font-size: 14px;\n        line-height: 20px;\n    }\n`;\n\nconst Input = styled.input`\n    border-radius: 2px;\n    margin-top: 6px;\n    outline: none;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    transition: all 200ms ease-in-out;\n    width: calc(100% - 24px);\n    color: ${props =>\n        props.status === 'error'\n            ? '#E63939'\n            : props.theme === 'dark'\n            ? 'rgba(255, 255, 255, 1) '\n            : 'rgba(25,23,26,0.9)'};\n    padding: 12px;\n    background-color: ${props =>\n        props.theme === 'dark' ? '#322f33' : 'white'};\n    border: ${props =>\n        props.status === 'error'\n            ? '1px solid #E63939'\n            : props.status === 'success'\n            ? '1px solid #40992E'\n            : props.theme === 'dark'\n            ? '1px solid black'\n            : '1px solid #C7C7C7'};\n    &:hover {\n        cursor: text;\n        border: ${props =>\n            props.status === 'disable'\n                ? '1px solid black'\n                : '1px solid #ccaa66'};\n    }\n    &:focus {\n        border: ${props =>\n            props.status === 'disable'\n                ? '1px solid black'\n                : '1px solid #ccaa66'};\n    }\n    @media screen and (max-width: 767px) {\n        font-size: 14px;\n        line-height: 20px;\n        padding: 9px;\n    }\n`;\nconst Validation = styled.div`\n    background: ${props => (props.theme === 'dark' ? '#fafafa' : '#f3cccc')};\n    color: #cc2929;\n    font-size: 15px;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n    border-radius: 2px;\n    padding: 12px;\n    display: flex;\n    margin-left: 2px;\n`;\nconst TextInput = (\n    {\n        title,\n        value,\n        onTextChange = null,\n        placeholder,\n        status = '',\n        theme = 'dark',\n        name = null,\n        defaultValue = null,\n        validation = null,\n        register = null,\n    },\n    ref\n) => {\n    return (\n        <Container>\n            <Title theme={theme}>{title}</Title>\n            <Input\n                value={value}\n                status={status}\n                placeholder={placeholder}\n                theme={theme}\n                {...(onTextChange && {\n                    onChange: e => onTextChange(e.target.value),\n                })}\n                {...(name && { name })}\n                {...(register && { ref: register(validation) })}\n            ></Input>\n            <div\n                style={{\n                    marginTop: 15,\n                    display: status === 'error' ? 'block' : 'none',\n                }}\n            >\n                <div\n                    style={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                        justifyContent: 'center',\n                    }}\n                >\n                    <div style={{ position: 'relative' }}>\n                        <div\n                            style={{\n                                width: 10,\n                                height: 10,\n                                position: 'absolute',\n                                marginLeft: '50%',\n                                background:\n                                    theme === 'dark' ? '#fafafa' : '#f3cccc',\n                                transform: 'rotate(45deg)',\n                                marginTop: -4,\n                            }}\n                        ></div>\n                    </div>\n                </div>\n                <Validation theme={theme}>\n                    <FaExclamationCircle size={24} color=\"#E63939\" />\n                    &nbsp;&nbsp;{`Please input valid ${title}.`}\n                </Validation>\n            </div>\n        </Container>\n    );\n};\n\nexport default TextInput;\n","import React, { useState, useEffect } from 'react';\nimport { MdArrowDropDown } from 'react-icons/md';\nimport './styles.css';\n\nconst Dropdown = ({ list, current, onChooseItem, title, isLight = false }) => {\n    const [labelItem, setLabelItem] = useState('');\n    const [isOpen, setIsOpen] = useState(false);\n\n    useEffect(() => {\n        if (list.length) {\n            const { label } = list[current];\n            if (typeof label !== 'undefined') {\n                setLabelItem(label);\n            } else {\n                setLabelItem(list[current]);\n            }\n        }\n    }, [list, current]);\n\n    const showDropdown = () => {\n        setIsOpen(!isOpen);\n    };\n\n    const chooseItem = value => () => {\n        if (labelItem !== value) {\n            setIsOpen(false);\n            setLabelItem(value);\n            onChooseItem(value);\n        }\n    };\n\n    return (\n        <div className={`dropdown-container ${isLight ? 'is-light' : ''}`}>\n            {title && <div className=\"dropdown-title\">{title}</div>}\n            <div className={`dropdown ${isOpen ? 'open' : ''}`}>\n                <button className=\"dropdown-button\" onClick={showDropdown}>\n                    {labelItem}\n                    <span className=\"caret\">\n                        <MdArrowDropDown size={20} />\n                    </span>\n                </button>\n                <ul className=\"dropdown-menu\">\n                    {list.map(value => {\n                        return (\n                            <li key={value}>\n                                <button\n                                    onClick={chooseItem(value)}\n                                    value={value}\n                                >\n                                    {value}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        </div>\n    );\n};\n\nexport default Dropdown;\n","//Author: Elli Scharlin\n//Copyright (c) 2022, Audigent\nimport React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport Modal from 'react-modal';\nimport axios from 'axios';\nimport Reaptcha from 'reaptcha';\nimport { validateEmail } from './../../utils/validator';\nimport { MdClose } from 'react-icons/md';\nimport TextInput from 'components/inputs/TextInput';\nimport Dropdown from 'components/inputs/dropdown';\nimport GoldenButton from 'components/buttons/GoldenButton';\nimport './style.css';\n\nconst customStyles = {\n    content: {\n        top: '50%',\n        left: '50%',\n        right: 'auto',\n        bottom: 'auto',\n        marginRight: '-50%',\n        transform: 'translate(-50%, -50%)',\n        maxHeight: '90%',\n    },\n};\nconst Header = styled.div`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n`;\nconst Content = styled.div`\n    margin-top: 20px;\n    margin-left: 44px;\n    margin-right: 44px;\n\n    @media screen and (max-width: 767px) {\n        margin-top: 4px;\n        margin-left: 4px;\n        margin-right: 4px;\n    }\n`;\nconst Heading = styled.div`\n    color: #19171a;\n    font-size: 36px;\n    line-height: 40px;\n    font-family: 'Renogare-Regular';\n    letter-spacing: -1.5px;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n    }\n`;\nconst Desc = styled.div`\n    margin-top: 13px;\n    color: rgba(25, 23, 26, 0.9);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n        font-size: 14px;\n        line-height: 20px;\n    }\n`;\nconst Form = styled.div`\n    margin-top: 24px;\n    margin-bottom: 25px;\n    @media screen and (max-width: 767px) {\n        margin-top: 18px;\n        margin-bottom: 12px;\n    }\n`;\nconst FormFooter = styled.div`\n    display: flex;\n    justify-content: space-between;\n`;\nconst Container = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    line-height: 24px;\n    font-size: 17px;\n`;\nconst CheckboxGroup = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    display: flex;\n    justify-content: space-between;\n    height: 50px;\n    overflow: auto;\n`;\n\nconst CheckboxItem = styled.span`\n    white-space: no-wrap;\n    justify-content: space-between;\n`;\nModal.setAppElement('#___gatsby');\n\nconst inventoryTypes = ['Web', 'In-App', 'Both'];\n\nexport default function RequestDealModal({ isOpen, closeModal, dealName }) {\n    const [isVerified, setIsVerified] = useState(false);\n    const [name, setName] = useState('');\n    const [email, setEmail] = useState('');\n    const [dsp, setDsp] = useState('');\n    const [seatId, setSeatId] = useState('');\n    const [inventoryType, setInventoryType] = useState(inventoryTypes[0]);\n\n    const [dspError, setDspError] = useState(false);\n    const [emailError, setEmailError] = useState(false);\n    const [nameError, setNameError] = useState(false);\n    const [seatIdError, setSeatIdError] = useState(false);\n    const [messageSent, setMessageSent] = useState(false);\n\n    const [displaySelect, setDisplaySelect] = useState(false);\n    const [videoSelect, setVideoSelect] = useState(false);\n    const [nativeSelect, setNativeSelect] = useState(false);\n\n    /** This useEffect acts as a validity test for the deal modal. */\n    useEffect(() => {\n        if (!!dsp) setDspError(false);\n        if (!!name) setNameError(false);\n        if (!!email) setEmailError(false);\n        if (!!seatId) setSeatIdError(false);\n        return () => {};\n    }, [dsp, email, seatId, name]);\n\n    /** This is a captcha verification. */\n    const verifyCaptcha = () => {\n        setIsVerified(true);\n    };\n\n    /** The following three are boolean flags for display, video and native\n     * as formats (by means of checkboxes in the form) to be used in\n     * the final email that gets sent to the sales team. */\n    const handleDisplaySelected = () => {\n        setDisplaySelect(!displaySelect);\n    };\n    const handleNativeSelected = () => {\n        setNativeSelect(!nativeSelect);\n    };\n    const handleVideoSelected = () => {\n        setVideoSelect(!videoSelect);\n    };\n\n    /** When the deal is ready to be sent, this is another check that runs before sending\n     * the deal through. */\n    const onSend = () => {\n        if (seatId.length === 0) {\n            setSeatIdError(true);\n            return;\n        }\n        if (email.length === 0 || !validateEmail(email)) {\n            setEmailError(true);\n            return;\n        }\n        if (dsp.length === 0) {\n            setDspError(true);\n            return;\n        }\n        if (name.length === 0) {\n            setNameError(true);\n            return;\n        }\n\n        if (isVerified) {\n            const formattedMessage = `\\nI am interested in the segment: ${dealName}\\n\\nUsing the DSP: ${dsp},\\nOur seatID is: ${seatId}\\nWe want the format(s): ${\n                displaySelect ? 'display, ' : ''\n            }${nativeSelect ? 'native, ' : ''}${\n                videoSelect ? 'video' : ''\n            } \\nAnd an inventory of: ${inventoryType} \\n\\nMy name is: ${name}\\nMy email address is:\\n${email}`;\n            let data = {\n                name: name,\n                email: email,\n                message: formattedMessage,\n                type: 3,\n            };\n            axios({\n                method: 'post',\n                url:\n                    'https://jmwtq703p5.execute-api.us-west-2.amazonaws.com/default',\n                data: data,\n            })\n                .then(() => {\n                    console.log('success');\n                    setMessageSent(true);\n                    setTimeout(onClose, 3000);\n                })\n                .catch(err => {\n                    console.log('error', err);\n                });\n        }\n    };\n\n    useEffect(() => {\n        return () => {};\n    }, [isOpen]);\n\n    /** Validity check reset for modal being closed (so that previous deal data does not persist). */\n    const onClose = () => {\n        closeModal();\n        setEmail('');\n        setDsp('');\n        setSeatId('');\n        setEmailError(false);\n        setNameError(false);\n        setMessageSent(false);\n    };\n\n    return (\n        <Modal\n            isOpen={isOpen}\n            // onAfterOpen={afterOpenModal}\n            onRequestClose={() => onClose()}\n            style={customStyles}\n            contentLabel=\"Example Modal\"\n        >\n            <Header>\n                <MdClose\n                    size={24}\n                    color=\"rgba(0,0,0,0.5)\"\n                    onClick={() => onClose()}\n                    style={{ cursor: 'pointer' }}\n                />\n            </Header>\n            {messageSent && (\n                <Content>\n                    <Heading>Thank you!</Heading>\n                    <Desc>Our team will be in touch soon.</Desc>\n                </Content>\n            )}\n            {!messageSent && (\n                <Content>\n                    <Heading>Request Deal ID</Heading>\n                    <Desc>\n                        Please enter the information below and we will deliver\n                        your Comscore CognitivePMP for activation.\n                    </Desc>\n                    <Form>\n                        <TextInput\n                            title=\"Deal Name\"\n                            value={dealName}\n                            theme=\"white\"\n                        />\n                        <TextInput\n                            title=\"Name\"\n                            value={name}\n                            status={nameError ? 'error' : ''}\n                            onTextChange={text => setName(text)}\n                            theme=\"white\"\n                        />\n                        <TextInput\n                            title=\"Email Address\"\n                            value={email}\n                            theme=\"white\"\n                            status={emailError ? 'error' : ''}\n                            onTextChange={text => setEmail(text)}\n                        />\n                        <Dropdown\n                            title=\"Inventory Type...\"\n                            list={inventoryTypes}\n                            current={0}\n                            onChooseItem={e => {\n                                setInventoryType(e);\n                            }}\n                            isLight={true}\n                        />\n                        <Container>\n                            Ad Format Types...\n                            <CheckboxGroup>\n                                <CheckboxItem>\n                                    <input\n                                        id=\"Display\"\n                                        type=\"checkbox\"\n                                        value=\"Display\"\n                                        name=\"Display\"\n                                        onChange={handleDisplaySelected}\n                                        checked={displaySelect}\n                                    />\n                                    <label htmlFor=\"Display\">Display</label>\n                                </CheckboxItem>\n                                <CheckboxItem>\n                                    <input\n                                        label=\"Native\"\n                                        id=\"Native\"\n                                        type=\"checkbox\"\n                                        value=\"Native\"\n                                        name=\"Native\"\n                                        onChange={handleNativeSelected}\n                                        checked={nativeSelect}\n                                    />\n                                    <label htmlFor=\"Native\">Native</label>\n                                </CheckboxItem>\n                                <CheckboxItem>\n                                    <input\n                                        id=\"Video\"\n                                        label=\"Video\"\n                                        type=\"checkbox\"\n                                        value=\"Video\"\n                                        name=\"Video\"\n                                        onChange={handleVideoSelected}\n                                        checked={videoSelect}\n                                    />\n                                    <label htmlFor=\"Video\">Video</label>\n                                </CheckboxItem>\n                                {/*</CheckboxList>*/}\n                            </CheckboxGroup>\n                        </Container>\n                        <TextInput\n                            title=\"DSP Name\"\n                            value={dsp}\n                            theme=\"white\"\n                            status={dspError ? 'error' : ''}\n                            onTextChange={text => setDsp(text)}\n                        />\n                        <TextInput\n                            title=\"Seat ID\"\n                            value={seatId}\n                            theme=\"white\"\n                            status={seatIdError ? 'error' : ''}\n                            onTextChange={text => setSeatId(text)}\n                        />\n                        <FormFooter>\n                            <Reaptcha\n                                sitekey=\"6Lfk78AZAAAAAEju21TZXvSK4P2O44_gyaSlwqhc\"\n                                onVerify={verifyCaptcha}\n                            />\n                            <GoldenButton onClick={() => onSend()}>\n                                REQUEST DEAL\n                            </GoldenButton>\n                        </FormFooter>\n                    </Form>\n                </Content>\n            )}\n        </Modal>\n    );\n}\n","//Author: Elli Scharlin\n//Copyright (c) 2022, Audigent\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Link } from 'gatsby';\nimport RequestDealModal from './RequestDealModal';\nconst Container = styled.div`\n    color: #b68f54;\n    cursor: pointer;\n    margin-left: 12px;\n    white-space: nowrap;\n    &:hover {\n        color: #806040;\n    }\n    &:focus {\n        color: #593f2d;\n    }\n`;\n\nexport default function DealButton({\n    children,\n    disable,\n    width = 'fit',\n    type = 'none',\n    url = '',\n    onClick = () => {},\n    dealName,\n}) {\n    const [openModal, setOpenModal] = useState(false);\n    const closeModal = () => {\n        setOpenModal(false);\n    };\n    return (\n        <React.Fragment>\n            <Container\n                disable={disable}\n                width={width}\n                onClick={() =>\n                    type === 'request-deal'\n                        ? setOpenModal(true)\n                        : type === 'none'\n                        ? onClick()\n                        : {}\n                }\n            >\n                {type === 'url' && <Link to={url}>{children}</Link>}\n                {(type === 'request-deal' || type === 'none') && (\n                    <React.Fragment>Request Deal</React.Fragment>\n                )}\n                {type === 'download' && (\n                    <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n                        {children}\n                    </a>\n                )}\n            </Container>\n            <RequestDealModal\n                isOpen={openModal}\n                closeModal={() => closeModal()}\n                dealName={dealName}\n            />\n        </React.Fragment>\n    );\n}\n","//Author: Elli Scharlin\n//Copyright (c) 2022, Audigent\nimport React, { useState, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { graphql } from 'gatsby';\nimport CircleLoader from 'react-spinners/CircleLoader';\n\nimport Autosuggest from 'react-autosuggest';\nimport Ticker from 'react-ticker';\nimport PageVisibility from 'react-page-visibility';\nimport Papa from 'papaparse';\nimport _ from 'lodash';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport CTAComponent from '../components/cta';\nimport Pagination from '../components/pagination';\nimport MagnifierIcon from './../assets/images/icon-magnifier-2.svg';\nimport BackImg from './../assets/images/wave21.png';\nimport BackMobileImg from './../assets/images/wave21-mobile.png';\nimport DealButton from '../components/buttons/DealButton';\n\nconst Heading = styled.div`\n    padding-top: 130px;\n    display: flex;\n    justify-content: center;\n    width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    img {\n        object-fit: contain;\n    }\n\n    @media screen and (max-width: 767px) {\n        width: 244px;\n    }\n`;\nconst Desc = styled.div`\n    font-size: 23px;\n    line-height: 32px;\n    color: white;\n    font-family: 'Neuzeit Grotesk';\n    text-align: center;\n    @media screen and (max-width: 767px) {\n        margin-top: 31px;\n    }\n`;\nconst Background = styled.div`\n    background: url(${BackImg}) no-repeat;\n    background-size: 100%;\n    background-position: top 275px left 0px;\n    @media screen and (max-width: 767px) {\n        background: url(${BackMobileImg}) no-repeat top;\n        background-position: top 335px left 0px;\n    }\n`;\nconst BrandsSection = styled.div`\n    margin-top: 65px;\n    z-index: 9;\n    width: fit-content;\n    margin-bottom: 40px;\n    width: 100%;\n    @media screen and (max-width: 767px) {\n        margin-top: 33px;\n        margin-left: 0;\n        margin-right: 0;\n        width: 100%;\n        margin-bottom: 128px;\n    }\n`;\nconst BrandsTitle = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    text-align: left;\n    margin-left: 232px;\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n    }\n`;\nconst BrandsContainer = styled.div`\n    width: 100%;\n    margin-top: 13px;\n    @media screen and (max-width: 1000px) {\n        width: 100%;\n    }\n`;\nconst TableContainer = styled.div`\n    margin-top: 38px;\n    margin-left: 64px;\n    margin-right: 64px;\n    background: white;\n    border-radius: 8px;\n    margin-bottom: 32px;\n    @media screen and (max-width: 767px) {\n        margin-left: 0;\n        margin-right: 0;\n        border-radius: 0;\n        margin-bottom: 32px;\n    }\n`;\nconst TableHeader = styled.div`\n    display: flex;\n    flex-direction: row;\n    padding: 30px 24px;\n    justify-content: space-between;\n    align-items: center;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        flex-direction: column;\n        padding: 24px 24px 16px 24px;\n    }\n`;\nconst SearchContainer = styled.div`\n    display: flex;\n    width: 100%;\n    height: 48px;\n    border: 1px solid #adadad;\n    border-radius: 24px;\n    background: #fafafa;\n    padding-right: 24px;\n    padding-left: 14px;\n    align-items: center;\n    @media screen and (max-width: 767px) {\n        width: calc(100% - 24px);\n    }\n`;\nconst SearchInput = styled.input`\n    color: rgba(25, 23, 26, 0.9);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: left;\n    width: 100%;\n    border: none;\n    outline: none;\n    background: #fafafa;\n`;\nconst AutoSuggestItem = styled.div`\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n`;\nconst QuickSearchContainer = styled.div`\n    width: 35%;\n    @media screen and (max-width: 767px) {\n        margin-top: 8px;\n        width: 100%;\n    }\n`;\nconst QuickSearchLabel = styled.label`\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    margin-right: 10px;\n    margin-left: 30px;\n    width: 50%;\n`;\nconst QuickSearchSelect = styled.select`\n    font-size: 15px;\n    width: 50%;\n`;\nconst HeaderDesc = styled.div`\n    text-align: center;\n    padding-right: 24px;\n    padding-left: 14px;\n    padding-top: 24px;\n`;\nconst HeaderDescTitle = styled.div`\n    color: #19171a;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    font-family: 'Renogare-Regular';\n`;\nconst HeaderDescParagraph = styled.div`\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: rgba(25, 23, 26, 0.9);\n    margin-top: 12px;\n    font-family: 'Neuzeit Grotesk';\n    a {\n        color: #b68f54;\n        text-decoration: none;\n    }\n    @media screen and (max-width: 767px) {\n        margin-top: 8px;\n    }\n`;\n\nconst TableTopRow = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    color: #19171a;\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    letter-spacing: -0.2px;\n    line-height: 20px;\n    background: #e0e0e0;\n    padding: 10px 0;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst TableRow = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    padding: 20px 0;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    background: white;\n    color: rgba(25, 23, 26, 0.9);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: left;\n    &:last-child {\n        border-bottom: none;\n        border-bottom-right-radius: 8px;\n        border-bottom-left-radius: 8px;\n    }\n    @media screen and (max-width: 767px) {\n        border-top: 1px solid rgba(0, 0, 0, 0.1);\n        padding: 14px 0;\n    }\n`;\nconst TableCell = styled.div`\n    padding: 0 16px;\n    display: flex;\n    width: ${props => `calc(${props.width}% - 32px)`};\n    justify-content: ${props => props.align || 'flex-start'};\n    span {\n        font-family: 'Neuzeit Grotesk';\n    }\n`;\n\nconst DesktopLayout = styled.div`\n    display: block;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\n\nconst MobileLayout = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: block;\n    }\n`;\nconst MobileRow = styled.div`\n    display: flex;\n    width: 100%;\n    margin-left: 24px;\n    margin-right: 24px;\n    margin-top: 6px;\n    margin-bottom: 6px;\n`;\nconst MobileRowName = styled.div`\n    color: #19171a;\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    line-height: 20px;\n    letter-spacing: -0.2px;\n    text-align: left;\n    width: 140px;\n`;\nconst MobileRowValue = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: rgba(25, 23, 26, 0.7);\n    text-align: left;\n    width: 100%;\n`;\nconst Main = styled.div`\n    margin-bottom: 184px;\n    @media screen and (max-width: 767px) {\n        margin-bottom: 136px;\n    }\n`;\nconst Logo = styled.div`\n    height: 96px;\n    width: 150px;\n    margin: 8px;\n`;\nconst LoadingContainer = styled.div`\n    padding-top: 64px;\n    padding-bottom: 64px;\n    display: ${props => (props.visible ? 'flex' : 'none')};\n    justify-content: center;\n`;\nconst NoResults = styled.div`\n    padding-top: 64px;\n    padding-bottom: 64px;\n    text-align: center;\n    font-family: 'Renogare-Regular';\n`;\nconst csvUrl =\n    'https://audigent-dashboard-assets.s3.us-west-2.amazonaws.com/corporate-site/Comscore_CognitivePMP_list.csv';\nconst itemsPerPage = 50;\n\n/** This is a list of the quicksearch filters, it can be added to and removed from. */\nconst quickSearchList = [\n    {\n        label: 'Sports',\n        keywords: 'Sports',\n    },\n    {\n        label: 'Entertainment',\n        keywords: 'Entertainment',\n    },\n    {\n        label: 'Shopping',\n        keywords: 'Shopping',\n    },\n    {\n        label: 'Gaming',\n        keywords: 'Gaming',\n    },\n    {\n        label: 'Politics',\n        keywords: 'Politics',\n    },\n    {\n        label: 'Family',\n        keywords: 'Family',\n    },\n    {\n        label: 'Television (TV)',\n        keywords: 'Television (TV)',\n    },\n    {\n        label: 'CTV / OTT Streaming',\n        keywords: 'CTV / OTT Streaming',\n    },\n    {\n        label: 'Social Media',\n        keywords: 'Social Media',\n    },\n    {\n        label: 'Personal Finance',\n        keywords: 'Personal Finance',\n    },\n    {\n        label: 'Insurance',\n        keywords: 'Insurance',\n    },\n    {\n        label: 'Income (HHI)',\n        keywords: 'Income (HHI)',\n    },\n    {\n        label: 'Dining',\n        keywords: 'Dining',\n    },\n    {\n        label: 'Retail',\n        keywords: 'Retail',\n    },\n    {\n        label: 'Travel',\n        keywords: 'Travel',\n    },\n    {\n        label: 'Automotive',\n        keywords: 'Automotive',\n    },\n    {\n        label: 'Race / Ethnicity',\n        keywords: 'Race / Ethnicity',\n    },\n    {\n        label: 'Ethnicity',\n        keywords: 'Ethnicity',\n    },\n    {\n        label: 'Persona',\n        keywords: 'Persona',\n    },\n    {\n        label: 'B2B',\n        keywords: 'B2B',\n    },\n    {\n        label: 'Technology',\n        keywords: 'Technology',\n    },\n    {\n        label: 'Demo',\n        keywords: 'Demo',\n    },\n    {\n        label: 'Pharmacy',\n        keywords: 'Pharmacy',\n    },\n    {\n        label: 'Political',\n        keywords: 'Political',\n    },\n    {\n        label: 'Brand Protection',\n        keywords: 'Brand Protection',\n    },\n    {\n        label: 'Comscore Ranking',\n        keywords: 'Comscore Ranking',\n    },\n];\n\n/**\nCognitivePMPPage is a page on the corporate site consisting of:\n  a table with three columns: deal names, request deal (action), keywords\n  search bar\n  quick filters dropdown\n  modal (the request deal action from the table)\n@param data - the parsed csv data.\n*/\nexport default function CognitivePMPPage({ data }) {\n    let [tableData, setTableData] = useState([]);\n    let [filterData, setFilterData] = useState([]);\n    const [loading, setLoading] = useState(1);\n    const [currentPage, setCurrentPage] = useState(0);\n    const [pageIsVisible, setPageIsVisible] = useState(true);\n    const [searchWord, setSearchWord] = useState('');\n    const [suggestionOptions, setSuggestionOptions] = useState([]);\n    const [suggestions, setSuggestions] = useState([]);\n    const handleVisibilityChange = isVisible => {\n        setPageIsVisible(isVisible);\n    };\n\n    /** When the user wants to view the next page of the table. */\n    const handleNextPage = () => {\n        setCurrentPage(currentPage + 1);\n    };\n\n    /** When the user wants to view the previous page of the table. */\n    const handlePrevPage = () => {\n        setCurrentPage(currentPage - 1);\n    };\n\n    /** When the user wants to go to a specific page. */\n    const handlePage = page => {\n        setCurrentPage(page);\n    };\n\n    /** When the searches in the table for a specific keyword, this is the filter function\n     * for both search and quicksearch.\n     * page resets to initial page in the table. */\n    useEffect(() => {\n        let array = tableData.filter(item => {\n            return (\n                item['keywords']\n                    .toLowerCase()\n                    .includes(searchWord.toLowerCase()) ||\n                item['quick_search'].includes(searchWord)\n            );\n        });\n        setCurrentPage(0);\n        setFilterData(array);\n\n        return () => {};\n    }, [searchWord]); // eslint-disable-line\n\n    /** Function that gets the data from the CSV and parses it. */\n    useEffect(() => {\n        async function getData() {\n            try {\n                const response = await fetch(csvUrl);\n                const csv = await response.text();\n                const results = Papa.parse(csv, {\n                    header: true,\n                    skipEmptyLines: true,\n                });\n                const rows = results.data;\n                setFilterData(rows);\n                setTableData(rows);\n                setSuggestionOptions(\n                    rows.reduce((acc, curr) => {\n                        const keywords = curr['keywords'].split(', ');\n                        return [...new Set([...acc, ...keywords])];\n                    }, [])\n                );\n                setLoading(0);\n            } catch (err) {\n                console.error(err);\n            }\n        }\n        getData();\n    }, []); // eslint-disable-line\n\n    /** The search term is updated here. */\n    const onSearch = e => {\n        setSearchWord(e.target.value);\n    };\n\n    /** Using keywords in the table, the suggestions are populated */\n    const onSuggestionsFetchRequested = ({ value }) => {\n        const inputValue = value.trim().toLowerCase();\n        const inputLength = inputValue.length;\n\n        const filteredValues =\n            inputLength === 0\n                ? []\n                : suggestionOptions.filter(\n                      suggestion =>\n                          suggestion.toLowerCase().indexOf(inputValue) > -1\n                  );\n        setSuggestions(filteredValues);\n    };\n\n    /** Resets the suggestions to an empty list. */\n    const onSuggestionsClearRequested = () => {\n        setSuggestions([]);\n    };\n\n    const { hero, data_partners, book_now, seo_content } = data.butterPage;\n    const headerDescParagraph = `Contact <a href='mailto:info@audigent.com'>info@audigent.com</a> for additional inquiries or tailored solutions designed to accomplish your campaign's objectives.`;\n    return (\n        <Layout menu=\"FOR ADVERTISERS\">\n            <SEOComponent\n                title=\"CognitivePMPs Search\"\n                image={seo_content.sharing_image}\n                description={seo_content.seo_description}\n            />\n            <Background>\n                <Heading>\n                    <img src={hero[0].image} alt=\"\" width=\"100%\" />\n                </Heading>\n\n                <Desc>{hero[0].description}</Desc>\n                {data_partners[0] &&\n                    data_partners[0].logos &&\n                    data_partners[0].logos.length > 0 && (\n                        <BrandsSection>\n                            <BrandsTitle>\n                                {data_partners[0].description}\n                            </BrandsTitle>\n                            <BrandsContainer>\n                                <PageVisibility\n                                    onChange={handleVisibilityChange}\n                                >\n                                    {pageIsVisible && (\n                                        <Ticker speed={7} direction=\"toRight\">\n                                            {({ index }) => (\n                                                <Logo>\n                                                    <img\n                                                        src={\n                                                            data_partners[0]\n                                                                .logos[\n                                                                index %\n                                                                    data_partners[0]\n                                                                        .logos\n                                                                        .length\n                                                            ].image\n                                                        }\n                                                        alt={\n                                                            data_partners[0]\n                                                                .logos[\n                                                                index %\n                                                                    data_partners[0]\n                                                                        .logos\n                                                                        .length\n                                                            ].title\n                                                        }\n                                                        style={{\n                                                            objectFit:\n                                                                'contain',\n                                                        }}\n                                                        width=\"100%\"\n                                                        height=\"100%\"\n                                                    />\n                                                </Logo>\n                                            )}\n                                        </Ticker>\n                                    )}\n                                </PageVisibility>\n                            </BrandsContainer>\n                        </BrandsSection>\n                    )}\n                <Main>\n                    <TableContainer>\n                        <HeaderDesc>\n                            <HeaderDescTitle>\n                                Now available across over 18 of the industry's\n                                leading SSPs.\n                            </HeaderDescTitle>\n                            <HeaderDescParagraph\n                                dangerouslySetInnerHTML={{\n                                    __html: headerDescParagraph,\n                                }}\n                            />\n                        </HeaderDesc>\n                        <TableHeader>\n                            <SearchContainer>\n                                <div\n                                    style={{\n                                        width: 20,\n                                        marginRight: 10,\n                                    }}\n                                >\n                                    <img\n                                        src={MagnifierIcon}\n                                        alt=\"\"\n                                        width=\"100%\"\n                                    />\n                                </div>\n                                <Autosuggest\n                                    suggestions={suggestions.slice(0, 10)}\n                                    onSuggestionsFetchRequested={\n                                        onSuggestionsFetchRequested\n                                    }\n                                    onSuggestionsClearRequested={\n                                        onSuggestionsClearRequested\n                                    }\n                                    getSuggestionValue={suggestion =>\n                                        suggestion\n                                    }\n                                    onSuggestionSelected={(\n                                        ev,\n                                        { suggestionValue }\n                                    ) => {\n                                        ev.preventDefault();\n                                        setSearchWord(suggestionValue);\n                                    }}\n                                    renderSuggestion={suggestion => (\n                                        <AutoSuggestItem>\n                                            {suggestion}\n                                        </AutoSuggestItem>\n                                    )}\n                                    inputProps={{\n                                        value: searchWord,\n                                        placeholder: 'Search by keyword',\n                                        onChange: onSearch,\n                                        disabled: loading,\n                                    }}\n                                    renderInputComponent={inputProps => (\n                                        <SearchInput {...inputProps} />\n                                    )}\n                                    theme={{\n                                        container: {\n                                            width: '100%',\n                                            position: 'relative',\n                                        },\n                                        suggestionsContainer: {\n                                            display: 'none',\n                                        },\n                                        suggestionsContainerOpen: {\n                                            display: 'block',\n                                            background: '#fff',\n                                            position: 'absolute',\n                                            width: '100%',\n                                            border: '1px solid #666',\n                                        },\n                                        suggestionsList: {\n                                            listStyle: 'none',\n                                            margin: 0,\n                                            padding: 0,\n                                        },\n                                        suggestion: {\n                                            padding: '6px 10px',\n                                        },\n                                        suggestionHighlighted: {\n                                            background: '#ccc',\n                                        },\n                                    }}\n                                />\n                            </SearchContainer>\n                            <QuickSearchContainer>\n                                <QuickSearchLabel htmlFor=\"quick_search\">\n                                    Quick Search:\n                                </QuickSearchLabel>\n                                <QuickSearchSelect\n                                    id=\"quick_search\"\n                                    onChange={e => {\n                                        let keyword = e.target.value;\n                                        if (keyword === 'all') {\n                                            keyword = '';\n                                        }\n                                        setSearchWord(keyword);\n                                    }}\n                                >\n                                    <option value=\"all\">All</option>\n                                    {quickSearchList.map(el => (\n                                        <option\n                                            value={el.keywords}\n                                            key={el.label}\n                                        >\n                                            {el.label}\n                                        </option>\n                                    ))}\n                                </QuickSearchSelect>\n                            </QuickSearchContainer>\n                        </TableHeader>\n                        <TableTopRow>\n                            <TableCell width={40}>Deal Name</TableCell>\n                            <TableCell width={20}></TableCell>\n                            <TableCell width={40}>Keywords</TableCell>\n                        </TableTopRow>\n                        <LoadingContainer visible={loading}>\n                            <CircleLoader\n                                size={150}\n                                color=\"#b68f54\"\n                                loading={true}\n                            />\n                        </LoadingContainer>\n                        {!loading && filterData.length === 0 && (\n                            <NoResults>No results found</NoResults>\n                        )}\n                        {filterData.map((row, i) => {\n                            return currentPage * itemsPerPage <= i &&\n                                i < filterData.length &&\n                                i < (currentPage + 1) * itemsPerPage ? (\n                                <React.Fragment key={`key${i}`}>\n                                    <DesktopLayout>\n                                        <TableRow>\n                                            <TableCell width={40}>\n                                                {row['deal_name']}\n                                            </TableCell>\n                                            <TableCell width={20}>\n                                                <DealButton\n                                                    dealName={row['deal_name']}\n                                                    type=\"request-deal\"\n                                                />\n                                            </TableCell>\n                                            <TableCell width={40}>\n                                                {row['keywords']}\n                                            </TableCell>\n                                        </TableRow>\n                                    </DesktopLayout>\n                                    <MobileLayout>\n                                        <TableRow>\n                                            <MobileRow>\n                                                <MobileRowName>\n                                                    Deal Name\n                                                </MobileRowName>\n                                                <MobileRowValue>\n                                                    {row['deal_name']}\n                                                </MobileRowValue>\n                                            </MobileRow>\n                                            <MobileRow>\n                                                <MobileRowName></MobileRowName>\n                                                <MobileRowValue>\n                                                    <DealButton\n                                                        dealName={\n                                                            row['deal_name']\n                                                        }\n                                                        type=\"request-deal\"\n                                                    />\n                                                </MobileRowValue>\n                                            </MobileRow>\n                                            <MobileRow>\n                                                <MobileRowName>\n                                                    Keywords\n                                                </MobileRowName>\n                                                <MobileRowValue>\n                                                    {row['keywords']}\n                                                </MobileRowValue>\n                                            </MobileRow>\n                                        </TableRow>\n                                    </MobileLayout>\n                                </React.Fragment>\n                            ) : null;\n                        })}\n                    </TableContainer>\n                    <Pagination\n                        currentPage={currentPage}\n                        totalPages={\n                            Math.floor(filterData.length / itemsPerPage) + 1\n                        }\n                        onNext={() => handleNextPage()}\n                        onPrev={() => handlePrevPage()}\n                        onPage={page => handlePage(page)}\n                    />\n                </Main>\n                <CTAComponent {...book_now[0]} />\n            </Background>\n        </Layout>\n    );\n}\n\nexport const adCognitivePMPSearchPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"comscore-cognitive-pmp-search\" }) {\n            seo_content {\n                seo_description\n                sharing_image\n            }\n            hero {\n                description\n                image\n            }\n\n            data_partners {\n                description\n                logos {\n                    title\n                    image\n                }\n            }\n\n            book_now {\n                button_title\n                title\n            }\n        }\n    }\n`;\n"],"names":["Container","styled","displayName","componentId","Title","props","theme","Input","status","Validation","TextInput","title","value","onTextChange","placeholder","name","defaultValue","validation","register","ref","_jsxs","children","_jsx","onChange","e","target","style","marginTop","display","flexDirection","justifyContent","position","width","height","marginLeft","background","transform","FaExclamationCircle","size","color","Dropdown","list","current","onChooseItem","isLight","labelItem","setLabelItem","useState","isOpen","setIsOpen","useEffect","length","label","chooseItem","className","onClick","showDropdown","MdArrowDropDown","map","customStyles","content","top","left","right","bottom","marginRight","maxHeight","Header","Content","Heading","Desc","Form","FormFooter","CheckboxGroup","CheckboxItem","Modal","inventoryTypes","RequestDealModal","closeModal","dealName","isVerified","setIsVerified","setName","email","setEmail","dsp","setDsp","seatId","setSeatId","inventoryType","setInventoryType","dspError","setDspError","emailError","setEmailError","nameError","setNameError","seatIdError","setSeatIdError","messageSent","setMessageSent","displaySelect","setDisplaySelect","videoSelect","setVideoSelect","nativeSelect","setNativeSelect","onClose","onRequestClose","contentLabel","MdClose","cursor","text","id","type","handleDisplaySelected","checked","htmlFor","handleNativeSelected","handleVideoSelected","Reaptcha","sitekey","onVerify","verifyCaptcha","GoldenButton","onSend","validateEmail","data","message","axios","method","url","then","console","log","setTimeout","catch","err","DealButton","disable","openModal","setOpenModal","React","Link","to","href","rel","Background","BackImg","BackMobileImg","BrandsSection","BrandsTitle","BrandsContainer","TableContainer","TableHeader","SearchContainer","SearchInput","AutoSuggestItem","QuickSearchContainer","QuickSearchLabel","QuickSearchSelect","HeaderDesc","HeaderDescTitle","HeaderDescParagraph","TableTopRow","TableRow","TableCell","align","DesktopLayout","MobileLayout","MobileRow","MobileRowName","MobileRowValue","Main","Logo","LoadingContainer","visible","NoResults","csvUrl","itemsPerPage","quickSearchList","keywords","CognitivePMPPage","tableData","setTableData","filterData","setFilterData","loading","setLoading","currentPage","setCurrentPage","pageIsVisible","setPageIsVisible","searchWord","setSearchWord","suggestionOptions","setSuggestionOptions","suggestions","setSuggestions","array","filter","item","toLowerCase","includes","async","response","fetch","csv","rows","Papa","header","skipEmptyLines","reduce","acc","curr","split","Set","error","getData","hero","data_partners","book_now","seo_content","butterPage","Layout","menu","SEOComponent","image","sharing_image","description","seo_description","src","alt","logos","PageVisibility","isVisible","Ticker","speed","direction","index","objectFit","dangerouslySetInnerHTML","__html","MagnifierIcon","Autosuggest","slice","onSuggestionsFetchRequested","inputValue","trim","filteredValues","suggestion","indexOf","onSuggestionsClearRequested","getSuggestionValue","onSuggestionSelected","ev","suggestionValue","preventDefault","renderSuggestion","inputProps","disabled","renderInputComponent","container","suggestionsContainer","suggestionsContainerOpen","border","suggestionsList","listStyle","margin","padding","suggestionHighlighted","keyword","el","CircleLoader","row","i","Pagination","totalPages","Math","floor","onNext","onPrev","onPage","page","handlePage","CTAComponent"],"sourceRoot":""}