{"version":3,"sources":["webpack:///./src/img/blog/clickmap.png","webpack:///./src/components/usability-testing/banner/styled.js","webpack:///./src/components/usability-testing/banner/index.js","webpack:///./src/img/blog/clickmaps2.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/pages/blog/clickmaps.js","webpack:///./src/components/blog/content/styled.js","webpack:///./src/img/blog/clickmaps1.png"],"names":["module","exports","Banner","styled","div","media","mobile","title","desc","style","className","signUp","secondary","center","sourceID","defaultProps","undefined","Wrapped","BlogArticle","href","target","rel","src","img1","alt","img2","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","Post","quote","tablet","arrowIcon"],"mappings":"iHAAAA,EAAOC,QAAU,IAA0B,wD,iGCG9BC,EAASC,IAAOC,IAAV,oEAAGD,CAAH,qQAOfE,IAAMC,QCLJJ,EAAS,SAAC,GAA4B,IAA1BK,EAAyB,EAAzBA,MAAOC,EAAkB,EAAlBA,KAAMC,EAAY,EAAZA,MAC7B,OACE,kBAAC,EAAD,CAAeA,MAAOA,GACpB,wBAAIC,UAAU,gBAAgBH,GAAK,8CACnC,2BAAIC,GAAQ,uEACZ,kBAAC,IAAD,CAAQG,QAAM,EAACC,WAAS,EAACC,QAAM,EAACC,SAAS,cAAzC,kBAOSZ,MAQfA,EAAOa,aAAe,CACpBP,UAAMQ,EACNP,WAAOO,I,uBC3BThB,EAAOC,QAAU,IAA0B,0D,mBCA3CD,EAAOC,QAAU,86B,mBCAjBD,EAAOC,QAAU,8c,kCCAjB,2LAoDMgB,EAAUC,aA3CA,WACd,OACE,kBAAC,IAAD,KACE,+GACoF,IAClF,8CAFF,KAIA,yGAC8E,IAC5E,uBAAGC,KAAK,2BAA2BC,OAAO,SAASC,IAAI,uBAAvD,gCAFF,IAKI,KAEJ,iQAKA,0DACA,4BACE,mGACA,oHAGA,sGAEF,iEACA,2BACE,yBAAKC,IAAKC,IAAMC,IAAI,YAAYjB,MAAM,0BAExC,kBAAC,IAAD,CAAQA,MAAM,sBACd,oMAIA,2BACE,yBAAKe,IAAKG,IAAMD,IAAI,wBAAwBjB,MAAM,gCAQ7CmB,EAAc,CACzBnB,MAAO,YACPoB,IAAK,mBACLC,YAAY,sHACZC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,UACPC,WAAY,GAGC,4BACb,kBAAClB,EAAD,CACEV,MAAOmB,EAAYnB,MACnB0B,SAAUP,EAAYO,SACtBL,YAAaF,EAAYE,YACzBI,KAAMN,EAAYM,KAClBH,OAAQH,EAAYG,OACpBF,IAAKD,EAAYC,IACjBG,IAAKJ,EAAYI,IACjBC,UAAWK,wBAA0BV,EAAYI,IACjDI,MAAOR,EAAYQ,MACnBC,WAAYT,EAAYS,e,kCC9E5B,wGAKaE,EAAOlC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBgC,IAMtBjC,IAAMC,OAyFRD,IAAMkC,OAoDSC,M,qBCzQrBxC,EAAOC,QAAU,IAA0B","file":"component---src-pages-blog-clickmaps-js-0e3106c73376c45a69ec.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/clickmap-77d6f170959a760f7b4e1b094ff08f7b.png\";","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Banner = styled.div`\n width: 100%;\n padding: 64px 73px;\n text-align: center;\n background: #f8f8f8;\n border-radius: 4px;\n margin: 80px 0;\n ${media.mobile} {\n padding: 24px 16px;\n margin: 40px 0;\n }\n & .banner-title {\n font-size: 36px;\n line-height: 45px;\n margin-bottom: 24px;\n margin-top: 0;\n font-weight: 800;\n }\n & p {\n margin-bottom: 40px;\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from 'components/ui/button';\nimport * as Styled from './styled';\n\nconst Banner = ({ title, desc, style }) => {\n return (\n \n

{title || `Improve usability testing with LiveSession`}

\n

{desc || 'Test all LiveSession features for 14 days, no credit card required.'}

\n \n \n );\n};\n\nexport default Banner;\n\nBanner.propTypes = {\n title: PropTypes.string.isRequired,\n desc: PropTypes.string,\n style: PropTypes.oneOfType([PropTypes.object]),\n};\n\nBanner.defaultProps = {\n desc: undefined,\n style: undefined,\n};\n","module.exports = __webpack_public_path__ + \"static/clickmaps2-dccfd90dfdc9aed063981d04f5970d90.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPawel as author } from 'data/authors';\nimport img from 'img/blog/clickmap.png';\nimport img1 from 'img/blog/clickmaps1.png';\nimport img2 from 'img/blog/clickmaps2.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n return (\n \n

\n This feature has been requested a lot, and it’s finally here! We’ve just released{' '}\n click maps.\n

\n

\n Click maps show you where the users clicked on your page. They also display{' '}\n \n rage clicks and error clicks\n \n .{' '}\n

\n

\n Our click maps are constantly developing, LiveSession allows users to access the BETA\n version in the app. To gain access to this new feature, go on any session recording, and\n click the “Clickmap BETA” to request the use of it.\n

\n

LiveSession click maps are:

\n \n

See what they look like in action:

\n

\n \"Clickmaps\"\n

\n \n

\n In the near future, you will be able to display click maps as heatmaps. Sign up for our\n newsletter to receive updates! Here’s a small preview of what you can expect:\n

\n

\n \"Clickmaps\n

\n \n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: 'Clickmaps',\n url: '/blog/clickmaps/',\n description: `Introducing Clickmaps with engagement Heatmaps - an efficient way to learn what your website or app users are doing`,\n author,\n img,\n imgSocial: img,\n date: '2020-10-09',\n category: '',\n group: 'updates',\n timeToRead: 1,\n};\n\nexport default () => (\n \n);\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/ui/quote.svg';\nimport arrowIcon from 'img/ui/arrow_black.svg';\n\nexport const Post = styled.div`\n h3,\n h2 {\n font-weight: 700;\n letter-spacing: 0.01em;\n margin: 2em 0 0.8em;\n }\n h3 {\n font-size: 1.1rem;\n line-height: 1.8rem;\n }\n h2 {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n h4 {\n color: rgb(119, 119, 119);\n font-weight: 700;\n font-size: 1rem;\n }\n a {\n display: inline;\n font-size: 20px;\n }\n p {\n margin-bottom: 1.25rem;\n line-height: 1.8;\n font-size: 20px;\n }\n img {\n max-width: 100%;\n height: auto;\n margin: 1.2rem auto 1.4rem;\n display: block;\n }\n pre,\n p > em > code,\n p code {\n color: #c5c8c6;\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', Courier, monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n background: #1d1f21;\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n p > em > code,\n p > code {\n padding: 0.1em;\n border-radius: 0.3em;\n font-size: 78.5%;\n margin: 0;\n }\n figure {\n margin: 0 auto 1.5rem;\n img {\n margin: 0 auto 1rem;\n display: block;\n max-width: 100%;\n height: auto;\n padding-bottom: 0;\n }\n figcaption {\n color: #888;\n width: 85%;\n margin: 0 auto;\n text-align: center;\n }\n }\n p img,\n img {\n margin: 1rem auto 2rem;\n display: block;\n max-width: 100%;\n height: auto;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n }\n blockquote {\n margin: 3.5rem 0 2rem;\n position: relative;\n background-color: #f1f5f9;\n padding: 48px;\n & p strong a {\n font-weight: 700;\n }\n p:last-child {\n margin-bottom: 0;\n }\n ${media.mobile} {\n padding: 36px;\n }\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n transform: translate(-30%, -50%);\n background-image: url(${quote});\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n width: 82px;\n height: 61px;\n ${media.mobile} {\n width: 74px;\n height: 74px;\n transform: translate(0, -50%);\n }\n }\n }\n ul li,\n ol li {\n margin-bottom: 0.5em;\n line-height: 1.8;\n font-size: 20px;\n }\n b {\n font-weight: 700;\n }\n aside {\n padding: 15px 25px;\n border: 2px solid #000;\n margin: 1.5rem 0;\n &.red {\n border-color: #e05c5e;\n color: #e05c5e;\n background-color: #ffebeb;\n }\n h2,\n h3,\n h4 {\n margin-top: 1.25rem;\n }\n ul {\n padding: 0 20px;\n li {\n margin-bottom: 1rem;\n }\n }\n @media (min-width: 768px) {\n padding: 15px 25px;\n }\n }\n aside.blue {\n background: #7cffef;\n border-radius: 4px;\n padding: 24px 48px;\n margin: 4rem 0px;\n border: none;\n h2 {\n font-size: 36px;\n font-weight: 800;\n }\n }\n a.link-button {\n border-radius: 4px;\n color: #fff;\n cursor: pointer;\n padding: 12px 36px;\n transition: 0.2s;\n text-transform: uppercase;\n font-weight: 700;\n min-width: 150px;\n font-size: 14px;\n text-align: center;\n background-color: #0446ca;\n margin: 0 auto 4rem;\n display: block;\n width: 250px;\n text-decoration: none;\n &:hover {\n transform: scale(1.06);\n }\n }\n .gatsby-resp-image-wrapper {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n picture {\n img {\n margin: 5rem auto;\n display: block;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n @media (max-width: 800px) {\n margin: 3rem auto;\n }\n }\n }\n .smaller-video {\n max-width: 60%;\n display: block;\n margin: 0 auto;\n ${media.tablet} {\n max-width: 100%;\n }\n }\n ol {\n ul {\n li {\n margin-bottom: 5px;\n }\n }\n }\n .in-border {\n border: 2px solid black;\n }\n .action-btn {\n color: #fff !important;\n margin: 3rem auto;\n background-color: #0a4ed6;\n padding: 8px 28px;\n border: 2px solid #0a4ed6;\n border-radius: 4px;\n transition: 0.2s ease;\n max-height: 48px;\n font-size: 16px;\n font-weight: 800;\n text-align: center;\n cursor: pointer;\n min-width: 140px;\n max-width: fit-content;\n outline: 0;\n display: block;\n text-decoration: none;\n white-space: nowrap;\n &:hover {\n color: #0a4ed6 !important;\n background-color: #fff;\n outline: 0;\n border: 2px solid #0a4ed6;\n text-decoration: none;\n }\n }\n .action-banner {\n background-color: #7cffef;\n padding: 16px 24px;\n font-size: 18px;\n color: #000;\n width: 100%;\n display: block;\n margin: 1.5rem 0;\n font-weight: 700;\n border-radius: 4px;\n &::after {\n content: url(${arrowIcon});\n display: inline-block;\n clear: both;\n margin-left: 16px;\n transition: 0.2s ease;\n }\n &:hover {\n text-decoration: underline;\n &::after {\n transform: translateX(8px);\n }\n }\n }\n`;\n","module.exports = __webpack_public_path__ + \"static/clickmaps1-a5b76a2b81d7275076d62e412d500ed8.png\";"],"sourceRoot":""}