{"version":3,"file":"8005-06d60d6827229dc3fe75.js","mappings":"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","sources":["webpack://gears-of-war-website/./src/components/templates/box.js","webpack://gears-of-war-website/./src/templates/components/heroSwap.js"],"sourcesContent":["import React from 'react'\r\nimport pipe from 'lodash/fp/pipe'\r\nimport { makeStyles } from '@material-ui/styles'\r\nimport { domToReact } from 'html-react-parser'\r\nimport Section from 'tcweb-material-components/core/section'\r\nimport keys from 'tcweb-material-components/core/poly/keys'\r\nimport reduce from 'tcweb-material-components/core/poly/reduce'\r\nimport camelCase from 'tcweb-material-components/core/poly/camelCase'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport classnames from 'classnames'\r\n\r\nimport { cleanWPValue } from '../../utilities/wpOptions'\r\n\r\nconst getFlexStyle = (data) => ({\r\n    flexDirection: data.direction,\r\n    justifyContent: data.justifyContent,\r\n    alignItems: data.alignItems\r\n})\r\n\r\nconst getSpacingStyle = (prefix, path, data) => pipe(\r\n    keys,\r\n    reduce((styles, key) => ({\r\n        ...styles,\r\n        [camelCase([prefix, key])]: cleanWPValue(get(data, [prefix, path, key]))\r\n    }), {})\r\n)(get(data, [prefix, path], {}))\r\n\r\nconst useClasses = makeStyles(theme => ({\r\n    boxSwap: ({ data, backgroundColor }) => ({\r\n        backgroundColor: !!backgroundColor ? backgroundColor : 'initial',\r\n        display: 'flex',\r\n        width: cleanWPValue(get(data, 'size.mobile.width')),\r\n        height: cleanWPValue(get(data, 'size.mobile.height')),\r\n        ...getFlexStyle(get(data, 'flex.mobile', {})),\r\n        ...getSpacingStyle('padding', 'mobile', data),\r\n        ...getSpacingStyle('margin', 'mobile', data),\r\n        [theme.breakpoints.up('sm')]: {\r\n            width: cleanWPValue(get(data, 'size.tablet.width')),\r\n            height: cleanWPValue(get(data, 'size.tablet.height')),\r\n            ...getFlexStyle(get(data, 'flex.tablet', {})),\r\n            ...getSpacingStyle('padding', 'tablet', data),\r\n            ...getSpacingStyle('margin', 'tablet', data),\r\n        },\r\n        [theme.breakpoints.up('md')]: {\r\n            width: cleanWPValue(get(data, 'size.desktop.width')),\r\n            height: cleanWPValue(get(data, 'size.desktop.height')),\r\n            ...getFlexStyle(get(data, 'flex.desktop', {})),\r\n            ...getSpacingStyle('padding', 'desktop', data),\r\n            ...getSpacingStyle('margin', 'desktop', data),\r\n        }\r\n    })\r\n}))\r\n\r\nconst BoxSwap = ({ attribs, children, options, data, classes = {}, className, itemMargins, ...rest }) => {\r\n    const _classes = useClasses({ data, backgroundColor: get(attribs, \"data-background-color\") })\r\n\r\n    const hasCustomGradient = attribs?.style ? `${attribs.style.toString().split(':')[1]}`: null\r\n\r\n    return (\r\n        <Section\r\n            {...rest}\r\n            itemMargins={{\r\n                ...itemMargins,\r\n                mobile: get(data, 'space.mobile.between'),\r\n                tablet: get(data, 'space.tablet.between'),\r\n                desktop: get(data, 'space.desktop.between')\r\n            }}\r\n            className={classnames(\r\n                'box-swap',\r\n                _classes.boxSwap,\r\n                classes.root,\r\n                className,\r\n                `bg-${get(data, 'background.mobile.type')}`,\r\n                get(attribs, 'class')\r\n            )}\r\n            style={{background: hasCustomGradient}}\r\n        >\r\n            {rest.isSubSection ? children : domToReact(children, options)}\r\n        </Section>\r\n    )\r\n}\r\n\r\n\r\nexport default BoxSwap\r\n","import React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Hero from 'tcweb-material-components/core/hero'\r\nimport HeroMedia from 'tcweb-material-components/core/heroMedia'\r\nimport HeroContent from 'tcweb-material-components/core/heroContent'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport { domToReact } from 'html-react-parser'\r\nimport useZoomPercentage from 'tcweb-material-components/core/hooks/useZoomPercentage'\r\n\r\nimport Box from '../../components/templates/box'\r\nimport options from './index'\r\nimport classnames from 'classnames'\r\n\r\nconst WP_ALIGNMENT_CLASS_PREFIX = 'has-text-align'\r\n\r\nconst useClasses = makeStyles(({ breakpoints, gutters, hasPadding }) => ({\r\n    contentRoot: ({ flex, hasInnerAlignment, hasPadding }) => ({\r\n        ...get(flex, 'mobile', {}),\r\n        [breakpoints.down('sm')]: {\r\n            // Keep vertical centering, and Change horizontal centering\r\n            justifyContent: 'center'\r\n        },\r\n        [breakpoints.only('sm')]: {\r\n            ...get(flex, 'tablet', {}),\r\n        },\r\n        [breakpoints.up('md')]: {\r\n            ...get(flex, 'desktop', {}),\r\n        },\r\n        // Allow inner content to algin itself\r\n        ...() => {\r\n            if(hasInnerAlignment) {\r\n                return { justifyContent: 'unset' }\r\n            }\r\n        },\r\n        padding: !hasPadding ? '0px' : null\r\n        // padding: 0\r\n    }),\r\n    contentContainer:{\r\n        '& .wp-block-image img' : { height: 'auto' }\r\n    },\r\n    contentMinWidth: {\r\n        [breakpoints.down('sm')]: { width: 'auto' },\r\n        [breakpoints.up('md')]: { minWidth: '500px' }\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\n\r\n\r\nconst HeroSwap = ({ data, box, boxData, className, stackOnMobile=false, classes, heroProps={}, mediaProps={}, contentProps={} })=> {\r\n    const hasInnerAlignment = get(box, 'children', []).some(child => get(child, 'attribs.class', '').includes(WP_ALIGNMENT_CLASS_PREFIX))\r\n    const hasPadding = get(data, \"padding.has.['']\")\r\n    const _classes = useClasses({ flex: data.flex, hasInnerAlignment, backgroundColor: get(boxData, 'color.background[\"\"]'), hasPadding })\r\n    const { t } = useTranslation()\r\n    const useContentHeight = ['full', 'extended'].includes(get(data, 'size.mobile.height'))\r\n    const zoomPercentage = useZoomPercentage()\r\n\r\n    return (\r\n        <Hero\r\n            classes={classes}\r\n            useContentHeight={zoomPercentage > 150 ? true : useContentHeight}\r\n            heightType={get(data, 'size.mobile.height')}\r\n            enableCaret={get(data, 'caret.mobile.visible')}\r\n            stackOnMobile={stackOnMobile}\r\n            {...heroProps}\r\n        >\r\n            <HeroMedia\r\n                mobileMedia={get(data, 'media.mobile')}\r\n                desktopMedia={get(data, 'media.desktop')}\r\n                mediaControlLabels={{\r\n                    play: t('Play'),\r\n                    pause: t('Pause')\r\n                }}\r\n                {...mediaProps}\r\n            />\r\n            <HeroContent\r\n                BoxProps={{\r\n                    component: Box,\r\n                    isSubSection: true,\r\n                    data: boxData,\r\n                    attribs: get(box, 'attribs'),\r\n                    classes: {\r\n                        root: classnames(_classes.box, {\r\n                            [_classes.contentMinWidth]: !!className && (className.includes('alignfull') || className.includes('alignwide'))\r\n                        })\r\n                    }\r\n                }}\r\n                classes={{ root: classnames(_classes.contentRoot, get(classes, 'heroContent')), container: classnames(_classes.contentContainer, get(classes, 'overlay')) }}\r\n                enableOverlay={get(data, 'overlay.mobile.visible')}\r\n                overlayColor={get(data, 'overlay.mobile.color')}\r\n                {...contentProps}\r\n            >\r\n                {domToReact(get(box, 'children', ''), options)}\r\n            </HeroContent>\r\n        </Hero>\r\n    )\r\n}\r\n\r\nexport default HeroSwap\r\n"],"names":["getFlexStyle","data","flexDirection","direction","justifyContent","alignItems","getSpacingStyle","prefix","path","pipe","keys","reduce","styles","key","_objectSpread","camelCase","cleanWPValue","get","useClasses","makeStyles","theme","boxSwap","backgroundColor","display","width","height","breakpoints","up","_ref","attribs","children","options","classes","className","itemMargins","rest","_objectWithoutProperties","_excluded","_classes","hasCustomGradient","style","toString","split","React","Section","_extends","mobile","tablet","desktop","classnames","root","background","isSubSection","domToReact","gutters","hasPadding","contentRoot","flex","hasInnerAlignment","down","only","padding","contentContainer","contentMinWidth","minWidth","box","page","md","HeroSwap","boxData","stackOnMobile","heroProps","mediaProps","contentProps","some","child","includes","t","useTranslation","useContentHeight","zoomPercentage","useZoomPercentage","Hero","heightType","enableCaret","HeroMedia","mobileMedia","desktopMedia","mediaControlLabels","play","pause","HeroContent","BoxProps","component","Box","container","enableOverlay","overlayColor"],"sourceRoot":""}