{"version":3,"file":"static/js/pages-public-WhitePaper.1f0375e48b1a0cafac1e.js","mappings":"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","sources":["components/WhitePapers/WhitePaperAboutGeotab.tsx","components/WhitePapers/WhitePaperArticleCard.tsx","pages/public/WhitePaper.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, Divider } from '@mui/material';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { v2Colors, getRgbaColor } from '@web-for-marketing/react-ui';\nimport { Heading, Text } from '@web-for-marketing/react-ui';\n\nconst classes = {\n    content: {\n        '& > a': {\n            textDecoration: 'none',\n            color: v2Colors.core.innovation,\n            padding: '0.5rem 0.2rem',\n            transition: '200ms background-color ease',\n            '&:hover': {\n                backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.03)} !important`,\n                textDecoration: 'underline',\n            },\n            '&:focus': {\n                outlineColor: v2Colors.core.innovation,\n                backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.06)} !important`,\n                textDecoration: 'underline',\n            },\n            '&:active': {\n                outline: 'none',\n                backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.05)} !important`,\n            },\n        },\n    },\n    fixMargin: {\n        marginBottom: '3rem',\n    },\n    divider: {\n        margin: '3rem 0',\n    },\n    title: {\n        marginBottom: '2rem',\n    },\n    smallText: {\n        fontSize: '1.2rem !important',\n    },\n};\n\nexport function WhitePaperAboutGeotab(): JSX.Element {\n    const { selectedLanguageTranslation } = useTranslation();\n\n    const aboutGeotabTranslation = getTranslation(selectedLanguageTranslation, 'aboutGeotab');\n\n    return (\n        <Grid>\n            <Heading variant='h3' weight='regular' color='primary' css={classes.title}>\n                {aboutGeotabTranslation.main}\n            </Heading>\n            <Text\n                color='tertiary'\n                variant='body2'\n                css={classes.content}\n                dangerouslySetInnerHTML={{ __html: aboutGeotabTranslation.content }}\n            />\n            <Divider css={classes.divider} />\n            <Text color='tertiary' css={[classes.smallText, classes.fixMargin]}>\n                © {new Date().getFullYear()} Geotab Inc.\n                {aboutGeotabTranslation.rights}\n            </Text>\n            <Text color='tertiary' css={classes.smallText}>\n                {aboutGeotabTranslation.disclaimer}\n            </Text>\n        </Grid>\n    );\n}\n","import React, { useMemo } from 'react';\nimport { Grid, Divider, Hidden } from '@mui/material';\nimport { articleContentAreaStyles as classes } from '../styleObjects/ArticleContentArea';\nimport { getFormattedLocalDateTime } from '@helpers/dates';\nimport { ArticleHeader } from '../ArticleHeader';\nimport { RenderChips } from '../BlogSection/BlogComponents/Shared/RenderChips';\nimport { WhitePaperAboutGeotab } from './WhitePaperAboutGeotab';\nimport { RenderedArticle } from '../Articles/RenderedArticle';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useAtom } from 'jotai';\nimport { isMobileAtom } from '@atoms/appSettings';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { TableOfContents } from '@components/TableOfContents/TableOfContents';\nimport { TableOfContentsMobile } from '@components/TableOfContents/TableOfContentsMobile';\nimport { Heading } from '@web-for-marketing/react-ui';\nimport { DownloadButton } from '@components/Articles/DownloadButton';\nimport { WhitePaper } from '@models/whitePaper';\nimport { PublicDateTime } from '@components/PublicDateTime';\n\nexport interface WhitePaperArticleCardProps {\n    whitePaper: WhitePaper;\n}\n\nexport function WhitePaperArticleCard({ whitePaper }: WhitePaperArticleCardProps): JSX.Element {\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { mediaUrlPrefix } = useStaticValues();\n    const { selectedLanguageTranslation } = useTranslation();\n    const whitePaperArticleCardTranslation = useMemo(\n        () => getTranslation(selectedLanguageTranslation, 'whitePaper', 'articleCard'),\n        [selectedLanguageTranslation]\n    );\n    const [isMobile] = useAtom(isMobileAtom);\n    const initialWidth = isMobile ? 'sm' : 'lg';\n\n    return (\n        <>\n            {whitePaper ? (\n                <section css={classes.container}>\n                    <Grid container>\n                        <Grid item xs={12}>\n                            <Heading variant='h1' color='primary' css={classes.title}>\n                                {whitePaper.title}\n                            </Heading>\n                        </Grid>\n                        <Grid container item css={classes.publishedContainer} xs={12}>\n                            <Grid item>\n                                <PublicDateTime>\n                                    <Heading variant='h4' component='p' css={classes.publishedDate}>\n                                        {whitePaperArticleCardTranslation.publishedOn}{' '}\n                                        {getFormattedLocalDateTime(whitePaper.publishedDateUtc, 'LL', selectedLanguage)}\n                                    </Heading>\n                                </PublicDateTime>\n                            </Grid>\n                            {whitePaper.downloadUrl ? (\n                                <Grid item css={classes.downloadContainer}>\n                                    <DownloadButton\n                                        link={whitePaper.downloadUrl}\n                                        ariaLabel={whitePaperArticleCardTranslation.downloadWhitePaper}\n                                        id='whitepaperdownloadbutton'\n                                    />\n                                </Grid>\n                            ) : null}\n                        </Grid>\n                        {whitePaper.imageUrl || whitePaper.videoUrl ? (\n                            <Grid item xs={12} css={classes.media}>\n                                <ArticleHeader article={whitePaper} />\n                            </Grid>\n                        ) : null}\n                        <Grid item css={classes.content} xs={12}>\n                            <Hidden initialWidth={initialWidth} mdDown>\n                                <TableOfContents content={whitePaper.htmlContent} id='whitepapertoc' />\n                            </Hidden>\n                            <Hidden initialWidth={initialWidth} mdUp>\n                                <TableOfContentsMobile content={whitePaper.htmlContent} id='whitepapertoc' />\n                            </Hidden>\n                            <Grid>\n                                <RenderedArticle content={whitePaper.htmlContent} mediaUrlPrefix={mediaUrlPrefix} />\n                            </Grid>\n                        </Grid>\n                        {whitePaper.tags && whitePaper.tags.length ? (\n                            <Grid item css={classes.tags} xs={12}>\n                                <RenderChips chips={whitePaper.tags} />\n                            </Grid>\n                        ) : null}\n                        <Grid item xs={12}>\n                            <Divider css={classes.dividerBottom} />\n                        </Grid>\n                        <WhitePaperAboutGeotab />\n                    </Grid>\n                </section>\n            ) : null}\n        </>\n    );\n}\n","import React from 'react';\nimport { articleStyles as classes } from './styleObjects/articleStyles';\nimport { Grid } from '@mui/material';\nimport { BottomArticleCardList } from '@components/BottomArticleCardList';\nimport { WhitePaperArticleCard } from '@components/WhitePapers/WhitePaperArticleCard';\nimport { Redirect } from '@components/Redirect';\nimport { ArticleSectionPageHelmet } from '@components/BlogSection/ArticleSectionPageHelmet';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { ArticleHeader } from '@components/ArticleHeader';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { Heading } from '@web-for-marketing/react-ui';\n\nexport default function WhitePaper(): JSX.Element {\n    const { whitePaper } = useStaticValues();\n    const hasHeadermedia =\n        whitePaper.articleData?.whitePaper.imageUrl || whitePaper.articleData?.whitePaper.mobileImageUrl;\n    const { selectedLanguageTranslation } = useTranslation();\n\n    return whitePaper.articleData?.whitePaper.redirectUrl ? (\n        <Redirect statusCode={200} redirectUrl={whitePaper.articleData.whitePaper.redirectUrl} />\n    ) : (\n        <>\n            {whitePaper.articleData ? (\n                <>\n                    <ArticleSectionPageHelmet\n                        article={whitePaper}\n                        articleType='whitePaper'\n                        noIndex={whitePaper.articleData?.whitePaper.noIndex}\n                    />\n                    <Grid container direction='column'>\n                        <Grid item css={classes.header}>\n                            <ArticleHeader article={whitePaper.articleData?.whitePaper} />\n                        </Grid>\n                        <Grid>\n                            <Grid\n                                container\n                                spacing={6}\n                                css={[\n                                    { margin: '-24px', '& > .MuiGrid-item': { padding: '24px' } },\n                                    classes.centeredContainer,\n                                    classes.mobileWrap,\n                                ]}\n                                wrap='nowrap'\n                            >\n                                <Grid\n                                    item\n                                    md={12}\n                                    lg={8}\n                                    css={hasHeadermedia ? classes.pressReleaseCard : classes.noHeaderMediaCard}\n                                >\n                                    <WhitePaperArticleCard whitePaper={whitePaper.articleData.whitePaper} />\n                                </Grid>\n                            </Grid>\n                        </Grid>\n                        <Grid item>\n                            <Grid container css={[classes.centeredContainer, classes.block]}>\n                                <Grid css={classes.recentNewsContainer}>\n                                    <Heading variant='h2' color='primary'>\n                                        {getTranslation(selectedLanguageTranslation, 'recentNews')}\n                                    </Heading>\n                                    <BottomArticleCardList\n                                        articleList={whitePaper.articleData.relatedWhitePapers}\n                                        routeType={languageRouteTypes.WHITE_PAPER}\n                                    />\n                                </Grid>\n                            </Grid>\n                        </Grid>\n                    </Grid>\n                </>\n            ) : null}\n        </>\n    );\n}\n"],"names":["classes","content","textDecoration","color","v2Colors","core","innovation","padding","transition","backgroundColor","getRgbaColor","deepSpace","outlineColor","outline","fixMargin","marginBottom","divider","margin","title","smallText","fontSize","WhitePaperAboutGeotab","selectedLanguageTranslation","useTranslation","aboutGeotabTranslation","getTranslation","_jsxs","Grid","children","_jsx","Heading","variant","weight","css","main","Text","dangerouslySetInnerHTML","__html","Divider","Date","getFullYear","rights","disclaimer","WhitePaperArticleCard","whitePaper","selectedLanguage","useAtom","selectedLanguageAtom","mediaUrlPrefix","useStaticValues","whitePaperArticleCardTranslation","useMemo","isMobile","isMobileAtom","initialWidth","_Fragment","container","item","xs","publishedContainer","PublicDateTime","component","publishedDate","publishedOn","getFormattedLocalDateTime","publishedDateUtc","downloadUrl","downloadContainer","DownloadButton","link","ariaLabel","downloadWhitePaper","id","imageUrl","videoUrl","media","ArticleHeader","article","Hidden","mdDown","TableOfContents","htmlContent","mdUp","TableOfContentsMobile","RenderedArticle","tags","length","RenderChips","chips","dividerBottom","WhitePaper","hasHeadermedia","articleData","mobileImageUrl","redirectUrl","Redirect","statusCode","ArticleSectionPageHelmet","articleType","noIndex","direction","header","spacing","centeredContainer","mobileWrap","wrap","md","lg","pressReleaseCard","noHeaderMediaCard","block","recentNewsContainer","BottomArticleCardList","articleList","relatedWhitePapers","routeType","languageRouteTypes","WHITE_PAPER"],"sourceRoot":""}