{"version":3,"sources":["webpack:///./src/pages/integrations/intercom.js"],"names":["withIntegrationCardContext","sliderSettings","useStaticQuery","intercom1","intercom2","photos","img","childImageSharp","fluid","alt","title","map","key","className","href"],"mappings":"6FAAA,kGA2EeA,uBAnEE,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAClB,EAAiCC,yBAAe,cAAxCC,EAAR,EAAQA,UAAWC,EAAnB,EAAmBA,UAkBbC,EAAS,CACb,CACEC,IAAKH,EAAUI,gBAAgBC,MAC/BC,IAAK,uBACLC,MAAO,uCAET,CACEJ,IAAKF,EAAUG,gBAAgBC,MAC/BC,IAAK,uBACLC,MAAO,wCAGX,OACE,oCACE,kBAAC,IAAWT,EAAeI,GACxBA,EAAOM,KAAI,gBAAGL,EAAH,EAAGA,IAAKG,EAAR,EAAQA,IAAKC,EAAb,EAAaA,MAAb,OACV,yBAAKE,IAAKN,GACR,kBAAC,IAAD,CAAKE,MAAOF,EAAKG,IAAKA,EAAKC,MAAOA,QAElC,KAEN,yBAAKG,UAAU,WACb,wCACA,kWAMA,4GAEF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,yFACA,oFACA,mEAGJ,+CACA,6HAEM,uBAAGC,KAAK,+BAAR,eAFN","file":"component---src-pages-integrations-intercom-js-354d47b141e3463b5e0c.js","sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Img from 'gatsby-image';\nimport PropTypes from 'prop-types';\nimport withIntegrationCardContext from 'hoc/withIntegrationCardContext';\nimport Slider from 'react-slick';\n\nconst Intercom = ({ sliderSettings }) => {\n  const { intercom1, intercom2 } = useStaticQuery(graphql`\n    query {\n      intercom1: file(relativePath: { eq: \"marketplace/intercom/1.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      intercom2: file(relativePath: { eq: \"marketplace/intercom/2.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: intercom1.childImageSharp.fluid,\n      alt: 'Intercom integration',\n      title: 'Integrate LiveSession with Intercom',\n    },\n    {\n      img: intercom2.childImageSharp.fluid,\n      alt: 'Intercom integration',\n      title: 'Integrate LiveSession with Intercom',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)}>\n        {photos.map(({ img, alt, title }) => (\n          <div key={img}>\n            <Img fluid={img} alt={alt} title={title} />\n          </div>\n        ))}{' '}\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          Intercom is a system to communicate with visitors on your website. This tool can be used\n          for lead generation, customer service, and improving customer engagement too. It offers a\n          reliable live chat solution for your website, as well as multichannel management tools,\n          customer data platform and a wide range of integrations.\n        </p>\n        <p>You can connect Intercom to LiveSession and learn more about your customers.</p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Access LiveSession recordings from Intercom conversations</li>\n          <li>Step into the user’s shoes and see what they’ve seen</li>\n          <li>Provide relevant solutions faster</li>\n        </ul>\n      </div>\n      <h2> How to install</h2>\n      <p>\n        You can install this integration straight from LiveSession. See a step-by-step tutorial in\n        our <a href=\"/help/intercom-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Intercom);\n\nIntercom.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}