{"version":3,"file":"static/chunks/9491.0e232f2cd11b5aa3.js","mappings":"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","sources":["webpack://_N_E/./components/CharacterBlock/CharacterBlock.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState } from 'react'\nimport { Waypoint } from 'react-waypoint';\nimport Block from '../../adapters/helpers/Block';\nimport dynamic from 'next/dynamic';\nconst Image = dynamic(()=>import('../Image/Image'))\nconst Eyebrow = dynamic(()=>import('../Eyebrow/Eyebrow'))\nconst Heading = dynamic(()=>import('../Heading/Heading'))\nconst BodyText = dynamic(()=>import('../BodyText/BodyText'))\nimport { useMatchMedia } from '../../adapters/helpers/Hooks'\nimport { CharacterBlockConstants } from '../../adapters/helpers/Constants'\n\nexport default function CharacterBlock(props) {\n\n    const block = new Block(props);\n    const title = block.getFieldValue(CharacterBlockConstants.title);\n    const titleLevel = block.getFieldValue(CharacterBlockConstants.titleLevel);\n    const eyebrow = block.getFieldValue(CharacterBlockConstants.eyebrow);\n    const description = block.getFieldValue(CharacterBlockConstants.description);\n    const backgroundImage = block.getFieldValue(CharacterBlockConstants.backgroundImage);\n    const mobileBackgroundImage = block.getFieldValue(CharacterBlockConstants.mobileBackgroundImage);\n    const characterLogo = block.getFieldValue(CharacterBlockConstants.characterLogo);\n    const mobileCharacterLogo = block.getFieldValue(CharacterBlockConstants.mobileCharacterLogo);\n    const isCustomMobile = useMatchMedia(CharacterBlockConstants.maxWidth, null);\n    const anchorId = block.getFieldValue(CharacterBlockConstants.anchorId);\n    const customClassname = block.getFieldValue(CharacterBlockConstants.classNames) || '';\n    const classname = customClassname ? `ob-CharacterBlock ${customClassname}` : 'ob-CharacterBlock';\n    const logoIsUnderContent = customClassname.includes('logo-bottom');\n\n    let [show, setShow] = useState('');\n\n    const _handleWaypointEnter = () => {\n        setShow('show');\n    };\n\n    let image = isCustomMobile ? mobileBackgroundImage : backgroundImage;\n    return (\n        <div id={`${anchorId}--${show}`} className={`${classname} ${show}`}>\n            <Waypoint onEnter={_handleWaypointEnter} />\n            {image &&\n               <Image preloadImage={mobileBackgroundImage} image={isCustomMobile ? mobileBackgroundImage : backgroundImage}>\n                    <div className=\"ob-CharacterBlock__wrapper\">\n                        <div className=\"ob-CharacterBlock__content\">\n                            {!logoIsUnderContent && <Image image={isCustomMobile ? mobileCharacterLogo : characterLogo} className={`ob-CharacterBlock__content-logo ${mobileCharacterLogo ? 'show-mobile' : ''} ${!eyebrow ? 'no-eyebrow' : ''}`}/> }\n                            <Eyebrow className='ob-CharacterBlock__content-eyebrow'>{eyebrow}</Eyebrow>\n                            <Heading className='ob-display-1-xl ob-CharacterBlock__content-heading' tag={titleLevel ? `h${titleLevel}` : 'h2'}>\n                                {title}\n                            </Heading>\n                            <BodyText>{description}</BodyText>\n                            {logoIsUnderContent && <Image image={isCustomMobile ? mobileCharacterLogo : characterLogo} className={`ob-CharacterBlock__content-logo ${mobileCharacterLogo ? 'show-mobile' : ''} ${!eyebrow ? 'no-eyebrow' : ''}`}/>}\n                        </div>\n                    </div>\n                </Image>\n            }\n            {!image &&\n                <div className=\"ob-CharacterBlock__wrapper no-background\">\n                    <div className=\"ob-CharacterBlock__content no-background\">\n                        <Image image={isCustomMobile ? mobileCharacterLogo : characterLogo} className={`ob-CharacterBlock__content-logo ${mobileCharacterLogo ? 'show-mobile' : ''} ${!eyebrow ? 'no-eyebrow' : ''}`}/>\n                        <Eyebrow className='ob-CharacterBlock__content-eyebrow'>{eyebrow}</Eyebrow>\n                        <Heading className='ob-display-1-xl ob-CharacterBlock__content-heading' tag={titleLevel ? `h${titleLevel}` : 'h2'}>\n                            {title}\n                        </Heading>\n                        <BodyText>{description}</BodyText>\n                    </div>\n                </div>\n            }\n        </div>\n    )\n}\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9491],{69491:function(e,a,c){c.r(a),c.d(a,{default:function(){return m}});var t=c(67294),o=c(83824),n=c(40483),r=c(5152),l=c.n(r),i=c(71357),s=c(24036),d=c(85893),h=l()((function(){return Promise.resolve().then(c.bind(c,48084))}),{loadableGenerated:{webpack:function(){return[48084]}}}),b=l()((function(){return c.e(405).then(c.bind(c,405))}),{loadableGenerated:{webpack:function(){return[405]}}}),u=l()((function(){return Promise.resolve().then(c.bind(c,92116))}),{loadableGenerated:{webpack:function(){return[92116]}}}),g=l()((function(){return c.e(9875).then(c.bind(c,9875))}),{loadableGenerated:{webpack:function(){return[9875]}}});function m(e){var a=new n.Z(e),c=a.getFieldValue(s.tV.title),r=a.getFieldValue(s.tV.titleLevel),l=a.getFieldValue(s.tV.eyebrow),m=a.getFieldValue(s.tV.description),_=a.getFieldValue(s.tV.backgroundImage),k=a.getFieldValue(s.tV.mobileBackgroundImage),V=a.getFieldValue(s.tV.characterLogo),w=a.getFieldValue(s.tV.mobileCharacterLogo),x=(0,i.ag)(s.tV.maxWidth,null),j=a.getFieldValue(s.tV.anchorId),C=a.getFieldValue(s.tV.classNames)||\"\",f=C?\"ob-CharacterBlock \".concat(C):\"ob-CharacterBlock\",p=C.includes(\"logo-bottom\"),N=(0,t.useState)(\"\"),B=N[0],v=N[1],F=x?k:_;return(0,d.jsxs)(\"div\",{id:\"\".concat(j,\"--\").concat(B),className:\"\".concat(f,\" \").concat(B),children:[(0,d.jsx)(o.h,{onEnter:function(){v(\"show\")}}),F&&(0,d.jsx)(h,{preloadImage:k,image:x?k:_,children:(0,d.jsx)(\"div\",{className:\"ob-CharacterBlock__wrapper\",children:(0,d.jsxs)(\"div\",{className:\"ob-CharacterBlock__content\",children:[!p&&(0,d.jsx)(h,{image:x?w:V,className:\"ob-CharacterBlock__content-logo \".concat(w?\"show-mobile\":\"\",\" \").concat(l?\"\":\"no-eyebrow\")}),(0,d.jsx)(b,{className:\"ob-CharacterBlock__content-eyebrow\",children:l}),(0,d.jsx)(u,{className:\"ob-display-1-xl ob-CharacterBlock__content-heading\",tag:r?\"h\".concat(r):\"h2\",children:c}),(0,d.jsx)(g,{children:m}),p&&(0,d.jsx)(h,{image:x?w:V,className:\"ob-CharacterBlock__content-logo \".concat(w?\"show-mobile\":\"\",\" \").concat(l?\"\":\"no-eyebrow\")})]})})}),!F&&(0,d.jsx)(\"div\",{className:\"ob-CharacterBlock__wrapper no-background\",children:(0,d.jsxs)(\"div\",{className:\"ob-CharacterBlock__content no-background\",children:[(0,d.jsx)(h,{image:x?w:V,className:\"ob-CharacterBlock__content-logo \".concat(w?\"show-mobile\":\"\",\" \").concat(l?\"\":\"no-eyebrow\")}),(0,d.jsx)(b,{className:\"ob-CharacterBlock__content-eyebrow\",children:l}),(0,d.jsx)(u,{className:\"ob-display-1-xl ob-CharacterBlock__content-heading\",tag:r?\"h\".concat(r):\"h2\",children:c}),(0,d.jsx)(g,{children:m})]})})]})}}}]);"],"names":["self","webpackChunk_N_E","push","e","a","c","r","d","default","m","t","o","n","l","i","s","h","Promise","resolve","then","bind","loadableGenerated","webpack","b","u","g","Z","getFieldValue","tV","title","titleLevel","eyebrow","description","_","backgroundImage","k","mobileBackgroundImage","V","characterLogo","w","mobileCharacterLogo","x","ag","maxWidth","j","anchorId","C","classNames","p","includes","N","useState","B","v","F","jsxs","id","concat","className","children","jsx","onEnter","preloadImage","image","tag"],"sourceRoot":""}