{"version":3,"file":"6636-82f9471c4da0a3b5cc82.js","mappings":"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","sources":["webpack://gears-of-war-website/./node_modules/tcweb-material-components/core/section/index.js","webpack://gears-of-war-website/./src/components/templates/box.js","webpack://gears-of-war-website/./src/templates/components/mediaTextSwap.js","webpack://gears-of-war-website/./node_modules/lodash/_baseReduce.js","webpack://gears-of-war-website/./node_modules/lodash/reduce.js"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _isString = _interopRequireDefault(require(\"lodash/isString\"));\nvar _trim = _interopRequireDefault(require(\"lodash/trim\"));\nvar _styles = require(\"@material-ui/core/styles\");\nvar _clsx = _interopRequireDefault(require(\"clsx\"));\nvar _box = _interopRequireDefault(require(\"../box\"));\nvar _count = _interopRequireDefault(require(\"../poly/count\"));\nvar _reactMap = _interopRequireDefault(require(\"../poly/reactMap\"));\nconst _excluded = [\"children\", \"className\", \"isSubSection\", \"itemMargins\"];\nconst useClasses = (0, _styles.makeStyles)(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    textAlign: 'left',\n    width: '100%'\n  },\n  defaultItem: {\n    marginTop: 0,\n    marginBottom: 0\n  },\n  item: ({\n    itemMargins\n  }) => ({\n    marginTop: 0,\n    marginBottom: itemMargins.mobile || '30px',\n    [theme.breakpoints.up('sm')]: {\n      marginBottom: itemMargins.tablet || '30px'\n    },\n    [theme.breakpoints.up('md')]: {\n      marginBottom: itemMargins.desktop || '50px'\n    }\n  }),\n  subSection: {\n    padding: 0,\n    [theme.breakpoints.up('md')]: {\n      padding: 0\n    }\n  }\n}), {\n  classNamePrefix: 'TCUISection'\n});\nconst Section = _ref => {\n  let {\n      children,\n      className,\n      isSubSection,\n      itemMargins\n    } = _ref,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);\n  const _classes = useClasses({\n    itemMargins\n  });\n  return /*#__PURE__*/_react.default.createElement(_box.default, (0, _extends2.default)({}, rest, {\n    className: (0, _clsx.default)(_classes.root, {\n      [_classes.subSection]: isSubSection\n    }, className)\n  }), (0, _reactMap.default)((child, i, flattenedChildren) => {\n    if (!(0, _isString.default)(child)) {\n      return /*#__PURE__*/_react.default.cloneElement(child, {\n        className: (0, _clsx.default)(_classes.defaultItem, {\n          [_classes.item]: i + 1 !== _react.default.Children.count(flattenedChildren),\n          [_classes.subSection]: child.type === Section\n        }, child.props.className)\n      });\n    }\n    if ((0, _count.default)((0, _trim.default)(child)) > 0) {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: (0, _clsx.default)({\n          [_classes.item]: i + 1 !== _react.default.Children.count(flattenedChildren)\n        })\n      }, child);\n    }\n    return null;\n  }, children));\n};\nSection.propTypes = {\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  isSubSection: _propTypes.default.bool,\n  itemMargins: _propTypes.default.shape({\n    mobile: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n    tablet: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n    desktop: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])\n  })\n};\nSection.defaultProps = {\n  children: null,\n  className: null,\n  isSubSection: false,\n  itemMargins: {\n    mobile: '30px',\n    tablet: '30px',\n    desktop: '50px'\n  }\n};\nvar _default = exports.default = Section;","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 head from 'lodash/head'\r\nimport reduce from 'lodash/reduce'\r\nimport camelCase from 'lodash/camelCase'\r\nimport { domToReact } from 'html-react-parser'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport classNames from 'classnames'\r\nimport { makeStyles } from '@material-ui/styles'\r\n\r\nimport Box from '../../components/templates/box'\r\n\r\n// Classes on mobile, desktop styles coming from wp css\r\nconst useStyles = makeStyles(({ breakpoints, gutters, spacing }) => ({\r\n    root: ({ verticalAlignment = 'flex-start',  }) => ({\r\n        alignItems: verticalAlignment,\r\n    }),\r\n    media: {\r\n        [breakpoints.down('sm')]: {\r\n            width: ({mobileMediaWidth}) => `${mobileMediaWidth}%`,\r\n        }\r\n    },\r\n    isStackedOnMobile: {\r\n        [breakpoints.down('sm')]:{\r\n            display: 'flex !important', // temporary !important until we remove wp css\r\n            flexDirection: 'column'\r\n        }\r\n    },\r\n    notStackedOnMobile: {\r\n        [breakpoints.down('sm')]:{\r\n            '& .wp-block-media-text__content': {\r\n                paddingTop: '0 !important', // temporary !important until we remove wp css\r\n                paddingBottom: '0 !important' // temporary !important until we remove wp css\r\n            }\r\n        }\r\n    },\r\n    mediaTextContent: {\r\n        [breakpoints.down('xs')]: {\r\n            paddingLeft: ({hasPaddingOnMobile}) => hasPaddingOnMobile ? `${gutters.page.xs} !important` : '0 !important', // temporary !important until we remove wp css\r\n            paddingRight: ({hasPaddingOnMobile}) => hasPaddingOnMobile ? `${gutters.page.xs} !important` : '0 !important' // temporary !important until we remove wp css\r\n        },\r\n        [breakpoints.down('sm')]: {\r\n            paddingLeft: ({hasPaddingOnMobile}) => hasPaddingOnMobile ? `${gutters.page.sm} !important` : '0 !important', // temporary !important until we remove wp css\r\n            paddingRight: ({hasPaddingOnMobile}) => hasPaddingOnMobile ? `${gutters.page.sm} !important` : '0 !important', // temporary !important until we remove wp css\r\n            paddingTop: `${spacing(2.5)}px !important`,\r\n            paddingBottom: ({ isLastSection }) => isLastSection ? 0 : spacing(6.25),\r\n        }\r\n    }\r\n}))\r\n\r\nconst VERTICAL_ALIGNMENTS = {\r\n    'is-vertically-aligned-center': 'center',\r\n    'is-vertically-aligned-top': 'flex-start',\r\n    'is-vertically-aligned-bottom': 'flex-end'\r\n}\r\n\r\nconst getVerticalAlignment = attribs => {\r\n    const alignmentClass = head(get(attribs, 'class', '').match(/is-vertically-aligned-[a-z]+/gi))\r\n    return VERTICAL_ALIGNMENTS[alignmentClass]\r\n}\r\n\r\nconst getStyleArray = (styles) => {\r\n    if (!styles) return styles\r\n    return reduce(styles.split(';'), (result, item) => {\r\n        const i = item.split(':')\r\n        result[camelCase(i[0])] = i[1]\r\n        return result\r\n    }, {})\r\n}\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nconst MediaTextSwap = ({ className, attribs, children, options, isLastSection, data }) => {\r\n    const mobileMediaWidth = get(data, 'media.mobile.width', '100')\r\n    const hasPaddingOnMobile = get(data, 'text.mobile.haspadding', true)\r\n    const _classes = useStyles({ isLastSection, verticalAlignment: getVerticalAlignment(attribs), mobileMediaWidth, hasPaddingOnMobile })\r\n    const inlineStyles = getStyleArray(get(attribs, 'style', null))\r\n    const isStackedOnMobile = get(attribs, 'class', '').includes('is-stacked-on-mobile')\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                _classes.root,\r\n                className,\r\n                attribs.class,\r\n                {\r\n                    [_classes.isStackedOnMobile]: isStackedOnMobile,\r\n                    [_classes.notStackedOnMobile]: !isStackedOnMobile\r\n                },\r\n            )}\r\n            style={{ ...inlineStyles }}\r\n        >\r\n            {children.map((child, index) => get(child, 'attribs.class', '').includes('wp-block-media-text__content')\r\n                ? (\r\n                    <Box\r\n                        isSubSection\r\n                        key={`mediatext-${index + 1}`}\r\n                        className={classNames(get(child, 'attribs.class', ''), _classes.mediaTextContent)}\r\n                    >\r\n                        {domToReact(child.children, options)}\r\n                    </Box>\r\n                ) : (\r\n                    <div className={_classes.media} key={`mediatext-${index + 1}`}>\r\n                        {domToReact([child], options)}\r\n                    </div>\r\n                )\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MediaTextSwap\r\n","/**\n * The base implementation of `_.reduce` and `_.reduceRight`, without support\n * for iteratee shorthands, which iterates over `collection` using `eachFunc`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} accumulator The initial value.\n * @param {boolean} initAccum Specify using the first or last element of\n *  `collection` as the initial value.\n * @param {Function} eachFunc The function to iterate over `collection`.\n * @returns {*} Returns the accumulated value.\n */\nfunction baseReduce(collection, iteratee, accumulator, initAccum, eachFunc) {\n  eachFunc(collection, function(value, index, collection) {\n    accumulator = initAccum\n      ? (initAccum = false, value)\n      : iteratee(accumulator, value, index, collection);\n  });\n  return accumulator;\n}\n\nmodule.exports = baseReduce;\n","var arrayReduce = require('./_arrayReduce'),\n    baseEach = require('./_baseEach'),\n    baseIteratee = require('./_baseIteratee'),\n    baseReduce = require('./_baseReduce'),\n    isArray = require('./isArray');\n\n/**\n * Reduces `collection` to a value which is the accumulated result of running\n * each element in `collection` thru `iteratee`, where each successive\n * invocation is supplied the return value of the previous. If `accumulator`\n * is not given, the first element of `collection` is used as the initial\n * value. The iteratee is invoked with four arguments:\n * (accumulator, value, index|key, collection).\n *\n * Many lodash methods are guarded to work as iteratees for methods like\n * `_.reduce`, `_.reduceRight`, and `_.transform`.\n *\n * The guarded methods are:\n * `assign`, `defaults`, `defaultsDeep`, `includes`, `merge`, `orderBy`,\n * and `sortBy`\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @returns {*} Returns the accumulated value.\n * @see _.reduceRight\n * @example\n *\n * _.reduce([1, 2], function(sum, n) {\n *   return sum + n;\n * }, 0);\n * // => 3\n *\n * _.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n *   (result[value] || (result[value] = [])).push(key);\n *   return result;\n * }, {});\n * // => { '1': ['a', 'c'], '2': ['b'] } (iteration order is not guaranteed)\n */\nfunction reduce(collection, iteratee, accumulator) {\n  var func = isArray(collection) ? arrayReduce : baseReduce,\n      initAccum = arguments.length < 3;\n\n  return func(collection, baseIteratee(iteratee, 4), accumulator, initAccum, baseEach);\n}\n\nmodule.exports = reduce;\n"],"names":["_interopRequireDefault","exports","_extends2","_objectWithoutPropertiesLoose2","_react","_propTypes","_isString","_trim","_styles","_clsx","_box","_count","_reactMap","_excluded","useClasses","makeStyles","theme","root","display","flexDirection","textAlign","width","defaultItem","marginTop","marginBottom","item","itemMargins","mobile","breakpoints","up","tablet","desktop","subSection","padding","classNamePrefix","Section","_ref","children","className","isSubSection","rest","default","_classes","createElement","child","i","flattenedChildren","Children","count","cloneElement","type","props","propTypes","node","string","bool","shape","oneOfType","number","defaultProps","getFlexStyle","data","direction","justifyContent","alignItems","getSpacingStyle","prefix","path","pipe","keys","reduce","styles","key","_objectSpread","camelCase","cleanWPValue","get","boxSwap","backgroundColor","height","attribs","options","classes","_objectWithoutProperties","hasCustomGradient","style","toString","split","React","_extends","classnames","background","domToReact","useStyles","gutters","spacing","verticalAlignment","media","down","mobileMediaWidth","isStackedOnMobile","notStackedOnMobile","paddingTop","paddingBottom","mediaTextContent","paddingLeft","hasPaddingOnMobile","page","xs","paddingRight","sm","isLastSection","VERTICAL_ALIGNMENTS","getVerticalAlignment","alignmentClass","head","match","MediaTextSwap","inlineStyles","result","includes","classNames","class","map","index","Box","module","collection","iteratee","accumulator","initAccum","eachFunc","value","arrayReduce","baseEach","baseIteratee","baseReduce","isArray","func","arguments","length"],"sourceRoot":""}