{"version":3,"sources":["webpack:///./src/components/Link.js","webpack:///./src/pages/help/how-to-connect-events-from-segment.js","webpack:///./src/icons/alertIcons.js","webpack:///./src/components/information/index.js"],"names":["Link","children","blank","href","additionalProps","target","DevelopersLink","h","props","process","startsWith","defaultProps","related","link","title","description","frontmatter","metaTitle","metaDescription","canonical","Wrapped","Article","color","className","role","section","warning","width","height","viewBox","fill","xmlns","fillRule","d","clipRule","success","danger","info","cx","cy","r","Alert","styled","div","Text","p","Information","style","filterIcon","Object","entries","icons","filter","icon","undefined"],"mappings":"iLAOO,SAASA,EAAT,GAA0C,IAA1BC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,MAAOC,EAAQ,EAARA,KAChCC,EAAkB,GAMxB,OAJIF,IACFE,EAAgBC,OAAS,UAIzB,mCAAGF,KAAMA,GAAUC,GAChBH,GAeA,SAASK,EAAT,GAAuD,IA5B1CC,EA4BaN,EAA4B,EAA5BA,SAAUE,EAAkB,EAAlBA,KAASK,EAAS,iBACrDJ,EAAkB,CACtBD,KAASM,2CA9BOF,EA8B2CJ,EA7BtDI,EAAEG,WAAW,KAAOH,EAApB,IAA4BA,IAgCnC,OACE,gBAACP,EAAD,iBAAUQ,EAAWJ,GAClBH,GAXPD,EAAKW,aAAe,CAClBT,OAAO,I,kCC5BT,wIA+CMU,EAAU,CACd,CACEC,KAAM,6BACNC,MAAO,sCACPC,YAAa,oDAEf,CACEF,KAAM,uCACNC,MAAO,mCACPC,YAAa,mEAIJC,EAAc,CACzBC,UAAW,sCACXC,gBAAiB,wDACjBC,UAAW,4CAGPC,EAAUC,aA3DA,WACd,OACE,6BACE,kBAAC,IAAD,0BACA,oPAKA,4GACA,kBAAC,IAAD,CAAaC,MAAM,WAAnB,0FAC0F,IACxF,kBAAC,IAAD,CAAgBpB,OAAK,EAACC,KAAK,kCAA3B,QAFF,IAKI,KAEJ,kBAAC,IAAD,CAAUoB,UAAU,QAApB,uDACA,sLAIA,kBAAC,IAAD,wLASA,yBAAKA,UAAU,gCAAgCC,KAAK,SAApD,2JAEqE,IACnE,kBAAC,IAAD,CAAMrB,KAAK,4CAAX,gBAHF,SA8BS,4BACb,kBAACiB,EAAD,eAASR,QAASA,EAASa,QAAQ,YAAYX,MAAOE,EAAYC,WAAeD,M,qRCnEtEU,EACX,yBACEH,UAAU,6BACVI,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRC,KAAK,eACLC,MAAM,8BAEN,0BACEC,SAAS,UACTC,EAAE,iYACFC,SAAS,YAEX,0BAAMD,EAAE,gHAGCE,EACX,yBACEZ,UAAU,qBACVI,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRC,KAAK,eACLC,MAAM,8BAEN,0BACEC,SAAS,UACTC,EAAE,mHACFC,SAAS,YAEX,0BACEF,SAAS,UACTC,EAAE,uGACFC,SAAS,aAIFE,EACX,yBACEb,UAAU,2BACVI,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRC,KAAK,eACLC,MAAM,8BAEN,0BACEC,SAAS,UACTC,EAAE,gEACFC,SAAS,YAEX,0BAAMD,EAAE,gHAGCI,EACX,yBACEd,UAAU,oBACVI,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRC,KAAK,eACLC,MAAM,8BAEN,0BACEC,SAAS,UACTC,EAAE,gEACFC,SAAS,YAEX,0BAAMD,EAAE,kNACR,4BAAQK,GAAG,IAAIC,GAAG,MAAMC,EAAE,OClExBC,EAAQC,IAAOC,IAAV,yEAAGD,CAAH,ubA+BLE,EAAOF,IAAOG,EAAV,wEAAGH,CAAH,0DAMGI,EAAc,SAAC,GAAgC,IAA9B7C,EAA6B,EAA7BA,SAAUqB,EAAmB,EAAnBA,MAAOyB,EAAY,EAAZA,MACtCC,EAAcC,OAAOC,QAAQC,GAAOC,QAAO,SAACC,GACjD,OAAOA,EAAK,KAAO/B,EAAQ+B,EAAK,GAAK,QADvC,GAGA,OACE,kBAACZ,EAAD,CAAOlB,UAAWD,EAAOyB,MAAOA,GAC7BC,EAAW,GACZ,kBAACJ,EAAD,KAAO3C,KAWb6C,EAAYnC,aAAe,CACzBoC,WAAOO","file":"component---src-pages-help-how-to-connect-events-from-segment-js-5f1b0035f9cf0bb9c0bf.js","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction hrefHelper(h) {\n return h.startsWith('/') ? h : `/${h}`;\n}\n\nexport function Link({ children, blank, href }) {\n const additionalProps = {};\n\n if (blank) {\n additionalProps.target = '_blank';\n }\n\n return (\n \n {children}\n \n );\n}\n\nLink.propTypes = {\n blank: PropTypes.bool,\n href: PropTypes.string.isRequired,\n children: PropTypes.node.isRequired,\n};\n\nLink.defaultProps = {\n blank: false,\n};\n\nexport function DevelopersLink({ children, href, ...props }) {\n const additionalProps = {\n href: `${process.env.GATSBY_LS_DEVELOPERS_URL}${hrefHelper(href)}`,\n };\n\n return (\n \n {children}\n \n );\n}\n\nDevelopersLink.propTypes = {\n href: PropTypes.string.isRequired,\n children: PropTypes.node.isRequired,\n};\n","import React from 'react';\nimport Article, { SubTitle } from 'components/help/helpArticle';\nimport Code from 'components/help/codeSnippet';\nimport Link from 'components/ui/link';\nimport { DevelopersLink } from '../../components/Link';\nimport { Information } from '../../components/information';\n\nconst Content = () => {\n return (\n
\n How does it work?\n

\n If you have already set up custom events in your Segment account, you can re-use them with\n LiveSession. You can configure LiveSession callback to collect data every time the Segment’s\n tracking code sends an event.\n

\n

Edit the code below according to your needs to start tracking Segment events.

\n \n Custom Events are available via JS API. Learn more about limitations and best practices{' '}\n \n here\n \n .{' '}\n \n How can I route events from Segment to LiveSession?\n \n If you have already set up Segment and LiveSession tracking codes, adding the code below\n will enable you to send events from Segment to LiveSession:\n \n \n {``}\n \n
\n To make this integration works, you need to have Segment and LiveSession installed on your\n website. If you haven't installed our tracking code yet check{' '}\n this article.\n
\n
\n );\n};\n\nconst related = [\n {\n link: '/help/segment-integration/',\n title: 'LiveSession and Segment integration',\n description: 'Send LiveSession recordings as events to Segment',\n },\n {\n link: '/help/how-do-the-custom-events-work/',\n title: 'How does the Custom Events work?',\n description: 'Wondering about the usability of our Custom Events? Read here.',\n },\n];\n\nexport const frontmatter = {\n metaTitle: 'How to connect events from Segment?',\n metaDescription: 'Take a look how to pass Segment events to LiveSession',\n canonical: '/help/how-to-connect-events-from-segment',\n};\n\nconst Wrapped = Article(Content);\n\nexport default () => (\n \n);\n","import React from 'react';\n\nexport const warning = (\n \n \n \n \n);\nexport const success = (\n \n \n \n \n);\nexport const danger = (\n \n \n \n \n);\nexport const info = (\n \n \n \n \n \n);\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport PropTypes from 'prop-types';\nimport * as icons from '../../icons/alertIcons';\n\nconst Alert = styled.div`\n margin: 1.5rem 0 1rem;\n border-radius: 4px;\n padding: 10px 12px 10px 16px;\n background-color: transparent;\n display: flex;\n align-items: center;\n & svg {\n align-self: center;\n line-height: 100%;\n width: 16px;\n height: 16px;\n }\n &.info {\n background-color: #cce5ff;\n border: 1px solid #b8daff;\n }\n &.success {\n background-color: #d4edda;\n border: 1px solid #c3e6cb;\n }\n &.warning {\n background-color: #fff3cd;\n border: 1px solid #ffeeba;\n }\n &.danger {\n background-color: #f8d7da;\n border: 1px solid #f5c6cb;\n }\n`;\n\nconst Text = styled.p`\n margin: 0 0 0 16px;\n width: fit-content;\n font-weight: 400;\n`;\n\nexport const Information = ({ children, color, style }) => {\n const [filterIcon] = Object.entries(icons).filter((icon) => {\n return icon[0] === color ? icon[1] : null;\n });\n return (\n \n {filterIcon[1]}\n {children}\n \n );\n};\n\nInformation.propTypes = {\n color: PropTypes.string.isRequired,\n children: PropTypes.node.isRequired,\n style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n};\n\nInformation.defaultProps = {\n style: undefined,\n};\n"],"sourceRoot":""}