{"version":3,"file":"static/js/pages-public-blog-PublicBlog.d6c5c7a21883d95e3065.js","mappings":"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","sources":["components/BlogSection/BlogComponents/Shared/styleObjects/SubscriptionBoxStyles.ts","components/BlogSection/BlogComponents/Shared/SubscribeBlogForm.tsx","components/BlogSection/BlogComponents/Shared/BlogSubscriptionBox.tsx","components/BlogSection/BlogComponents/Author/AuthorCardV2.tsx","components/BlogSection/BlogComponents/BlogPage/BlogContentArea.tsx","components/BlogSection/BlogComponents/BlogPage/BlogHeader.tsx","pages/public/blog/PublicBlog.tsx"],"sourcesContent":["import { v2Colors, breakpoints, getRgbaColor } from '@web-for-marketing/react-ui';\n\nexport const SubscriptionBoxStyles = {\n boxContainer: {\n padding: '4rem',\n borderRadius: '8px',\n backgroundColor: v2Colors.action.innovationDark,\n [`@media (max-width: ${breakpoints.sm})`]: {\n padding: '2.4rem',\n },\n },\n shortBoxContainer: {\n padding: '3.2rem',\n borderRadius: '8px',\n backgroundColor: v2Colors.action.innovationDark,\n [`@media (max-width: ${breakpoints.sm})`]: {\n padding: '2.4rem',\n },\n },\n description: {\n marginBottom: '1.6rem',\n color: v2Colors.text.inversePrimary,\n [`@media (max-width: ${breakpoints.sm})`]: {\n marginBottom: '1.2rem',\n },\n },\n title: {\n marginBottom: '1.6rem',\n color: v2Colors.text.inversePrimary,\n [`@media (max-width: ${breakpoints.sm})`]: {\n marginBottom: '1.2rem',\n },\n },\n inputTextboxContainer: {\n width: '100%',\n flexGrow: 1,\n },\n input: {\n '& > div': {\n borderRadius: '6px',\n },\n },\n consentContainer: {\n width: '100%',\n padding: '0.8rem 0 2.4rem 1.8rem',\n flexDirection: 'row',\n '& span': {\n padding: 0,\n },\n '& svg': {\n fontSize: '2.2rem !important',\n },\n [`@media (max-width: ${breakpoints.sm})`]: {\n padding: '0.4rem 0 0.8rem 1.8rem',\n },\n },\n label: {\n color: v2Colors.core.snow,\n fontSize: '1.4rem',\n '& a': {\n color: v2Colors.core.snow,\n },\n '& a:hover': {\n backgroundColor: getRgbaColor(v2Colors.core.snow, 0.02),\n },\n '& a:focus': {\n backgroundColor: `${getRgbaColor(v2Colors.core.snow, 0.05)} !important`,\n },\n },\n linkStyles: {\n textDecoration: 'underline',\n },\n} as const;\n","import React, { useState, useContext } from 'react';\nimport { Grid2 } from '@mui/material';\nimport { NotificationContext } from '@contexts/NotificationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { postMarketingCloudForm } from '@services/marketingCloudPublicService';\nimport { SubscriptionBoxStyles as classes } from './styleObjects/SubscriptionBoxStyles';\nimport { redirectToThankyou } from '@helpers/form';\nimport { getLanguageByCode } from '@helpers/languages';\nimport { useUTMFormValues } from '@hooks/useUTMFormValues';\nimport { Input, Checkbox, Text, V2Button, v2Colors, useRecaptcha } from '@web-for-marketing/react-ui';\nimport { CMSLink } from '@components/CMSLink';\nimport { logError } from '@helpers/errors';\n\n/* eslint-disable camelcase */\nconst initialFormValues = {\n first_name: '',\n last_name: '',\n email: '',\n opt_in: false,\n};\n/* eslint-enable camelcase */\n\nexport function SubscribeBlogForm(): JSX.Element {\n const notificationContext = useContext(NotificationContext);\n const [selectedLanguage] = useAtom(selectedLanguageAtom);\n const { recaptchaSiteKey } = useStaticValues();\n const { selectedLanguageTranslation } = useTranslation();\n const [formValues, setFormValues] = useUTMFormValues(initialFormValues);\n const [enableRecaptcha, RecaptchaComponent, token, refresh] = useRecaptcha(recaptchaSiteKey);\n const [disableButton, setDisableButton] = useState(false);\n const subscribeFormTranslation = getTranslation(selectedLanguageTranslation, 'authorBiography', 'subscribeFormMC');\n const salesforceFormLanguage = getTranslation(selectedLanguageTranslation, 'salesforce');\n const language = getLanguageByCode(selectedLanguage);\n const isEUForm = language ? language.isEuLanguage : false;\n\n async function handleSubmit(event: React.FormEvent): Promise {\n event.preventDefault();\n setDisableButton(true);\n try {\n if (isEUForm) {\n await postMarketingCloudForm(\n subscribeFormTranslation.formId,\n {\n ...formValues,\n ['Form_Language_Country__c']: salesforceFormLanguage.formLanguage,\n ['language_selection']: selectedLanguage,\n },\n token\n );\n } else {\n await postMarketingCloudForm(subscribeFormTranslation.formId, formValues, token);\n }\n redirectToThankyou('', selectedLanguage, undefined, true);\n } catch (error) {\n const errorMessage = error instanceof Error ? error.message : error;\n notificationContext.show(errorMessage, 'error');\n refresh();\n setDisableButton(false);\n }\n }\n\n function toggleOptIn(): void {\n const currentValue = formValues['opt_in'];\n updateFieldValue('opt_in', !currentValue);\n }\n\n function updateFieldValue(field: string, value: string | boolean): void {\n setFormValues((currentFormValues) => ({ ...currentFormValues, [field]: value }));\n }\n\n return (\n {\n handleSubmit(event).catch((error) => logError(error, 'submitting become a reseller form'));\n }}\n spacing={2}\n >\n \n updateFieldValue('first_name', event.target.value)}\n label={subscribeFormTranslation.firstName}\n hiddenLabel\n labelColor='transparent'\n backgroundColor={v2Colors.core.snow}\n css={classes.input}\n />\n \n \n updateFieldValue('last_name', event.target.value)}\n required\n label={subscribeFormTranslation.lastName}\n hiddenLabel\n labelColor='transparent'\n backgroundColor={v2Colors.core.snow}\n css={classes.input}\n />\n \n \n updateFieldValue('email', event.target.value)}\n required\n type='email'\n label={subscribeFormTranslation.email}\n hiddenLabel\n labelColor='transparent'\n backgroundColor={v2Colors.core.snow}\n css={classes.input}\n />\n \n \n {subscribeFormTranslation.consentTextSentences}\n \n {subscribeFormTranslation.consentLinkText}\n \n \n }\n />\n \n {RecaptchaComponent}\n \n {subscribeFormTranslation.subscribe}\n \n \n \n );\n}\n","import React from 'react';\nimport { SubscribeBlogForm } from './SubscribeBlogForm';\nimport { SubscriptionBoxStyles as classes } from './styleObjects/SubscriptionBoxStyles';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { Heading } from '@web-for-marketing/react-ui';\n\nexport interface BlogSubscriptionBoxProps {\n type?: 'full' | 'short';\n}\n\nexport function BlogSubscriptionBox({ type = 'full' }: BlogSubscriptionBoxProps): JSX.Element {\n const { selectedLanguageTranslation } = useTranslation();\n const geotabSubscribeTranslation = getTranslation(\n selectedLanguageTranslation,\n 'authorBiography',\n 'geotabSubscribe'\n );\n const isShort = type === 'short';\n\n return (\n
\n \n {geotabSubscribeTranslation.subscribeTo}\n \n \n
\n );\n}\n","import React from 'react';\nimport { Grid2 } from '@mui/material';\nimport { LazyLoadContainer, Text, V2Button } from '@web-for-marketing/react-ui';\nimport { Author } from '@models/author';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { ensureInternalURLTrailingSlash } from '@helpers/string';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\n\nconst classes = {\n media: {\n borderRadius: '50%',\n width: '8rem',\n height: '8rem',\n marginRight: '3.2rem',\n objectFit: 'cover',\n },\n authorContainer: {\n margin: '3.2rem 0',\n },\n} as const;\n\ninterface AuthorCardV2Props {\n author: Author;\n isBlogPostVisible: boolean;\n}\n\nexport const AuthorCardV2 = ({ author, isBlogPostVisible }: AuthorCardV2Props): JSX.Element => {\n const { prefixStringWithBaseUrl } = useStaticValues();\n const [selectedLanguage] = useAtom(selectedLanguageAtom);\n\n return (\n \n \n {author.name}\n \n {isBlogPostVisible ? (\n \n {author.name}\n \n ) : (\n \n {author.name}\n \n )}\n \n {author.shortBiography}\n \n \n \n \n );\n};\n","import React, { useMemo, useEffect } from 'react';\nimport { Grid2, Divider } from '@mui/material';\nimport { RenderedArticle } from '@components/Articles/RenderedArticle';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { articleContentAreaStyles } from '@components/styleObjects/ArticleContentArea';\nimport { BlogArticle } from '@models/blog';\nimport { breakpoints, Text } from '@web-for-marketing/react-ui';\nimport { TableOfContents } from '@components/TableOfContents/TableOfContentsV2';\nimport { BlogSubscriptionBox } from '../Shared/BlogSubscriptionBox';\nimport { AuthorCardV2 } from '../Author/AuthorCardV2';\nimport { useAtom, useSetAtom } from 'jotai';\nimport { navHeightAtom, selectedLanguageAtom } from '@atoms/appSettings';\nimport { KeyTakeaways } from '@components/Glossary/KeyTakeaways';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { isProgressBarVisibleAtom } from '@atoms/navigation';\nimport { getLanguageByCode } from '@helpers/languages';\nimport { getFormattedLocalDateTime } from '@helpers/dates';\nimport { ArticleFAQAccordionList } from '../Shared/ArticleFAQAccordionList';\nimport { ShareSocialMediaButtons } from '@components/Articles/ShareSocialMediaButtons';\nimport { PublicDateTime } from '@components/PublicDateTime';\n\nconst classes = {\n ...articleContentAreaStyles,\n divider: {\n width: '100%',\n },\n mainContainer: {\n margin: '0',\n padding: '5.6rem 0',\n position: 'relative',\n background: '#FFFFFF',\n [`@media (max-width: ${breakpoints.lg})`]: {\n padding: '5.6rem 0',\n },\n [`@media (max-width: ${breakpoints.md})`]: {\n padding: '0',\n },\n },\n containerToC: (navHeight: number) =>\n ({\n position: 'sticky',\n top: navHeight,\n float: 'right',\n }) as const,\n shareAndLikeIcons: {\n display: 'flex',\n },\n\n mobileSubscribeContainer: {\n display: 'none',\n [`@media (max-width: ${breakpoints.md})`]: {\n display: 'block',\n },\n },\n tableOfContentContainer: {\n display: 'block',\n [`@media (max-width: ${breakpoints.md})`]: {\n display: 'none',\n },\n },\n} as const;\n\ninterface BlogContentAreaProps {\n blogPost: BlogArticle;\n}\nexport function BlogContentArea({ blogPost }: BlogContentAreaProps): JSX.Element {\n const { mediaUrlPrefix } = useStaticValues();\n const [navHeight] = useAtom(navHeightAtom);\n const { selectedLanguageTranslation } = useTranslation();\n const [selectedLanguage] = useAtom(selectedLanguageAtom);\n const setIsProgressBarVisible = useSetAtom(isProgressBarVisibleAtom);\n const showGeotabSubscribe = getLanguageByCode(selectedLanguage)?.showGeotabSubscribe;\n\n useEffect(() => {\n setIsProgressBarVisible(true);\n }, [setIsProgressBarVisible]);\n\n const blogFAQTitleTranslation = useMemo(\n () => getTranslation(selectedLanguageTranslation, 'articleFAQ', 'title'),\n [selectedLanguageTranslation]\n );\n\n const hasHeadermedia = blogPost.imageUrl || blogPost.mobileImageUrl;\n\n return (\n \n \n {blogPost.keyTakeaways ? (\n
\n \n
\n ) : null}\n \n {showGeotabSubscribe ? (\n
\n \n
\n ) : null}\n {blogPost.frequentlyAskedQuestions?.length ? (\n \n ) : null}\n \n \n \n Updated: {getFormattedLocalDateTime(blogPost.modifiedDateUtc, 'll', selectedLanguage)}\n \n \n \n \n \n \n \n \n
\n \n \n {showGeotabSubscribe ? : null}\n \n
\n \n \n );\n}\n","import React from 'react';\nimport { Grid2, Stack } from '@mui/material';\nimport { breakpoints, Heading, Text, v2Colors, Container, V2Button } from '@web-for-marketing/react-ui';\nimport { BlogArticle } from '@models/blog';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { Picture } from '@components/Picture';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { getFormattedLocalDateTime } from '@helpers/dates';\nimport { CategoryPill } from '@components/BlogCards/CategoryPill';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { ensureInternalURLTrailingSlash } from '@helpers/string';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { PublicDateTime } from '@components/PublicDateTime';\nimport { ClassNames } from '@emotion/react';\n\ninterface BlogHeaderProps {\n blogPost: BlogArticle;\n categoryBlogLink: string;\n}\n\nconst classes = {\n blogHeaderContainer: {\n padding: '5.6rem 6.4rem',\n borderRadius: '.8rem .8rem 0 0',\n backgroundColor: v2Colors.background.white,\n [`@media (max-width: ${breakpoints.lg})`]: {\n padding: '5.6rem 0',\n },\n [`@media (max-width: ${breakpoints.md})`]: {\n padding: '2.4rem 0',\n },\n },\n blogTitleContainer: {\n margin: '1.6rem 0',\n },\n blogCategoryPill: {\n borderRadius: '10rem',\n borderColor: v2Colors.border.primary,\n color: v2Colors.text.secondary,\n fontWeight: 400,\n },\n picture: {\n display: 'block',\n },\n bannerImage: {\n borderRadius: '.8rem',\n },\n gridContainer: {\n boxSizing: 'border-box',\n backgroundColor: v2Colors.background.light,\n [`@media (max-width: ${breakpoints.lg})`]: {\n backgroundColor: v2Colors.background.white,\n },\n },\n title: {\n marginBottom: '1rem',\n },\n flexContainer: {\n display: 'flex',\n },\n ellipseIcon: {\n margin: ' 0 1.2rem',\n display: 'flex',\n alignItems: 'center',\n color: v2Colors.text.tertiary,\n fontSize: '2rem',\n [`@media (max-width: ${breakpoints.sm})`]: {\n margin: '0 .8rem',\n },\n },\n media: {\n height: '5rem',\n width: '5rem',\n borderRadius: '50%',\n marginRight: '1.6rem',\n objectFit: 'cover',\n },\n} as const;\n\nexport const BlogHeader = ({ blogPost, categoryBlogLink }: BlogHeaderProps): JSX.Element => {\n const { prefixStringWithBaseUrl } = useStaticValues();\n const { selectedLanguageTranslation } = useTranslation();\n const [selectedLanguage] = useAtom(selectedLanguageAtom);\n\n const { author, category, title, description, publishedDateUtc, readMinutes, imageAlt, imageUrl, mobileImageUrl } =\n blogPost;\n const readMinuteText = getTranslation(selectedLanguageTranslation, 'blogInfo', 'readMinutes').replace(\n '5',\n readMinutes ? readMinutes : '~1'\n );\n\n return (\n \n \n \n \n
\n \n {title}\n \n {description ? (\n \n {description}\n \n ) : null}\n
\n
\n \n \n \n {getTranslation(selectedLanguageTranslation, 'blogInfo', 'by')}\n  \n {blogPost.visible ? (\n \n {author.name}\n \n ) : (\n {author.name}\n )}\n \n \n \n \n Published: {getFormattedLocalDateTime(publishedDateUtc, 'll', selectedLanguage)}\n \n \n •\n \n {readMinuteText}\n \n \n \n
\n \n {imageUrl || mobileImageUrl ? (\n \n \n {({ css }) => (\n \n )}\n \n \n ) : null}\n \n \n );\n};\n","import React, { useMemo } from 'react';\nimport { Divider, Grid2 } from '@mui/material';\nimport { BlogHOC } from '@components/BlogSection/BlogComponents/HOC/BlogHOC';\nimport { BlogContentArea } from '@components/BlogSection/BlogComponents/BlogPage/BlogContentArea';\nimport { Redirect } from '@components/Redirect';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { breakpoints, Heading, LazyLoadContainer, v2Colors, Container } from '@web-for-marketing/react-ui';\nimport { BlogHeader } from '@components/BlogSection/BlogComponents/BlogPage/BlogHeader';\nimport { useAtom } from 'jotai';\nimport { BlogCard2 } from '@components/BlogCards/BlogCard2';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { LanguageCode } from '@models/languageCode';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { TableOfContentsMobile } from '@components/TableOfContents/TableOfContentsMobileV2';\n\nfunction generateBlogLink(selectedLanguage: LanguageCode, routeKey: 'categoryUrl' | 'blogHomeUrl'): string {\n return getLanguageRouteAndPrefixByCodeAndRouteKey(selectedLanguage, routeKey);\n}\n\nconst classes = {\n relatedPostBackground: {\n margin: '0',\n backgroundColor: v2Colors.background.lighter,\n [`@media (max-width: ${breakpoints.md})`]: {\n padding: 0,\n boxShadow: 'none',\n flexDirection: 'column-reverse',\n },\n [`@media (max-width: ${breakpoints.md})`]: {\n '&:before': {\n content: 'none',\n },\n },\n },\n relatedPostContainer: {\n padding: '5.6rem 6.4rem',\n [`@media (max-width: ${breakpoints.lg})`]: {\n padding: '5.6rem 0',\n },\n [`@media (max-width: ${breakpoints.sm})`]: {\n padding: '1.6rem 0',\n },\n },\n container: {\n padding: '0 6.4rem',\n [`@media (max-width: ${breakpoints.lg})`]: {\n padding: '0',\n },\n },\n relatedPostTitle: {\n marginBottom: '3.2rem',\n [`@media (max-width: ${breakpoints.sm})`]: {\n marginBottom: '1.6rem',\n },\n },\n blogHeaderBackgroundContainer: {\n paddingTop: '1.2rem',\n backgroundColor: v2Colors.background.light,\n [`@media (max-width: ${breakpoints.lg})`]: {\n backgroundColor: v2Colors.background.white,\n paddingTop: 0,\n },\n },\n dividerContainer: {\n display: 'block',\n [`@media (max-width: ${breakpoints.md})`]: {\n display: 'none',\n },\n },\n tableOfContentsMobileContainer: {\n display: 'none',\n [`@media (max-width: ${breakpoints.md})`]: {\n display: 'block',\n marginBottom: '2.4rem',\n },\n },\n divider: {\n borderWidth: '1.5px',\n },\n} as const;\n\nexport default function PublicBlog(): JSX.Element | null {\n const {\n blog: { articleData },\n prefixStringWithBaseUrl,\n } = useStaticValues();\n const [selectedLanguage] = useAtom(selectedLanguageAtom);\n\n const { selectedLanguageTranslation } = useTranslation();\n const blogPostTranslation = useMemo(\n () => getTranslation(selectedLanguageTranslation, 'blogPost'),\n [selectedLanguageTranslation]\n );\n\n const categoryBlogLink = useMemo(\n () => generateBlogLink(selectedLanguage, languageRouteTypes.CATEGORY),\n [selectedLanguage]\n );\n\n const languageBlogLink = useMemo(\n () => generateBlogLink(selectedLanguage, languageRouteTypes.BLOG_HOME),\n [selectedLanguage]\n );\n\n return articleData ? (\n articleData?.blogArticle.redirectUrl ? (\n \n ) : (\n \n
\n \n
\n \n
\n
\n \n
\n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n {blogPostTranslation.relatedPosts}\n \n \n {articleData.otherPosts.map((card) => (\n \n \n \n ))}\n \n
\n \n
\n \n )\n ) : null;\n}\n"],"names":["SubscriptionBoxStyles","boxContainer","padding","borderRadius","backgroundColor","v2Colors","action","innovationDark","breakpoints","sm","shortBoxContainer","description","marginBottom","color","text","inversePrimary","title","inputTextboxContainer","width","flexGrow","input","consentContainer","flexDirection","fontSize","label","core","snow","getRgbaColor","linkStyles","textDecoration","initialFormValues","first_name","last_name","email","opt_in","SubscribeBlogForm","notificationContext","useContext","NotificationContext","selectedLanguage","useAtom","selectedLanguageAtom","recaptchaSiteKey","useStaticValues","selectedLanguageTranslation","useTranslation","formValues","setFormValues","useUTMFormValues","enableRecaptcha","RecaptchaComponent","token","refresh","useRecaptcha","disableButton","setDisableButton","useState","subscribeFormTranslation","getTranslation","salesforceFormLanguage","language","getLanguageByCode","isEUForm","isEuLanguage","updateFieldValue","field","value","currentFormValues","_jsxs","Grid2","container","component","onSubmit","event","async","preventDefault","postMarketingCloudForm","formId","formLanguage","redirectToThankyou","undefined","error","errorMessage","Error","message","show","handleSubmit","catch","logError","spacing","children","_jsx","size","xs","md","lg","Input","required","onFocus","placeholder","firstName","name","id","onChange","target","hiddenLabel","labelColor","css","classes","lastName","type","Checkbox","checked","uncheckedColor","checkedColor","labelPlacement","Text","variant","consentTextSentences","CMSLink","rel","href","consentLink","consentLinkText","V2Button","fullWidth","disabled","subscribe","BlogSubscriptionBox","geotabSubscribeTranslation","isShort","Heading","weight","subscribeTo","media","height","marginRight","objectFit","authorContainer","margin","_ref","styles","AuthorCardV2","author","isBlogPostVisible","prefixStringWithBaseUrl","LazyLoadContainer","flexWrap","alt","src","image","ensureInternalURLTrailingSlash","getLanguageRouteAndPrefixByCodeAndRouteKey","languageRouteTypes","AUTHOR","slug","shortBiography","articleContentAreaStyles","divider","mainContainer","position","background","containerToC","navHeight","top","float","shareAndLikeIcons","display","mobileSubscribeContainer","tableOfContentContainer","BlogContentArea","blogPost","mediaUrlPrefix","navHeightAtom","setIsProgressBarVisible","useSetAtom","isProgressBarVisibleAtom","showGeotabSubscribe","useEffect","blogFAQTitleTranslation","useMemo","hasHeadermedia","imageUrl","mobileImageUrl","rowSpacing","keyTakeaways","KeyTakeaways","content","RenderedArticle","htmlContent","frequentlyAskedQuestions","length","ArticleFAQAccordionList","lists","ShareSocialMediaButtons","PublicDateTime","getFormattedLocalDateTime","modifiedDateUtc","Divider","displayContainer","visible","direction","TableOfContents","blogHeaderContainer","white","blogTitleContainer","blogCategoryPill","borderColor","border","primary","secondary","fontWeight","picture","bannerImage","gridContainer","boxSizing","light","flexContainer","ellipseIcon","alignItems","tertiary","BlogHeader","categoryBlogLink","category","publishedDateUtc","readMinutes","imageAlt","readMinuteText","replace","Container","CategoryPill","categoryLink","Stack","_css","activePrimary","ClassNames","Picture","lazyLoad","imagePath","mobilePath","pictureProps","className","aspectRatio","generateBlogLink","routeKey","relatedPostBackground","lighter","boxShadow","relatedPostContainer","relatedPostTitle","blogHeaderBackgroundContainer","paddingTop","dividerContainer","tableOfContentsMobileContainer","borderWidth","PublicBlog","blog","articleData","blogPostTranslation","CATEGORY","languageBlogLink","BLOG_HOME","blogArticle","redirectUrl","Redirect","statusCode","BlogHOC","noIndex","TableOfContentsMobile","relatedPosts","otherPosts","map","card","BlogCard2","linkPath","cardImageUrl","cardImageAlt","ariaLabel"],"sourceRoot":""}