{"version":3,"sources":["components/LawyerInfo/LawyerInfo.module.css","components/StartDialog/StartDialog.module.css","functions/functions.js","components/RowInTheTable/RowInTheTable.jsx","components/Leaders/Leaders.jsx","components/LawyerInfo/LawyerInfo.jsx","components/SearchBar/Searchbar.jsx","components/App/hd-icon.png","components/App/Logo.jsx","components/StartDialog/StartDialog.jsx","components/App/App.js","reportWebVitals.js","index.js","components/App/App.module.css","components/RowInTheTable/RowInTheTable.module.css","components/SearchBar/SearchBar.module.css"],"names":["module","exports","numberWithCommas","x","toString","replace","StyledTableCell","withStyles","theme","root","border","color","background","TableCell","StyledTableCell1","borderRadius","StyledTableCell2","RowInTheTable","props","handleClickOnKeyword","keyword","changeSearchKeyword","setPageStatus","addSearch","rank","index","isCurrent","current","row","firmName","includes","website","TableRow","className","classes","style","target","rel","title","semrush__link__current","href","semrushLink","semrushValue","semrushValueChange","position","top","left","fontSize","transparentButton__current","onClick","rankingKeywords","rankingKeywordsChange","serpPage","name","transparentButton","changeSearchFirmName","semrush__link","GET_LAWYERS_ORDER_BY_SEMRUSH","gql","StyledTableCellHeader","StyledTableRowHeader","Leaders","recordsCount","kwrd","isLeaders","state","query","variables","limit","leaders","loading","error","data","LinearProgress","lawyers","map","pageSetted","page","Math","trunc","rowsPerPage","setPage","changeFirmPosition","setLength","length","wrapper","TableContainer","elevation","Table","aria-label","borderCollapse","borderSpacing","TableBody","slice","Alert","variant","LawyerInfo","GET_LAWYERS","variablesForQuery","firmname","useQuery","SemrushPaper","lawyer__infofield","lawyer__infofield__header","RankingKeywordsPaper","React","useState","open","setOpen","currentFirm","setCurrentFirm","vertical","horizontal","paper","btmline","Snackbar","autoHideDuration","onClose","event","reason","anchorOrigin","severity","marginTop","firmPosition","lawyer__infofield__position","small__red","Slide","direction","in","mountOnEnter","unmountOnExit","Grid","container","spacing","item","xs","firstName","lastName","address","city","zip","SearchBar","inputFirmName","setInputFirmName","inputKeyword","setInputKeyword","textAreaFirmName","textAreaKeyword","handleKeyDown","e","key","form","noValidate","autoComplete","inp","value","placeholder","onChange","onKeyDown","Button","btn","model__btn","setOpenDialog","searching","LogoText","search__for","src","Logo","alt","marginRight","logo__white","logo__red","GET_LOCATIONS_QUERY","StartDialog","scroll","Dialog","aria-labelledby","boxShadow","backdropFilter","DialogTitle","id","DialogContent","dividers","DialogContentText","List","locations","location","ListItem","button","ListItemText","primary","createMuiTheme","typography","fontFamily","join","client","ApolloClient","uri","fetch","App","mobile","window","innerWidth","openDialog","responsiveRowsPerPageCount","setRowsPerPage","handleChangePage","newPage","handleChangeRowsPerPage","parseInt","ThemeProvider","md","glass__container","renderTrackVertical","track","renderThumbVertical","thumb","renderTrackHorizontal","renderThumbHorizontal","powered__by","glass__container__leaders","scrolldiv","TablePagination","rowsPerPageOptions","component","count","onChangePage","onChangeRowsPerPage","pagination","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","rerenderEntireTree","ReactDOM","render","document","getElementById","leadersPage","str","notTrimmedFirmName","notTrimmedKeyword","trim","RegExp","test","scrollIntoView","pos","reRender"],"mappings":"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","file":"static/js/main.a7405bfc.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"paper\":\"LawyerInfo_paper__36DCZ\",\"btmline\":\"LawyerInfo_btmline__IZVRB\",\"lawyer__infofield\":\"LawyerInfo_lawyer__infofield__Rarjz\",\"lawyer__infofield__position\":\"LawyerInfo_lawyer__infofield__position__DNTR2\",\"small__red\":\"LawyerInfo_small__red__1LL_1\",\"lawyer__infofield__header\":\"LawyerInfo_lawyer__infofield__header__1DBpE\",\"transparentButton\":\"LawyerInfo_transparentButton__38MTm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"glass__container\":\"StartDialog_glass__container__3lXvZ\"};","export function numberWithCommas(x) {\r\n    return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n}","import React from 'react';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport { numberWithCommas }  from './../../functions/functions';\r\nimport classes from './RowInTheTable.module.css';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nconst StyledTableCell = withStyles((theme) => ({\r\n    root: {\r\n        border: 'none',\r\n        color: 'white',\r\n        background: 'rgba( 255, 255, 255, 0.10 )',\r\n        ['@media (max-width:960px)']: { // eslint-disable-line no-useless-computed-key\r\n            background: '#464646',\r\n        }\r\n    }\r\n}))(TableCell);\r\n\r\nconst StyledTableCell1 = withStyles((theme) => ({\r\n    root: {\r\n        border: 'none',\r\n        color: 'white',\r\n        background: 'rgba( 255, 255, 255, 0.10 )',\r\n        borderRadius: '5px 0 0 5px',\r\n        ['@media (max-width:960px)']: { // eslint-disable-line no-useless-computed-key\r\n            background: '#464646',\r\n        }\r\n    }\r\n}))(TableCell);\r\n\r\nconst StyledTableCell2 = withStyles((theme) => ({\r\n    root: {\r\n        border: 'none',\r\n        color: 'white',\r\n        background: 'rgba( 255, 255, 255, 0.10 )',\r\n        borderRadius: '0 5px 5px 0',\r\n        ['@media (max-width:960px)']: { // eslint-disable-line no-useless-computed-key\r\n            background: '#464646',\r\n        }\r\n    }\r\n}))(TableCell);\r\n  \r\n\r\n\r\n\r\nexport default function RowInTheTable(props) {\r\n    function handleClickOnFirmName(firmName){\r\n        props.changeSearchFirmName(firmName, false);\r\n        props.setPageStatus(false);\r\n        props.addSearch();\r\n    }\r\n    function handleClickOnKeyword(keyword){\r\n        props.changeSearchKeyword(keyword, false);\r\n        props.setPageStatus(false);\r\n        props.addSearch();\r\n    }\r\n    let rank = props.index + 1;\r\n    let isCurrent = false;\r\n    if (props.current !== \"\"){\r\n        if (props.current === props.row.firmName || props.row.firmName.includes(props.current)){\r\n            isCurrent = true;\r\n        }\r\n        else if (props.current === props.row.website || props.row.website.includes(props.current)){\r\n            isCurrent = true;\r\n        }\r\n    }\r\n    if (isCurrent) {\r\n        return (<TableRow key={props.row.name} className={classes.row} style={{ background: 'linear-gradient(90deg, #F03131 0%, #F05F31 100%)' }}>\r\n            <StyledTableCell1> \r\n                {rank}\r\n            </StyledTableCell1>\r\n            <StyledTableCell> \r\n                {props.row.firmName}\r\n            </StyledTableCell>\r\n            <StyledTableCell><a target=\"_blank\" rel=\"noreferrer\" title=\"SemRush Link\" className={classes.semrush__link__current} href={props.row.semrushLink}>\r\n                ${numberWithCommas(props.row.semrushValue)}\r\n                {props.row.semrushValueChange < 0 && <ArrowDownwardIcon style={{ color: \"black\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n                {props.row.semrushValueChange > 0 && <ArrowUpwardIcon style={{ color: \"black\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            </a></StyledTableCell>\r\n            <StyledTableCell>\r\n                \r\n                <button className={classes.transparentButton__current} onClick={() => {handleClickOnKeyword(props.row.keyword);}}>{props.row.keyword}</button>\r\n            </StyledTableCell>\r\n            <StyledTableCell><a target=\"_blank\" rel=\"noreferrer\" title=\"SemRush Link\" className={classes.semrush__link__current} href={props.row.semrushLink}>{numberWithCommas(props.row.rankingKeywords)}\r\n                {props.row.rankingKeywordsChange < 0 && <ArrowDownwardIcon style={{ color: \"black\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n                {props.row.rankingKeywordsChange > 0 && <ArrowUpwardIcon style={{ color: \"black\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            </a></StyledTableCell>\r\n            <StyledTableCell>{props.row.serpPage}</StyledTableCell>\r\n            <StyledTableCell2>{props.row.website}</StyledTableCell2>\r\n        </TableRow>);\r\n    }\r\n    return(\r\n        <TableRow key={props.row.name} className={classes.row}>\r\n            <StyledTableCell1> \r\n                {rank}\r\n            </StyledTableCell1>\r\n            <StyledTableCell>\r\n                <button className={classes.transparentButton} onClick={() => {handleClickOnFirmName(props.row.firmName);}}>{props.row.firmName}</button>\r\n            </StyledTableCell>\r\n            <StyledTableCell><a target=\"_blank\" rel=\"noreferrer\" title=\"SemRush Link\" className={classes.semrush__link} href={props.row.semrushLink}>\r\n                ${numberWithCommas(props.row.semrushValue)}\r\n                {props.row.semrushValueChange < 0 && <ArrowDownwardIcon style={{ color: \"red\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n                {props.row.semrushValueChange > 0 && <ArrowUpwardIcon style={{ color: \"green\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            </a></StyledTableCell>\r\n            <StyledTableCell>\r\n                <button className={classes.transparentButton} onClick={() => {handleClickOnKeyword(props.row.keyword);}}>{props.row.keyword}</button>\r\n                \r\n            </StyledTableCell>\r\n            <StyledTableCell><a target=\"_blank\" rel=\"noreferrer\" title=\"SemRush Link\" className={classes.semrush__link} href={props.row.semrushLink}>{numberWithCommas(props.row.rankingKeywords)}\r\n                {props.row.rankingKeywordsChange < 0 && <ArrowDownwardIcon style={{ color: \"red\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n                {props.row.rankingKeywordsChange > 0 && <ArrowUpwardIcon style={{ color: \"green\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            </a></StyledTableCell>\r\n            <StyledTableCell>{props.row.serpPage}</StyledTableCell>\r\n            <StyledTableCell2>{props.row.website}</StyledTableCell2>\r\n        </TableRow>\r\n    );\r\n}","import React from 'react';\r\nimport { gql } from 'apollo-boost';\r\nimport { Query } from 'react-apollo';\r\nimport './Leaders.css';\r\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport RowInTheTable from './../RowInTheTable/RowInTheTable';\r\nimport classes from './Leaders.css'\r\nconst GET_LAWYERS_ORDER_BY_SEMRUSH = gql `\r\n    query ($keyword: String, $limit: Int, $leaders: Boolean){\r\n        lawyers(orderBy: \"semrushValue\", active: true, first: $limit, searchKeyword: $keyword, leaders: $leaders) {\r\n            firmName\r\n            semrushValue\r\n            keyword\r\n            rankingKeywords\r\n            serpPage\r\n            website\r\n            semrushLink\r\n            semrushValueChange\r\n            rankingKeywordsChange\r\n        }\r\n    }\r\n`;\r\n\r\n\r\n\r\nconst StyledTableCellHeader = withStyles((theme) => ({\r\n    root: {\r\n        background: 'none', \r\n        color: '#ff1100',\r\n        border: 'none',\r\n    }\r\n}))(TableCell);\r\n  \r\nconst StyledTableRowHeader = withStyles((theme) => ({\r\n    root: {\r\n        background: 'none',\r\n        border: 'none',\r\n    },\r\n}))(TableRow);\r\n\r\nexport default function Leaders(props) {\r\n    \r\n    let recordsCount = null;\r\n    let kwrd = null;\r\n    let isLeaders = false;\r\n    if (props.state.keyword === \"\"){ recordsCount = 50; isLeaders = true;}\r\n    else {\r\n        kwrd = props.state.keyword;\r\n        \r\n    }\r\n    return (\r\n        <Query query={GET_LAWYERS_ORDER_BY_SEMRUSH} variables={{ keyword: kwrd, limit: recordsCount, leaders: isLeaders}}>\r\n            {({ loading, error, data }) => {\r\n                if (loading){ return <LinearProgress color=\"secondary\" /> }\r\n                if (error){ return `Error! ${error}` }\r\n                if (props.state.firmName !== \"\"){\r\n                    data.lawyers.map((row, index) => {\r\n                        if (row.firmName === props.state.firmName || row.website.includes(props.state.firmName)){ \r\n                            if(props.pageSetted === false){\r\n                                let page = Math.trunc((index) / props.rowsPerPage);\r\n                                props.setPage(page);\r\n                                props.setPageStatus(true);\r\n                            }\r\n                            props.changeFirmPosition(index + 1); \r\n                        }\r\n                    });\r\n                }\r\n                props.setLength(data.lawyers.length);\r\n                return (\r\n                    <div className={classes.wrapper}>\r\n                    <TableContainer elevation={3} style={{ borderRadius: 5 }}>\r\n                        <Table aria-label=\"customized table\" title=\"Leaders\" style={{ borderCollapse: 'separate', borderSpacing: '0px 4px' }}>\r\n                            <StyledTableRowHeader>\r\n                            <StyledTableCellHeader><strong>#</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>Firm Name</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>SemRush Value</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>Keyword</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>Ranking Keywords</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>SERP Page</strong></StyledTableCellHeader>\r\n                                <StyledTableCellHeader><strong>Website</strong></StyledTableCellHeader>\r\n                            </StyledTableRowHeader>\r\n                            <TableBody style={{ background: \"none\" }}>\r\n                            {data.lawyers.slice(props.page * props.rowsPerPage, props.page * props.rowsPerPage + props.rowsPerPage).map((row, index) => (\r\n                                <RowInTheTable key={index} setPageStatus={props.setPageStatus} state={props.state} index={props.page * props.rowsPerPage + index} row={row} current={props.state.firmName} addSearch={props.addSearch} changeSearchFirmName={ props.changeSearchFirmName } changeSearchKeyword={ props.changeSearchKeyword }/>\r\n                            ))}\r\n                            </TableBody>\r\n                        </Table>\r\n                        \r\n                    </TableContainer>\r\n                    \r\n                        </div>\r\n                );}}\r\n        </Query>\r\n    );\r\n}","import React from 'react';\r\nimport classes from './LawyerInfo.module.css';\r\nimport { gql } from 'apollo-boost';\r\nimport { useQuery } from 'react-apollo';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport { numberWithCommas }  from './../../functions/functions';\r\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport MuiAlert from '@material-ui/lab/Alert';\r\nfunction Alert(props) {\r\n    return <MuiAlert elevation={6} variant=\"filled\" {...props} />;\r\n}\r\n\r\nexport default function LawyerInfo(props){\r\n    const GET_LAWYERS = gql `\r\n        query ($firmname: String, $keyword: String, $website: String){\r\n            lawyers(firmName: $firmname, searchKeyword: $keyword, orderBy: \"keyword\", active: true, searchWebsite: $website) {\r\n                firmName\r\n                semrushValue\r\n                keyword\r\n                website\r\n                firstName\r\n                lastName\r\n                state\r\n                city\r\n                address\r\n                zip\r\n                rankingKeywords\r\n                serpPage\r\n                dateCreated\r\n                semrushValueChange\r\n                rankingKeywordsChange\r\n            }\r\n        }\r\n    `;\r\n    \r\n    let variablesForQuery = {}\r\n    variablesForQuery[\"keyword\"] = props.keyword;\r\n    if (props.state.website === true){\r\n        variablesForQuery[\"firmname\"] = null;\r\n        variablesForQuery[\"website\"] = props.firmname;\r\n    }\r\n    else {\r\n        variablesForQuery[\"firmname\"] = props.firmname;\r\n        variablesForQuery[\"website\"] = null;\r\n    }\r\n    const { loading, error, data } = useQuery(GET_LAWYERS,\r\n        { variables: variablesForQuery } );\r\n\r\n    \r\n    function SemrushPaper(props) {\r\n        return <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Semrush Value: </span><strong>${numberWithCommas(props.semrushValue)}</strong>\r\n            {props.semrushValueChange > 0 && <ArrowUpwardIcon style={{ color: \"green\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            {props.semrushValueChange < 0 && <ArrowDownwardIcon style={{ color: \"red\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n        </div>;\r\n    }\r\n\r\n    function RankingKeywordsPaper(props) {\r\n        return <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Ranking keywords: </span><strong>{props.rankingKeywords}</strong>\r\n            {props.rankingKeywordsChange > 0 && <ArrowUpwardIcon style={{ color: \"green\", position: 'relative', top:2, left: 4, fontSize:14 }} />}\r\n            {props.rankingKeywordsChange < 0 && <ArrowDownwardIcon style={{ color: \"red\", position: 'relative', top:2, left: 4, fontSize:14 }}/>}\r\n        </div>;\r\n    }\r\n    function handleClickOnKeyword(keyword){\r\n        props.changeSearchKeyword(keyword, false);\r\n        props.setPageStatus(false);\r\n        props.addSearch();\r\n    }\r\n    const [open, setOpen] = React.useState(true);\r\n\r\n    const [currentFirm, setCurrentFirm] = React.useState(props.state.firmName);\r\n    const [vertical, setVert] = React.useState(\"bottom\");\r\n    const [horizontal, setHorz] = React.useState(\"left\");\r\n\r\n    if (currentFirm !== props.state.firmName){setOpen(true); setCurrentFirm(props.state.firmName);}\r\n    const handleClose = (event, reason) => {\r\n        if (reason === 'clickaway') {\r\n            return;\r\n        }\r\n\r\n        setOpen(false);\r\n    };\r\n    if (loading) { return <LinearProgress color=\"secondary\" /> };\r\n    if (error) return `Error! ${error}`;\r\n    if (data.lawyers.length === 0){\r\n        return (<div><div className={classes.paper}>\r\n        <div className={classes.btmline}><strong>NO RESULTS</strong></div></div>\r\n        <Snackbar open={open} autoHideDuration={6000} onClose={handleClose} anchorOrigin={{ vertical, horizontal }} key={vertical + horizontal}>\r\n            <Alert severity=\"error\">\r\n                {props.state.firmName} not found!\r\n            </Alert>\r\n        </Snackbar></div>);\r\n    }\r\n    return (\r\n        <div className={classes.paper}>\r\n            <div className={classes.btmline}><strong>RESULTS</strong></div>\r\n            <div style={{ marginTop:10 }}>{props.state.firmPosition !== 0 && <div className={classes.btmline}>\r\n                <div className={classes.lawyer__infofield__position}>Position \r\n                {props.state.keyword && <span className={classes.small__red}> in {props.state.keyword}</span> || <span className={classes.small__red}> Nationally</span>}: {props.state.firmPosition}</div></div>}\r\n            </div>\r\n            <Slide direction=\"up\" in={!!data} mountOnEnter unmountOnExit>\r\n                <Grid container spacing={0} >\r\n                \r\n                    {data.lawyers.map((row, index) => {\r\n                        if (index === data.lawyers.length - 1){\r\n                            return (\r\n                                <Grid item xs={12} key={index}>\r\n                                    <div>\r\n                                        <SemrushPaper semrushValueChange={row.semrushValueChange} semrushValue={ row.semrushValue }/>\r\n                                        <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Keyword: </span>\r\n                                        <button className={classes.transparentButton} onClick={() => {handleClickOnKeyword(row.keyword);}}>\r\n                                            <strong>{row.keyword}</strong></button>\r\n                                        </div>\r\n                                        <RankingKeywordsPaper rankingKeywordsChange={row.rankingKeywordsChange} rankingKeywords={ row.rankingKeywords }/>\r\n                                        <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Serp page: </span><strong>{row.serpPage}</strong></div>\r\n                                        <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Website: </span>{row.website}</div>\r\n                                        <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Owner: </span>{row.firstName} {row.lastName}</div>\r\n                                        <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Address: </span>{row.address} {row.state} {row.city} {row.zip}</div>\r\n                                    </div>\r\n                                </Grid>\r\n                            );\r\n                        }\r\n                        return (\r\n                        <Grid item xs={12}>\r\n                            <div className={classes.btmline} key={index}>\r\n                                <SemrushPaper semrushValueChange={row.semrushValueChange} rankingKeywordsChange={row.rankingKeywordsChange} semrushValue={ row.semrushValue }/>\r\n                                <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Keyword: </span>\r\n                                    <button className={classes.transparentButton} onClick={() => {handleClickOnKeyword(row.keyword);}}><strong>{row.keyword}</strong></button>\r\n                                    \r\n                                </div>\r\n                                <RankingKeywordsPaper rankingKeywordsChange={row.rankingKeywordsChange} rankingKeywords={ row.rankingKeywords }/>\r\n                                <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Serp page: </span><strong>{row.serpPage}</strong></div>\r\n                                <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Website: </span>{row.website}</div>\r\n                                <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Owner: </span>{row.firstName} {row.lastName}</div>\r\n                                <div className={classes.lawyer__infofield}><span className={classes.lawyer__infofield__header}>Address: </span>{row.address} {row.state} {row.city} {row.zip}</div>\r\n                            </div>\r\n                        </Grid>\r\n\r\n                    );})}\r\n                </Grid>\r\n                \r\n            </Slide>\r\n            \r\n        </div>\r\n    );\r\n}","import React from 'react';\r\nimport classes from './SearchBar.module.css';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Button from '@material-ui/core/Button';\r\nimport LawyerInfo from './../LawyerInfo/LawyerInfo';\r\n\r\n\r\n\r\nexport default function SearchBar(props) {\r\n    const [inputFirmName, setInputFirmName] = React.useState(\"\");\r\n    const [inputKeyword, setInputKeyword] = React.useState(props.state.keyword);\r\n    if(inputFirmName !== props.state.firmName && props.state.textAreaFirmName === props.state.firmName){setInputFirmName(props.state.firmName)}\r\n    if(inputKeyword !== props.state.keyword && props.state.textAreaKeyword === props.state.keyword){setInputKeyword(props.state.keyword)}\r\n    const handleClick = () => {\r\n        props.setPageStatus(false);\r\n        props.changeSearchFirmName(inputFirmName, false);\r\n        props.changeSearchKeyword(inputKeyword, false);\r\n        props.addSearch();\r\n        props.setPageStatus(false);\r\n        props.setPage(0);\r\n    }\r\n    const handleKeyDown = (e) => {\r\n        if (e.key === 'Enter') {\r\n            props.setPageStatus(false);\r\n            props.changeSearchFirmName(inputFirmName, false);\r\n            props.changeSearchKeyword(inputKeyword, false);\r\n            props.addSearch();\r\n            props.setPageStatus(false);\r\n            props.setPage(0);\r\n        }\r\n    }\r\n    const handleChangeFirmName = (event) => {\r\n        setInputFirmName(event.target.value);\r\n        props.changeSearchFirmName(event.target.value, false);\r\n    }\r\n    const handleChangeKeyword = (event) => {\r\n        setInputKeyword(event.target.value);\r\n        props.changeSearchKeyword(event.target.value);\r\n    }\r\n    const handleClickOnChooseLocation = () => {\r\n        props.setOpenDialog(true);\r\n    }\r\n    return (\r\n        <div >\r\n            <div className={classes.btmline}><strong>SEARCH BY FIRM NAME / DOMAIN</strong></div>\r\n            <form className={classes.form} noValidate autoComplete=\"off\">\r\n                <Grid container spacing={2}>\r\n                    <Grid item xs={12}>\r\n                        <input className={classes.inp} value={inputFirmName} placeholder=\"Firm Name / Domain Name\" onChange={ handleChangeFirmName } onKeyDown={handleKeyDown}/>\r\n                    </Grid>\r\n                    <Grid item xs={12}>\r\n                        <input className={classes.inp} value={inputKeyword} placeholder=\"Location\" onChange={ handleChangeKeyword }  onKeyDown={handleKeyDown}/>\r\n                    </Grid>\r\n                    <Grid item xs={12}>\r\n                        <Button className={ classes.btn } variant=\"contained\"  onClick={ handleClick }>Search</Button>\r\n                    </Grid>\r\n                    <Grid item xs={12}>\r\n                        <Button variant=\"contained\" className={ classes.model__btn } onClick={ handleClickOnChooseLocation }>Top Law Firms By Location</Button>\r\n                    </Grid>\r\n                </Grid>\r\n                \r\n            </form>\r\n            \r\n            {props.state.searching && props.state.firmName !== \"\" && <LawyerInfo state={props.state} addSearch={props.addSearch} setPageStatus={props.setPageStatus} firmname={ props.state.firmName } changeSearchKeyword={props.changeSearchKeyword} keyword={ props.state.keyword }/>}\r\n            \r\n        </div>\r\n    );\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAYCAYAAACFms+HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgB1VhNaBNREP5ms7Fa6X8PigjFf6Fo1V7EQtOCVOhBEfRQEevBk+hVxEPpoTcPFhF/QBRbQQQRz4XuxiKCVKT3+nfwoNImaSK17WbHeclmuwnbJGBasl+YvJn3Zl6+fW/2/YSYeQirYKckT12ciEbhdWLukOJ0ibhZiXuO6PyAVO9FKdiok26+wcIY9KYl9NDfYu66R1dkznjsEZGVNeK2e/SIIwoxkXsiVqZvZg3ReE3mcZhrwHRF9FbH1xTddHvRkJT2/QjjPTi+Fcbca6l9AbP5A4bJxlqQURzkfGxBGVAz5omZYUXWDwbrMOZNmDHOSDQ25Ov3kkOYjB2GOX9f/GyJGYcRa8RQfr8aKgxJD//R6SELGpXu4Dyl0ds0A6PpqszIqHQ4IKWBk4mjXvIVJ14xqPRoabwhb49KvQ5Y9jN0J47kmquXuEI7LQM/bso8fhU5CI1vYyq+SzVVN3GFnvYUyH7sWN2w+LJ6X6qfuIK1+amjkXyuAQttwSCu/ZyT9SvlWA0I2V3BIB5pW5LvSde2qT8YxIlY5JNrs92qF3G/JZvJCoojLHICGwN2NaL/XlVKPdi6odiIj8guuIgSkFlRRQQbjGDkuALzplUd4WAQZyYhe8q1id4Gg/ijj5LS1J411CGOJ4JB/MDu47JjZlOFeAq/Gt9VP3F1Pk/jkmOxrOEjcvRdrn7i2xaOIUQXRUtC064j0jKhqqubuPG7E+n0G3k5ZaOju1isf5Jr0lFhqKub7y1IXd3k3l1OH3g4Hca+tm4g9EByu0VkEHbDK/TRn5yL7rnldxaE57Z8v1u+8u1H9sG7PE07RYalXV2Wv0jcGKKJC3Iq2gM7XieBh9w/Ahi9MOdCMumWG60OrYx68euTJW+HlOPg0CgiDbMF3PJGfNqRctDslOpHTUcK4aShrTtWUpjd8XEpnIUUamvP4nvNZ5yTPy3UAcsH/wBYYgyat8+MfgAAAABJRU5ErkJggg==\"","import React from 'react';\r\nimport classes from './App.module.css';\r\nimport Logo from './hd-icon.png'\r\nexport default function LogoText(props) {\r\n    return (<div>\r\n    {props.state.firmName && \r\n    <div className={classes.search__for}>\r\n    <img src={Logo} alt=\"website logo\" style={{ marginRight:5 }}/>\r\n    <span className={classes.logo__white}> Legal Digital Marketing Insights: </span>\r\n    <span className={classes.logo__red}>{ props.state.firmName }</span></div> || \r\n    <div className={classes.search__for}>\r\n    <div className={classes.logo__white}>\r\n    <img src={Logo} alt=\"website logo\" style={{ marginRight:5 }}/>\r\n    <span className={classes.logo__white}> Legal Digital Marketing Insights: </span>\r\n    {props.state.keyword && <span className={classes.logo__red}>Leaders in {props.state.keyword}</span> || \r\n    <span className={classes.logo__red}>Leaders Nationally</span>}</div></div>}\r\n    </div>);\r\n  }","import React, { Component } from 'react';\r\nimport classes from './StartDialog.module.css';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport { gql } from 'apollo-boost';\r\nimport { Query } from 'react-apollo';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nconst GET_LOCATIONS_QUERY = gql `\r\n    query {\r\n        locations {\r\n            keyword\r\n        }\r\n    }\r\n`;\r\n\r\n\r\nexport default function StartDialog(props) {\r\n    \r\n    const [scroll, setScroll] = React.useState('paper');\r\n    const handleClose = () => {\r\n        props.setOpen(false);\r\n    };\r\n\r\n    const handleListItemClick = (value) => {\r\n        props.changeSearchKeyword(value, false);\r\n        props.addSearch();\r\n        props.setOpen(false);\r\n        props.setPageStatus(false);\r\n        props.setPage(0);\r\n    };\r\n    return(\r\n        \r\n        <Dialog onClose={handleClose} aria-labelledby=\"simple-dialog-title\" open={props.open} style={{ background: \"rgba( 255, 255, 255, 0.10 )\", boxShadow: \"0 8px 32px 0 rgba(0, 0, 0, 0.37)\", backdropFilter: \"blur( 5.0px )\" }}>\r\n            <DialogTitle id=\"simple-dialog-title\">Choose Location</DialogTitle>\r\n            <DialogContent dividers={scroll === 'paper'}>\r\n                <DialogContentText >\r\n                    <Query query={GET_LOCATIONS_QUERY}>\r\n                        {({ loading, error, data }) => {\r\n                                if (loading){ return <LinearProgress color=\"secondary\" /> }\r\n                                if (error){ return `Error! ${error}` }\r\n                                return(<List>\r\n                                    {data.locations.map((location) => {\r\n                                        if (location[\"keyword\"] === \"\" || location[\"keyword\"] === \" \"){\r\n                                            return;\r\n                                        }\r\n                                        location[\"keyword\"] = location[\"keyword\"].replace(\"Personal Injury Lawyer\", \"\");\r\n                                        location[\"keyword\"] = location[\"keyword\"].replace(\"Car Accident Lawyer\", \"\");\r\n                                        return(\r\n                                        <ListItem button onClick={() => handleListItemClick(location[\"keyword\"])} key={location[\"keyword\"]}>\r\n                                            <ListItemText primary={location[\"keyword\"]} />\r\n                                        </ListItem>\r\n                                        );\r\n                                    })}\r\n                                </List>);\r\n                            }\r\n                        }\r\n                    </Query>\r\n                </DialogContentText>\r\n            </DialogContent>\r\n        </Dialog>\r\n    );\r\n}","import React, { Component } from 'react';\nimport ApolloClient from 'apollo-boost';\nimport { ApolloProvider } from 'react-apollo';\nimport Leaders from './../Leaders/Leaders';\nimport classes from './App.module.css';\nimport SearchBar from './../SearchBar/Searchbar'\nimport { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport Logo from './Logo'\nimport StartDialog from './../StartDialog/StartDialog'\n\n\nconst theme = createMuiTheme({\n  typography: {\n    fontFamily: [\n      'Product Sans',\n      'sans-serif',\n    ].join(','),\n  },});\n\n\n\nconst client = new ApolloClient({ \n  uri: 'https://api.hennessey.com/prod/graphql' }, fetch);\n\nexport default function App(props) {\n  let mobile = false;\n  if (window.innerWidth <= 960){\n    mobile = true;\n  }\n  const [openDialog, setOpenDialog] = React.useState(false);\n  const [page, setPage] = React.useState(0);\n  const [pageSetted, setPageStatus] = React.useState(false);\n  const [length, setLength] = React.useState(0);\n  let responsiveRowsPerPageCount = 25;\n  if (window.innerWidth < 960){\n    responsiveRowsPerPageCount = 5;\n  }\n  const [rowsPerPage, setRowsPerPage] = React.useState(responsiveRowsPerPageCount);\n  \n  const handleChangePage = (event, newPage) => {\n      setPage(newPage);\n  }\n\n  const handleChangeRowsPerPage = event => {\n      setRowsPerPage(parseInt(event.target.value, 10));\n      setPage(0);\n  }\n\n  \n  return (\n    <div className={classes.background}>\n    <ApolloProvider client={client}>\n      \n        <ThemeProvider theme={theme}>\n          <StartDialog {...props} open={openDialog} setOpen={setOpenDialog} setPage={setPage} setPageStatus={setPageStatus}/>\n          <div className={classes.paper}>\n              <Grid container spacing={3}>\n                <Grid item xs={12} md={3}>\n                  \n                  <div className={classes.glass__container} id=\"searchResults\">\n                    {mobile && <Logo state={props.state}/>}\n                    {mobile && <SearchBar setOpenDialog={setOpenDialog} setPageStatus={setPageStatus} setPage={setPage} state={ props.state } addSearch={ props.addSearch } changeSearchFirmName={ props.changeSearchFirmName } changeSearchKeyword={ props.changeSearchKeyword }/>\n                      ||\n                      <Scrollbars renderTrackVertical={props => <div {...props} className={classes.track}/>}\n                      renderThumbVertical={props => <div {...props} className={classes.thumb}/>} \n                      renderTrackHorizontal={() => <div></div>} \n                      renderThumbHorizontal={() => <div></div>}>\n\n                    \n                    <SearchBar setOpenDialog={setOpenDialog} setPageStatus={setPageStatus} setPage={setPage} state={ props.state } addSearch={ props.addSearch } changeSearchFirmName={ props.changeSearchFirmName } changeSearchKeyword={ props.changeSearchKeyword }/>\n                    </Scrollbars>\n                    }\n                    \n                    <div className={classes.powered__by}>Powered by <span className={classes.small__red}>Hennessey Digital</span></div>\n                  </div>\n\n                </Grid>\n                <Grid item xs={12} md={9}>\n                  <div className={classes.glass__container__leaders} id=\"leaderResults\">\n                    {!mobile && <Logo state={props.state}/>}\n                    {mobile && <Leaders pageSetted={pageSetted} setPageStatus={setPageStatus} setPage={setPage} changeFirmPosition={props.changeFirmPosition} state={props.state} page={page} setLength={setLength} rowsPerPage={rowsPerPage} addSearch={ props.addSearch } changeSearchFirmName={ props.changeSearchFirmName } changeSearchKeyword={ props.changeSearchKeyword }/>\n                     ||\n                    <Scrollbars renderTrackVertical={props => <div {...props} className={classes.track}/>}\n                      renderThumbVertical={props => <div {...props} className={classes.thumb}/>} \n                      renderTrackHorizontal={() => <div></div>} \n                      renderThumbHorizontal={() => <div></div>}\n                      className={classes.scrolldiv}\n                      >\n                    <Leaders pageSetted={pageSetted} setPageStatus={setPageStatus} setPage={setPage} changeFirmPosition={props.changeFirmPosition} state={props.state} page={page} setLength={setLength} rowsPerPage={rowsPerPage} addSearch={ props.addSearch } changeSearchFirmName={ props.changeSearchFirmName } changeSearchKeyword={ props.changeSearchKeyword }/>\n                    </Scrollbars>\n                    }\n                    {responsiveRowsPerPageCount === 5 && \n                      <TablePagination\n                            rowsPerPageOptions={[]}\n                            component=\"div\"\n                            count={length}\n                            rowsPerPage={rowsPerPage}\n                            page={page}\n                            onChangePage={handleChangePage}\n                            onChangeRowsPerPage={handleChangeRowsPerPage}\n                            className={classes.pagination}\n                            color=\"white\"\n                        />\n                     ||\n                    <TablePagination\n                            rowsPerPageOptions={[5, 10, 25]}\n                            component=\"div\"\n                            count={length}\n                            rowsPerPage={rowsPerPage}\n                            page={page}\n                            onChangePage={handleChangePage}\n                            onChangeRowsPerPage={handleChangeRowsPerPage}\n                            className={classes.pagination}\n                            color=\"white\"\n                        />\n                      }\n                  </div>\n                </Grid>\n              </Grid>\n          </div>\n        </ThemeProvider>\n      \n    </ApolloProvider>\n    </div>\n  );\n  }\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App/App';\nimport reportWebVitals from './reportWebVitals';\n\n\nfunction validURL(str) {\n    var pattern = new RegExp('^(https?:\\\\/\\\\/)?'+ // protocol\n      '((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|'+ // domain name\n      '((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))'+ // OR ip (v4) address\n      '(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*'+ // port and path\n      '(\\\\?[;&a-z\\\\d%_.~+=-]*)?'+ // query string\n      '(\\\\#[-a-z\\\\d_]*)?$','i'); // fragment locator\n    return !!pattern.test(str);\n  }\n\nlet rerenderEntireTree = () => {\n    ReactDOM.render(<App changeFirmPosition={changeFirmPosition} state={ state } addSearch = { addSearch } changeSearchFirmName={ changeSearchFirmName } changeSearchKeyword={ changeSearchKeyword }/>,document.getElementById('root'));\n}\nlet state = {\n    searching: false,\n    firmName: \"\",\n    keyword: \"\",\n    textAreaFirmName: \"\",\n    textAreaKeyword: \"\",\n    firmPosition: 0,\n    leadersPage: 0,\n    website: false,\n}\n\nlet addSearch  = (firmname, keyword) => {\n    let notTrimmedFirmName = false;\n    let notTrimmedKeyword = false;\n    state.website = false;\n    state.searching = true;\n    state.firmPosition = 0;\n    if(state.textAreaFirmName !== state.textAreaFirmName.trim()){notTrimmedFirmName = true;}\n    if(state.textAreaKeyword !== state.textAreaKeyword.trim()){notTrimmedKeyword = true;}\n    state.textAreaFirmName = state.textAreaFirmName.trim();\n    state.textAreaKeyword = state.textAreaKeyword.trim();\n    if (notTrimmedFirmName || notTrimmedKeyword){rerenderEntireTree();}\n    state.firmName = state.textAreaFirmName;\n    if (validURL(state.firmName)) {\n        state.website = true;\n    }\n    state.keyword = state.textAreaKeyword;\n    rerenderEntireTree();\n    let searchBarElmnt = document.getElementById(\"searchResults\");\n    searchBarElmnt.scrollIntoView();\n}\n\nlet changeFirmPosition = (pos) => {\n    state.firmPosition = pos;\n}\n\n\nlet changeSearchFirmName = (firmname, reRender) => {\n    state.textAreaFirmName = firmname;\n    if(reRender === true){ rerenderEntireTree(); }\n}\n    \n\nlet changeSearchKeyword = (keyword, reRender) => {\n    state.textAreaKeyword = keyword;\n    if(reRender === true){ rerenderEntireTree(); }\n}\n\nrerenderEntireTree();\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"leaders\":\"App_leaders__3ei5z\",\"paper\":\"App_paper__2Zbn8\",\"background\":\"App_background__2UbU_\",\"glass__container\":\"App_glass__container__1cEP9\",\"glass__container__leaders\":\"App_glass__container__leaders__31bGk\",\"logo__red\":\"App_logo__red__2s1i5\",\"logo__white\":\"App_logo__white__3KPuG\",\"logo__small\":\"App_logo__small__1s6Qy\",\"logo\":\"App_logo__Ws4kc\",\"search__for\":\"App_search__for__UONTX\",\"small__red\":\"App_small__red__1lsm_\",\"powered__by\":\"App_powered__by__1nC5j\",\"pagination\":\"App_pagination__2nqvL\",\"scrolldiv\":\"App_scrolldiv__z4yZC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"transparentButton\":\"RowInTheTable_transparentButton__1h7wl\",\"transparentButton__current\":\"RowInTheTable_transparentButton__current__16sr0\",\"semrush__link\":\"RowInTheTable_semrush__link__2sAVt\",\"semrush__link__current\":\"RowInTheTable_semrush__link__current__TXwhf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn\":\"SearchBar_btn__j-ErN\",\"model__btn\":\"SearchBar_model__btn__3PsiT\",\"inp\":\"SearchBar_inp__2iZq3\",\"btmline\":\"SearchBar_btmline__2s4oX\"};"],"sourceRoot":""}