{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js","webpack:///./node_modules/redux-devtools-extension/index.js","webpack:///./src/hooks/useIntersectionObserver.ts","webpack:///./src/hooks/useInView.ts","webpack:///./src/stories/Components/Buttons/Button/Button.tsx","webpack:///./src/stories/Components/Global/Typography/Paragraph.styles.ts","webpack:///./src/helpers/global.ts","webpack:///./src/stories/Components/Global/Typography/Paragraph.tsx","webpack:///./src/img/icons/chevron-right.svg","webpack:///./src/hoc/withMotion.tsx","webpack:///./src/helpers/fonts.ts","webpack:///./src/helpers/imageUrl.ts","webpack:///./src/img/line-pattern.svg","webpack:///./src/stories/Components/Buttons/Button/Button.styles.tsx","webpack:///./src/stories/Widgets/CustomerPortal/LandingPage/FiftyFiftyTextImage/FiftyFiftyTextImage.styles.ts","webpack:///./src/stories/Widgets/CustomerPortal/LandingPage/FiftyFiftyTextImage/FiftyFiftyTextImage.widget.tsx","webpack:///./node_modules/prop-types/factoryWithThrowingShims.js","webpack:///./node_modules/prop-types/lib/ReactPropTypesSecret.js","webpack:///./node_modules/prop-types/index.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","51","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","this","oldJsonpFunction","slice","reactIs","REACT_STATICS","childContextTypes","contextType","contextTypes","defaultProps","displayName","getDefaultProps","getDerivedStateFromError","getDerivedStateFromProps","mixins","propTypes","type","KNOWN_STATICS","caller","callee","arguments","arity","MEMO_STATICS","compare","TYPE_STATICS","getStatics","component","isMemo","ForwardRef","render","Memo","getOwnPropertyNames","getOwnPropertySymbols","getOwnPropertyDescriptor","getPrototypeOf","objectPrototype","hoistNonReactStatics","targetComponent","sourceComponent","blacklist","inheritedComponent","keys","concat","targetStatics","sourceStatics","descriptor","e","compose","composeWithDevTools","window","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","devToolsEnhancer","__REDUX_DEVTOOLS_EXTENSION__","noop","useIntersectionObserver","callback","options","observerRef","useRef","rootRef","elementRef","useEffect","current","IntersectionObserver","root","observe","disconnect","useInView","reverse","isEditMode","useState","inView","setInView","entries","isIntersecting","Button","addon","addonPosition","branding","className","disabled","title","onClick","hoverColour","hideTextMobile","rest","undefined","React","createElement","ButtonStyles","iconPosition","HoverEffect","Inner","Icon","position","Text","LinkButton","href","target","download","as","LargeStyles","css","fonts","DaxPro","Regular","RegularStyles","SmallStyles","Paragraph","styled","isLatestNewsWidget","align","size","ButtonReset","children","_path","_extends","assign","source","SvgChevronRight","props","xmlns","viewBox","fill","stroke","strokeWidth","withMotion","WrappedComponent","ComponentWithMotion","LazyMotion","features","domAnimation","strict","Bold","BoldItalic","Medium","SlightlyLessThanMedium","RegularItalic","Light","imageUrl","publicId","params","transformation","width","height","aspectRatio","dpr","crop","gravity","format","indexOf","createTransformation","encodedPublicId","encodeURIComponent","_g","div","brand","primary","base","alt","accent","orange","white","black","PrimaryStyles","PrimaryAltStyles","SecondaryStyles","grey","grey55","WhiteStyles","BlackStyles","grey20","grey44","GreyStyles","grey89","grey76","TextOnlyStyles","TextOnlyPrimaryStyles","IconLeft","until","Device","DesktopSmall","IconRight","hideText","button","Container","from","Desktop","layout","grey96","ContentWrapper","Tablet","ImageContainer","DownArrow","Title","ParagraphStyles","Split","attrs","initial","animate","variants","hidden","opacity","y","visible","transition","duration","delay","ButtonsContainer","FiftyFiftyTextImageStyles","withWidget","withRedux","heading","text","image","downArrow","loginText","registrationCta","threshold","ref","dispatch","useDispatch","loggedIn","useSelector","x","isLoggedIn","S","payload","loginType","LoginRedirectType","Default","url","Chevron","src","sizes","hydrate","HydrateOption","InView","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","propName","componentName","location","propFullName","secret","err","Error","getShim","isRequired","ReactPropTypes","array","bool","func","number","string","symbol","any","arrayOf","element","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes"],"mappings":"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","file":"FiftyFiftyTextImage-02fd79c86acc05a960b7.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t51: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/sitefiles/next-gen/dist/\";\n\n \tvar jsonpArray = this[\"nextGenJsonpFunction\"] = this[\"nextGenJsonpFunction\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([600,0,1,2,4,5,3]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","'use strict';\n\nvar reactIs = require('react-is');\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n  childContextTypes: true,\n  contextType: true,\n  contextTypes: true,\n  defaultProps: true,\n  displayName: true,\n  getDefaultProps: true,\n  getDerivedStateFromError: true,\n  getDerivedStateFromProps: true,\n  mixins: true,\n  propTypes: true,\n  type: true\n};\nvar KNOWN_STATICS = {\n  name: true,\n  length: true,\n  prototype: true,\n  caller: true,\n  callee: true,\n  arguments: true,\n  arity: true\n};\nvar FORWARD_REF_STATICS = {\n  '$$typeof': true,\n  render: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true\n};\nvar MEMO_STATICS = {\n  '$$typeof': true,\n  compare: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true,\n  type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\n\nfunction getStatics(component) {\n  // React v16.11 and below\n  if (reactIs.isMemo(component)) {\n    return MEMO_STATICS;\n  } // React v16.12 and above\n\n\n  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n  if (typeof sourceComponent !== 'string') {\n    // don't hoist over string (html) components\n    if (objectPrototype) {\n      var inheritedComponent = getPrototypeOf(sourceComponent);\n\n      if (inheritedComponent && inheritedComponent !== objectPrototype) {\n        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n      }\n    }\n\n    var keys = getOwnPropertyNames(sourceComponent);\n\n    if (getOwnPropertySymbols) {\n      keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n    }\n\n    var targetStatics = getStatics(targetComponent);\n    var sourceStatics = getStatics(sourceComponent);\n\n    for (var i = 0; i < keys.length; ++i) {\n      var key = keys[i];\n\n      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n        try {\n          // Avoid failures from read-only properties\n          defineProperty(targetComponent, key, descriptor);\n        } catch (e) {}\n      }\n    }\n  }\n\n  return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n","'use strict';\n\nvar compose = require('redux').compose;\n\nexports.__esModule = true;\nexports.composeWithDevTools =\n  typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n    : function () {\n        if (arguments.length === 0) return undefined;\n        if (typeof arguments[0] === 'object') return compose;\n        return compose.apply(null, arguments);\n      };\n\nexports.devToolsEnhancer =\n  typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__\n    ? window.__REDUX_DEVTOOLS_EXTENSION__\n    : function () {\n        return function (noop) {\n          return noop;\n        };\n      };\n","import { useEffect, useRef } from 'react';\r\n/**\r\n * Use the IntersectionObserver to track visibility of an element in the viewport.\r\n * @param {IntersectionObserverCallback} callback\r\n * @param {IntersectionObserverInit} options\r\n * @returns {UseIntersectionObserverReturn}\r\n */\r\nfunction useIntersectionObserver(callback, options = {}) {\r\n    const observerRef = useRef(null);\r\n    const rootRef = useRef(null);\r\n    const elementRef = useRef(null);\r\n    useEffect(() => {\r\n        if (!elementRef.current) {\r\n            return undefined;\r\n        }\r\n        observerRef.current = new IntersectionObserver(callback, {\r\n            root: rootRef.current,\r\n            ...options,\r\n        });\r\n        observerRef.current.observe(elementRef.current);\r\n        return () => {\r\n            if (observerRef.current === null) {\r\n                return;\r\n            }\r\n            observerRef.current.disconnect();\r\n        };\r\n    }, [callback, options]);\r\n    return { elementRef, observerRef, rootRef };\r\n}\r\nexport default useIntersectionObserver;\r\n","import { useState } from 'react';\r\nimport useIntersectionObserver from './useIntersectionObserver';\r\nexport function useInView(options, reverse = false, isEditMode = false) {\r\n    const [inView, setInView] = useState(false);\r\n    const { elementRef } = useIntersectionObserver((entries) => {\r\n        if (entries[0].isIntersecting) {\r\n            setInView(true);\r\n        }\r\n        else if (reverse === true) {\r\n            setInView(false);\r\n        }\r\n    }, options);\r\n    return [elementRef, isEditMode ? true : inView];\r\n}\r\n","import React from 'react';\r\nimport { ButtonStyles } from './Button.styles';\r\nconst Button = ({ addon, addonPosition, branding, className, disabled, title, type = 'button', onClick, hoverColour, hideTextMobile, ...rest }) => {\r\n    if (hideTextMobile == undefined && addonPosition == 'right') {\r\n        hideTextMobile = true;\r\n    }\r\n    return (React.createElement(ButtonStyles.Button, { \"data-theme\": branding, className: className, disabled: disabled, iconPosition: addonPosition, type: type, onClick: onClick, hoverColour: hoverColour, hideTextMobile: hideTextMobile, ...rest },\r\n        React.createElement(ButtonStyles.HoverEffect, null),\r\n        React.createElement(ButtonStyles.Inner, null,\r\n            addon && addonPosition === 'left' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            addon && addonPosition === 'right' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)))));\r\n};\r\nconst LinkButton = ({ addon, addonPosition, branding, className, onClick, href, target = '_self', title, download, hoverColour, }) => {\r\n    return (React.createElement(ButtonStyles.Button, { \"data-theme\": branding, className: className, as: \"a\", href: href, target: target, download: download, hoverColour: hoverColour, onClick: onClick },\r\n        React.createElement(ButtonStyles.HoverEffect, null),\r\n        React.createElement(ButtonStyles.Inner, null,\r\n            addon && addonPosition === 'left' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            addon && addonPosition === 'right' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)))));\r\n};\r\nexport { LinkButton, Button as default };\r\n","import { fonts } from '@helpers/fonts';\r\nimport styled, { css } from 'styled-components';\r\n/**\r\n * 20px / 28px\r\n */\r\nexport const LargeStyles = css `\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 20px;\r\n  letter-spacing: normal;\r\n  line-height: 28px;\r\n  margin-bottom: 16px;\r\n`;\r\n/**\r\n * 18px / 28px\r\n */\r\nexport const RegularStyles = css `\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 18px;\r\n  letter-spacing: normal;\r\n  line-height: 28px;\r\n  margin-bottom: 16px;\r\n`;\r\n/**\r\n * 16px / 26px\r\n */\r\nexport const SmallStyles = css `\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  line-height: 26px;\r\n  margin-bottom: 16px;\r\n`;\r\nconst Paragraph = styled.p `\r\n  ${({ isLatestNewsWidget }) => isLatestNewsWidget\r\n    ? css `\r\n          min-height: 104px;\r\n        `\r\n    : null}\r\n  \r\n  ${({ align }) => align\r\n    ? css `\r\n          text-align: ${align};\r\n        `\r\n    : null}\r\n\r\n  ${({ size }) => {\r\n    switch (size) {\r\n        case 'large':\r\n            return LargeStyles;\r\n        case 'regular':\r\n            return RegularStyles;\r\n        case 'small':\r\n            return SmallStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    Paragraph,\r\n    SmallStyles,\r\n    RegularStyles,\r\n    LargeStyles,\r\n};\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import React from 'react';\r\nimport s from './Paragraph.styles';\r\nconst Paragraph = ({ children, className, size = 'regular', align = 'left', isLatestNewsWidget, }) => {\r\n    return (React.createElement(s.Paragraph, { className: className, size: size, align: align, isLatestNewsWidget: isLatestNewsWidget }, children));\r\n};\r\nexport default Paragraph;\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgChevronRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 7.257 11.686\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 48\",\n    d: \"M.707.707l5.136 5.136-5.136 5.136\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2\n  })));\n}\n\nexport default __webpack_public_path__ + \"6973e4a6f707c58d2376f688ccfb4a95.svg\";\nexport { SvgChevronRight as ReactComponent };","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import { css } from 'styled-components';\r\nexport const fonts = {\r\n    DaxPro: {\r\n        Bold: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        BoldItalic: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        Medium: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        SlightlyLessThanMedium: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        Regular: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        RegularItalic: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        Light: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 200;\r\n    `,\r\n    },\r\n};\r\n","const CLOUD_NAME = 'vp-groundforce';\r\nexport function imageUrl(publicId, params) {\r\n    const transformation = createTransformation(params);\r\n    const encodedPublicId = encodeURIComponent(publicId);\r\n    return `https://res.cloudinary.com/${CLOUD_NAME}/image/upload/${transformation}/${encodedPublicId}`;\r\n}\r\nexport function createTransformation(params) {\r\n    let transformation = '';\r\n    if (params.width) {\r\n        transformation += `,w_${params.width}`;\r\n    }\r\n    if (params.height) {\r\n        transformation += `,h_${params.height}`;\r\n    }\r\n    if (params.aspectRatio) {\r\n        transformation += `,ar_${params.aspectRatio}`;\r\n    }\r\n    if (params.dpr) {\r\n        transformation += `,dpr_${params.dpr}`;\r\n    }\r\n    if (params.crop) {\r\n        transformation += `,c_${params.crop}`;\r\n    }\r\n    if (params.gravity) {\r\n        transformation += `,g_${params.gravity}`;\r\n    }\r\n    const format = params.format ?? 'auto';\r\n    transformation += `/f_${format},q_auto`;\r\n    if (transformation.indexOf(',') === 0) {\r\n        transformation = transformation.slice(1);\r\n    }\r\n    return transformation;\r\n}\r\n","var _g;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgLinePattern(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 119 45\"\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Line pattern\",\n    fill: \"none\",\n    stroke: \"currentColor\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Line 16\",\n    d: \"M198.312-368.656l-423.66 764.334M202.674-366.238l-423.66 764.334M207.036-363.82l-423.66 764.334M211.398-361.402l-423.66 764.334M215.761-358.984l-423.66 764.334M220.123-356.566l-423.66 764.334M224.485-354.148l-423.66 764.334M228.847-351.73l-423.66 764.334M233.209-349.312l-423.66 764.334M237.572-346.894l-423.66 764.334M241.934-344.476l-423.66 764.334M246.296-342.058l-423.66 764.334M250.658-339.64l-423.66 764.334M255.02-337.222l-423.66 764.334M259.382-334.804l-423.66 764.334M263.744-332.386l-423.66 764.334M268.107-329.968l-423.66 764.334M272.469-327.55l-423.66 764.334M276.831-325.132l-423.66 764.334M281.193-322.714l-423.66 764.334M285.555-320.296l-423.66 764.334M289.917-317.878l-423.66 764.334M294.28-315.46l-423.66 764.334M298.642-313.042l-423.66 764.334M303.004-310.624l-423.66 764.334M307.366-308.206l-423.66 764.334M311.728-305.788l-423.66 764.334M316.091-303.37l-423.66 764.334M320.453-300.952l-423.66 764.334M324.815-298.534L-98.845 465.8M329.177-296.116l-423.66 764.334M333.539-293.698l-423.66 764.334M337.901-291.28l-423.66 764.334M342.264-288.862l-423.66 764.334M346.625-286.444L-77.035 477.89M350.988-284.026l-423.66 764.334M355.35-281.608L-68.31 482.726M359.712-279.19l-423.66 764.334M364.074-276.772l-423.66 764.334M368.436-274.354L-55.224 489.98M372.799-271.936l-423.66 764.334M377.161-269.518l-423.66 764.334M381.523-267.1l-423.66 764.334M385.885-264.682l-423.66 764.334M390.247-262.264L-33.413 502.07M394.609-259.847l-423.66 764.334M398.972-257.428l-423.66 764.334M403.334-255.011l-423.66 764.334M407.696-252.592l-423.66 764.334M412.058-250.175l-423.66 764.334M416.42-247.756L-7.24 516.578M420.783-245.339L-2.877 518.995M425.145-242.92L1.485 521.414M429.507-240.503L5.847 523.831M433.869-238.084L10.209 526.25M438.231-235.667L14.571 528.667M442.593-233.248L18.933 531.086M446.955-230.831L23.295 533.503M451.318-228.413L27.658 535.921M455.68-225.995L32.02 538.339M460.042-223.577L36.382 540.757M464.404-221.159L40.744 543.175M468.766-218.741L45.106 545.593M473.128-216.323L49.468 548.011M477.491-213.905L53.831 550.429M481.853-211.487L58.193 552.847M486.215-209.069L62.555 555.265M490.577-206.651L66.917 557.683M494.939-204.233L71.279 560.101M499.302-201.815L75.642 562.519M503.664-199.397L80.004 564.937M508.026-196.979L84.366 567.355M512.388-194.561L88.728 569.773M516.75-192.143L93.09 572.191M521.112-189.725L97.452 574.609M525.474-187.307l-423.66 764.334M529.836-184.889l-423.66 764.334M534.199-182.471l-423.66 764.334M538.561-180.053l-423.66 764.334M542.923-177.635l-423.66 764.334M547.285-175.217l-423.66 764.334M551.647-172.799l-423.66 764.334M556.01-170.381L132.35 593.953M560.372-167.963l-423.66 764.334M564.734-165.545l-423.66 764.334M569.096-163.127l-423.66 764.334M573.458-160.709l-423.66 764.334M577.821-158.291l-423.66 764.334M582.183-155.873l-423.66 764.334M586.545-153.455l-423.66 764.334M590.907-151.037l-423.66 764.334M595.269-148.619l-423.66 764.334M599.631-146.201l-423.66 764.334M603.993-143.783l-423.66 764.334M608.355-141.365l-423.66 764.334M612.718-138.947l-423.66 764.334M617.08-136.529L193.42 627.805M621.442-134.111l-423.66 764.334M625.804-131.693l-423.66 764.334M630.166-129.275l-423.66 764.334M634.529-126.857l-423.66 764.334M638.891-124.439l-423.66 764.334M643.253-122.021l-423.66 764.334M647.615-119.603l-423.66 764.334M651.977-117.185l-423.66 764.334M656.339-114.767l-423.66 764.334M660.702-112.349l-423.66 764.334M665.064-109.931l-423.66 764.334M669.426-107.513l-423.66 764.334M673.788-105.095l-423.66 764.334M678.15-102.677L254.49 661.657M682.513-100.259l-423.66 764.334M686.874-97.841l-423.66 764.334M691.237-95.423l-423.66 764.334M695.599-93.005l-423.66 764.334M699.961-90.587l-423.66 764.334M704.323-88.169l-423.66 764.334M708.685-85.751l-423.66 764.334M713.047-83.333l-423.66 764.334M717.41-80.915L293.75 683.419M721.772-78.497l-423.66 764.334M726.134-76.079l-423.66 764.334M730.496-73.661l-423.66 764.334M734.858-71.243l-423.66 764.334M739.221-68.825l-423.66 764.334M743.583-66.407l-423.66 764.334M747.945-63.99l-423.66 764.334M752.307-61.571l-423.66 764.334M756.669-59.153l-423.66 764.334M761.032-56.735l-423.66 764.334M765.394-54.318l-423.66 764.334M769.756-51.899l-423.66 764.334M774.118-49.481l-423.66 764.334M778.48-47.064L354.82 717.27M782.842-44.646l-423.66 764.334M787.204-42.227l-423.66 764.334M791.566-39.809l-423.66 764.334M795.929-37.392l-423.66 764.334M800.291-34.974L376.631 729.36M804.653-32.556l-423.66 764.334M809.015-30.137l-423.66 764.334M813.377-27.72l-423.66 764.334M817.74-25.302L394.08 739.032\",\n    strokeWidth: 1.00042\n  }))));\n}\n\nexport default __webpack_public_path__ + \"32774766b3243253aabbc97bbe71ff0a.svg\";\nexport { SvgLinePattern as ReactComponent };","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Device, until } from '@helpers/media';\r\nimport { ReactComponent as SvgHoverLines } from '@img/line-pattern.svg';\r\nimport styled, { css } from 'styled-components';\r\nconst Text = styled.div ``;\r\nconst HoverEffect = styled(SvgHoverLines) `\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: translate(0, 0);\r\n  transition: transform 0.3s;\r\n\r\n  [data-theme='textOnly'] & {\r\n    display: none;\r\n  }\r\n  [data-theme='textOnlyPrimary'] & {\r\n    display: none;\r\n  }\r\n  [data-theme='primary'] &,\r\n  &[data-theme='primary'] {\r\n    color: ${brand.primary.base};\r\n  }\r\n  [data-theme='primaryAlt'] &,\r\n  &[data-theme='primaryAlt'] {\r\n    color: ${brand.primary.alt};\r\n  }\r\n  [data-theme='secondary'] &,\r\n  &[data-theme='secondary'] {\r\n    color: ${brand.accent.orange};\r\n  }\r\n  [data-theme='white'] &,\r\n  &[data-theme='white'] {\r\n    color: ${brand.white};\r\n  }\r\n  [data-theme='black'] &,\r\n  &[data-theme='black'] {\r\n    color: ${brand.black};\r\n  }\r\n  [data-theme='grey'] &,\r\n  &[data-theme='grey'] {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst PrimaryStyles = css `\r\n  color: ${brand.white};\r\n  background-color: ${brand.primary.base};\r\n\r\n  &:hover {\r\n    background-color: #a2b952;\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst PrimaryAltStyles = css `\r\n  color: ${brand.white};\r\n  background-color: ${brand.primary.alt};\r\n\r\n  &:hover {\r\n    background-color: #a2b952;\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst SecondaryStyles = css `\r\n  background-color: ${brand.accent.orange};\r\n  color: ${brand.white};\r\n\r\n  &:focus {\r\n    background-color: ${brand.accent.orange};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:hover {\r\n    border-color: ${brand.black};\r\n    background-color: ${brand.black};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.grey.grey55};\r\n  }\r\n`;\r\nconst WhiteStyles = css `\r\n  background-color: ${brand.white};\r\n  color: ${brand.black};\r\n  border: 1px solid ${brand.white};\r\n\r\n  &:hover {\r\n    border-color: ${brand.white};\r\n    background-color: ${brand.white};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst BlackStyles = css `\r\n  background-color: ${brand.grey.grey20};\r\n  color: ${brand.white};\r\n\r\n  &:hover {\r\n    border-color: ${brand.grey.grey44};\r\n    background-color: ${brand.grey.grey44};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst GreyStyles = css `\r\n  background-color: ${brand.grey.grey89};\r\n  color: ${brand.black};\r\n\r\n  &:hover {\r\n    border-color: ${brand.grey.grey76};\r\n    background-color: ${brand.grey.grey76};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst TextOnlyStyles = css `\r\n  border: 1px solid transparent;\r\n  background: none;\r\n  color: ${brand.black};\r\n\r\n  &:hover {\r\n    border-color: ${brand.black};\r\n    background-color: ${brand.black};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst TextOnlyPrimaryStyles = css `\r\n  ${TextOnlyStyles};\r\n  color: ${brand.primary.alt};\r\n\r\n  &:hover {\r\n    border-color: transparent;\r\n    background-color: transparent;\r\n    color: ${brand.primary.base};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.primary.base};\r\n  }\r\n`;\r\nconst IconLeft = css `\r\n  padding-right: 12px;\r\n\r\n  @media ${until(Device.DesktopSmall)} {\r\n    padding-right: 6px;\r\n  }\r\n`;\r\nconst IconRight = css `\r\n  padding-left: 15px;\r\n\r\n  @media ${until(Device.DesktopSmall)} {\r\n    padding-left: 6px;\r\n  }\r\n`;\r\nconst hideText = css `\r\n  ${Text} {\r\n    @media ${until(Device.DesktopSmall)} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst Icon = styled.div `\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n\r\n  ${({ position }) => {\r\n    switch (position) {\r\n        case 'left':\r\n            return IconLeft;\r\n        case 'right':\r\n            return IconRight;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  svg {\r\n    vertical-align: middle;\r\n    max-height: 24px;\r\n    width: 22px;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  position: relative;\r\n  padding: 11px 14px;\r\n\r\n  [data-theme='textOnly'] & {\r\n    ${TextOnlyStyles}\r\n  }\r\n  [data-theme='textOnlyPrimary'] & {\r\n    ${TextOnlyPrimaryStyles}\r\n  }\r\n  [data-theme='primary'] & {\r\n    ${PrimaryStyles}\r\n  }\r\n  [data-theme='primaryAlt'] & {\r\n    ${PrimaryAltStyles}\r\n  }\r\n  [data-theme='secondary'] & {\r\n    ${SecondaryStyles}\r\n  }\r\n  [data-theme='white'] & {\r\n    ${WhiteStyles}\r\n  }\r\n  [data-theme='black'] & {\r\n    ${BlackStyles}\r\n  }\r\n  [data-theme='grey'] & {\r\n    ${GreyStyles}\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  ${ButtonReset};\r\n  display: inline-block;\r\n  padding: 0;\r\n  position: relative;\r\n  transition: background-color 0.3s, border-color 0.3s, opacity 100ms;\r\n  user-select: none;\r\n  background-color: transparent;\r\n  border: none;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    ${HoverEffect} {\r\n      transform: translate(10px, 10px);\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    user-select: none;\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  ${Text} {\r\n    ${fonts.DaxPro.Bold};\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  ${({ branding }) => {\r\n    switch (branding) {\r\n        case 'textOnly':\r\n            return TextOnlyStyles;\r\n        case 'textOnlyPrimary':\r\n            return TextOnlyPrimaryStyles;\r\n        case 'primary':\r\n            return PrimaryStyles;\r\n        case 'secondary':\r\n            return SecondaryStyles;\r\n        case 'white':\r\n            return WhiteStyles;\r\n        case 'black':\r\n            return BlackStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ hoverColour }) => {\r\n    switch (hoverColour) {\r\n        case 'primary':\r\n            return css `\r\n          ${HoverEffect} {\r\n            color: ${brand.primary.alt} !important;\r\n          }\r\n\r\n          ${Inner} {\r\n            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\r\n          }\r\n\r\n          &:hover {\r\n            ${Inner} {\r\n              background-color: ${brand.primary.alt} !important;\r\n              border-color: ${brand.primary.alt} !important;\r\n            }\r\n          }\r\n        `;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ hideTextMobile }) => {\r\n    if (hideTextMobile) {\r\n        return hideText;\r\n    }\r\n}}\r\n`;\r\nexport const ButtonStyles = {\r\n    Button,\r\n    HoverEffect,\r\n    Icon,\r\n    Inner,\r\n    Text,\r\n};\r\n","import brand from '@helpers/brand';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/Button/Button.styles';\r\nimport ParagraphStyles from '@stories/Components/Global/Typography/Paragraph.styles';\r\nimport { m } from 'framer-motion';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled.div `\r\n  min-height: 33.3vh;\r\n  display: flex;\r\n  position: relative;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    min-height: 66.6vh;\r\n  }\r\n\r\n  ${({ layout }) => {\r\n    switch (layout) {\r\n        case 'image-left':\r\n            return css `\r\n          background-color: ${brand.grey.grey96};\r\n\r\n          ${() => ContentWrapper} {\r\n            @media ${from(Device.Tablet)} {\r\n              order: 1;\r\n              flex-basis: 60%;\r\n            }\r\n\r\n            @media ${from(Device.Desktop)} {\r\n              margin-left: 10%;\r\n              flex-basis: 50%;\r\n            }\r\n          }\r\n\r\n          ${() => ImageContainer} {\r\n            flex-basis: 40%;\r\n          }\r\n        `;\r\n        case 'image-right':\r\n        default:\r\n            return css `\r\n          ${() => DownArrow} {\r\n            left: 90%;\r\n\r\n            @media ${from(Device.Desktop)} {\r\n              left: 60%;\r\n            }\r\n          }\r\n\r\n          ${() => ImageContainer} {\r\n            flex-basis: 40%;\r\n          }\r\n\r\n          ${() => ContentWrapper} {\r\n            flex-basis: 60%;\r\n          }\r\n        `;\r\n    }\r\n}}\r\n`;\r\nconst Title = styled.div `\r\n  color: ${brand.primary.alt};\r\n\r\n  font-size: 22px;\r\n  line-height: 25px;\r\n  @media ${from(Device.Tablet)} {\r\n    margin-bottom: 30px;\r\n    font-size: 25px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    margin-bottom: 20px;\r\n    font-size: 28px;\r\n  }\r\n`;\r\nconst ContentWrapper = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  justify-content: center;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${() => ParagraphStyles.Paragraph} {\r\n      max-width: 85%;\r\n    }\r\n  }\r\n`;\r\nconst Split = styled(m.div).attrs(({ inView }) => ({\r\n    initial: 'hidden',\r\n    animate: inView ? 'visible' : 'hidden',\r\n    variants: {\r\n        hidden: {\r\n            opacity: 0,\r\n            y: 25,\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n            y: 0,\r\n            transition: {\r\n                duration: 1,\r\n            },\r\n        },\r\n    },\r\n})) `\r\n  display: flex;\r\n  margin: auto;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    flex-direction: column;\r\n  }\r\n\r\n  padding: 50px 0px 25px;\r\n  @media ${from(Device.Tablet)} {\r\n    padding: 50px 0px;\r\n  }\r\n\r\n  max-width: 90vw;\r\n  @media ${from(Device.Desktop)} {\r\n    max-width: 60vw;\r\n    padding: 15px 0px;\r\n  }\r\n`;\r\nconst ImageContainer = styled.div `\r\n  img {\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: contain;\r\n    object-position: center center;\r\n  }\r\n`;\r\nconst DownArrow = styled(m.div).attrs(() => ({\r\n    initial: 'hidden',\r\n    animate: 'visible',\r\n    variants: {\r\n        hidden: {\r\n            opacity: 0,\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    transition: {\r\n        delay: 0.5,\r\n        duration: 1,\r\n    },\r\n})) `\r\n  position: absolute;\r\n  top: 100%;\r\n  transform: translateY(-50%);\r\n  width: 2px;\r\n  color: ${brand.primary.alt};\r\n\r\n  background-image: linear-gradient(${brand.primary.alt}, 55%, rgba(255, 255, 255, 0) 0%);\r\n  background-position: right;\r\n  background-size: 2px 20px;\r\n  background-repeat: repeat-y;\r\n  z-index: 2;\r\n\r\n  height: 75px;\r\n  left: 10%;\r\n  @media ${from(Device.Desktop)} {\r\n    height: 150px;\r\n    left: 33.3%;\r\n  }\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, 50%);\r\n    border-radius: 50%;\r\n    background-color: ${brand.primary.alt};\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n    @media ${from(Device.Tablet)} {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n  }\r\n`;\r\nconst ButtonsContainer = styled.div `\r\n  display: flex;\r\n  gap: 15px;\r\n  margin-top: 15px;\r\n\r\n  @media ${until(Device.Desktop)} {\r\n    flex-direction: column;\r\n  }\r\n\r\n  ${() => ButtonStyles.Button} {\r\n    min-width: 150px;\r\n    text-align: center;\r\n\r\n    &:last-child {\r\n      svg {\r\n        max-height: 15px;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const FiftyFiftyTextImageStyles = {\r\n    Container,\r\n    Title,\r\n    Split,\r\n    ContentWrapper,\r\n    ImageContainer,\r\n    ButtonsContainer,\r\n    DownArrow,\r\n};\r\n","import { HydrateOption } from '@core/enums';\r\nimport { imageUrl } from '@helpers/imageUrl';\r\nimport withRedux from '@helpers/withRedux';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport withWidget from '@hoc/withWidget';\r\nimport { useInView } from '@hooks/useInView';\r\nimport { ReactComponent as Chevron } from '@img/icons/chevron-right.svg';\r\nimport React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { LoginRedirectType } from '@redux/ducks/app/app.reducer';\r\nimport Button, { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport Paragraph from '@stories/Components/Global/Typography/Paragraph';\r\nimport { FiftyFiftyTextImageStyles as S } from './FiftyFiftyTextImage.styles';\r\nconst FiftyFiftyTextImage = ({ heading, text, layout = 'image-left', image, downArrow, loginText, registrationCta, }) => {\r\n    const [ref, inView] = useInView({ threshold: 0.45 });\r\n    const dispatch = useDispatch();\r\n    const loggedIn = useSelector((x) => x.isLoggedIn);\r\n    return (React.createElement(S.Container, { ref: ref, layout: layout },\r\n        React.createElement(S.Split, { inView: inView },\r\n            React.createElement(S.ContentWrapper, null,\r\n                React.createElement(S.Title, null, heading),\r\n                React.createElement(Paragraph, { size: \"small\" }, text),\r\n                !!loginText && !!registrationCta && (React.createElement(S.ButtonsContainer, null,\r\n                    !loggedIn && (React.createElement(Button, { branding: \"primaryAlt\", title: loginText, onClick: () => {\r\n                            dispatch({\r\n                                type: 'APP/SET_LOGIN_MODAL',\r\n                                payload: {\r\n                                    loginType: LoginRedirectType.Default,\r\n                                },\r\n                            });\r\n                        } })),\r\n                    React.createElement(LinkButton, { href: registrationCta.url, branding: \"textOnly\", title: registrationCta.title, addon: React.createElement(Chevron, null), addonPosition: \"right\", target: \"_blank\" })))),\r\n            React.createElement(S.ImageContainer, null,\r\n                React.createElement(\"img\", { src: imageUrl(image.src, { width: 720, dpr: 1 }), sizes: '720px' }))),\r\n        downArrow && React.createElement(S.DownArrow, null)));\r\n};\r\nexport default withWidget(withRedux(withMotion(FiftyFiftyTextImage)), 'FiftyFiftyTextImage', {\r\n    hydrate: HydrateOption.InView,\r\n});\r\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"sourceRoot":""}