{"version":3,"file":"static/js/7015.0b83849aafdb3dc06092.js","mappings":"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","sources":["components/ConfirmedSubscription.tsx","components/SectionComponents/styleObjects/ColumnStyles.ts","components/ColumnSubscribeForm.tsx","components/SubscribeBannerTwoColumn.tsx","components/SubscribePageBanner.tsx","helpers/objectHelper.ts","services/marketingCloudPublicService.ts"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Grid, CardMedia } from '@mui/material';\nimport { columnStyles as classes } from './SectionComponents/styleObjects/ColumnStyles';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { CMSLink } from '@components/CMSLink';\nimport { Text } from '@web-for-marketing/react-ui';\nimport { subscribePage } from '@helpers/staticImages/staticPages';\n\nexport function ConfirmedSubscription(): JSX.Element {\n    const { selectedLanguageTranslation } = useTranslation();\n    const translation = useMemo(\n        () => getTranslation(selectedLanguageTranslation, 'subscribePageBanner', 'left', 'content', 'formSuccess'),\n        [selectedLanguageTranslation]\n    );\n\n    return (\n        <Grid container direction='row' wrap='nowrap'>\n            <CardMedia\n                css={classes.checkmarkIcon}\n                component='img'\n                alt='Green checkmark icon'\n                image={subscribePage.iconSubscribeSuccess}\n                src=''\n                aria-hidden='true'\n            />\n            <Text variant='body1' color='tertiary'>\n                <strong>{translation.strong}</strong>\n                {translation.normal}\n                <CMSLink type='link' color='secondary' underline='none' href='#/' css={classes.inlineLink}>\n                    Facebook\n                </CMSLink>\n                ,&nbsp;\n                <CMSLink type='link' color='secondary' underline='none' href='#/' css={classes.inlineLink}>\n                    Twitter\n                </CMSLink>\n                &nbsp;{translation.and}&nbsp;\n                <CMSLink type='link' color='secondary' underline='none' href='#/' css={classes.inlineLink}>\n                    LinkedIn\n                </CMSLink>\n            </Text>\n        </Grid>\n    );\n}\n","import { getRgbaColor, breakpoints, v2Colors } from '@web-for-marketing/react-ui';\n\nexport const columnStyles = {\n    whiteText: {\n        color: v2Colors.core.snow,\n    },\n    button: {\n        marginTop: '3rem',\n    },\n    narrowTitle: {\n        maxWidth: '52rem',\n    },\n    checkmarkIcon: {\n        objectFit: 'contain',\n        width: '5rem',\n        marginRight: '2rem',\n    },\n    formContainer: {\n        flexWrap: 'nowrap',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            flexWrap: 'wrap',\n        },\n    },\n    subscribeFormContainer: {\n        '& > *:not(:last-child)': {\n            marginBottom: '1.5rem',\n        },\n    },\n    inlineLink: {\n        display: 'inline',\n        padding: '0.5rem 0.2rem',\n        transition: 'background-color ease 200ms ',\n        borderRadius: '0.4rem',\n        color: v2Colors.core.innovation,\n        '&:hover': {\n            backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.03)} !important`,\n        },\n        '&:focus': {\n            outlineColor: v2Colors.core.innovation,\n            backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.06)} !important`,\n        },\n    },\n    linkText: {\n        color: v2Colors.core.innovation,\n        display: 'inline-block',\n        fontWeight: 700,\n        transition: 'color 500ms ease',\n        '&:hover': {\n            color: v2Colors.core.geotab,\n            transition: 'color 500ms ease',\n        },\n        '&:focus': {\n            color: v2Colors.core.geotab,\n            transition: 'color 500ms ease',\n        },\n    },\n    borderColor: {\n        '& > fieldset': {\n            borderColor: `${v2Colors.core.innovation} !important`,\n        },\n    },\n    labelColor: {\n        color: `${v2Colors.core.innovation} !important`,\n    },\n    submitButton: {\n        marginLeft: '2rem',\n        whiteSpace: 'nowrap',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginLeft: 0,\n        },\n    },\n    mainForm: {\n        width: '100%',\n    },\n    customSectionContainer: {\n        width: '100%',\n        padding: 0,\n        margin: 0,\n    },\n    bodies: {\n        '& a': {\n            padding: '0.5rem 0.2rem',\n            margin: '0 0.1rem',\n            transition: '200ms background-color ease',\n            textDecoration: 'underline',\n        },\n        '& li': {\n            marginBottom: '0.6em',\n        },\n        '& a:hover': {\n            backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.03)} !important`,\n        },\n        '& a:focus': {\n            outlineColor: v2Colors.core.innovation,\n            backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.06)} !important`,\n        },\n        '& a:active': {\n            outline: 'none',\n            backgroundColor: `${getRgbaColor(v2Colors.core.deepSpace, 0.05)} !important`,\n        },\n    },\n    textInputField: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginTop: 0,\n        },\n    },\n    checkBox: {\n        marginTop: '2rem',\n    },\n    sideSections: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginBottom: '2.5rem !important',\n        },\n    },\n    mobileSwap: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            flexDirection: 'column-reverse',\n        },\n    },\n    privacyLink: {\n        color: v2Colors.text.activePrimary,\n    },\n} as const;\n","import React, { useState, useMemo, useContext, FormEvent } from 'react';\nimport { Button, Grid } from '@mui/material';\nimport { columnStyles as classes } from './SectionComponents/styleObjects/ColumnStyles';\nimport { ConfirmedSubscription } from './ConfirmedSubscription';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { postMarketingCloudForm } from '@services/marketingCloudPublicService';\nimport { NotificationContext } from '@contexts/NotificationContext';\nimport { CMSLink } from '@components/CMSLink';\nimport { BannerColumnContent } from '@models/subscribeBanner';\nimport { useRecaptcha } from '@web-for-marketing/react-ui';\nimport { logError } from '@helpers/errors';\nimport { Text, Checkbox, Input } from '@web-for-marketing/react-ui';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useAtom } from 'jotai';\n\ninterface ColumnSubscribeFormProps {\n    content: BannerColumnContent;\n}\n\n/* eslint-disable camelcase */\nconst initialMCFormValues = {\n    first_name: '',\n    last_name: '',\n    email: '',\n    opt_in: false,\n};\n/* eslint-enable camelcase */\n\nexport function ColumnSubscribeForm({ content }: ColumnSubscribeFormProps): JSX.Element {\n    const [formMCContent, setFormMCContent] = useState(initialMCFormValues);\n    const [formSubmitted, setFormSubmitted] = useState(false);\n    const notificationContext = useContext(NotificationContext);\n    const [disableButton, setDisableButton] = useState(false);\n    const { recaptchaSiteKey } = useStaticValues();\n    const { selectedLanguageTranslation } = useTranslation();\n    const [enableRecaptcha, RecaptchaComponent, token, refresh] = useRecaptcha(recaptchaSiteKey);\n    const subscribeFormTranslation = getTranslation(selectedLanguageTranslation, 'authorBiography', 'subscribeFormMC');\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const salesforceFormLanguage = getTranslation(selectedLanguageTranslation, 'salesforce');\n\n    const placeholderTranslation = useMemo(() => {\n        return getTranslation(selectedLanguageTranslation, 'formPlaceholders');\n    }, [selectedLanguageTranslation]);\n\n    async function handleSubmit(event: FormEvent): Promise<void> {\n        event.preventDefault();\n        setDisableButton(true);\n        try {\n            await postMarketingCloudForm(\n                subscribeFormTranslation.formId,\n                {\n                    ...formMCContent,\n                    ['Lead_Source_URL__c']: window.location.href,\n                    ['Form_Language_Country__c']: salesforceFormLanguage.formLanguage,\n                    ['language_selection']: selectedLanguage,\n                },\n                token\n            );\n            setFormSubmitted(true);\n            setDisableButton(false);\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 updateFieldValue(field: string, value: string | boolean): void {\n        setFormMCContent((currentFormValues) => ({ ...currentFormValues, [field]: value }));\n    }\n\n    function toggleOptIn(): void {\n        const currentValue = formMCContent['opt_in'];\n        updateFieldValue('opt_in', !currentValue);\n    }\n\n    return formSubmitted ? (\n        <ConfirmedSubscription />\n    ) : (\n        <form\n            css={classes.mainForm}\n            onSubmit={(event) => {\n                handleSubmit(event).catch((error) => logError(error, 'submitting subscribe form'));\n            }}\n        >\n            <Grid container css={classes.subscribeFormContainer} alignItems='center'>\n                <Grid item xs={12}>\n                    <Input\n                        required\n                        label={content.formField.firstName}\n                        name='firstName'\n                        shrinkLabel\n                        placeholder={placeholderTranslation.firstNamePlaceholder}\n                        id='firstNameInput'\n                        value={formMCContent['first_name']}\n                        onChange={(event) => updateFieldValue('first_name', event.target.value)}\n                        css={classes.textInputField}\n                        onFocus={enableRecaptcha}\n                    />\n                </Grid>\n                <Grid item xs={12}>\n                    <Input\n                        required\n                        label={content.formField.lastName}\n                        shrinkLabel\n                        name='lastName'\n                        placeholder={placeholderTranslation.lastNamePlaceholder}\n                        id='lastNameInput'\n                        value={formMCContent['last_name']}\n                        onChange={(event) => updateFieldValue('last_name', event.target.value)}\n                        css={classes.textInputField}\n                        onFocus={enableRecaptcha}\n                    />\n                </Grid>\n                <Grid item xs={12}>\n                    <Input\n                        required\n                        id='mce-email'\n                        label={content.formField.email}\n                        name='email'\n                        type='email'\n                        shrinkLabel\n                        css={classes.textInputField}\n                        value={formMCContent['email']}\n                        onChange={(event) => updateFieldValue('email', event.target.value)}\n                        placeholder={placeholderTranslation.emailPlaceholder}\n                        onFocus={enableRecaptcha}\n                    />\n                </Grid>\n                <Checkbox\n                    id='subscribe-checkbox'\n                    checked={formMCContent['opt_in']}\n                    value={formMCContent['opt_in']}\n                    onFocus={enableRecaptcha}\n                    onChange={toggleOptIn}\n                    label={\n                        <Text variant='body1' color='tertiary'>\n                            {content.consentTextSentences}\n                            <CMSLink\n                                css={classes.privacyLink}\n                                type='link'\n                                rel='noopener noreferrer'\n                                target='_blank'\n                                href={content.consentLink}\n                            >\n                                {content.consentLinkText}\n                            </CMSLink>\n                        </Text>\n                    }\n                />\n                {RecaptchaComponent}\n                <Button\n                    name={content.button.buttonText}\n                    variant={content.button.buttonType}\n                    data-testid='bannerColumn-FormButton'\n                    type='submit'\n                    disabled={disableButton}\n                >\n                    {content.button.buttonText}\n                </Button>\n            </Grid>\n        </form>\n    );\n}\n","import React from 'react';\nimport { BannerColumnContent } from '@models/subscribeBanner';\nimport { Heading, LazyLoadContainer } from '@web-for-marketing/react-ui';\nimport { GridContainer } from './GeotabGridComponents';\nimport { breakpoints } from '@web-for-marketing/react-ui';\nimport { Grid } from '@mui/material';\nimport { ColumnSubscribeForm } from './ColumnSubscribeForm';\nimport { ParseAbbreviations } from './ParseAbbreviations';\nimport { ClassNames } from '@emotion/react';\nimport { Picture } from './Picture';\nimport { Text } from '@web-for-marketing/react-ui';\n\ninterface SubscribeBannerTwoColumnProps {\n    lazyLoad?: boolean;\n    image: {\n        imagePath: string;\n        imageAlt: string;\n    };\n    banner: BannerColumnContent;\n    headerSection?: boolean;\n}\n\nconst classes = {\n    mainContainer: {\n        '& > *:first-of-type': {\n            paddingRight: '2%',\n            [`@media (max-width: ${breakpoints.md})`]: {\n                paddingRight: 0,\n                marginBottom: '4rem',\n            },\n        },\n        '& > *:last-of-type': {\n            paddingLeft: '2%',\n            [`@media (max-width: ${breakpoints.md})`]: {\n                paddingLeft: 0,\n            },\n        },\n    },\n    subscribeContentBody: {\n        marginBottom: '3rem',\n    },\n};\n\nexport function SubscribeBannerTwoColumn({\n    lazyLoad,\n    image,\n    banner,\n    headerSection,\n}: SubscribeBannerTwoColumnProps): JSX.Element {\n    return (\n        <LazyLoadContainer component={Grid} container lazyload={lazyLoad}>\n            <GridContainer justifyContent='center'>\n                <Grid container css={classes.mainContainer}>\n                    <Grid container item direction='column' alignItems='flex-start' xs={12} md={7}>\n                        <Heading\n                            variant={headerSection ? 'h1' : 'h2'}\n                            css={{ marginBottom: '2rem' }}\n                            data-testid='bannerColumn-title'\n                        >\n                            <ParseAbbreviations content={banner.title} />\n                        </Heading>\n                        <Heading\n                            data-testid='bannerColumn-body'\n                            variant='h3'\n                            weight='regular'\n                            component={headerSection ? 'h2' : 'h3'}\n                            color='tertiary'\n                            css={{ marginBottom: '3rem' }}\n                        >\n                            <ParseAbbreviations content={banner.body} />\n                        </Heading>\n                        <Grid css={classes.subscribeContentBody}>\n                            <Text variant='body1' color='tertiary'>\n                                {banner.bannerContentHeading}\n                            </Text>\n                            <ul>\n                                {banner.bannerContentList.map((item, index) => {\n                                    return (\n                                        <Text variant='body1' color='tertiary' key={index} component='li'>\n                                            {item}\n                                        </Text>\n                                    );\n                                })}\n                            </ul>\n                            <Text variant='body1' color='tertiary'>\n                                {banner.bannerContentFooter}\n                            </Text>\n                        </Grid>\n                        <ColumnSubscribeForm content={banner} />\n                    </Grid>\n                    <Grid container item direction='column' alignItems='flex-start' xs={12} md={5}>\n                        <ClassNames>\n                            {({ css }) => (\n                                <Picture\n                                    imagePath={image.imagePath}\n                                    pictureProps={{ className: css({ height: 'auto !important' }) }}\n                                    alt={image.imageAlt}\n                                    lazyLoad={lazyLoad}\n                                    preload={!lazyLoad}\n                                />\n                            )}\n                        </ClassNames>\n                    </Grid>\n                </Grid>\n            </GridContainer>\n        </LazyLoadContainer>\n    );\n}\n","import React, { useMemo } from 'react';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { CustomSectionComponentProps } from '@models/customSection';\nimport { SubscribeBannerTwoColumn } from './SubscribeBannerTwoColumn';\n\nexport default function SubscribePageBanner({ lazyLoad, headerSection }: CustomSectionComponentProps): JSX.Element {\n    const { selectedLanguageTranslation } = useTranslation();\n    const subscribePageFormTranslation = useMemo(() => {\n        return getTranslation(selectedLanguageTranslation, 'subscribePageBanner');\n    }, [selectedLanguageTranslation]);\n\n    return (\n        <SubscribeBannerTwoColumn\n            banner={subscribePageFormTranslation.banner}\n            image={subscribePageFormTranslation.image}\n            lazyLoad={lazyLoad}\n            headerSection={headerSection}\n        />\n    );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const trimObjectValues = (inputObject: Record<string, any>): Record<string, any> => {\n    Object.keys(inputObject).forEach((i) => {\n        const value = inputObject[i];\n        if (typeof value === 'string') {\n            inputObject[i] = value.trim();\n        } else if (value === 'object') {\n            if (value !== null && value !== undefined) {\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                inputObject[i] = trimObjectValues(value as Record<string, any>);\n            } else {\n                inputObject[i] = null;\n            }\n        }\n    });\n\n    return inputObject;\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { trimObjectValues } from '@helpers/objectHelper';\nimport { updateGeotabSourceCookie } from '@helpers/geotabSourceCookieHelper';\nimport { httpPost } from './apiService';\n\nexport async function postMarketingCloudForm(\n    formId: string,\n    jsonData: Record<string, any>,\n    recaptchaToken: string\n): Promise<void> {\n    const modifiedFormValues: Record<string, any> = { ...trimObjectValues(jsonData) };\n\n    modifiedFormValues.recaptchaToken = recaptchaToken;\n\n    if (formId === 'generic-lead-form-test' || formId === 'generic-lead-form') {\n        const geotabSourceCookieValue = updateGeotabSourceCookie();\n\n        modifiedFormValues['Website_Cookie__c'] = geotabSourceCookieValue\n            ? Object.keys(geotabSourceCookieValue)\n                .map((key) => `${key}:${geotabSourceCookieValue[key as keyof typeof geotabSourceCookieValue]}`)\n                .join()\n            : '';\n    }\n\n    await httpPost(`/api/marketingcloud/${formId}/`, JSON.stringify(modifiedFormValues));\n}\n"],"names":["ConfirmedSubscription","selectedLanguageTranslation","useTranslation","translation","useMemo","getTranslation","_jsxs","Grid","container","direction","wrap","children","_jsx","CardMedia","css","classes","checkmarkIcon","component","alt","image","subscribePage","iconSubscribeSuccess","src","Text","variant","color","strong","normal","CMSLink","type","underline","href","inlineLink","and","columnStyles","whiteText","v2Colors","core","snow","button","marginTop","narrowTitle","maxWidth","objectFit","width","marginRight","formContainer","flexWrap","breakpoints","md","subscribeFormContainer","marginBottom","display","padding","transition","borderRadius","innovation","backgroundColor","getRgbaColor","deepSpace","outlineColor","linkText","fontWeight","geotab","borderColor","labelColor","submitButton","marginLeft","whiteSpace","mainForm","customSectionContainer","margin","bodies","textDecoration","outline","textInputField","checkBox","sideSections","mobileSwap","flexDirection","privacyLink","text","activePrimary","initialMCFormValues","first_name","last_name","email","opt_in","ColumnSubscribeForm","content","formMCContent","setFormMCContent","useState","formSubmitted","setFormSubmitted","notificationContext","useContext","NotificationContext","disableButton","setDisableButton","recaptchaSiteKey","useStaticValues","enableRecaptcha","RecaptchaComponent","token","refresh","useRecaptcha","subscribeFormTranslation","selectedLanguage","useAtom","selectedLanguageAtom","salesforceFormLanguage","placeholderTranslation","updateFieldValue","field","value","currentFormValues","onSubmit","event","async","preventDefault","postMarketingCloudForm","formId","window","location","formLanguage","error","errorMessage","Error","message","show","handleSubmit","catch","logError","alignItems","item","xs","Input","required","label","formField","firstName","name","shrinkLabel","placeholder","firstNamePlaceholder","id","onChange","target","onFocus","lastName","lastNamePlaceholder","emailPlaceholder","Checkbox","checked","consentTextSentences","rel","consentLink","consentLinkText","Button","buttonText","buttonType","disabled","mainContainer","paddingRight","paddingLeft","subscribeContentBody","_ref","styles","_ref2","SubscribeBannerTwoColumn","lazyLoad","banner","headerSection","LazyLoadContainer","lazyload","GridContainer","justifyContent","Heading","ParseAbbreviations","title","weight","body","bannerContentHeading","bannerContentList","map","index","bannerContentFooter","ClassNames","Picture","imagePath","pictureProps","className","height","imageAlt","preload","SubscribePageBanner","subscribePageFormTranslation","trimObjectValues","inputObject","Object","keys","forEach","i","trim","undefined","jsonData","recaptchaToken","modifiedFormValues","geotabSourceCookieValue","updateGeotabSourceCookie","key","join","httpPost","JSON","stringify"],"sourceRoot":""}