{"version":3,"file":"303-d3b1a7d79758778a99ad.js","mappings":"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","sources":["webpack://thecoalitionweb/./src/templates/components/heroSimplifiedSwap.js"],"sourcesContent":["import React from 'react'\r\nimport map from 'tcweb-material-components/core/poly/map'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport { fade } from '@material-ui/core/styles/colorManipulator'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport HeroSwap from './heroSwap'\r\nimport classnames from 'classnames'\r\n\r\nconst GRADIENT_MULTIPLIER = 8\r\n\r\nconst useClasses = makeStyles( ({ breakpoints, gutters, palette }) => ({\r\n root: ({hasPadding}) => ({\r\n // Stack on mobile\r\n flexDirection: 'column',\r\n [breakpoints.up('md')]: {\r\n flexDirection: 'row'\r\n },\r\n [breakpoints.down('sm')]: { minHeight: 'auto' },\r\n padding: !hasPadding ? '0px' : null\r\n }),\r\n contentContainer: {\r\n position: 'relative',\r\n [breakpoints.up('md')]: {\r\n position: ({ heightType }) => heightType === 'auto' ? 'absolute !important' : 'initial !important'\r\n }\r\n },\r\n mediaContainer: {\r\n position: 'relative',\r\n [breakpoints.up('md')]: {\r\n position: ({ heightType }) => heightType === 'auto' ? 'relative' : 'absolute'\r\n }\r\n },\r\n overlay: {\r\n '& > *': { zIndex: 2 },\r\n '&::before': {\r\n content: '\" \"',\r\n [breakpoints.up('md')]: {\r\n position: 'absolute',\r\n top: `calc(-${gutters.page.md} * ${GRADIENT_MULTIPLIER / 2})`,\r\n left: `calc(-${gutters.page.md} * ${GRADIENT_MULTIPLIER / 2})`,\r\n width: `calc(100% + (${gutters.page.md} * ${GRADIENT_MULTIPLIER}))`,\r\n height: `calc(100% + (${gutters.page.md} * ${GRADIENT_MULTIPLIER}))`,\r\n background: ({overlayColor}) => `radial-gradient(farthest-side at center center, ${fade(overlayColor, 0.8)} 42%, ${fade(overlayColor, 0.6)} 78%, transparent 100%)`,\r\n }\r\n }\r\n },\r\n boxChildren: {\r\n // Force primary text color on mobile (stacked onto default bg)\r\n [breakpoints.down('sm')]: {\r\n color: `${palette.text.primary} !important`\r\n }\r\n },\r\n heroContent: {\r\n [breakpoints.down('sm')]: {\r\n // Overwrite Hero's 'has-text-align-x' class\r\n \"& [class*='has-text-align-left'], & [class*='has-text-align-right']\": { textAlign: 'left' },\r\n \"& [class*='has-text-align-center']\": { textAlign: 'center' }\r\n },\r\n },\r\n isDarkMobile: {\r\n [breakpoints.down('sm')]: {\r\n backgroundColor: `${palette.common.black} !important`\r\n }\r\n },\r\n box: ({backgroundColor}) => (!!backgroundColor ? {\r\n backgroundColor: backgroundColor,\r\n [breakpoints.up('md')]: {\r\n padding: gutters.page.md\r\n }\r\n } : {})\r\n}))\r\n\r\nconst HeroSimplifiedSwap = props => {\r\n const { data, box } = props\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\r\n const isDarkMobile = get(box, 'attribs.class', []).includes('hero-simple-dark-theme-mobile')\r\n const hasPadding = get(data, \"padding.has.['']\")\r\n const _classes = useClasses({\r\n flex: data.flex,\r\n overlayColor: get(data, 'overlay.mobile.color'),\r\n heightType: get(data, 'size.mobile.height'),\r\n backgroundColor: get(box.attribs, \"data-background-color\"),\r\n hasPadding\r\n })\r\n\r\n // Replace text color to text.primary of innerblocks on mobile\r\n const _boxChildren = (isMobile && !isDarkMobile) ?\r\n map((child) => ({\r\n ...child,\r\n attribs: {\r\n ...child.attribs,\r\n class: classnames(_classes.box, get(child, 'attribs.class', ''), _classes.boxChildren)\r\n }})\r\n , box.children) :\r\n box.children\r\n\r\n\r\n // Use Desktop media if no mobile is defined\r\n const mobileMedia = get(data, 'media.mobile')\r\n const desktopMedia = get(data, 'media.desktop')\r\n const media = {\r\n ...data.media,\r\n mobile: !!mobileMedia && !!mobileMedia.url ? mobileMedia : desktopMedia,\r\n desktop: desktopMedia\r\n }\r\n\r\n // Disable overlay on mobile\r\n const enableOverlay = isMobile ? false : get(data, 'overlay.mobile.visible')\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default HeroSimplifiedSwap\r\n"],"names":["useClasses","makeStyles","breakpoints","gutters","palette","root","hasPadding","flexDirection","up","down","minHeight","padding","contentContainer","position","heightType","mediaContainer","overlay","zIndex","content","top","page","md","left","width","height","background","overlayColor","fade","boxChildren","color","text","primary","heroContent","textAlign","isDarkMobile","backgroundColor","common","black","box","props","data","theme","useTheme","isMobile","useMediaQuery","get","includes","_classes","flex","attribs","_boxChildren","map","child","_objectSpread","class","classnames","children","mobileMedia","desktopMedia","media","mobile","url","desktop","enableOverlay","React","HeroSwap","_extends","classes","replace","visible","stackOnMobile"],"sourceRoot":""}