{"version":3,"sources":["webpack:///./src/img/ui/quote.svg","webpack:///./src/pages/blog/user-roles.js","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/img/blog/userrolesimage.png","webpack:///./src/components/blog/content/styled.js","webpack:///./src/img/blog/user-roles.png"],"names":["module","exports","Wrapped","BlogArticle","src","img1","alt","title","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","Post","styled","div","media","mobile","quote","tablet","arrowIcon"],"mappings":"8GAAAA,EAAOC,QAAU,86B,kCCAjB,0JAqCMC,EAAUC,aA9BA,WACd,OACE,kBAAC,IAAD,KACE,2GACA,mDACuB,+DADvB,uDAIA,4BACE,4BACE,wCADF,yMAKA,4BACE,yCADF,uCAGA,4BACE,yCADF,gFAKF,mEACA,2BACE,yBAAKC,IAAKC,IAAMC,IAAI,uBAAuBC,MAAM,2BAQ5CC,EAAc,CACzBD,MAAO,aACPE,IAAK,oBACLC,YAAY,mEACZC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,UACPC,WAAY,GAGC,4BACb,kBAACf,EAAD,CACEK,MAAOC,EAAYD,MACnBQ,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,mBC/D5BjB,EAAOC,QAAU,8c,uBCAjBD,EAAOC,QAAU,IAA0B,8D,kCCA3C,wGAKakB,EAAOC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBC,IAMtBF,IAAMC,OAyFRD,IAAMG,OAoDSC,M,qBCzQrB1B,EAAOC,QAAU,IAA0B","file":"component---src-pages-blog-user-roles-js-8f72a968cf551b0bdc52.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","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/user-roles.png';\nimport img1 from 'img/blog/userrolesimage.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>We’re happy to announce that we’ve answered one of the most common requests!</p>\n      <p>\n        From now on, you can <strong>assign different user roles</strong> in LiveSession. Your\n        teammates can use the app as:\n      </p>\n      <ul>\n        <li>\n          <strong>User</strong>– Can watch and analyze sessions. Can’t add a new website, or other\n          Users, can’t access Invoices and Plan &amp; Billing. They can only see basic plan info and\n          how many sessions are left on the account.\n        </li>\n        <li>\n          <strong>Admin</strong>– Full access, can edit user roles.\n        </li>\n        <li>\n          <strong>Owner</strong>– Full access, can edit user roles. They can’t be removed from the\n          account.\n        </li>\n      </ul>\n      <p>Here’s how it looks like in the app:</p>\n      <p>\n        <img src={img1} alt=\"Invite your teammate\" title=\"User roles in app\" />\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'User roles',\n  url: '/blog/user-roles/',\n  description: `From now on, you can assign different user roles in LiveSession.`,\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-03-26',\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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = __webpack_public_path__ + \"static/userrolesimage-eb7d92afc3405f6df9590a34a4983b0a.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/user-roles-9f08205e750083dcaf0213fb72fb343b.png\";"],"sourceRoot":""}