{"version":3,"sources":["webpack:///./src/pages/integrations/drift.js"],"names":["withIntegrationCardContext","sliderSettings","photos","img","useStaticQuery","img1","childImageSharp","fluid","alt","title","className","href"],"mappings":"6FAAA,kGA4DeA,uBApDD,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAYTC,EAAS,CACb,CACEC,IAbaC,yBAAe,aAAxBC,KAaMC,gBAAgBC,MAC1BC,IAAK,oBACLC,MAAO,qCAGX,OACE,oCACE,kBAAC,IAAD,iBAAYR,EAAeC,GAA3B,CAAoCQ,UAAU,iBAC5C,6BACE,kBAAC,IAAD,CAAKH,MAAOL,EAAO,GAAGC,IAAKK,IAAKN,EAAO,GAAGM,IAAKC,MAAOP,EAAO,GAAGO,UAGpE,yBAAKC,UAAU,WACb,wCACA,yTAOF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,sEACA,0DACA,2EAGJ,8CACA,sFAC2D,IACzD,uBAAGC,KAAK,4BAAR,eAFF","file":"component---src-pages-integrations-drift-js-fa18f16d969f5ac3e6db.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 Drift = ({ sliderSettings }) => {\n  const { img1 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/drift/1.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Drift Integration',\n      title: 'Integrate Drift with LiveSession',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)} className=\"without-dots\">\n        <div>\n          <Img fluid={photos[0].img} alt={photos[0].alt} title={photos[0].title} />\n        </div>\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          Drift is a live chat app for marketing, sales, and customer service teams. It has a wide\n          range of applications, and you can get even more from it if you connect it with other\n          tools, such as LiveSession. Our integration adds LiveSession recording links to contact\n          profiles in Drift.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>See how the customer used your website</li>\n          <li>Find spots for improvement</li>\n          <li>Access customer session replay from Drift</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Just copy and paste a piece of code, as described in our{' '}\n        <a href=\"/help/drift-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Drift);\n\nDrift.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}