{"version":3,"sources":["webpack:///./src/pages/blog/filtering-updates.js","webpack:///./src/img/blog/new-filters-cover.png","webpack:///./src/img/blog/new-session-filters.png","webpack:///./src/img/blog/duplicate-filters.png","webpack:///./src/img/blog/autocomplete-filters.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/components/blog/content/styled.js"],"names":["Wrapped","BlogArticle","id","src","img1","alt","title","img2","img3","href","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","module","exports","Post","styled","div","media","mobile","quote","tablet","arrowIcon"],"mappings":"8HAAA,oMAyDMA,EAAUC,aA/CA,WACd,OACE,kBAAC,IAAD,KACE,qJAIA,wBAAIC,GAAG,0BAAP,2BACA,2BACE,yBAAKC,IAAKC,IAAMC,IAAI,sBAAsBC,MAAM,8BAElD,gFACoD,+CADpD,yHAKA,wBAAIJ,GAAG,wCAAP,yCACA,2BACE,yBAAKC,IAAKI,IAAMF,IAAI,oBAAoBC,MAAM,qCAEhD,qHAC0F,IACxF,wDAFF,qEAKA,gEACoC,0CADpC,2GAIA,wBAAIJ,GAAG,yCAAP,0CACA,2BACE,yBAAKC,IAAKK,IAAMH,IAAI,uBAAuBC,MAAM,oCAEnD,mFACA,wJAIA,+JAEuC,IACrC,uBAAGG,KAAK,+BAAR,6BAQKC,EAAc,CACzBJ,MAAO,iBACPK,IAAK,2BACLC,YAAY,0FACZC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,UACPC,WAAY,GAGC,4BACb,kBAACnB,EAAD,CACEM,MAAOI,EAAYJ,MACnBW,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,qBCnF5BE,EAAOC,QAAU,IAA0B,iE,qBCA3CD,EAAOC,QAAU,IAA0B,mE,qBCA3CD,EAAOC,QAAU,IAA0B,iE,qBCA3CD,EAAOC,QAAU,IAA0B,oE,mBCA3CD,EAAOC,QAAU,86B,mBCAjBD,EAAOC,QAAU,8c,kCCAjB,wGAKaC,EAAOC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBC,IAMtBF,IAAMC,OAyFRD,IAAMG,OAoDSC","file":"component---src-pages-blog-filtering-updates-js-734edbc32b16680e0ec0.js","sourcesContent":["import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKamil as author } from 'data/authors';\nimport img from 'img/blog/new-filters-cover.png';\n\nimport img1 from 'img/blog/new-session-filters.png';\nimport img2 from 'img/blog/duplicate-filters.png';\nimport img3 from 'img/blog/autocomplete-filters.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Filters are the core features of LiveSession. To make your work easier, we’ve just\n        introduced a range of new features:\n      </p>\n      <h2 id=\"new-filter-pages-count\">New filter: pages count</h2>\n      <p>\n        <img src={img1} alt=\"New session filters\" title=\"New filter - pages count\" />\n      </p>\n      <p>\n        By your request, you can now filter recordings by <strong>pages count</strong>. For\n        instance, you can only choose to see sessions where the user has visited more than three\n        pages on your website.\n      </p>\n      <h2 id=\"update-duplicate-and-disable-filters\">Update: Duplicate and disable filters</h2>\n      <p>\n        <img src={img2} alt=\"Duplicate filters\" title=\"Duplicate filter with one click\" />\n      </p>\n      <p>\n        Pages count is not the only request we’ve answered! Also by popular demand, you can now{' '}\n        <strong>duplicate the filter</strong> in just one click. Adding multiple variables is now\n        much faster.\n      </p>\n      <p>\n        What’s more, you can also use the <strong>toggle</strong> to temporarily disable the filter\n        and compare results. You don’t have to delete it completely anymore.\n      </p>\n      <h2 id=\"update-autocomplete-for-event-filters\">Update: Autocomplete for event filters</h2>\n      <p>\n        <img src={img3} alt=\"Autocomplete filters\" title=\"Autocomplete for event filters\" />\n      </p>\n      <p>What’s more, using event filters is now much easier!</p>\n      <p>\n        LiveSession will now suggest relevant values. We autocomplete the filters with top results,\n        like in the screenshot above.\n      </p>\n      <p>\n        If you have any other ideas for improvement, we’d love to hear from you! Please get in touch\n        via live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Filters update',\n  url: '/blog/filtering-updates/',\n  description: `Filtering session recordings in LiveSession just got easier. See what’s new in filters!`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-07-18',\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 = __webpack_public_path__ + \"static/new-filters-cover-0b03b6663d53df8a88c6ba6696a175b7.png\";","module.exports = __webpack_public_path__ + \"static/new-session-filters-041a9060508dbe2e1b6c4b1c7c890b32.png\";","module.exports = __webpack_public_path__ + \"static/duplicate-filters-7130ecc6f2e3decc8d2afbeea6031f41.png\";","module.exports = __webpack_public_path__ + \"static/autocomplete-filters-793170cc6414b6072bf33465c685c16f.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 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"],"sourceRoot":""}