{"version":3,"sources":["components/Embeds/Youtube/styles.js","components/Embeds/Youtube/index.tsx","hooks/use-lock-body-scroll.tsx","components/Modal/index.tsx","../assets/images/brand-identity/icons/video-play-white.svg","components/Embeds/Youtube/Preview/styles.js","components/Embeds/Youtube/Preview/index.tsx","components/ArticleList/styles.js","components/ArticleList/index.tsx","pages/CareersPage/styles.js","pages/CareersPage/index.tsx"],"names":["EmbedWrapper","styled","div","withConfig","componentId","props","aspectRatio","aspectRatioPadding","EmbedContainer","YoutubeEmbed","memo","allowFullscreen","autoplay","enableApi","height","fullUrl","width","src","test","videoID","getYoutubeID","React","createElement","dangerouslySetInnerHTML","__html","concat","hasCookieConsent","className","allowFullScreen","frameBorder","useLockBodyScroll","useLayoutEffect","document","body","style","overflow","Close","span","color","Modal","_a","title","content","onClose","dark","followingClose","rest","__rest","overlayRef","useRef","contentRef","closeRef","x","y","anim","closeX","closeY","hideClose","current","opacity","showClose","onMouseMove","e","clientX","clientY","loop","getBoundingClientRect","tx","ty","transform","requestAnimationFrame","onMouseLeave","cancelAnimationFrame","onMouseEnter","onMouseLeaveContent","onMouseEnterContent","useEffect","hasWindow","window","innerWidth","innerHeight","addEventListener","removeEventListener","Object","assign","onClick","ref","FaIcon","icon","module","exports","ImageContainer","attrs","bgColor","css","rgba","isStill","YoutubePreview","id","still","container","timeout","iconX","iconY","setProperty","toFixed","containerElem","left","top","console","log","classList","remove","setTimeout","clearTimeout","add","documentElement","Image","fallbackSrc","thumb","lazy","playIcon","alt","ArticleListContainer","media","md","_templateObject","_taggedTemplateLiteral","lg","_templateObject2","ArticleListWrapper","ArticleListTitle","h3","ArticleListItem","_templateObject3","_templateObject4","textStyles","MicroText","_templateObject5","PSmall","_templateObject6","withRouter","articles","history","isEmpty","preventNavigation","event","stopPropagation","Fragment","map","_ref","index","items","key","_ref2","idx","name","article","agency","to","path","push","Link","CareersHeader","AInline","HeaderColumns","Container","HeaderColumn","boxShadow","largeLightHovered","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","connect","state","doc","careers","careersObject","modalOpen","setModalOpen","useState","obj","keys","Editor","isAdmin","Text","placeholder","ArticleList"],"mappings":"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","file":"assets/js/pages-CareersPage.chunk.js?cb=17e5f52e149a1d878b65","sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst aspectRatioPadding = aspectRatio => {\n\tswitch (aspectRatio) {\n\t\tcase \"16:9\":\n\t\t\treturn \"56.25%\";\n\t\tcase \"1:1\":\n\t\t\treturn \"100%\";\n\t\tdefault:\n\t\t\treturn \"56.25%\";\n\t}\n};\n\nexport const EmbedWrapper = styled.div`\n\theight: 0;\n\tposition: relative;\n\tpadding-bottom: ${props => aspectRatioPadding(props.aspectRatio)};\n`;\n\nexport const EmbedContainer = styled.div`\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\n\tiframe {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n`;\n","import React, { memo } from \"react\";\nimport { EmbedWrapper, EmbedContainer } from \"./styles\";\nimport { hasCookieConsent } from \"@utils\";\nimport { getYoutubeID } from \"@utils/string-utils\";\n\ninterface IProps {\n\tallowFullscreen?: boolean;\n\taspectRatio?: string;\n\tautoplay?: boolean;\n\tenableApi?: boolean;\n\theight?: string | number;\n\tfullUrl?: string;\n\tvideoID?: string;\n\twidth?: string | number;\n}\n\nconst YoutubeEmbed = memo((props: IProps) => {\n\tconst {\n\t\tallowFullscreen = false,\n\t\taspectRatio = \"16:9\",\n\t\tautoplay = false,\n\t\tenableApi = false,\n\t\theight = \"100%\",\n\t\tfullUrl,\n\t\twidth = \"100%\",\n\t} = props;\n\n\tlet src: string|undefined;\n\tif (!fullUrl || /youtube/i.test(fullUrl)) {\n\t\tconst videoID = props.videoID || getYoutubeID(fullUrl);\n\n\t\tif (!videoID) {\n\t\t\treturn (<span dangerouslySetInnerHTML={{ __html: `<!-- ERROR: No video given -->` }} />);\n\t\t}\n\n\t\tsrc =\n\t\t\t`https://www.youtube${hasCookieConsent\n\t\t\t\t? \"\"\n\t\t\t\t: \"-nocookie\"\n\t\t\t}.com/embed/${videoID}?modestbranding=1&rel=0&showinfo=0&autohide=1&autoplay=${autoplay\n\t\t\t\t? \"1\"\n\t\t\t\t: \"0\"\n\t\t\t}&output=embed&enablejsapi=${enableApi ? \"1\" : \"0\"}`;\n\t} else {\n\t\tsrc = fullUrl;\n\t}\n\n\treturn (\n\t\t<EmbedWrapper aspectRatio={aspectRatio} className=\"yt-embed\">\n\t\t\t<EmbedContainer>\n\t\t\t\t<iframe allowFullScreen={allowFullscreen} frameBorder=\"0\" height={height} src={src} width={width} />\n\t\t\t</EmbedContainer>\n\t\t</EmbedWrapper>\n\t);\n});\n\nexport default YoutubeEmbed;\n","import React, { useLayoutEffect } from \"react\";\n\nfunction useLockBodyScroll() {\n\tuseLayoutEffect(() => {\n\t\tdocument.body.style.overflow = \"hidden\";\n\t\treturn () => {\n\t\t\tdocument.body.style.overflow = \"visible\";\n\t\t};\n\t}, []);\n}\n\nexport default useLockBodyScroll;\n","import React, { useEffect, useRef } from \"react\";\nimport useLockBodyScroll from \"@hooks/use-lock-body-scroll\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport styled from \"styled-components\";\nimport { hasWindow } from \"@utils\";\nimport { color } from \"@utils/style-utils\";\n\nconst Close = styled.span`\n\talign-items: center;\n\tbackground: rgba(255, 255, 255, 0.2);\n\tcolor: ${color(\"greenBright\", 1)};\n\tcursor: pointer;\n\tfont-size: 40px;\n\tdisplay: flex;\n\theight: 60px;\n\tjustify-content: center;\n\tleft: 0;\n\topacity: 0;\n\tposition: fixed;\n\ttop: 0;\n\ttransition: opacity 300ms;\n\ttransform-origin: 50% 50%;\n\twidth: 60px;\n\n\tsvg {\n\t\tmax-width: 40px;\n\t}\n\n\t@media (max-width: 650px) {\n\t\tfont-size: 30px;\n\t\theight: 45px;\n\t\twidth: 45px;\n\t}\n\n\t.is-touch & {\n\t\tleft: auto;\n\t\topacity: 1 !important;\n\t\tright: 10px;\n\t\ttop: 10px;\n\t\ttransform: none !important;\n\t}\n`;\n\nexport interface IModalProps {\n\tcontent: any;\n\tdark?: boolean;\n\tfollowingClose?: boolean;\n\tonClose?: (e: any) => void;\n\ttitle?: string;\n\t[key: string]: any;\n}\n\nconst Modal = ({ title, content, onClose, dark = false, followingClose = true, ...rest }: IModalProps) => {\n\tuseLockBodyScroll();\n\n\tconst overlayRef = useRef(null);\n\tconst contentRef = useRef(null);\n\tconst closeRef = useRef(null);\n\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet closeX = x;\n\tlet closeY = y;\n\n\tconst hideClose = () => {\n\t\tcloseRef.current.style.opacity = 0;\n\t};\n\n\tconst showClose = () => {\n\t\tcloseRef.current.style.opacity = 1;\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\tx = e.clientX;\n\t\ty = e.clientY;\n\t};\n\n\tfunction loop() {\n\t\t/* \"lerp\" */\n\t\tcloseX += (x - closeX) * 0.1;\n\t\tcloseY += (y - closeY) * 0.1;\n\n\t\tif (closeRef.current) {\n\t\t\tconst { width, height } = closeRef.current.getBoundingClientRect();\n\t\t\tconst tx = closeX - width / 2;\n\t\t\tconst ty = closeY - height / 2;\n\n\t\t\tcloseRef.current.style.transform = `translate(${tx}px, ${ty}px)`;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t}\n\n\tconst onMouseLeave = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tconst onMouseEnter = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseLeaveContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseEnterContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && followingClose) {\n\t\t\tx = window.innerWidth / 2;\n\t\t\ty = window.innerHeight / 2;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t\twindow.addEventListener(\"mousemove\", onMouseMove);\n\t\t\toverlayRef.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\toverlayRef.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\tcontentRef.current.addEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\tcontentRef.current.addEventListener(\"mouseleave\", onMouseLeaveContent);\n\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\twindow.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseleave\", onMouseLeaveContent);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`modal-overlay${dark ? \" modal-overlay--dark\" : \"\"}`}\n\t\t\tonClick={onClose}\n\t\t\tref={overlayRef}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Close ref={closeRef} onClick={onClose}>\n\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t</Close>\n\t\t\t<div className=\"modal\" ref={contentRef}>\n\t\t\t\t{title && <h2>{title}</h2>}\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Modal;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgNjIgNjIiIHdpZHRoPSI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTMxIDYxYzE2LjU2ODUgMCAzMC0xMy40MzE1IDMwLTMwcy0xMy40MzE1LTMwLTMwLTMwLTMwIDEzLjQzMTUtMzAgMzAgMTMuNDMxNSAzMCAzMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGQ9Im0yNy40MTA4IDIwLjE0ODljLTEuMzI3Ni0uOTA1Ni0zLjEyNzEuMDQ1MS0zLjEyNzEgMS42NTIydjE5LjMwOTdjMCAxLjYwNyAxLjc5OTUgMi41NTc4IDMuMTI3MSAxLjY1MjFsMTQuMTUyNi05LjY1NDhjMS4xNjM4LS43OTQgMS4xNjM4LTIuNTEwNCAwLTMuMzA0M3oiLz48L2c+PC9zdmc+\"","import styled, { css } from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const ImageContainer = styled.div.attrs(() => ({\n\tclassName: \"youtube-preview\",\n}))`\n\tcursor: pointer;\n\theight: 0;\n\toverflow: hidden;\n\tpadding-bottom: calc(56.25% - 2px);\n\tposition: relative;\n\twidth: 100%;\n\n\t${props =>\n\t\tprops.bgColor &&\n\t\tcss`\n\t\t\tbackground-color: ${props.bgColor};\n\t\t`}\n\n\t&::before {\n\t\tbackground: ${rgba(color(\"grey\", 1), 0.3)};\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition: opacity 150ms;\n\t\twidth: 100%;\n\t\tz-index: 2;\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t> img {\n\t\twidth: 100%;\n\t}\n\n\t.icon {\n\t\tpointer-events: none;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t\ttransition: transform 400ms;\n\t\twidth: 60px;\n\t\tz-index: 5;\n\t}\n\n\t&.mouse-over {\n\t\t&::before {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.icon {\n\t\t\t@supports (display: grid) {\n\t\t\t\ttransition: transform 0ms;\n\t\t\t\ttransform: translate(var(--mX, 0px), var(--mY, 0px));\n\t\t\t}\n\t\t}\n\t}\n\n\t${props =>\n\t\tprops.isStill &&\n\t\tcss`\n\t\t\t.is-pointer & {\n\t\t\t\t&:hover {\n\t\t\t\t\t.icon {\n\t\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.2);\n\t\t\t\t\t}\n\t\t\t\t\t&::before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n`;\n","import React, { useEffect, useRef } from \"react\";\nimport Image from \"@components/Image\";\nimport { ImageContainer } from \"./styles\";\nimport playIcon from \"@images/brand-identity/icons/video-play-white.svg\";\nimport { hasWindow } from \"@utils\";\n\nconst lerpAmount: number = 0.1;\n\ninterface IPreviewProps {\n\tbgColor?: string;\n\tid: string;\n\tonClick: (e: any) => void;\n\tstill?: boolean;\n\t[key: string]: any;\n}\n\nconst YoutubePreview = ({ id, onClick, bgColor = null, still = false, ...rest }: IPreviewProps) => {\n\tconst icon = useRef(null);\n\tconst container = useRef(null);\n\tlet timeout: number = null;\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet iconX = x;\n\tlet iconY = y;\n\n\tconst loop = () => {\n\t\t/* \"lerp\" */\n\t\ticonX += (x - iconX) * lerpAmount;\n\t\ticonY += (y - iconY) * lerpAmount;\n\n\t\tif (icon.current) {\n\t\t\tconst { width, height } = icon.current.getBoundingClientRect();\n\t\t\tconst tx = iconX - width / 2;\n\t\t\tconst ty = iconY - height / 2;\n\n\t\t\ticon.current.style.setProperty(\"--mX\", tx.toFixed(2) + \"px\");\n\t\t\ticon.current.style.setProperty(\"--mY\", ty.toFixed(2) + \"px\");\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\ttry {\n\t\t\tconst { current: containerElem } = container;\n\t\t\tconst { height, width } = containerElem.getBoundingClientRect();\n\t\t\tconst { clientY, clientX } = e;\n\t\t\tconst { left, top } = containerElem.getBoundingClientRect();\n\n\t\t\tconst objCenterX = left + width / 2;\n\t\t\tconst objCenterY = top + height / 2;\n\n\t\t\tx = -(objCenterX - clientX);\n\t\t\ty = -(objCenterY - clientY);\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t};\n\n\tconst onMouseLeave = () => {\n\t\tif (hasWindow) {\n\t\t\tcontainer.current.classList.remove(\"mouse-over\");\n\t\t\tx = 0;\n\t\t\ty = 0;\n\n\t\t\ttimeout = window.setTimeout(() => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\ticon.current.style.setProperty(\"--mX\", 0);\n\t\t\t\ticon.current.style.setProperty(\"--mY\", 0);\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst onMouseEnter = () => {\n\t\tcancelAnimationFrame(anim);\n\t\tanim = requestAnimationFrame(loop);\n\t\tclearTimeout(timeout);\n\t\tcontainer.current.classList.add(\"mouse-over\");\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && container.current) {\n\t\t\tconst isTouch = \"ontouchstart\" in document.documentElement;\n\n\t\t\tif (!isTouch && !still) {\n\t\t\t\tcontainer.current.addEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (hasWindow && container.current) {\n\t\t\t\tcontainer.current.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t};\n\t}, [container.current]);\n\n\treturn (\n\t\t<ImageContainer ref={container} onClick={onClick} bgColor={bgColor} isStill={still}>\n\t\t\t<Image\n\t\t\t\tsrc={`https://img.youtube.com/vi/${id}/sddefault.jpg`}\n\t\t\t\tfallbackSrc={`https://img.youtube.com/vi/${id}/mddefault.jpg`}\n\t\t\t\tthumb={`https://img.youtube.com/vi/${id}/default.jpg`}\n\t\t\t\tlazy={true}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<img src={playIcon} alt=\"Toista video\" className=\"icon\" ref={icon} />\n\t\t</ImageContainer>\n\t);\n};\n\nexport default YoutubePreview;\n","import styled from \"styled-components\";\nimport { color, media, textStyles } from \"@utils/style-utils\";\n\nexport const ArticleListContainer = styled.div`\n\tmargin: 0 auto 60px;\n\tpadding: 0 15px;\n\n\t${media.md`\n\t\tmax-width: 1160px;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 0 auto 80px;\n\t`}\n`;\n\nexport const ArticleListWrapper = styled.div`\n\tbackground-color: ${color(\"grey\", 5)};\n`;\n\nexport const ArticleListTitle = styled.h3`\n\tbackground-color: ${color(\"white\")};\n\tmargin: 0;\n\tpadding-bottom: 40px;\n`;\n\nexport const ArticleListItem = styled.div`\n\tbackground-color: ${color(\"white\")};\n\tcolor: ${color(\"grey\", 1)};\n\tcursor: pointer;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 0 1px;\n\tpadding: 25px 8px;\n\tpadding-right: 30px;\n\tposition: relative;\n\ttransition: background-color 150ms;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tpadding-right: 8px;\n\t`}\n\n\t&:first-of-type {\n\t\tmargin-top: 1px;\n\t}\n\n\t&:last-of-type {\n\t\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\t\tmargin-bottom: 0;\n\t}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tbackground-color: ${color(\"grey\", 7)};\n\t\t}\n\t}\n\n\tspan {\n\t\tflex-basis: 100%;\n\n\t\t&.article-agency {\n\t\t\tmargin-top: 10px;\n\n\t\t\t${media.md`\n\t\t\t\tmargin-top: 0;\n\t\t\t`}\n\n\t\t\ta {\n\t\t\t\t${textStyles.MicroText}\n\n\t\t\t\t${media.md`\n\t\t\t\t\t${textStyles.PSmall}\n\t\t\t\t`}\n\t\t\t}\n\t\t}\n\n\t\t${media.md`\n\t\t\tflex-basis: calc(100% / 2 - 30px);\n\t\t\tflex-grow: 1;\n\t\t\tpadding-right: 30px;\n\n\t\t\t&.article-date {\n\t\t\t\tflex-basis: 147px;\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t`}\n\n\t\t&.icon {\n\t\t\talign-items: center;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tdisplay: inline-flex;\n\t\t\tflex-basis: 0;\n\t\t\tflex-grow: 0;\n\t\t\tfont-size: 20px;\n\t\t\tjustify-content: center;\n\t\t\tpadding-right: 0;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 11px;\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\ta {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.PSmall}\n\t\ttext-decoration: none;\n\t\ttransition: color 150ms;\n\n\t\t&:active {\n\t\t\tcolor: ${color(\"greenDark\", 1)};\n\t\t}\n\n\t\t.is-pointer & {\n\t\t\t&:hover {\n\t\t\t\tcolor: ${color(\"grey\", 2)};\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { withRouter, RouteComponentProps } from \"react-router-dom\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { ArticleListContainer, ArticleListWrapper, ArticleListItem, ArticleListTitle } from \"./styles\";\n\ninterface IProps {\n\tarticles: any;\n\t[key: string]: any;\n}\n\nconst ArticleList = (props: IProps & RouteComponentProps) => {\n\tconst { articles, history } = props;\n\n\tif (isEmpty(articles)) {\n\t\treturn null;\n\t}\n\n\tconst preventNavigation = (event: React.MouseEvent<HTMLAnchorElement|MouseEvent|any>) => {\n\t\tevent.stopPropagation();\n\t};\n\n\tconst onItemClick = (to: string) => {\n\t\tif (to) {\n\t\t\tdocument.body.classList.remove(\"loaded\");\n\t\t\tdocument.body.classList.add(\"load-start\");\n\t\t\tsetTimeout(() => {\n\t\t\t\thistory.push(to);\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\ttry {\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t{!isEmpty(articles) &&\n\t\t\t\t\tarticles.map(({ title, items }, index: number) => (\n\t\t\t\t\t\t<ArticleListContainer key={\"articlelist_\" + index}>\n\t\t\t\t\t\t\t<ArticleListWrapper>\n\t\t\t\t\t\t\t<ArticleListTitle>{title}</ArticleListTitle>\n\t\t\t\t\t\t\t{!isEmpty(items) &&\n\t\t\t\t\t\t\t\titems.map(({ name: article, agency }, idx: number) => (\n\t\t\t\t\t\t\t\t\t<ArticleListItem onClick={() => onItemClick(article.path)} key={\"articlelistitem#\" + idx}>\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<Link to={article.path} onClick={preventNavigation}>{article.name}</Link>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"article-agency\">\n\t\t\t\t\t\t\t\t\t\t\t<Link to={agency.path} onClick={preventNavigation}>{agency.name}</Link>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"icon\">\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"angle-right\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</ArticleListItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ArticleListWrapper>\n\t\t\t\t\t\t</ArticleListContainer>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t);\n\t} catch (e) {\n\t\tconsole.log(e);\n\t\treturn null;\n\t}\n};\n\nexport default withRouter(ArticleList);\n","import styled from \"styled-components\";\nimport { textStyles, media, color, boxShadow } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\nimport { rgba } from \"polished\";\n\nexport const CareersHeader = styled.div`\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tpadding-top: 100px;\n\tpadding-bottom: 30px;\n\tmargin-bottom: 40px;\n\n\t${media.md`\n\t\tpadding-top: 124px;\n\t\tpadding-bottom: 45px;\n\t\tmargin-bottom: 60px;\n\t`}\n\n\t${media.lg`\n\t\tpadding-top: 144px;\n\t\tpadding-bottom: 60px;\n\t\tmargin-bottom: 80px;\n\t`}\n\n\th1 {\n\t\tmargin-bottom: 40px;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 65px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 80px;\n\t\t`}\n\t}\n\n\t.careers-ingress {\n\t\t> :first-child {\n\t\t\tmargin-top: -3px;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tpadding-left: 30px;\n\n\t\t\tli {\n\t\t\t\tmargin-bottom: 15px;\n\t\t\t\tpadding-left: 16px;\n\t\t\t}\n\t\t}\n\n\t\tp,\n\t\tli {\n\t\t\t${textStyles.PSmall}\n\t\t}\n\n\t\ta {\n\t\t\t${textStyles.AInline}\n\t\t}\n\t}\n`;\n\nexport const HeaderColumns = styled(Container)`\n\t&::before,\n\t&::after {\n\t\tdisplay: none;\n\t}\n\n\t${media.lg`\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const HeaderColumn = styled.div`\n\t&:first-of-type {\n\t\tmargin-bottom: 30px;\n\t}\n\n\t${media.lg`\n\t\t&:first-of-type {\n\t\t\tflex-basis: calc(662 / 1364 * 100%);\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\t&:last-of-type {\n\t\t\tflex-basis: calc(545 / 1364 * 100%);\n\t\t}\n\t`}\n\n\t.youtube-preview {\n\t\tborder: 1px solid ${color(\"grey\", 6)};\n\t\tborder-radius: 4px;\n\t\tbox-shadow: ${boxShadow.largeLightHovered};\n\t}\n`;\n\nexport const CareerList = styled.div`\n\tmargin: 0 auto 60px;\n\tmax-width: 1160px;\n\tpadding: 0 15px;\n\n\t${media.lg`\n\t\tmargin: 0 auto 80px;\n\t`}\n`;\n\nexport const CareerListTitle = styled.h3`\n\tmargin-bottom: 40px;\n`;\n\nexport const CareerListItem = styled.div`\n\tbackground-color: ${color(\"white\")};\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 25px 8px;\n\ttransition: background-color 150ms;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t`}\n\n\t&:first-of-type {\n\t\tborder-top: 1px solid ${color(\"grey\", 5)};\n\t}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tbackground-color: ${color(\"grey\", 7)};\n\t\t}\n\t}\n\n\tspan {\n\t\tflex-basis: 100%;\n\n\t\t&.career-agency {\n\t\t\tmargin-top: 10px;\n\n\t\t\t${media.md`\n\t\t\t\tmargin-top: 0;\n\t\t\t`}\n\n\t\t\ta {\n\t\t\t\t${textStyles.MicroText}\n\n\t\t\t\t${media.md`\n\t\t\t\t\t${textStyles.PSmall}\n\t\t\t\t`}\n\t\t\t}\n\t\t}\n\n\t\t${media.md`\n\t\t\tflex-basis: calc(100% / 2 - 30px);\n\t\t\tflex-grow: 1;\n\t\t\tpadding-right: 30px;\n\t\t`}\n\n\t\t&.icon {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tdisplay: none;\n\t\t\tflex-basis: 0;\n\t\t\tflex-grow: 0;\n\t\t\tfont-size: 20px;\n\t\t\tpadding-right: 0;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 11px;\n\t\t\t}\n\n\t\t\t${media.md`\n\t\t\t\tdisplay: inline-block;\n\t\t\t`}\n\t\t}\n\t}\n\n\ta {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.PSmall}\n\t\ttext-decoration: none;\n\t\ttransition: color 150ms;\n\n\t\t&:active {\n\t\t\tcolor: ${color(\"greenDark\", 1)};\n\t\t}\n\n\t\t.is-pointer & {\n\t\t\t&:hover {\n\t\t\t\tcolor: ${color(\"grey\", 2)};\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { Fragment, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { IApplicationState } from \"@redux\";\nimport { IDocument } from \"@redux/document\";\nimport { CareersHeader, HeaderColumns, HeaderColumn, CareerList, CareerListTitle, CareerListItem } from \"./styles\";\nimport { Container } from \"@components/Grid\";\nimport Editor from \"wake-react-components/editor\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Text from \"wake-react-components/text\";\nimport YoutubePreview from \"@components/Embeds/Youtube/Preview\";\nimport Modal from \"@components/Modal\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport ArticleList from \"@components/ArticleList\";\n\ninterface IProps {\n\tdoc: IDocument;\n}\nconst toArray = obj => (obj ? Object.keys(obj).map((key: string) => ({ ...obj[key] })) : []);\n\nconst CareersPage = ({ doc }: IProps) => {\n\tconst { careers: careersObject, name, videoID } = doc;\n\tconst [modalOpen, setModalOpen] = useState(false);\n\tconst careers = toArray(careersObject);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<CareersHeader>\n\t\t\t\t<Container>\n\t\t\t\t\t<h1>{name}</h1>\n\t\t\t\t</Container>\n\n\t\t\t\t<HeaderColumns>\n\t\t\t\t\t<HeaderColumn>\n\t\t\t\t\t\t<Editor name=\"ingress\" className=\"careers-ingress\" />\n\t\t\t\t\t</HeaderColumn>\n\t\t\t\t\t<HeaderColumn>\n\t\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<span>Youtube videon ID&nbsp;</span>\n\t\t\t\t\t\t\t\t<Text name=\"videoID\" placeholder=\"Youtube ID\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!videoID && <YoutubePreview id={videoID} onClick={() => setModalOpen(true)} />}\n\t\t\t\t\t</HeaderColumn>\n\t\t\t\t</HeaderColumns>\n\t\t\t</CareersHeader>\n\t\t\t{!isEmpty(careers) && <ArticleList articles={careers} />}\n\t\t\t{modalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tcontent={<YoutubeEmbed videoID={videoID} autoplay={true} />}\n\t\t\t\t\tonClose={() => setModalOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(CareersPage);\n"],"sourceRoot":""}