{"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","../node_modules/lodash-es/_hasUnicode.js","components/ArticleList/index.tsx","../node_modules/lodash-es/_asciiToArray.js","../node_modules/lodash-es/_unicodeToArray.js","../node_modules/lodash-es/_stringToArray.js","../node_modules/lodash-es/_iteratorToArray.js","../node_modules/lodash-es/toArray.js","pages/BuyordersPage/styles.js","pages/BuyordersPage/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","reHasUnicode","RegExp","string","withRouter","articles","history","isEmpty","preventNavigation","event","stopPropagation","Fragment","map","_ref","index","items","key","_ref2","idx","name","article","agency","to","path","push","Link","split","rsAstral","rsCombo","rsFitz","rsNonAstral","rsRegional","rsSurrPair","reOptMod","rsSeq","join","rsSymbol","reUnicode","match","iterator","data","result","next","done","value","symIterator","undefined","isArrayLike","isString","tag","values","BuyordersHeader","AInline","HeaderColumns","Container","HeaderColumn","boxShadow","largeLightHovered","connect","state","doc","buyorders","buyordersObj","toArray","modalOpen","setModalOpen","useState","Editor","isAdmin","Text","placeholder","ArticleList"],"mappings":"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","file":"assets/js/pages-BuyordersPage.chunk.js?cb=0df8f2a88ebc51201ca3","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","/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f',\n    reComboHalfMarksRange = '\\\\ufe20-\\\\ufe2f',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20ff',\n    rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,\n    rsVarRange = '\\\\ufe0e\\\\ufe0f';\n\n/** Used to compose unicode capture groups. */\nvar rsZWJ = '\\\\u200d';\n\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\nvar reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange  + rsComboRange + rsVarRange + ']');\n\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\nfunction hasUnicode(string) {\n  return reHasUnicode.test(string);\n}\n\nexport default hasUnicode;\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","/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction asciiToArray(string) {\n  return string.split('');\n}\n\nexport default asciiToArray;\n","/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f',\n    reComboHalfMarksRange = '\\\\ufe20-\\\\ufe2f',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20ff',\n    rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,\n    rsVarRange = '\\\\ufe0e\\\\ufe0f';\n\n/** Used to compose unicode capture groups. */\nvar rsAstral = '[' + rsAstralRange + ']',\n    rsCombo = '[' + rsComboRange + ']',\n    rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n    rsNonAstral = '[^' + rsAstralRange + ']',\n    rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n    rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n    rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar reOptMod = rsModifier + '?',\n    rsOptVar = '[' + rsVarRange + ']?',\n    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n    rsSeq = rsOptVar + reOptMod + rsOptJoin,\n    rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction unicodeToArray(string) {\n  return string.match(reUnicode) || [];\n}\n\nexport default unicodeToArray;\n","import asciiToArray from './_asciiToArray.js';\nimport hasUnicode from './_hasUnicode.js';\nimport unicodeToArray from './_unicodeToArray.js';\n\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction stringToArray(string) {\n  return hasUnicode(string)\n    ? unicodeToArray(string)\n    : asciiToArray(string);\n}\n\nexport default stringToArray;\n","/**\n * Converts `iterator` to an array.\n *\n * @private\n * @param {Object} iterator The iterator to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction iteratorToArray(iterator) {\n  var data,\n      result = [];\n\n  while (!(data = iterator.next()).done) {\n    result.push(data.value);\n  }\n  return result;\n}\n\nexport default iteratorToArray;\n","import Symbol from './_Symbol.js';\nimport copyArray from './_copyArray.js';\nimport getTag from './_getTag.js';\nimport isArrayLike from './isArrayLike.js';\nimport isString from './isString.js';\nimport iteratorToArray from './_iteratorToArray.js';\nimport mapToArray from './_mapToArray.js';\nimport setToArray from './_setToArray.js';\nimport stringToArray from './_stringToArray.js';\nimport values from './values.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Built-in value references. */\nvar symIterator = Symbol ? Symbol.iterator : undefined;\n\n/**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\nfunction toArray(value) {\n  if (!value) {\n    return [];\n  }\n  if (isArrayLike(value)) {\n    return isString(value) ? stringToArray(value) : copyArray(value);\n  }\n  if (symIterator && value[symIterator]) {\n    return iteratorToArray(value[symIterator]());\n  }\n  var tag = getTag(value),\n      func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n  return func(value);\n}\n\nexport default toArray;\n","import styled from \"styled-components\";\nimport { rgba } from \"polished\";\nimport { color, media, textStyles, boxShadow } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\n\nexport const BuyordersHeader = 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.buyorders-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","import React, { useState, Fragment } from \"react\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport ArticleList from \"@components/ArticleList\";\nimport toArray from \"lodash-es/toArray\";\nimport { Container } from \"@components/Grid\";\nimport { BuyordersHeader, HeaderColumns, HeaderColumn } from \"./styles\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport YoutubePreview from \"@components/Embeds/Youtube/Preview\";\nimport Modal from \"@components/Modal\";\n\nconst BuyordersPage = ({ doc }) => {\n\tconst { buyorders: buyordersObj, videoID, name } = doc;\n\tconst buyorders = toArray(buyordersObj);\n\tconst [modalOpen, setModalOpen] = useState(false);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<BuyordersHeader>\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=\"buyorders-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</BuyordersHeader>\n\n\t\t\t<ArticleList articles={buyorders} />\n\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)(BuyordersPage);\n"],"sourceRoot":""}