{"version":3,"sources":["webpack:///./src/common/components/organisms/CoverList/CoverList.tsx","webpack:///./src/common/components/templates/IllnessesCovered.tsx","webpack:///./src/common/pages/IllnessesCoveredPage.tsx"],"names":["letters","CoverList","title","text","list","desktop","useDesktop","useState","cureentLetter","setCureentLetter","classes","makeStyles","active","borderBottom","paddingBottom","letter","width","useStyles","isBrowser","useBrowser","Grid","data-testid","container","item","xs","md","Text","label","variant","box","color","mt","Spacer","style","marginBottom","display","flexWrap","justifyContent","fontSize","fontWeight","map","document","getElementById","className","href","onClick","e","preventDefault","el","scrollIntoView","behavior","block","handleClick","sort","a","b","listItem","index","id","scrollMargin","Box","borderTop","flexDirection","height","flex","alignItems","bgcolor","marginTop","html","IllnessesCovered","jumbotron","layout","illnessList","Layout","Jumbotron","Wrapper","component","IllnessesCoveredPage","pageContext","getIllnessedCovered","data","getLayoutData","getJumbotronData","heading","sub_heading","illness"],"mappings":"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","file":"component---src-common-pages-illnesses-covered-page-tsx-02225e7d3a9b7c8c7865.js","sourcesContent":["import { Box, Grid, makeStyles } from '@material-ui/core'\nimport { Spacer } from 'common/components/molecules/Spacer'\nimport { Text } from 'common/components/molecules/Text'\nimport { useBrowser } from 'common/hooks/useBrowser'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React, { useState } from 'react'\n\nexport interface CoverListProps {\n    title: string\n    text: string\n    list: { text: string; title: string }[]\n}\n\nconst letters = [\n    'A',\n    'B',\n    'C',\n    'D',\n    'E',\n    'F',\n    'G',\n    'H',\n    'I',\n    'J',\n    'K',\n    'L',\n    'M',\n    'N',\n    'O',\n    'P',\n    'Q',\n    'R',\n    'S',\n    'T',\n    'U',\n    'V',\n    'W',\n    'X',\n    'Y',\n    'Z'\n]\n\nexport const CoverList: React.FC<CoverListProps> = ({ title, text, list }) => {\n    const desktop = useDesktop()\n    const [cureentLetter, setCureentLetter] = useState<string>('')\n    const useStyles = makeStyles({\n        active: {\n            borderBottom: '2px solid #1D2F7C',\n            paddingBottom: 5\n        },\n        letter: {\n            width: desktop ? 'auto' : '12.5%'\n        }\n    })\n    const classes = useStyles()\n    const isBrowser = useBrowser()\n\n    const handleClick = (e: any, letter: string) => {\n        e.preventDefault()\n        setCureentLetter(letter)\n        let el: any = isBrowser && document.getElementById(letter)\n        if (el !== null) {\n            el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n        }\n    }\n    return (\n        <Grid data-testid='CoverList' container>\n            <Grid item xs={12} md={3}>\n                <Text label={title} variant='h4' />\n                <Text box={{ color: '#766F90', mt: 6 }} label={text} />\n            </Grid>\n            <Grid item md={2} />\n            <Grid item xs={12} md={7}>\n                {!desktop && <Spacer variant='sm' />}\n                <div\n                    style={{\n                        marginBottom: 30,\n                        display: 'flex',\n                        flexWrap: 'wrap',\n                        justifyContent: desktop ? 'space-between' : 'normal',\n                        fontSize: '16px',\n                        fontWeight: 500\n                    }}\n                >\n                    {letters.map(letter => {\n                        return isBrowser && document.getElementById(letter) ? (\n                            <div\n                                key={letter}\n                                style={{\n                                    width: desktop ? 'auto' : '12.5%',\n                                    marginBottom: 20\n                                }}\n                            >\n                                <a\n                                    data-testid='Link'\n                                    className={\n                                        cureentLetter === letter\n                                            ? classes.active\n                                            : ''\n                                    }\n                                    href={`#${letter}`}\n                                    onClick={e => handleClick(e, letter)}\n                                >\n                                    {letter}\n                                </a>\n                            </div>\n                        ) : (\n                            <div\n                                key={letter}\n                                style={{\n                                    width: desktop ? 'auto' : '12.5%',\n                                    marginBottom: 20\n                                }}\n                            >\n                                <span\n                                    style={{\n                                        color: '#C1C7E1',\n                                        marginBottom: 5\n                                    }}\n                                >\n                                    {letter}\n                                </span>\n                            </div>\n                        )\n                    })}\n                </div>\n                {!desktop && <Spacer variant='md' />}\n                {list &&\n                    list\n                        .sort((a, b) => (a.title > b.title ? 1 : -1))\n                        .map((listItem, index) => (\n                            <div\n                                id={`${listItem.title[0]}`}\n                                style={{ scrollMargin: 100 }}\n                                key={index}\n                            >\n                                <Box\n                                    borderTop='1px solid #d5d9eb'\n                                    display='flex'\n                                    flexDirection='column'\n                                    height={166}\n                                    key={listItem.title}\n                                >\n                                    <Box display='flex' height={48}>\n                                        {list[index - 1]?.title[0] !==\n                                            listItem.title[0] && (\n                                            <>\n                                                <Box flex={1} />\n                                                <Text\n                                                    box={{\n                                                        alignItems: 'center',\n                                                        bgcolor: '#50C9B5',\n                                                        color: '#fff',\n                                                        display: 'flex',\n                                                        fontWeight: 'bold',\n                                                        justifyContent:\n                                                            'center',\n                                                        height: 48,\n                                                        width: 48\n                                                    }}\n                                                    label={listItem.title[0]}\n                                                    variant='h2'\n                                                />\n                                            </>\n                                        )}\n                                    </Box>\n                                    <Box flex={1} marginTop={desktop ? 0 : 3}>\n                                        <Text\n                                            label={listItem.title}\n                                            variant='h3'\n                                            style={{ fontSize: 20 }}\n                                        />\n                                        <Text\n                                            box={{ mt: 3, color: '#9D98B0' }}\n                                            label={listItem.text}\n                                            variant='body2'\n                                            html={true}\n                                        />\n                                    </Box>\n                                    <Box height={48} />\n                                </Box>\n                            </div>\n                        ))}\n            </Grid>\n        </Grid>\n    )\n}\n","import { Spacer } from 'common/components/molecules/Spacer'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport {\n    CoverList,\n    CoverListProps\n} from 'common/components/organisms/CoverList'\nimport {\n    Jumbotron,\n    JumbotronProps\n} from 'common/components/organisms/Jumbotron'\nimport { Layout, LayoutProps } from 'common/components/organisms/Layout'\nimport React from 'react'\n\nexport interface IllnessesCoveredProps {\n    illnessList: CoverListProps\n    jumbotron: JumbotronProps\n    layout: LayoutProps\n}\n\nexport const IllnessesCovered: React.FC<IllnessesCoveredProps> = ({\n    jumbotron,\n    layout,\n    illnessList\n}) => {\n    return (\n        <Layout {...layout}>\n            <Jumbotron {...jumbotron} />\n            <Spacer variant='md' />\n            <Wrapper component='section'>\n                <CoverList {...illnessList} />\n            </Wrapper>\n        </Layout>\n    )\n}\n","import { getJumbotronData } from 'common/components/organisms/Jumbotron'\nimport { IllnessesCovered } from 'common/components/templates/IllnessesCovered'\nimport { getLayoutData } from 'common/utils/getLayoutData'\nimport React from 'react'\n\nexport interface IllnessesCoveredPageProps {\n    pageContext: any\n}\n\nexport const IllnessesCoveredPage: React.FC<IllnessesCoveredPageProps> = ({\n    pageContext\n}: any) => {\n    return <IllnessesCovered {...getIllnessedCovered(pageContext)} />\n}\n\nexport default IllnessesCoveredPage\n\nexport const getIllnessedCovered = (data: any) => ({\n    layout: getLayoutData(data),\n    jumbotron: getJumbotronData(data),\n    illnessList: {\n        title: data.heading,\n        text: data.sub_heading,\n        list: data.illness\n    }\n})\n"],"sourceRoot":""}