{"version":3,"file":"js/7699.js","mappings":"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","sources":["webpack:///./resources/js/components/blades/FlexHeroBlade.jsx"],"sourcesContent":["import {useRef} from 'react';\nimport { useTheme } from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport useBreakpoints from \"@util/breakpoints\";\nimport { Header, ButtonPill, Text, Kicker } from \"@/base\";\nimport CmsImageLoader from \"../base/CmsImageLoader\";\nimport { CacheWrapper } from '@/core/providers/EmotionCacheManager';\n\n\n\nconst FlexHeroBlade = ({\n    text_theme,\n    image_size,\n    hero_image,\n    title,\n    sub_title,\n    kicker,\n    align_copy_horizontal,\n    align_copy_vertical,\n    copy,\n    buttons\n}) => {\n\n    const theme = useTheme();\n    const delayIncrement = useRef(200)\n\n    // Text theme\n\n    const textDarkColor = {\n        color: '#000',\n        textShadow: \"0 0 1.5rem rgb(255 255 255 / 80%)\",\n        textAlign: align_copy_horizontal?.value || 'left'\n    };\n\n    const textLightColor = {\n        color: '#fff',\n        textShadow: \"0 0 1.5rem rgb(0 0 0 / 80%)\",\n        textAlign: align_copy_horizontal?.value || 'left'\n    };\n\n    const textOptions = [text_theme?.value === \"light\" ? textLightColor : textDarkColor];\n\n    // KICKER\n\n    const renderKicker = () => {\n\n        delayIncrement.current += 200;\n\n        return (\n            <Kicker stylesOverride={textOptions}>\n                <div data-aos={direction} data-aos-delay={delayIncrement.current}>{kicker.value}</div>\n            </Kicker>\n        )\n    }\n\n    // TITLE\n\n    const renderTitle = (primary, value) => {\n\n        delayIncrement.current += 200;\n\n         return (\n             <div data-aos={direction}\n                  data-aos-delay={delayIncrement.current}>\n                 <Header tag={primary ? 'h1' : 'h2'} tagStyle={primary ? 'h1' : 'h2'} style={textOptions}>\n                     {value}\n                 </Header>\n             </div>\n         )\n    }\n\n    // COPY\n\n    const renderCopy = () => {\n\n        delayIncrement.current += 200;\n\n        return (\n            <Text stylesOverride={[textOptions, copySize]} \n                  dangerouslySetInnerHTML={{ __html: copy.value }}\n                  data-aos={direction}\n                  data-aos-delay={delayIncrement.current}/>\n        )\n\n    }\n\n    // BUTTONS\n\n    const renderButtons = () => {\n\n        delayIncrement.current += 200;\n\n        const newButton = (button) => {\n            return (\n                <ButtonPill key={button.id} buttonTheme={button.button_theme.value} to={button.button_url.value}\n                            noBorder={true}data-aos={direction} data-aos-delay={delayIncrement.current}\n                >{button.button_text.value}</ButtonPill>\n            )\n        }\n\n        let builtButtons;\n\n        if(Array.isArray(buttons.button)){\n            builtButtons = buttons.button.map((button)=>{\n                return newButton(button)\n            })\n        } else {\n            builtButtons = buttons.button.button_url.value ? newButton(buttons.button) : null\n        }\n\n        if(!builtButtons) return;\n\n        return (\n            <span className={`d-flex ${copyPosHorizontal}`}>\n                {builtButtons}\n            </span>\n        )\n    }\n\n\n    const direction = align_copy_horizontal.value === \"left\" ? \"fade-left\" : \"fade-right\";\n\n    const copyPosHorizontal = align_copy_horizontal?.value === \"left\" ? \"justify-content-start\" :\n        align_copy_horizontal?.value === \"center\" ? \"justify-content-center\" : \"justify-content-end\";\n\n    const copyPosVertical = align_copy_vertical?.value === \"top\" ? \"align-items-start\" :\n        align_copy_vertical?.value === \"middle\" ? \"align-items-center\" : \"align-items-end\";\n\n    const size = image_size === 'standard' ? '770px' : '660px';\n\n    const alignment = align_copy_horizontal.value === \"left\" ? {marginRight: 'auto'} : {marginLeft: 'auto'};\n\n    const copySize = useBreakpoints([theme.breakpoint.md])({\n        width: [\"100%\", \"45%\"],\n        ...alignment\n    });\n\n    // the primary hero is not quite centered on the left vertically...\n    const primaryHeroOffset = align_copy_vertical?.value === \"middle\" && title?.value ? 'mt-6' : '';\n\n    return (\n        <CacheWrapper cacheKey=\"headCache\">\n            <div className={`d-flex ${copyPosHorizontal} ${copyPosVertical}`}\n                css={{position: \"relative\", overflow: \"hidden\", minHeight: size}}>\n\n                {hero_image?.image_url?.value && (\n                    <CmsImageLoader className={'img-fill'} url={hero_image.image_url.value} alt={hero_image?.alt_text?.value} />\n                )}\n\n                <div className={'posRelative minW-100'}>\n                    <div className={`container py-8 ${primaryHeroOffset}`}>\n\n                        {kicker?.value && renderKicker()}\n\n                        {title?.value && renderTitle(true, title.value)}\n\n                        {sub_title?.value && renderTitle(false, sub_title.value)}\n\n                        {copy?.value && renderCopy()}\n\n                        {buttons?.button && renderButtons()}\n\n                    </div>\n                </div>\n\n            </div>\n        </CacheWrapper>\n    );\n\n};\n\nFlexHeroBlade.propTypes = {\n    text_theme: PropTypes.object,\n    image_size: PropTypes.object,\n    hero_image: PropTypes.object,\n    title: PropTypes.object,\n    kicker: PropTypes.object,\n    align_copy_horizontal: PropTypes.object,\n    align_copy_vertical: PropTypes.object,\n    copy: PropTypes.object,\n    buttons: PropTypes.object,\n    sub_title: PropTypes.object\n};\n\nexport default FlexHeroBlade;\n"],"names":["FlexHeroBlade","_ref","_hero_image$image_url","_hero_image$alt_text","text_theme","image_size","hero_image","title","sub_title","kicker","align_copy_horizontal","align_copy_vertical","copy","buttons","theme","useTheme","delayIncrement","useRef","textDarkColor","color","textShadow","textAlign","value","textLightColor","textOptions","renderTitle","primary","current","_jsx","direction","children","Header","tag","tagStyle","style","copyPosHorizontal","copyPosVertical","size","alignment","marginRight","marginLeft","copySize","useBreakpoints","breakpoint","md","_objectSpread","width","primaryHeroOffset","CacheWrapper","cacheKey","_jsxs","className","concat","css","_css","position","overflow","minHeight","image_url","CmsImageLoader","url","alt","alt_text","Kicker","stylesOverride","Text","dangerouslySetInnerHTML","__html","button","builtButtons","newButton","ButtonPill","buttonTheme","button_theme","to","button_url","noBorder","button_text","id","Array","isArray","map","renderButtons","propTypes","PropTypes"],"sourceRoot":""}