{"version":3,"sources":["webpack:///./src/components/usability-testing/banner/styled.js","webpack:///./src/components/usability-testing/banner/index.js","webpack:///./src/pages/blog/custom-events.js","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/img/blog/custom-events/custom-events1.png","webpack:///./src/components/blog/content/styled.js","webpack:///./src/img/blog/custom-events/custom-events2.png","webpack:///./src/img/blog/custom-events/custom-events3.png"],"names":["Banner","styled","div","media","mobile","title","desc","style","className","signUp","secondary","center","sourceID","defaultProps","undefined","Wrapped","BlogArticle","src","img1","alt","href","img2","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","module","exports","Post","quote","tablet","arrowIcon"],"mappings":"2LAGaA,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,kCC3BT,2LAgCMC,EAAUC,aAvBA,WACd,OACE,kBAAC,IAAD,KACE,8FAC6E,IAC3E,iDAFF,wFAG2B,gDAH3B,gBAKA,yBAAKC,IAAKC,IAAMC,IAAI,+BAA+Bd,MAAM,6BACzD,0CACc,uBAAGe,KAAK,qCAAR,YADd,mEAIA,yBAAKH,IAAKI,IAAMF,IAAI,kCAAkCd,MAAM,8BAC5D,sEAC2C,IACzC,uBAAGe,KAAK,wCAAR,QAFF,KAIA,kBAAC,IAAD,CAAQf,MAAM,8BAOPiB,EAAc,CACzBjB,MAAO,gBACPkB,IAAK,uBACLC,YAAY,6IACZC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,UACPC,WAAY,GAGC,4BACb,kBAAChB,EAAD,CACEV,MAAOiB,EAAYjB,MACnBwB,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,mBC1D5BE,EAAOC,QAAU,86B,mBCAjBD,EAAOC,QAAU,8c,uBCAjBD,EAAOC,QAAU,IAA0B,8D,kCCA3C,wGAKaC,EAAOlC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBgC,IAMtBjC,IAAMC,OAyFRD,IAAMkC,OAoDSC,M,uBCzQrBL,EAAOC,QAAU,IAA0B,8D,qBCA3CD,EAAOC,QAAU,IAA0B","file":"component---src-pages-blog-custom-events-js-d7035b072dbce864041d.js","sourcesContent":["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    <Styled.Banner style={style}>\n      <h2 className=\"banner-title\">{title || `Improve usability testing with LiveSession`}</h2>\n      <p>{desc || 'Test all LiveSession features for 14 days, no credit card required.'}</p>\n      <Button signUp secondary center sourceID=\"cta-banner\">\n        Sign up free\n      </Button>\n    </Styled.Banner>\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","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorPatryk as author } from 'data/authors';\nimport img from 'img/blog/custom-events/custom-events1.png';\nimport img1 from 'img/blog/custom-events/custom-events2.png';\nimport img2 from 'img/blog/custom-events/custom-events3.png';\nimport Banner from 'components/usability-testing/banner';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        We&apos;re excited to announce that we&apos;ve released new feature called{' '}\n        <strong>Custom Events</strong>. This feature allows you to track custom actions that your\n        users perform along with <strong>custom event</strong> properties.\n      </p>\n      <img src={img1} alt=\"Custom Events - filters list\" title=\"Custom Events in filters\" />\n      <p>\n        From now on <a href=\"/help/how-does-the-timeline-work/\">Timeline</a> is enriched with your\n        events tailored for your business needs.\n      </p>\n      <img src={img2} alt=\"Custom Events in session replay\" title=\"Custom Events in Timeline\" />\n      <p>\n        If you need more information take a look{' '}\n        <a href=\"/help/how-do-the-custom-events-work/\">here</a>.\n      </p>\n      <Banner title=\"Try Custom Events now\" />\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Custom Events',\n  url: '/blog/custom-events/',\n  description: `Introducing Custom Events - the feature that allow you to track custom actions that your users perform along with custom event properties.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-12-14',\n  category: '',\n  group: 'updates',\n  timeToRead: 1,\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = __webpack_public_path__ + \"static/custom-events1-3ce0b89d77eab5597f1071811650b557.png\";","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/custom-events2-f0fccf3f4ddb6eb23f3e19e9c81a2c74.png\";","module.exports = __webpack_public_path__ + \"static/custom-events3-b6e853f11852583e71806d0c5811d609.png\";"],"sourceRoot":""}