{"version":3,"file":"src_exported_basic-tout_BasicTout_tsx.7876f06674a4c670cf5c.bundle.js","mappings":"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","sources":["webpack://elc-service-content/./src/internal/views/ClickableBlock.tsx","webpack://elc-service-content/./src/internal/constants/BasicTout.ts","webpack://elc-service-content/./src/exported/basic-tout/BasicTout.tsx","webpack://elc-service-content/./src/internal/views/AdditionalContent.tsx","webpack://elc-service-content/./src/internal/views/ContentOver.tsx","webpack://elc-service-content/./src/internal/views/fields/MantleCtaButton.tsx","webpack://elc-service-content/./src/internal/views/fields/MantleMedia.tsx","webpack://elc-service-content/./src/internal/views/fields/MantleRichText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nconst ClickableBlockLink = styled.div`\n &:hover {\n cursor: pointer;\n }\n`;\n\ninterface IClickableBlock {\n className?: string;\n children: React.ReactNode;\n ariaLabel?: string;\n onClick?(): void;\n}\n\nexport const ClickableBlock = observer(\n ({ className, children, ariaLabel, onClick }: IClickableBlock) => (\n \n {children}\n \n )\n);\n","export const BASIC_TOUT_CONTENT_NID = 242714;\nexport const BASIC_TOUT = 'basic-tout';\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\nimport { BasicToutViewController } from '~controllers/BasicToutViewController';\nimport {\n INodeData,\n INodeContent,\n IMantleMedia,\n IMantleRichText,\n IMantleCtaButton\n} from '~domain/entities/Node';\nimport { Spinner } from '@estee/elc-spinner';\nimport { lazyInject } from '~setup/diContainer';\nimport serviceNames from '~setup/ContentService';\nimport { ClickableBlock } from '~views/ClickableBlock';\nimport { MantleMedia } from '~views/fields/MantleMedia';\nimport { ContentOver } from '~views/ContentOver';\nimport { AdditionalContent, ContentPosition } from '~views/AdditionalContent';\nimport { BASIC_TOUT } from '~constants/BasicTout';\n\ninterface IBasicToutDisplayMedia {\n image_mantle: IMantleMedia;\n}\n\ninterface IBasicToutDisplayContentAboveImage {\n eyebrow_above_image: IMantleRichText;\n header_above_image: IMantleRichText;\n content_above_image: IMantleRichText;\n primary_cta_button_above_image: IMantleCtaButton;\n secondary_cta_button_above_image: IMantleCtaButton;\n content_above_image_hide_mobile: string;\n content_above_image_hide_pc: string;\n text_alignment_above_image: string;\n}\n\ninterface IBasicToutDisplayContentOverImage {\n eyebrow_over_media: IMantleRichText;\n header_over_media: IMantleRichText;\n content_over_media: IMantleRichText;\n cta_button_over_media: IMantleCtaButton;\n cta_button_2_over_media: IMantleCtaButton;\n text_row_1_over_media: IMantleRichText;\n text_row_2_over_media: IMantleRichText;\n horizontal_alignment_over_media: string;\n vertical_alignment_over_media: string;\n max_width_over_media: string;\n margin_right_over_media: string;\n margin_left_over_media: string;\n margin_top_over_media: string;\n margin_bottom_over_media: string;\n content_over_image_hide_mobile_over_media: string;\n content_over_image_hide_pc_over_media: string;\n text_alignment_over_media: string;\n background_color: { hex: string };\n}\n\ninterface IBasicToutDisplayContentBelowImage {\n eyebrow_below_image: IMantleRichText;\n header_below_image: IMantleRichText;\n content_below_image: IMantleRichText;\n cta_button_below_image: IMantleCtaButton;\n cta_button_2_below_image: IMantleCtaButton;\n content_below_image_hide_mobile: string;\n content_below_image_hide_pc: string;\n text_alignment_below_image: string;\n}\n\ninterface IBasicToutNodeData extends INodeData {\n displayMedia: IBasicToutDisplayMedia;\n displayContentAboveImage: IBasicToutDisplayContentAboveImage;\n displayContentOverImage: IBasicToutDisplayContentOverImage;\n displayContentBelowImage: IBasicToutDisplayContentBelowImage;\n moduleUrl: string | null;\n}\n\nexport interface IBasicToutNodeContent extends INodeContent {\n data: IBasicToutNodeData[];\n}\n\nexport interface IBasicToutProps {\n name: string;\n config: IBasicToutNodeContent;\n viewController: BasicToutViewController;\n}\n\nconst BasicToutWrapper = styled.div`\n position: relative;\n`;\n\nconst BasicToutMediaWrapper = styled.div`\n background-color: ${(props) =>\n props.theme.backgroundColor ? props.theme.backgroundColor.hex : null};\n`;\n\nexport interface IBasicToutModuleLink {\n className?: string;\n children: JSX.Element;\n isToutClickable: boolean;\n onClick?(): void;\n}\n\nconst BasicToutModuleLinkWrapper = observer((props: IBasicToutModuleLink) => {\n if (props.isToutClickable) {\n return (\n \n {props.children}\n \n );\n }\n\n return
{props.children}
;\n});\n\n/* eslint-disable complexity */\n@observer\nclass BasicTout extends React.Component {\n static displayName = 'BasicTout';\n public async componentDidMount() {\n await this.props.viewController.loaded(this.props);\n }\n\n @lazyInject(serviceNames.basicToutViewController)\n private basicToutViewController: BasicToutViewController;\n\n public getField = (field: string) => {\n return { __html: field };\n };\n\n public render() {\n const { nid } = this.props.config;\n const content = this.props.viewController.getContent(nid);\n if (!content) {\n return ;\n }\n const { layout, data } = content;\n const {\n displayMedia: { image_mantle: imageMantle },\n displayContentAboveImage,\n displayContentOverImage: {\n eyebrow_over_media: eyebrowOverMedia,\n header_over_media: headerOverMedia,\n content_over_media: contentOverMedia,\n cta_button_over_media: ctaButtonOverMedia,\n cta_button_2_over_media: ctaButton2OverMedia,\n text_row_1_over_media: textRow1OverMedia,\n text_row_2_over_media: textRow2OverMedia,\n horizontal_alignment_over_media: horizontalAlignmentOverMedia,\n vertical_alignment_over_media: verticalAlignmentOverMedia,\n max_width_over_media: maxWidthOverMedia,\n margin_right_over_media: marginRightOverMedia,\n margin_left_over_media: marginLeftOverMedia,\n margin_top_over_media: marginTopOverMedia,\n margin_bottom_over_media: marginBottomOverMedia,\n content_over_image_hide_mobile_over_media: contentOverImageHideMobileOverMedia,\n content_over_image_hide_pc_over_media: contentOverImageHidePcOverMedia,\n text_alignment_over_media: textAlignmentOverMedia,\n background_color: backgroundColorOverMedia\n },\n displayContentBelowImage: {\n eyebrow_below_image: eyebrowBelowMedia,\n header_below_image: headerBelowMedia,\n content_below_image: contentBelowMedia,\n cta_button_below_image: ctaButtonBelowMedia,\n cta_button_2_below_image: ctaButton2BelowMedia,\n content_below_image_hide_mobile: contentBelowImageHideMobile,\n content_below_image_hide_pc: contentBelowImageHidePc,\n text_alignment_below_image: textAlignmentBelowImage\n },\n moduleUrl\n } = data[0];\n\n const {\n eyebrow_above_image: eyebrowAboveMedia,\n header_above_image: headerAboveMedia,\n content_above_image: contentAboveMedia,\n primary_cta_button_above_image: primaryCtaButtonAboveMedia,\n secondary_cta_button_above_image: secondaryCtaButtonAboveMedia,\n content_above_image_hide_mobile: contentAboveImageHideMobile,\n content_above_image_hide_pc: contentAboveImageHidePc,\n text_alignment_above_image: textAlignmentAboveImage\n } = displayContentAboveImage || {};\n\n const { redirectToSiteUrl } = this.basicToutViewController;\n const handleClick = () => redirectToSiteUrl(moduleUrl);\n\n const basicToutModuleLinkWrapperClassNames = classnames(\n 'elc-basic-tout__link-content',\n 'js-basic-tout__link-content',\n 'basic-tout',\n 'elc-basic-tout',\n 'content-block',\n 'basic-tout__link-content'\n );\n\n const basicToutWrapperClassNames = classnames(\n 'elc-service-content',\n 'js-service-content',\n 'basic-tout__wrapper',\n 'content-block__content-wrapper',\n `elc-service-content__layout-${layout}`\n );\n\n const basicToutMediaWrapperClassNames = classnames(\n 'elc-basic-tout__media-wrapper',\n 'js-basic-tout__media-wrapper',\n 'basic-tout__media-wrapper',\n 'content-block',\n 'basic-tout__media-wrapper'\n );\n\n const basicToutMediaClassNames = classnames(\n 'elc-basic-tout__media',\n 'js-basic-tout__media',\n 'basic-tout__media',\n 'align-center',\n 'basic-tout__media'\n );\n\n const isToutClickable = moduleUrl !== '' && moduleUrl !== null;\n\n return (\n \n \n {displayContentAboveImage && (\n \n )}\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default BasicTout;\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { IMantleRichText, IMantleCtaButton } from '~domain/entities/Node';\nimport { MantleCtaButton } from './fields/MantleCtaButton';\nimport { MantleRichText } from './fields/MantleRichText';\n\nexport const COMPONENT_ID = 'additional-content';\n\nexport enum ContentPosition {\n ABOVE = 'above',\n BELOW = 'below'\n}\n\nexport interface IAdditionalContent {\n position: ContentPosition;\n layoutName: string;\n eyebrow: IMantleRichText;\n header: IMantleRichText;\n content: IMantleRichText;\n primaryCtaButton?: IMantleCtaButton;\n secondaryCtaButton?: IMantleCtaButton;\n findationCtaButton?: IMantleCtaButton;\n findationOnClick?(): void;\n hideMobile: string;\n hidePc: string;\n textAlignment: string;\n}\n\nexport const AdditionalContent = observer(function AdditionalContent({\n position,\n layoutName,\n eyebrow,\n header,\n content,\n primaryCtaButton,\n secondaryCtaButton,\n findationCtaButton,\n findationOnClick,\n hideMobile,\n hidePc,\n textAlignment\n}: IAdditionalContent) {\n const testId = `${COMPONENT_ID}-${position}`;\n\n const additionalContentBlockClassNames = classnames(\n `elc-${layoutName}-content-${position}-block`,\n `js-${layoutName}-content-${position}-block`,\n `${layoutName}__content-wrapper`,\n 'content-block__content-wrapper',\n 'content-block__content',\n 'align-center',\n `${layoutName}__content-${position}-block`,\n hideMobile && 'mobile-flex-hidden',\n hidePc && 'pc-hidden'\n );\n\n const additionalContentClassNames = classnames(\n `elc-${layoutName}-content-${position}`,\n `js-${layoutName}-content-${position}`,\n `${layoutName}__content`,\n 'content-block',\n 'content-block__content',\n 'justify-center',\n 'horizontal-align-center',\n `${layoutName}__content-${position}`,\n textAlignment\n );\n\n const eyebrowClassNames = classnames(\n `elc-${layoutName}-eyebrow`,\n `js-${layoutName}-eyebrow`,\n 'content-block__line',\n 'content-block__line--eyebrow',\n `${layoutName}__eyebrow`\n );\n\n const headerClassNames = classnames(\n `elc-${layoutName}-header`,\n `js-${layoutName}-header`,\n 'content-block__line',\n 'content-block__line--header',\n `${layoutName}__header`\n );\n\n const contentClassNames = classnames(\n `elc-${layoutName}-content`,\n `js-${layoutName}-content`,\n 'content-block__line',\n 'content-block__line--content',\n `${layoutName}__content`\n );\n\n const linksWrapperClassNames = classnames(\n `elc-${layoutName}__links-wrapper`,\n `js-${layoutName}__links-wrapper`,\n 'content-block__links',\n `${layoutName}__links-wrapper`\n );\n\n const linkClassNames = classnames(\n `elc-${layoutName}-link`,\n `js-${layoutName}-link`,\n 'content-block__line',\n 'content-block__line--link',\n `${layoutName}__link`\n );\n\n const findationCtaWrapperClassNames = classnames(\n `elc-${layoutName}__findation-cta-wrapper`,\n `js-${layoutName}__findation-cta-wrapper`,\n 'content-block__findation-cta',\n `${layoutName}__findation-cta-wrapper`\n );\n\n const findationCtaClassNames = classnames(\n `elc-${layoutName}-findation-cta`,\n `js-${layoutName}-findation-cta`,\n 'content-block__line',\n 'content-block__line--findation-cta',\n `${layoutName}__findation-cta`\n );\n\n const hasCtaButtons = primaryCtaButton?.text || secondaryCtaButton?.text;\n const shouldShowContent =\n eyebrow?.html || header?.html || content?.html || findationCtaButton?.text || hasCtaButtons;\n\n if (!shouldShowContent) {\n return null;\n }\n\n return (\n
\n
\n \n \n \n {hasCtaButtons && (\n
\n {primaryCtaButton && (\n \n )}\n {secondaryCtaButton && (\n \n )}\n
\n )}\n {findationCtaButton?.text && (\n
\n \n
\n )}\n
\n
\n );\n});\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport { IMantleRichText, IMantleCtaButton } from '~domain/entities/Node';\nimport { MantleCtaButton } from './fields/MantleCtaButton';\nimport { MantleRichText } from './fields/MantleRichText';\n\ninterface IContentOver {\n layoutName: string;\n eyebrow: IMantleRichText;\n header: IMantleRichText;\n content: IMantleRichText;\n primaryCtaButton?: IMantleCtaButton;\n secondaryCtaButton?: IMantleCtaButton;\n findationCtaButton?: IMantleCtaButton;\n findationOnClick?(): void;\n textRow1: IMantleRichText;\n textRow2: IMantleRichText;\n horizontalAlignment: string;\n verticalAlignment: string;\n maxWidth: string;\n marginRight: string;\n marginLeft: string;\n marginTop: string;\n marginBottom: string;\n imageHideMobile: string;\n imageHidePc: string;\n textAlignment: string;\n hasImage: boolean;\n}\n\nexport const ContentOver = (props: IContentOver) => {\n const {\n layoutName,\n eyebrow,\n header,\n content,\n primaryCtaButton,\n secondaryCtaButton,\n findationCtaButton,\n findationOnClick,\n textRow1,\n textRow2,\n horizontalAlignment,\n verticalAlignment,\n maxWidth,\n marginRight,\n marginLeft,\n marginTop,\n marginBottom,\n imageHideMobile,\n imageHidePc,\n textAlignment,\n hasImage\n } = props;\n\n const mediaBlockClassNames = classnames(\n `elc-${layoutName}__content-over-media-block`,\n `js-${layoutName}__content-over-media-block`,\n `${layoutName}__content-over-media`,\n 'content-block__content',\n `${layoutName}__content-over-media-block`,\n hasImage && 'content-block__content-wrapper--positioned-stretched',\n horizontalAlignment ? horizontalAlignment : 'horizontal-align-left',\n verticalAlignment,\n imageHideMobile && 'mobile-flex-hidden',\n imageHidePc && 'pc-hidden'\n );\n\n const mediaWrapperClassNames = classnames(\n `elc-${layoutName}__content-over-media-wrapper`,\n `js-${layoutName}__content-over-media-wrapper`,\n 'content-over-media__wrapper',\n `${layoutName}__content-over-media-wrapper`,\n maxWidth,\n marginRight,\n marginLeft,\n marginTop,\n marginBottom,\n textAlignment\n );\n\n const eyebrowClassNames = classnames(\n `elc-${layoutName}__eyebrow`,\n `js-${layoutName}__eyebrow`,\n 'content-block__line',\n 'content-block__line--eyebrow',\n `${layoutName}__eyebrow`\n );\n\n const headerClassNames = classnames(\n `elc-${layoutName}__header`,\n `js-${layoutName}__header`,\n 'content-block__line',\n 'content-block__line--header',\n `${layoutName}__header`\n );\n\n const linksWrapperClassNames = classnames(\n `elc-${layoutName}__links-wrapper`,\n `js-elc-${layoutName}__links-wrapper`,\n 'content-block__links',\n `${layoutName}__links-wrapper`\n );\n\n const linkClassNames = classnames(\n `elc-${layoutName}__link`,\n `js-${layoutName}__link`,\n 'content-block__line',\n 'content-block__line--link',\n `${layoutName}__link`\n );\n\n const contentClassNames = classnames(\n `elc-${layoutName}__content`,\n `js-${layoutName}__content`,\n 'content-block__line',\n 'content-block__line--content',\n `${layoutName}__content`\n );\n\n const textRow1ClassNames = classnames(\n `elc-${layoutName}__text-row-1`,\n `js-${layoutName}__text-row-1`,\n 'content-block__line',\n 'content-block__line--text-row-1',\n `${layoutName}__text-row-1`\n );\n\n const textRow2ClassNames = classnames(\n `elc-${layoutName}__text-row-2`,\n `js-${layoutName}__text-row-2`,\n 'content-block__line',\n 'content-block__line--text-row-2',\n `${layoutName}__text-row-2`\n );\n\n const findationCtaWrapperClassNames = classnames(\n `elc-${layoutName}__findation-cta-wrapper`,\n `js-${layoutName}__findation-cta-wrapper`,\n 'content-block__findation-cta',\n `${layoutName}__findation-cta-wrapper`\n );\n\n const findationCtaClassNames = classnames(\n `elc-${layoutName}-findation-cta`,\n `js-${layoutName}-findation-cta`,\n 'content-block__line',\n 'content-block__line--findation-cta',\n `${layoutName}__findation-cta`\n );\n\n const displayCtaButtons = primaryCtaButton?.text || secondaryCtaButton?.text;\n\n const displayOver =\n eyebrow.html ||\n header.html ||\n content.html ||\n displayCtaButtons ||\n findationCtaButton?.text;\n\n return displayOver ? (\n
\n
\n \n \n \n {displayCtaButtons && (\n
\n {primaryCtaButton && (\n \n )}\n {secondaryCtaButton && (\n \n )}\n
\n )}\n {findationCtaButton?.text && (\n
\n \n
\n )}\n \n \n
\n
\n ) : null;\n};\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\nimport { IMantleCtaButton } from '~domain/entities/Node';\n\nfunction stylingCta(props: ICtaStyle) {\n if (props.color_vals) {\n return `${props.bgcolor} ${props.textcolor} ${props.bordercolor}`;\n }\n\n return null;\n}\n\ninterface IStyledCtaButton {\n theme: ICtaStyle;\n}\n\nconst CtaButtonLink = styled.a`\n ${(props: { theme: ICtaStyle }) => stylingCta(props.theme)}\n`;\n\nconst CtaButton = styled.div`\n ${(props: { theme: ICtaStyle }) => stylingCta(props.theme)}\n`;\n\ninterface ICtaButton extends IMantleCtaButton {\n className?: string;\n onClick?(): void;\n cta_button_id?: string;\n}\n\ninterface ICtaWrapperProps {\n className: string;\n title: string;\n theme: ICtaStyle;\n 'data-trigger-type': string;\n onClick?(): void;\n href?: string;\n target?: string;\n id?: string;\n}\n\ninterface ICtaStyle {\n color_vals: boolean;\n bgcolor: string;\n textcolor: string;\n bordercolor: string;\n}\n\nexport const MantleCtaButton = observer((props: ICtaButton) => {\n const {\n href,\n text,\n classname,\n color_vals,\n bgcolor,\n textcolor,\n bordercolor,\n trigger_type,\n open_new_window,\n cta_button_id,\n className,\n onClick\n } = props;\n\n if (!text) {\n return null;\n }\n\n const ctaClassName = classnames(\n 'elc-media-asset',\n 'js-media-asset',\n 'js-mantle-cta-button',\n 'button',\n classname\n );\n\n const CtaWrapper: React.ComponentType = props.onClick\n ? CtaButton\n : CtaButtonLink;\n\n const ctaWrapperProps: ICtaWrapperProps = {\n className: ctaClassName,\n title: text,\n theme: { color_vals, bgcolor, textcolor, bordercolor },\n 'data-trigger-type': trigger_type\n };\n\n if (onClick) {\n ctaWrapperProps.onClick = onClick;\n } else {\n ctaWrapperProps.href = href;\n ctaWrapperProps.target = open_new_window ? '_blank' : '_self';\n }\n\n if (cta_button_id) {\n ctaWrapperProps.id = cta_button_id;\n }\n\n return (\n
\n \n {text}\n \n
\n );\n});\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport styled from 'styled-components';\nimport { ProductImages } from '@estee/elc-images';\nimport { IMantleMedia } from '~domain/entities/Node';\n\nconst BasicToutMediaWrapper = styled.div`\n max-width: 100%;\n height: ${(props) => (props.theme.hasMedia ? 'auto' : '100%')};\n background-color: ${(props) =>\n props.theme.backgroundColor ? `#${props.theme.backgroundColor}` : null};\n`;\n\nconst MediaAssetWrapper = styled.div`\n background-color: ${(props) =>\n props.theme.backgroundColor ? props.theme.backgroundColor : null};\n\n > video {\n width: 100%;\n }\n`;\n\ninterface IMedia extends IMantleMedia {\n className?: string;\n}\n\nexport const MantleMedia = (props: IMedia) => {\n const { src, alt, device_mp4_url, hex, background_color_fallback, html, className } = props;\n const classNames = classnames('elc-media-asset', 'js-media-asset', 'mantle-media-asset');\n const hasMedia = !!(src || device_mp4_url);\n\n return html ? (\n \n \n {device_mp4_url ? (\n \n ) : (\n <>\n {background_color_fallback ? null : (\n \n )}\n \n )}\n \n \n ) : null;\n};\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport { IMantleRichText } from '~domain/entities/Node';\n\ninterface IRichText extends IMantleRichText {\n className?: string;\n}\n\nexport const MantleRichText = (props: IRichText) => {\n const { font_classes, html, className } = props;\n\n const classNames = classnames('elc-rich-text', 'js-rich-text', 'custom-text', font_classes);\n\n return html ? (\n
\n
\n
\n ) : null;\n};\n"],"names":["ClickableBlockLink","ClickableBlock","observer","className","children","ariaLabel","onClick","role","BASIC_TOUT","BasicToutWrapper","BasicToutMediaWrapper","props","theme","backgroundColor","hex","BasicToutModuleLinkWrapper","isToutClickable","BasicTout","getField","field","__html","componentDidMount","this","viewController","loaded","render","nid","config","content","getContent","Spinner","isLoading","layout","data","displayMedia","image_mantle","imageMantle","displayContentAboveImage","displayContentOverImage","eyebrow_over_media","eyebrowOverMedia","header_over_media","headerOverMedia","content_over_media","contentOverMedia","cta_button_over_media","ctaButtonOverMedia","cta_button_2_over_media","ctaButton2OverMedia","text_row_1_over_media","textRow1OverMedia","text_row_2_over_media","textRow2OverMedia","horizontal_alignment_over_media","horizontalAlignmentOverMedia","vertical_alignment_over_media","verticalAlignmentOverMedia","max_width_over_media","maxWidthOverMedia","margin_right_over_media","marginRightOverMedia","margin_left_over_media","marginLeftOverMedia","margin_top_over_media","marginTopOverMedia","margin_bottom_over_media","marginBottomOverMedia","content_over_image_hide_mobile_over_media","contentOverImageHideMobileOverMedia","content_over_image_hide_pc_over_media","contentOverImageHidePcOverMedia","text_alignment_over_media","textAlignmentOverMedia","background_color","backgroundColorOverMedia","displayContentBelowImage","eyebrow_below_image","eyebrowBelowMedia","header_below_image","headerBelowMedia","content_below_image","contentBelowMedia","cta_button_below_image","ctaButtonBelowMedia","cta_button_2_below_image","ctaButton2BelowMedia","content_below_image_hide_mobile","contentBelowImageHideMobile","content_below_image_hide_pc","contentBelowImageHidePc","text_alignment_below_image","textAlignmentBelowImage","moduleUrl","eyebrow_above_image","eyebrowAboveMedia","header_above_image","headerAboveMedia","content_above_image","contentAboveMedia","primary_cta_button_above_image","primaryCtaButtonAboveMedia","secondary_cta_button_above_image","secondaryCtaButtonAboveMedia","content_above_image_hide_mobile","contentAboveImageHideMobile","content_above_image_hide_pc","contentAboveImageHidePc","text_alignment_above_image","textAlignmentAboveImage","redirectToSiteUrl","basicToutViewController","basicToutModuleLinkWrapperClassNames","basicToutWrapperClassNames","basicToutMediaWrapperClassNames","basicToutMediaClassNames","AdditionalContent","position","layoutName","eyebrow","header","primaryCtaButton","secondaryCtaButton","hideMobile","hidePc","textAlignment","MantleMedia","ContentOver","textRow1","textRow2","horizontalAlignment","verticalAlignment","maxWidth","marginRight","marginLeft","marginTop","marginBottom","imageHideMobile","imageHidePc","hasImage","html","displayName","lazyInject","ContentPosition","findationCtaButton","findationOnClick","testId","additionalContentBlockClassNames","additionalContentClassNames","eyebrowClassNames","headerClassNames","contentClassNames","linksWrapperClassNames","linkClassNames","findationCtaWrapperClassNames","findationCtaClassNames","hasCtaButtons","text","mediaBlockClassNames","mediaWrapperClassNames","textRow1ClassNames","textRow2ClassNames","displayCtaButtons","stylingCta","color_vals","bgcolor","textcolor","bordercolor","CtaButtonLink","CtaButton","MantleCtaButton","href","classname","trigger_type","open_new_window","cta_button_id","ctaClassName","CtaWrapper","ctaWrapperProps","title","target","id","hasMedia","MediaAssetWrapper","src","alt","device_mp4_url","background_color_fallback","classNames","muted","loop","autoPlay","playsInline","poster","type","imgPath","altText","MantleRichText","font_classes","dangerouslySetInnerHTML"],"sourceRoot":""}