{"version":3,"sources":["webpack:///./src/pages/help/bugsnag-integration.js","webpack:///./src/img/companyLogo/bugsnag.svg"],"names":["related","frontmatter","metaTitle","canonical","metaDescription","logo","Wrapped","HelpArticle","className","role","href","target","rel","inline","margin","copy","lang","section","title","module","exports"],"mappings":"+FAAA,4HAmFMA,EAAU,GAEHC,EAAc,CACzBC,UAAW,sCACXC,UAAW,6BACXC,gBAAiB,mDACjBC,KAzFF,OAyFEA,GAGIC,EAAUC,aApFA,WACd,OACE,6BACE,kBAAC,IAAD,yBACA,yMAIA,4BACE,0FACA,sEACA,4EAEF,kBAAC,IAAD,CAAUC,UAAU,QAApB,qBACA,yGAC6E,yCAD7E,wBAEuB,wCAFvB,0CAIA,yIAIA,yBAAKA,UAAU,gCAAgCC,KAAK,SAClD,6CADF,qFAGE,uBACEC,KAAK,yEACLC,OAAO,SACPC,IAAI,uBAHN,iBAMK,IATP,2KAW6E,yCAAkB,IAX/F,sBAcA,kBAAC,IAAD,CAAUJ,UAAU,QAApB,uCACA,yFAAqE,IACrE,kBAAC,IAAD,CAAMK,QAAM,GAAE,WApChB,IAoCkC,+CAChC,kBAAC,IAAD,CAAMC,OAAO,SAASC,MAAI,EAACC,KAAK,MAAhC,ioBA2BA,yBAAKR,UAAU,gCAAgCC,KAAK,SAApD,yIAEqD,IACnD,kBAAC,IAAD,CAAMC,KAAK,4CAAX,gBAHF,SAmBS,4BACb,kBAACJ,EAAD,eACEN,QAASA,EACTiB,QAAQ,eACRC,MAAOjB,EAAYC,WACfD,M,mBClGRkB,EAAOC,QAAU","file":"component---src-pages-help-bugsnag-integration-js-8f3633e7f5c82ff812ab.js","sourcesContent":["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/bugsnag.svg';\n\nconst Content = () => {\n  return (\n    <div>\n      <SubTitle>What is Bugsnag?</SubTitle>\n      <p>\n        Bugsnag is a professional tool to monitor the stability of your app and report errors.\n        Connecting LiveSession with Bugsnag comes with a range of unique benefits, such as:\n      </p>\n      <ul>\n        <li>Direct access to session recordings from Bugsnag dashboard</li>\n        <li>Access to all information in one place</li>\n        <li>Ability to see where the error has occurred</li>\n      </ul>\n      <SubTitle className=\"mt-5\">How does it work?</SubTitle>\n      <p>\n        With this integration, every new event in Bugsnag gets an extra tab called <i>sessionURL</i>\n        . The tab contains a <i>url label</i> with a link to the session recording.\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, Bugsnag 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\">\nvar createdSessionURL = \"\";\nBugsnag.start({\n    apiKey: \"YOUR_API_KEY\",\n    onError: function (event) {\n        __ls(\"getSessionURL\", function (url, isNewSession) {\n        createdSessionURL = url;\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._metadata.sessionURL.url = createdSessionURL;\n        return event;\n        });\n    },\n});\nBugsnag.addMetadata(\"sessionURL\", {\nurl: createdSessionURL,\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 LiveSession installed on your website. If you\n        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 Bugsnag integration',\n  canonical: '/help/bugsnag-integration/',\n  metaDescription: 'Add LiveSession recordings to issues in Bugsnag.',\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","module.exports = \"data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iVG9wQmFyLWxvZ28iIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDgwMCAyMjAiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUwNC4xNiw0Ny4wOGMtMjUuNTEuNzYtNDUuNDgsMjIuMzYtNDUuNDgsNDcuODl2NTguMjlhMi40OSwyLjQ5LDAsMCwwLDIuNDksMi40OUg0NzUuM2EyLjQ5LDIuNDksMCwwLDAsMi40OS0yLjQ5Vjk0Ljc3YzAtMTUsMTEuNDctMjcuODMsMjYuNC0yOC41N0EyNy44MiwyNy44MiwwLDAsMSw1MzMuMzgsOTR2NTkuMjlhMi40OSwyLjQ5LDAsMCwwLDIuNDksMi40OUg1NTBhMi40OSwyLjQ5LDAsMCwwLDIuNDktMi40OVY5NEE0Nyw0NywwLDAsMCw1MDQuMTYsNDcuMDhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjIzLjQyLDQ3LjYxYTU0LjI4LDU0LjI4LDAsMSwwLDMyLjgsOTUuNTN2MTAuMTFhMi40OSwyLjQ5LDAsMCwwLDIuNDksMi40OWgxNC4xNGEyLjQ5LDIuNDksMCwwLDAsMi40OS0yLjQ5di01MC4zQzY3NS4zMyw3My43LDY1Mi42NCw0OC44Niw2MjMuNDIsNDcuNjFaTTYyMS4wNiwxMzdhMzUuMTcsMzUuMTcsMCwxLDEsMzUuMTYtMzUuMTdBMzUuMjEsMzUuMjEsMCwwLDEsNjIxLjA2LDEzN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NDguMDksNDcuNjFhNTQuMjgsNTQuMjgsMCwxLDAsMzIuOCw5NS41M1YxNjQuNmMwLDE5LjcyLTE2LjEzLDM2LjQ3LTM1Ljg1LDM2LjExYTM0Ljk0LDM0Ljk0LDAsMCwxLTI4LTE0LjgsMi40NiwyLjQ2LDAsMCwwLTMuMy0uNjRsLTEyLDcuNDRhMi41MSwyLjUxLDAsMCwwLS43MywzLjU2LDUzLjksNTMuOSwwLDAsMCw0My42OSwyMy41NWMzMC40My41OCw1NS4zNC0yNC45Myw1NS4zNC01NS4zN1YxMDNDODAwLDczLjcsNzc3LjMxLDQ4Ljg2LDc0OC4wOSw0Ny42MVpNNzQ1LjcyLDEzN2EzNS4xNywzNS4xNywwLDEsMSwzNS4xNy0zNS4xN0EzNS4yMSwzNS4yMSwwLDAsMSw3NDUuNzIsMTM3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5Mi40Nyw0Ny42MWE1NC4yOCw1NC4yOCwwLDEsMCwzMi44MSw5NS41M1YxNjQuNmMwLDE5LjcyLTE2LjEzLDM2LjQ4LTM1Ljg1LDM2LjExYTM0Ljk0LDM0Ljk0LDAsMCwxLTI4LTE0LjgsMi40NiwyLjQ2LDAsMCwwLTMuMy0uNjRsLTEyLDcuNDRhMi41MSwyLjUxLDAsMCwwLS43MywzLjU2QTUzLjksNTMuOSwwLDAsMCwyODksMjE5LjgyYzMwLjQzLjU4LDU1LjM0LTI0LjkzLDU1LjM0LTU1LjM3VjEwM0MzNDQuMzksNzMuNywzMjEuNyw0OC44NiwyOTIuNDcsNDcuNjFaTTI5MC4xMSwxMzdhMzUuMTcsMzUuMTcsMCwxLDEsMzUuMTctMzUuMTdBMzUuMjEsMzUuMjEsMCwwLDEsMjkwLjExLDEzN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMTUuNTksNDguMzFsLTE0LjE0LjIyQTIuNDksMi40OSwwLDAsMCwxOTksNTF2NTYuNGEyNy44MiwyNy44MiwwLDAsMS0yOS4xOSwyNy43NmMtMTQuOTMtLjczLTI2LjQtMTMuNjItMjYuNC0yOC41N1Y1MS4wNmEyLjQ5LDIuNDksMCwwLDAtMi40OS0yLjQ5SDEyNi43OWEyLjQ5LDIuNDksMCwwLDAtMi40OSwyLjQ5djU1LjM3YzAsMjUuNTIsMjAsNDcuMTMsNDUuNDksNDcuODlhNDcsNDcsMCwwLDAsNDguMzMtNDYuODlWNTAuOEEyLjQ5LDIuNDksMCwwLDAsMjE1LjU5LDQ4LjMxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQwNS4xNSw5Mi43MkMzOTEuMyw4OC44NywzODIuODksODYsMzgyLjg5LDc4LjVjMC0xMC44NSwxMS44Ny0xNC43OSwxOS44NS0xNC43OSw5LjEsMCwxNC42MSwyLjEsMjEuNzcsNi40OGEyLjQ5LDIuNDksMCwwLDAsMy4zOC0uNzhsNi41Ni0xMC4xOGEyLjQ5LDIuNDksMCwwLDAtLjgyLTMuNDlBNjAuODYsNjAuODYsMCwwLDAsNDAyLjA5LDQ3Yy0xOCwwLTM2LjUzLDExLjg1LTM2LjUzLDMxLjY4LDAsMjAuMjQsMTgsMjUuMSwzMy44MywyOS4zOSwxNSw0LjA1LDI0LjA4LDcuMTksMjQuMDgsMTYuNjQsMCw4LjY4LTguOTIsMTUuMjMtMjAuNzQsMTUuMjMtMTEuMzgsMC0yMC42OS01LjE0LTI3LTEwYTIuNDcsMi40NywwLDAsMC0zLjQ0LjM5bC03Ljc5LDkuNWEyLjUxLDIuNTEsMCwwLDAsLjM2LDMuNTJjMTAuMjQsOC41OSwyMy44OCwxMy4yOSwzOC43MiwxMy4yOSwyMS41NSwwLDM3LjE4LTEzLjY5LDM3LjE4LTMyLjU2QzQ0MC44MSwxMDIuNjMsNDIxLDk3LjEzLDQwNS4xNSw5Mi43MloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02MC42Myw0Ny45MkE1NC4wOSw1NC4wOSwwLDAsMCwxOS4xMSw2MC41NFYyLjY2QTIuNDksMi40OSwwLDAsMCwxNS4zMy41NEwxLjE5LDkuMTRBMi40OSwyLjQ5LDAsMCwwLDAsMTEuMjd2ODkuNDZDMCwxMzAsMjIuNjksMTU0LjgyLDUxLjkxLDE1Ni4wN0E1NC4yOSw1NC4yOSwwLDAsMCw2MC42Myw0Ny45MlpNNTQuMjgsMTM3YTM1LjE3LDM1LjE3LDAsMSwxLDM1LjE3LTM1LjE3QTM1LjIxLDM1LjIxLDAsMCwxLDU0LjI4LDEzN1oiLz48L3N2Zz4=\""],"sourceRoot":""}