{"version":3,"sources":["webpack:///./src/img/help/integrations/crisp-logo.png","webpack:///./src/pages/help/crisp-integration.js"],"names":["module","exports","related","frontmatter","metaTitle","metaDescription","canonical","logoStyle","width","logo","Wrapped","HelpArticle","className","inline","margin","copy","role","href","section","title"],"mappings":"kFAAAA,EAAOC,QAAU,IAA0B,0D,kCCA3C,4HAyEMC,EAAU,GAEHC,EAAc,CACzBC,UAAW,oCACXC,gBAAiB,oDACjBC,UAAW,2BACXC,UAAW,CAAEC,MAAO,KACpBC,KAhFF,OAgFEA,GAGIC,EAAUC,aA3EA,WACd,OACE,6BACE,kBAAC,IAAD,uBACA,2BACE,iKADF,qUAUA,kBAAC,IAAD,CAAUC,UAAU,QAApB,mCACA,4HAEW,IACT,2IAHF,KASA,uIAIA,kBAAC,IAAD,CAAUA,UAAU,QAApB,uCACA,yFAAqE,IACrE,kBAAC,IAAD,CAAMC,QAAM,GAAE,WA5BhB,IA4BkC,+CAChC,kBAAC,IAAD,CAAMC,OAAO,SAASC,MAAI,GAA1B,+LAWA,yBAAKH,UAAU,gCAAgCI,KAAK,SAApD,wJAEqE,IACnE,kBAAC,IAAD,CAAMC,KAAK,4CAAX,gBAHF,KAKA,wGAAoF,IACpF,kBAAC,IAAD,CAAMJ,QAAM,GAAE,WACd,+CACA,kBAAC,IAAD,CAAMC,OAAO,SAASC,MAAI,GAA1B,2MA0BS,4BACb,kBAACL,EAAD,eACER,QAASA,EACTgB,QAAQ,eACRC,MAAOhB,EAAYC,WACfD","file":"component---src-pages-help-crisp-integration-js-fc04a9099f3ea02e7a29.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/crisp-logo-ec79c7b0a39e3411ddecb39fc4256711.png\";","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/help/integrations/crisp-logo.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <SubTitle>What is Crisp?</SubTitle>\n      <p>\n        <strong>\n          Crisp is a live chat web application with advanced analytics capabilities, help desk and\n          multi-channel communication features\n        </strong>\n        . You can use it to chat with your users, monitor their actions, and enrich their profilies\n        with additional data (like LiveSession session replay links). Companies use Crisp to provide\n        their customers with support, sell via chat and communicate with people across different\n        channels (live chat, e-mail, Facebook and SMS).\n      </p>\n      <SubTitle className=\"mt-5\">How does this integration work?</SubTitle>\n      <p>\n        This integration lets you add links to session replays from LiveSession to your Crisp\n        account.{' '}\n        <strong>\n          Thanks to this solution, you can open recordings of a specific user directly from Crisp\n          contact profile\n        </strong>\n        .\n      </p>\n      <p>\n        Every time a new session will start, our code will send an event to Crisp with a link to\n        session replay.\n      </p>\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>\n        {`<script>\nif($crisp && __ls){\n__ls(\"getSessionURL\", function(url, isNew){\n    if(isNew){\n      $crisp.push([\"set\", \"session:data\", [[[\"LiveSession\", url]]]]);\n    }\n})\n}\n</script>`}\n      </Code>\n      <div className=\"alert alert-primary mb-5 mt-5\" role=\"alert\">\n        To make this integration works you need to have Crisp 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      <span>To send LiveSession session replay link as event add code below before</span>{' '}\n      <Code inline>{'</body>'}</Code>\n      <span> closing tag:</span>\n      <Code margin=\"1rem 0\" copy>\n        {`<script>\nif($crisp && __ls){\n__ls(\"getSessionURL\", function(url, isNew){\n    if(isNew){\n      $crisp.push([\"set\", \"session:event\", [[[\"LiveSession\", url, \"blue\"]]]])\n    }\n})\n}\n</script>`}\n      </Code>\n    </div>\n  );\n};\n\nconst related = [];\n\nexport const frontmatter = {\n  metaTitle: 'LiveSession and Crisp integration',\n  metaDescription: 'Send LiveSession recordings to your Crisp account',\n  canonical: '/help/crisp-integration/',\n  logoStyle: { width: 130 },\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":""}