{"version":3,"sources":["webpack:///./src/img/companyLogo/sentry.svg","webpack:///./src/pages/help/sentry-integration.js"],"names":["module","exports","related","frontmatter","metaTitle","canonical","metaDescription","logo","Wrapped","HelpArticle","className","role","href","target","rel","inline","margin","copy","lang","section","title"],"mappings":"gFAAAA,EAAOC,QAAU,kiE,kCCAjB,4HAmFMC,EAAU,GAEHC,EAAc,CACzBC,UAAW,qCACXC,UAAW,4BACXC,gBAAiB,kDACjBC,KAzFF,OAyFEA,GAGIC,EAAUC,aApFA,WACd,OACE,6BACE,kBAAC,IAAD,wBACA,yUAIgC,gEAJhC,KAMA,kBAAC,IAAD,CAAUC,UAAU,QAApB,qBACA,wGAC4E,yCAD5E,kHAKA,yIAIA,yBAAKA,UAAU,gCAAgCC,KAAK,SAClD,6CADF,qFAGE,uBACEC,KAAK,yEACLC,OAAO,SACPC,IAAI,uBAHN,iBAMK,IATP,0KAW6E,yCAAkB,IAX/F,sBAcA,kBAAC,IAAD,CAAUJ,UAAU,QAApB,uCACA,yFAAqE,IACrE,kBAAC,IAAD,CAAMK,QAAM,GAAE,WAlChB,IAkCkC,+CAChC,kBAAC,IAAD,CAAMC,OAAO,SAASC,MAAI,EAACC,KAAK,MAAhC,qnBA6BA,yBAAKR,UAAU,gCAAgCC,KAAK,SAApD,yJAEqE,IACnE,kBAAC,IAAD,CAAMC,KAAK,4CAAX,gBAHF,SAmBS,4BACb,kBAACJ,EAAD,eACEN,QAASA,EACTiB,QAAQ,eACRC,MAAOjB,EAAYC,WACfD","file":"component---src-pages-help-sentry-integration-js-dbf90c2944c3505f1124.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MTcuMTEgMjQ5LjY4Ij48dGl0bGU+c2VudHJ5LWxvZ28tYmxhY2s8L3RpdGxlPjxwYXRoIGQ9Ik00MzAuNTYsMTQzLjc2LDM4Ni4wNyw4Ni4zM0gzNzV2NzdoMTEuMjJ2LTU5bDQ1Ljc0LDU5aDkuODJ2LTc3SDQzMC41NlptLTExMi0xNC4yN0gzNTguNHYtMTBIMzE4LjUyVjk2LjMxaDQ1di0xMEgzMDcuMDd2NzdoNTd2LTEwSDMxOC41MlptLTQ2Ljg0LTkuNzhjLTE1LjU3LTMuNzItMTkuODMtNi42OS0xOS44My0xMy44NCwwLTYuNDYsNS43MS0xMC44MSwxNC4yMi0xMC44MSw3LjA5LDAsMTQuMDcsMi41MSwyMS4zLDcuNjdsNi4wNi04LjU0Yy04LTYuMTMtMTYuNjUtOS0yNy4xMy05LTE1LjI1LDAtMjUuODksOS0yNS44OSwyMS45MiwwLDEzLjg0LDksMTguNjMsMjUuNSwyMi42MywxNC41MSwzLjM1LDE4LjkzLDYuNSwxOC45MywxMy41cy02LDExLjM4LTE1LjM1LDExLjM4Yy05LjA3LDAtMTYuODEtMy0yNS05LjgybC02Ljc5LDguMDhhNDcuODIsNDcuODIsMCwwLDAsMzEuNDEsMTEuNmMxNi40OSwwLDI3LjE0LTguODcsMjcuMTQtMjIuNkMyOTYuMjcsMTMwLjIzLDI4OS4zOCwxMjQsMjcxLjY4LDExOS43MVptMzczLjktMzMuMzctMjMuMTksMzYuMzEtMjMtMzYuMzFINTg2bDMwLjUxLDQ2LjU0djMwLjQ3aDExLjU2VjEzMi41M2wzMC41LTQ2LjE5Wk00NTAuODcsOTYuNzZINDc2LjF2NjYuNThoMTEuNTdWOTYuNzZoMjUuMjNWODYuMzNoLTYyWk01NjYuNCwxMzMuMjhjMTEuNjQtMy4yMSwxOC0xMS4zNywxOC0yMywwLTE0Ljc4LTEwLjg0LTI0LTI4LjI4LTI0SDUyMnY3N2gxMS40NVYxMzUuNjJoMTkuNDJsMTkuNTQsMjcuNzJoMTMuMzdsLTIxLjEtMjkuNThabS0zMy03LjUyVjk2LjUzSDU1NWMxMS4yNywwLDE3Ljc0LDUuMzEsMTcuNzQsMTQuNTYsMCw4LjkxLTYuOTIsMTQuNjctMTcuNjIsMTQuNjdaTTE0NC45LDY1LjQzYTEzLjc1LDEzLjc1LDAsMCwwLTIzLjgxLDBsLTE5LjYsMzMuOTUsNSwyLjg3YTk2LjE0LDk2LjE0LDAsMCwxLDQ3LjgzLDc3LjRIMTQwLjU2YTgyLjQsODIuNCwwLDAsMC00MS02NS41NGwtNS0yLjg2TDc2LjMsMTQzbDUsMi44N2E0Ni4zNSw0Ni4zNSwwLDAsMSwyMi40NiwzMy43OEg3Mi4zM2EyLjI3LDIuMjcsMCwwLDEtMi0zLjQxbDguNzYtMTUuMTdhMzEuODcsMzEuODcsMCwwLDAtMTAtNS43MUw2MC40MiwxNzAuNWExMy43NSwxMy43NSwwLDAsMCwxMS45MSwyMC42Mmg0My4yNXYtNS43M0E1Ny4xNiw1Ny4xNiwwLDAsMCw5MS44NCwxMzlsNi44OC0xMS45MmE3MC45Myw3MC45MywwLDAsMSwzMC41Niw1OC4yNnY1Ljc0aDM2LjY1di01LjczQTEwNy42MiwxMDcuNjIsMCwwLDAsMTE3LjA5LDk1LjNMMTMxLDcxLjE3YTIuMjcsMi4yNywwLDAsMSwzLjkzLDBsNjAuNjYsMTA1LjA3YTIuMjcsMi4yNywwLDAsMS0yLDMuNDFIMTc5LjRjLjE4LDMuODMuMiw3LjY2LDAsMTEuNDhoMTQuMjRhMTMuNzUsMTMuNzUsMCwwLDAsMTEuOTEtMjAuNjJaIiBzdHlsZT0iZmlsbDojMjIxZjIwIi8+PC9zdmc+\"","import React from 'react';\n\nimport { HelpArticle, SubTitle } from 'components/help/helpArticle';\nimport Code from 'components/help/codeSnippet';\nimport Link from 'components/ui/link';\n\nimport logo from 'img/companyLogo/sentry.svg';\n\nconst Content = () => {\n  return (\n    <div>\n      <SubTitle>What is Sentry?</SubTitle>\n      <p>\n        Sentry is a bug tracking tool that helps you find issues and errors on your website. This\n        way, it’s easier and faster to ship high-quality software. Our integration will help you\n        improve the user experience on the website. Integrating Sentry with LiveSession is a real\n        time-saver, as you can access <strong>all information in one place</strong>.\n      </p>\n      <SubTitle className=\"mt-5\">How does it work?</SubTitle>\n      <p>\n        As you connect both tools, each new issue in Sentry will get a tag called <i>sessionURL</i>.\n        It will redirect you to the right recording in LiveSession so you can immediately see what\n        caused the error.\n      </p>\n      <p>\n        Every time a new session will start, our code will send an event to Segment with a link to\n        session replay.\n      </p>\n      <div className=\"alert alert-primary mb-5 mt-5\" role=\"alert\">\n        <strong>Important</strong>: Remember that LiveSession only starts recording if it detects\n        activity of user (\n        <a\n          href=\"https://developers.livesession.io/javascript-api/recording-conditions/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          find out more\n        </a>{' '}\n        informations about recording conditions). Because of this, Sentry will wait 3 seconds after\n        initializing. If the user doesn’t do anything for more than 3 seconds, the <i>sessionURL</i>{' '}\n        tag will be empty.\n      </div>\n      <SubTitle className=\"mt-5\">How can I install this integration?</SubTitle>\n      <span>To install integration, add the code below before your </span>{' '}\n      <Code inline>{'</body>'}</Code> <span> closing tag:</span>\n      <Code margin=\"1rem 0\" copy lang=\"js\">\n        {`<script type=\"text/javascript\">\nSentry.init({\n  dsn: \"YOUR_SENTRY_URL\",\n  beforeSend: function beforeSend(event) {\n    var createdSessionURL = \"\";\n\n    __ls(\"getSessionURL\", function (url, isNewSession) {\n        createdSessionURL = url;\n    });\n\n    var wait = function wait(ms) {\n      return new Promise(function (r, j) {\n        return setTimeout(r, ms);\n      });\n    };\n\n    return wait(3000).then(function () {\n      event.extra[\"sessionURL\"] = createdSessionURL;\n      return event;\n    });\n  }\n});\nSentry.configureScope(function (scope) {\n  scope.setExtra(\"sessionURL\", \"\");\n});\n</script>\n`}\n      </Code>\n      <div className=\"alert alert-primary mb-5 mt-5\" role=\"alert\">\n        To make this integration works you need to have Sentry and LiveSession installed on your\n        website. If you haven&apos;t installed our tracking code yet check{' '}\n        <Link href=\"/help/how-to-install-livesession-script/\">this article</Link>.\n      </div>\n    </div>\n  );\n};\n\nconst related = [];\n\nexport const frontmatter = {\n  metaTitle: 'LiveSession and Sentry integration',\n  canonical: '/help/sentry-integration/',\n  metaDescription: 'Add LiveSession recordings to issues in Sentry.',\n  logo,\n};\n\nconst Wrapped = HelpArticle(Content);\nexport default () => (\n  <Wrapped\n    related={related}\n    section=\"Integrations\"\n    title={frontmatter.metaTitle}\n    {...frontmatter}\n  />\n);\n"],"sourceRoot":""}