{"version":3,"sources":["webpack:///./src/templates/newsletter.js","webpack:///./src/pages/newsletters/march-2021.js"],"names":["StyledSection","styled","section","media","mobile","arrow","ArrowButton","button","tablet","Content","props","link","title","description","page","useStaticQuery","allJavascriptFrontmatter","edges","filter","post","node","frontmatter","canonical","metaTitle","metaDescription","hideFooter","hideHeader","content","previous","placement","onClick","navigate","disabled","className","src","alt","next","width","border","cellPadding","cellSpacing","bgcolor","style","padding","display","margin","maxWidth","height","align","textAlign","fontSize","lineHeight","opacity","Date","getFullYear","href","textDecoration","Newsletter","NewsletterTemplate","role","aria-label","marginTop","target","rel","backgroundColor","fontWeight","color","borderRadius","marginBottom","verticalAlign","paddingLeft","date"],"mappings":"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","file":"component---src-pages-newsletters-march-2021-js-e08f0e19c2f860cc703e.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { graphql, useStaticQuery, navigate } from 'gatsby';\nimport { media } from 'theme/breakpoints';\nimport Layout from 'layout';\nimport arrow from 'img/ui/icon_arrow.svg';\nimport Tippy from '@tippyjs/react';\n\nconst StyledSection = styled.section`\n  background-color: #f1f5f9;\n  padding: 4rem 0;\n  ${media.mobile} {\n    padding: 2rem 0;\n  }\n  a {\n    text-decoration: none;\n    color: #0a4ed6;\n    &.with-arrow {\n      position: relative;\n      display: inline-block;\n      font-weight: 800;\n\n      &::after {\n        content: '';\n        background-image: url(${arrow});\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: contain;\n        display: inline-block;\n        clear: both;\n        margin-left: 16px;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  }\n  p {\n    font-size: 16px;\n    line-height: 24px;\n    & a {\n      display: inline;\n    }\n  }\n  body {\n    font-family: 'Muli', sans-serif;\n    width: 100%;\n    color: #000;\n    background-color: #f1f5f9;\n  }\n  strong {\n    font-weight: 800;\n  }\n  h1 {\n    font-size: 30px;\n    line-height: 38px;\n    font-weight: 300;\n  }\n  h1 span {\n    font-weight: 800;\n  }\n  .logo {\n    display: block;\n    margin: 0 auto 40px;\n    max-width: 140px;\n    height: 21px;\n  }\n  .head {\n    display: block;\n    margin: 0 auto;\n    max-width: 100%;\n  }\n  .hero-img {\n    padding: 0 0 24px !important;\n  }\n  .text {\n    width: 100%;\n  }\n  .content {\n    max-width: 600px;\n    margin: 0 auto;\n    background-color: #fff;\n  }\n  .go-to-app {\n    font-size: 16px;\n    color: #fff;\n  }\n  .logo-bottom {\n    display: block;\n    margin: 40px auto 0;\n    max-width: 104px;\n    height: 16px;\n  }\n  .credits {\n    opacity: 0.5;\n    font-size: 14px;\n    line-height: 28px;\n    margin: 32px 0;\n    text-align: center;\n    width: 100%;\n  }\n  .bottom-info {\n    width: 100%;\n    text-align: center;\n  }\n  .bottom-info a {\n    margin: 0 16px;\n  }\n  .bottom-info a img {\n    width: 40px;\n  }\n  .divider {\n    width: 100%;\n    height: 1px;\n    background-color: #ddd;\n  }\n  .info {\n    margin: 0;\n    text-align: left;\n    font-weight: 400;\n    line-height: 140%;\n    font-size: 16px;\n  }\n`;\n\nconst ArrowButton = styled.button`\n  border: 2px solid #0a4ed6;\n  border-radius: 50%;\n  height: 50px;\n  width: 50px;\n  background-color: transparent;\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: background-color 0.2 ease;\n  z-index: 50;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:disabled {\n    opacity: 0.5;\n  }\n  &:disabled:hover {\n    background-color: transparent;\n  }\n  &:hover {\n    background-color: #fff;\n  }\n  &.right {\n    right: 40px;\n  }\n  &.left {\n    left: 40px;\n    & img {\n      transform: rotate(180deg);\n    }\n  }\n  ${media.tablet} {\n    height: 30px;\n    width: 30px;\n    top: 40px;\n    min-width: 30px;\n    min-height: 30px;\n    &.left {\n      left: 30px;\n    }\n    &.right {\n      right: 30px;\n    }\n  }\n`;\n\nexport default (Content) => (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { link, title, description } = props;\n  const {\n    allJavascriptFrontmatter: { edges },\n  } = useStaticQuery(graphql`\n    query SitePaths {\n      allJavascriptFrontmatter(\n        filter: { frontmatter: { link: { regex: \"/newsletters/\" } } }\n        sort: { fields: frontmatter___date, order: DESC }\n      ) {\n        edges {\n          node {\n            frontmatter {\n              link\n              title\n            }\n          }\n          next {\n            frontmatter {\n              link\n              title\n            }\n          }\n          previous {\n            frontmatter {\n              link\n              title\n            }\n          }\n        }\n      }\n    }\n  `);\n  const [page] = edges.filter((post) => post.node.frontmatter.link === link);\n  return (\n    <Layout canonical={link} metaTitle={title} metaDescription={description} hideFooter hideHeader>\n      <Tippy content={page.previous !== null && page.previous.frontmatter.title} placement=\"right\">\n        <ArrowButton\n          onClick={() =>\n            navigate(\n              page.previous !== null ? page.previous.frontmatter.link : page.node.frontmatter.link,\n            )\n          }\n          disabled={page.previous === null}\n          className=\"left\"\n        >\n          <img src={arrow} alt=\"left arrow\" title=\"arrow\" />\n        </ArrowButton>\n      </Tippy>\n      <Tippy content={page.next !== null && page.next.frontmatter.title} placement=\"left\">\n        <ArrowButton\n          onClick={() =>\n            navigate(page.next !== null ? page.next.frontmatter.link : page.node.frontmatter.link)\n          }\n          className=\"right\"\n          disabled={page.next === null}\n        >\n          <img src={arrow} alt=\"right arrow\" title=\"arrow\" />\n        </ArrowButton>\n      </Tippy>\n      <StyledSection>\n        <table width=\"100%\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\n          <tbody>\n            <tr>\n              <td bgcolor=\"#F1F5F9\" style={{ padding: '40px 16px' }}>\n                <img\n                  src=\"https://emails.livesession.io/logo-new.png\"\n                  className=\"logo\"\n                  style={{\n                    display: 'block',\n                    margin: '0 auto 40px',\n                    maxWidth: '150px',\n                    height: '21px',\n                  }}\n                  alt=\"Logo small\"\n                  title=\"LiveSession Logo\"\n                />\n                <Content {...props} />\n                <table\n                  className=\"bottom-info\"\n                  cellSpacing=\"0\"\n                  cellPadding=\"0\"\n                  align=\"center\"\n                  width=\"100%\"\n                  style={{ width: '100%', textAlign: 'center' }}\n                >\n                  <tbody>\n                    <tr>\n                      <td>\n                        <img\n                          src=\"https://emails.livesession.io/logo-new.png\"\n                          className=\"logo-bottom\"\n                          style={{\n                            display: 'block',\n                            margin: '40px auto 0',\n                            maxWidth: '104px',\n                            height: '16px',\n                          }}\n                          alt=\"Logo big\"\n                          title=\"LiveSession Logo\"\n                        />\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        <p\n                          className=\"credits\"\n                          style={{\n                            fontSize: '14px',\n                            lineHeight: '28px',\n                            opacity: 0.5,\n                            margin: '32px 0',\n                            textAlign: 'center',\n                            width: '100%',\n                          }}\n                        >\n                          &copy; {new Date().getFullYear()} LiveSession. All rights reserved. <br />\n                          LiveSession Sp. z o.o. Sikorskiego 3/2, Wroclaw, Poland\n                        </p>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        <a\n                          href=\"https://twitter.com/livesessionhq\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/twitter-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"twitter\"\n                            title=\"LiveSession's Twitter\"\n                          />\n                        </a>\n                        <a\n                          href=\"https://www.facebook.com/LiveSessionIO/\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/fb-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"facebook\"\n                            title=\"LiveSession's Facebook\"\n                          />\n                        </a>\n                        <a\n                          href=\"https://www.linkedin.com/company/livesession/\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/linkedin-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"linkedIn\"\n                            title=\"LiveSession's LinkedIn\"\n                          />\n                        </a>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </StyledSection>\n    </Layout>\n  );\n};\n","import React from 'react';\nimport NewsletterTemplate from 'templates/newsletter';\n\nconst Content = () => {\n  return (\n    <table className=\"content\" cellSpacing=\"0\" cellPadding=\"0\" align=\"center\" width=\"100%\">\n      <tbody>\n        <tr>\n          <td>\n            <table className=\"text\" cellSpacing=\"0\" cellPadding=\"0\" style={{ width: '100%' }}>\n              <tbody>\n                <tr>\n                  <td style={{ padding: '40px 40px 24px' }}>\n                    <p style={{ margin: 0 }}>\n                      Hi{' '}\n                      <span role=\"img\" aria-label=\"emoji\">\n                        &#128075;\n                      </span>\n                      <br />\n                      <br />\n                      Pete from LiveSession here. This month we have <strong>\n                        something BIG\n                      </strong>{' '}\n                      to share. As many of you requested, we’re introducing:\n                    </p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <h1 style={{ margin: 0 }}>\n                      <span>The DevTools</span>\n                    </h1>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <img\n                      src=\"https://emails.livesession.io/devtools_newsletter.png\"\n                      alt=\"devtools_newsletter\"\n                      style={{ maxWidth: '100%', height: 'auto', marginTop: '16px' }}\n                    />\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <p style={{ margin: 0 }}>\n                      Debug and fix bugs like a pro. We can’t promise you won’t have to ask users\n                      for screenshots anymore, but we’ve been using this marvelous feature for some\n                      time now and there’s one thing I can assure you: it does the job.\n                      <br />\n                      <br />\n                      You can see all console logs in one view or filter them by a severity level:\n                      Info, Warn or Error. If you are looking for a specific message, use the search\n                      field.\n                      <br />\n                      <br />\n                      DevTools are currently in open beta. We’re planning to launch them for all our\n                      users by the end of April. But if you’re anxious to use the LiveSession\n                      DevTools right now, you can request early access directly from your Session\n                      player:\n                    </p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <img\n                      src=\"https://emails.livesession.io/dev_tools_beta_1.png\"\n                      alt=\"devtools beta\"\n                      style={{ maxWidth: '100%', height: 'auto', marginTop: '16px' }}\n                    />\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '28px 40px' }}>\n                    <a\n                      href=\"https://app.livesession.io/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"go-to-app\"\n                      style={{\n                        display: 'block',\n                        margin: '0 auto',\n                        backgroundColor: '#0a4ed6',\n                        padding: '10px 0',\n                        fontWeight: 700,\n                        color: '#fff',\n                        borderRadius: '4px',\n                        width: '350px',\n                        textAlign: 'center',\n                      }}\n                    >\n                      Request early access\n                    </a>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 0' }}>\n                    <div style={{ width: '100%', height: '1px', backgroundColor: '#ddd' }} />\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '32px 40px 12px' }}>\n                    <h1 style={{ margin: 0 }}>\n                      <span>New on our blog</span>\n                    </h1>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <div>\n                      <a\n                        href=\"/blog/10-ways-to-increase-urgency-in-your-online-sales/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <img\n                          src=\"https://emails.livesession.io/202103_blog_1.png\"\n                          alt=\"badge\"\n                          title=\"Abandoned Carts - Recover Them Creating A Sense Of Urgency\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: 24 }}>\n                        <p style={{ fontSize: 20, marginBottom: 12 }}>\n                          <strong>\n                            Abandoned Carts - Recover Them Creating A Sense Of Urgency\n                          </strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: 12 }}>\n                          The “abandoned cart” is an issue for many online businesses. For those who\n                          don’t know, the abandoned cart occurs when a potential customer goes\n                          through the process of logging onto a business’s website, choosing a\n                          product, adding it to their purchase basket, but doesn’t end up finishing\n                          the checkout purchase.\n                        </p>\n                        <a\n                          href=\"/blog/10-ways-to-increase-urgency-in-your-online-sales/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: '16px', color: '#0a4ed6', marginTop: 12 }}\n                        >\n                          Read more on our blog\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <div>\n                      <a\n                        href=\"/blog/not-all-traffic-is-created-equally/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <img\n                          src=\"https://emails.livesession.io/202103_blog_2.png\"\n                          alt=\"badge\"\n                          title=\"How To Measure The Importance of Traffic Sources Using UTM's\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: 24 }}>\n                        <p style={{ fontSize: 20, marginBottom: 12 }}>\n                          <strong>\n                            How To Measure The Importance of Traffic Sources Using UTM&apos;s\n                          </strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: 12 }}>\n                          Sources of traffic to a website are the channels through which visitors\n                          come to a website. As you know, it is the number of visitors that is one\n                          of the main indicators of the success of the project. The more of them,\n                          the higher the likelihood of achieving your conversion goal. Of course,\n                          not every site can be proud of a steady flow of users. Knowledge of where\n                          to effectively attract customers, as well as high-quality analysis of\n                          traffic sources, will help to increase the traffic indicator.\n                        </p>\n                        <a\n                          href=\"/blog/not-all-traffic-is-created-equally/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: 16, color: '#0a4ed6', marginTop: 12 }}\n                        >\n                          Read more on our blog\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <p style={{ margin: 0 }}>\n                      As always, I encourage you to contact us by replying to this email if you have\n                      any questions. Follow us on{' '}\n                      <a href=\"https://www.facebook.com/LiveSessionIO/\">Facebook</a> and{' '}\n                      <a href=\"https://www.linkedin.com/company/livesession/\">LinkedIn</a>. Let’s\n                      stay in touch!\n                    </p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '40px 60px 15px 40px' }}>\n                    <p style={{ margin: 0, fontSize: '16px', lineHeight: '24px' }}>Best,</p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '15px 40px 32px' }}>\n                    <table className=\"kamil\" cellSpacing=\"0\" cellPadding=\"0\">\n                      <tbody>\n                        <tr style={{ verticalAlign: 'middle' }}>\n                          <th>\n                            <img\n                              src=\"https://emails.livesession.io/pete_rounded.png\"\n                              className=\"kamil-img\"\n                              style={{ maxWidth: '56px' }}\n                              alt=\"kamil\"\n                            />\n                          </th>\n                          <th style={{ paddingLeft: '16px' }}>\n                            <p\n                              className=\"info\"\n                              style={{\n                                margin: 0,\n                                textAlign: 'left',\n                                fontWeight: 400,\n                                lineHeight: '140%',\n                              }}\n                            >\n                              <strong>Pete</strong> <br />\n                              Product Marketing Manager @ LiveSession\n                            </p>\n                          </th>\n                        </tr>\n                      </tbody>\n                    </table>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\nconst Newsletter = NewsletterTemplate(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession Newsletter March 2021',\n  description: \"Read LiveSession's monthly update from March 2021.\",\n  date: '2021-03-01',\n  link: '/newsletters/march-2021/',\n};\n\nexport default () => <Newsletter {...frontmatter} />;\n"],"sourceRoot":""}