{"version":3,"sources":["webpack:///./src/components/help/integrationPreview/styled.js","webpack:///./src/components/help/integrationPreview/index.js","webpack:///./src/components/help/category/styled.js","webpack:///./src/components/help/category/index.js","webpack:///./src/pages/help/privacy.js"],"names":["Title","styled","h2","media","tablet","Preview","a","Card","div","Description","p","LogoWrapper","ArticlePreview","metaTitle","metaDescription","canonical","logo","horizontal","href","style","backgroundImage","defaultProps","HeaderSection","section","mobile","ContentSection","CustomLi","li","HelpCategory","title","integrations","subtitle","staticContent","description","url","articles","className","src","arrow","alt","length","list","map","el","key","link","padding","renderArticles","renderIntegrations","privacy"],"mappings":"wOAGaA,EAAQC,IAAOC,GAAV,oEAAGD,CAAH,uHAMdE,IAAMC,QAMGC,EAAUJ,IAAOK,EAAV,sEAAGL,CAAH,2GAGdD,GAUOO,EAAON,IAAOO,IAAV,mEAAGP,CAAH,wGAMbE,IAAMC,QAKGK,EAAcR,IAAOS,EAAV,0EAAGT,CAAH,oHAMpBE,IAAMC,QAMGO,EAAcV,IAAOO,IAAV,0EAAGP,CAAH,2IAMpBE,IAAMC,QCrDJQ,EAAiB,SAAC,GAAiE,IAA/DC,EAA8D,EAA9DA,UAAWC,EAAmD,EAAnDA,gBAAiBC,EAAkC,EAAlCA,UAAWC,EAAuB,EAAvBA,KAAMC,EAAiB,EAAjBA,WACrE,OACE,kBAAC,EAAD,CAAgBC,KAAMH,GACpB,kBAAC,EAAD,CAAaE,WAAYA,GACvB,kBAAC,EAAD,CAAoBE,MAAO,CAAEC,gBAAgB,OAAQJ,EAAT,OAC5C,kBAAC,EAAD,KAAeH,GACf,kBAAC,EAAD,KAAqBC,MAMdF,IAUfA,EAAeS,aAAe,CAC5BJ,YAAY,EACZD,KAAM,M,gBCxBKM,EAAgBrB,IAAOsB,QAAV,2EAAGtB,CAAH,kZAOtBE,IAAMC,OAGND,IAAMqB,OASFrB,IAAMqB,OASNrB,IAAMqB,OAOJrB,IAAMqB,QASHC,EAAiBxB,IAAOsB,QAAV,4EAAGtB,CAAH,qOAEvBE,IAAMC,OAMJD,IAAMC,OAUND,IAAMC,QAQCsB,EAAWzB,IAAO0B,GAAV,sEAAG1B,CAAH,wMASJM,EAEXJ,IAAMC,OAIRD,IAAMqB,QC7EJI,EAAe,SAAC,GAQf,IAPLC,EAOI,EAPJA,MAOI,IANJC,oBAMI,SALJC,EAKI,EALJA,SAKI,IAJJC,qBAII,MAJY,KAIZ,EAHJC,EAGI,EAHJA,YACAC,EAEI,EAFJA,IACAC,EACI,EADJA,SAwBA,OACE,kBAAC,IAAD,CAAQtB,UAAS,IAAMgB,EAAN,iBAA6Bd,UAAWmB,EAAKpB,gBAAiBmB,GAC7E,yBAAKG,UAAU,aACb,yBAAKA,UAAU,OACb,kBAAC,EAAD,KACE,yBAAKA,UAAU,eACb,2BACE,kBAAC,IAAD,CAAMlB,KAAK,UAAX,SAEF,yBAAKmB,IAAKC,IAAOC,IAAI,QAAQV,MAAM,UACnC,2BACE,gCAASA,OAMjB,yBAAKO,UAAU,+BACb,kBAAC,EAAD,CAAuBA,UAAU,sBAC/B,4BAAKP,GACL,2BAAIE,GACHC,GACCF,GA5CW,WACrB,IAAKK,GAAgC,IAApBA,EAASK,OAAc,OAAO,EAE/C,IAAMC,EAAOC,IAAIP,GAAU,SAACQ,GAAD,OACzB,kBAAC,EAAD,CAAiBC,IAAKD,EAAG5B,WACvB,kBAAC,IAAD,eAAgB6B,IAAKD,EAAGE,MAAUF,QAGtC,OAAO,wBAAIxB,MAAO,CAAE2B,QAAS,IAAML,GAoCTM,GACjBjB,GAlCgB,WACzB,IAAKK,GAAgC,IAApBA,EAASK,OAAc,OAAO,EAE/C,IAAMC,EAAOC,IAAIP,GAAU,SAACQ,GAAD,OACzB,kBAAC,EAAD,CAAiBC,IAAKD,EAAG5B,WACvB,kBAAC,EAAD,eAAa6B,IAAKD,EAAGE,MAAUF,QAGnC,OAAO,wBAAIxB,MAAO,CAAE2B,QAAS,IAAML,GA0BVO,IAEnB,kBAAC,IAAD,QAGJ,kBAAC,IAAD,QAKSpB,MAkBfA,EAAaP,aAAe,CAC1BS,cAAc,EACdE,cAAe,KACfD,SAAU,O,kCCjGZ,wDAMe,4BACb,kBAAC,IAAD,CACEF,MAAM,UACNM,SAAUc,IACVf,IAAI,iBACJD,YAAY","file":"component---src-pages-help-privacy-js-b113e897774f3870f1a9.js","sourcesContent":["import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Title = styled.h2`\n  font-size: 22px;\n  color: #0a4ed6;\n  font-weight: 900;\n  margin-top: 16px;\n  margin-bottom: 0;\n  ${media.tablet} {\n    font-size: 1rem;\n    line-height: 28px;\n  }\n`;\n\nexport const Preview = styled.a`\n  &:hover {\n    text-decoration: none;\n    ${Title} {\n      text-decoration: underline;\n    }\n  }\n\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n`;\n\nexport const Card = styled.div`\n  height: 100%;\n  width: 100%;\n  background-color: white;\n  border-radius: 4px;\n  padding: 48px 0;\n  ${media.tablet} {\n    padding: 30px 0;\n  }\n`;\n\nexport const Description = styled.p`\n  margin-top: 16px;\n  margin-bottom: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: #000;\n  ${media.tablet} {\n    font-size: 16px;\n    line-height: 28px;\n  }\n`;\n\nexport const LogoWrapper = styled.div`\n  max-width: 150px;\n  height: 48px;\n  background-repeat: no-repeat;\n  background-position: left;\n  background-size: contain;\n  ${media.tablet} {\n    width: 115px;\n    height: 35px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as Styled from './styled';\n\nconst ArticlePreview = ({ metaTitle, metaDescription, canonical, logo, horizontal }) => {\n  return (\n    <Styled.Preview href={canonical}>\n      <Styled.Card horizontal={horizontal}>\n        <Styled.LogoWrapper style={{ backgroundImage: `url(${logo})` }} />\n        <Styled.Title>{metaTitle}</Styled.Title>\n        <Styled.Description>{metaDescription}</Styled.Description>\n      </Styled.Card>\n    </Styled.Preview>\n  );\n};\n\nexport default ArticlePreview;\n\nArticlePreview.propTypes = {\n  metaTitle: PropTypes.string.isRequired,\n  metaDescription: PropTypes.string.isRequired,\n  canonical: PropTypes.string.isRequired,\n  logo: PropTypes.string,\n  horizontal: PropTypes.bool,\n};\n\nArticlePreview.defaultProps = {\n  horizontal: false,\n  logo: null,\n};\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { Card } from '../integrationPreview/styled';\n\nexport const HeaderSection = styled.section`\n  width: 100%;\n  padding: 0;\n  max-width: 1200px;\n  margin: 144px 0 56px;\n  transform: translateX(5px);\n\n  ${media.tablet} {\n    display: none;\n  }\n  ${media.mobile} {\n    margin-top: 91px;\n  }\n  .breadcrumbs {\n    grid-area: breadcrumbs;\n    display: flex;\n    align-items: center;\n    & img {\n      margin: 0 16px;\n      ${media.mobile} {\n        max-width: 8px;\n      }\n    }\n    & p {\n      margin: 0;\n      color: #000;\n      font-size: 14px;\n      line-height: 24px;\n      ${media.mobile} {\n        line-height: normal;\n      }\n      & a {\n        color: #000;\n        font-size: 14px;\n        line-height: 24px;\n        ${media.mobile} {\n          font-size: 12px;\n          line-height: 24px;\n        }\n      }\n    }\n  }\n`;\n\nexport const ContentSection = styled.section`\n  padding: 0 15px 0 0;\n  ${media.tablet} {\n    padding: 15px;\n    margin-top: 120px;\n  }\n  h1 {\n    margin-bottom: 8px;\n    ${media.tablet} {\n      font-size: 28px;\n      line-height: 38px;\n    }\n  }\n  h1 + p {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 500;\n    width: 90%;\n    ${media.tablet} {\n      font-size: 18px;\n      line-height: 24px;\n      margin-top: 24px;\n    }\n  }\n`;\n\nexport const CustomLi = styled.li`\n  border-top: 1px solid #e4e5e8;\n  width: 90%;\n  list-style: none;\n  margin-bottom: 0;\n  &:first-child {\n    border-top: none;\n    margin-top: 24px;\n  }\n  &:last-child ${Card} {\n    padding: 48px 0 0 0;\n    ${media.tablet} {\n      padding: 30px 0 0 0;\n    }\n  }\n  ${media.mobile} {\n    width: 100%;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/map';\nimport Link from 'components/ui/link';\nimport Layout from 'layout';\nimport StartUsing from 'components/ui/startUsing';\nimport arrow from 'img/ui/arrow_black.svg';\nimport ArticlePreview from '../helpArticlePreview';\nimport Integration from '../integrationPreview';\nimport SearchBox from '../searchbox';\nimport * as Styled from './styled';\n\nconst HelpCategory = ({\n  title,\n  integrations = false,\n  subtitle,\n  staticContent = null,\n  description,\n  url,\n  articles,\n}) => {\n  const renderArticles = () => {\n    if (!articles || articles.length === 0) return false;\n\n    const list = map(articles, (el) => (\n      <Styled.CustomLi key={el.canonical}>\n        <ArticlePreview key={el.link} {...el} />\n      </Styled.CustomLi>\n    ));\n    return <ul style={{ padding: 0 }}>{list}</ul>;\n  };\n\n  const renderIntegrations = () => {\n    if (!articles || articles.length === 0) return false;\n\n    const list = map(articles, (el) => (\n      <Styled.CustomLi key={el.canonical}>\n        <Integration key={el.link} {...el} />\n      </Styled.CustomLi>\n    ));\n    return <ul style={{ padding: 0 }}>{list}</ul>;\n  };\n\n  return (\n    <Layout metaTitle={` ${title} | Help Center`} canonical={url} metaDescription={description}>\n      <div className=\"container\">\n        <div className=\"row\">\n          <Styled.HeaderSection>\n            <div className=\"breadcrumbs\">\n              <p>\n                <Link href=\"/help/\">Help</Link>\n              </p>\n              <img src={arrow} alt=\"arrow\" title=\"Arrow\" />\n              <p>\n                <strong>{title}</strong>\n              </p>\n            </div>\n          </Styled.HeaderSection>\n        </div>\n\n        <div className=\"row justify-content-between\">\n          <Styled.ContentSection className=\"col-lg-8 col-sm-12\">\n            <h1>{title}</h1>\n            <p>{subtitle}</p>\n            {staticContent}\n            {!integrations && renderArticles()}\n            {integrations && renderIntegrations()}\n          </Styled.ContentSection>\n          <SearchBox />\n        </div>\n      </div>\n      <StartUsing />\n    </Layout>\n  );\n};\n\nexport default HelpCategory;\n\nHelpCategory.propTypes = {\n  title: PropTypes.string.isRequired,\n  integrations: PropTypes.bool,\n  subtitle: PropTypes.string,\n  staticContent: PropTypes.node,\n  description: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  articles: PropTypes.arrayOf(\n    PropTypes.shape({\n      metaTitle: PropTypes.string.isRequired,\n      metaDescription: PropTypes.string.isRequired,\n      canonical: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n};\n\nHelpCategory.defaultProps = {\n  integrations: false,\n  staticContent: null,\n  subtitle: null,\n};\n","import React from 'react';\n\nimport Category from 'components/help/category';\n\nimport { privacy } from 'data/helpArticles';\n\nexport default () => (\n  <Category\n    title=\"Privacy\"\n    articles={privacy}\n    url=\"/help/privacy/\"\n    description=\"Find out informations how to keep your users privacy.\"\n  />\n);\n"],"sourceRoot":""}