{"version":3,"sources":["webpack:///./src/pages/integrations/mixpanel.js"],"names":["withIntegrationCardContext","sliderSettings","useStaticQuery","img1","img2","photos","img","childImageSharp","fluid","alt","title","map","key","className","href"],"mappings":"6FAAA,kGAyEeA,uBAjEE,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAClB,EAAuBC,yBAAe,cAA9BC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,KAkBRC,EAAS,CACb,CACEC,IAAKH,EAAKI,gBAAgBC,MAC1BC,IAAK,uBACLC,MAAO,uCAET,CACEJ,IAAKF,EAAKG,gBAAgBC,MAC1BC,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,SAIxC,yBAAKG,UAAU,WACb,wCACA,sNAMF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,gFACA,iEACA,mDAGJ,8CACA,sFAC2D,IACzD,uBAAGC,KAAK,+BAAR,eAFF","file":"component---src-pages-integrations-mixpanel-js-4f636bfe0bead8485524.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 Mixpanel = ({ sliderSettings }) => {\n  const { img1, img2 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/mixpanel/1.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img2: file(relativePath: { eq: \"marketplace/mixpanel/2.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Mixpanel Integration',\n      title: 'Integrate Mixpanel with LiveSession',\n    },\n    {\n      img: img2.childImageSharp.fluid,\n      alt: 'Mixpanel Integration',\n      title: 'Integrate Mixpanel with LiveSession',\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          Mixpanel is a product analytics tool to help you learn more about your users, increase\n          engagement, and boost conversions. LiveSession integration will help you get even more\n          from it:\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Add a direct session recording link to Mixpanel </li>\n          <li>Access all user data in one place</li>\n          <li>Get more insights</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/mixpanel-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Mixpanel);\n\nMixpanel.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}