{"version":3,"sources":["webpack:///./src/pages/integrations/livechat.js"],"names":["withIntegrationCardContext","sliderSettings","photos","img","useStaticQuery","img1","childImageSharp","fluid","alt","title","src","className","href"],"mappings":"6FAAA,kGA0GeA,uBAlGE,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAYZC,EAAS,CACb,CACEC,IAbaC,yBAAe,cAAxBC,KAaMC,gBAAgBC,MAC1BC,IAAK,uBACLC,MAAO,uCAET,CACEN,IACE,+HACFK,IAAK,uBACLC,MAAO,uCAET,CACEN,IACE,uIACFK,IAAK,uBACLC,MAAO,uCAET,CACEN,IACE,iIACFK,IAAK,uBACLC,MAAO,wCAGX,OACE,oCACE,kBAAC,IAAWR,EAAeC,GACzB,6BACE,kBAAC,IAAD,CAAKK,MAAOL,EAAO,GAAGC,IAAKK,IAAKN,EAAO,GAAGM,IAAKC,MAAOP,EAAO,GAAGO,SAElE,6BACE,yBACEC,IAAKR,EAAO,GAAGC,IACfK,IAAKN,EAAO,GAAGM,IACfC,MAAOP,EAAO,GAAGO,MACjBE,UAAU,eAGd,6BACE,yBACED,IAAKR,EAAO,GAAGC,IACfK,IAAKN,EAAO,GAAGM,IACfC,MAAOP,EAAO,GAAGO,MACjBE,UAAU,eAGd,6BACE,yBACED,IAAKR,EAAO,GAAGC,IACfK,IAAKN,EAAO,GAAGM,IACfC,MAAOP,EAAO,GAAGO,MACjBE,UAAU,gBAIhB,yBAAKA,UAAU,WACb,wCACA,4UAMA,iIAKF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,qFACA,iEACA,wEAGJ,8CACA,qHAC0F,IACxF,uBAAGC,KAAK,+BAAR,eAFF","file":"component---src-pages-integrations-livechat-js-368896569ebf4c6a0977.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 LiveChat = ({ sliderSettings }) => {\n  const { img1 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"help/livechat/marketplace-lc.png\" }) {\n        childImageSharp {\n          fluid(quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Livechat Integration',\n      title: 'Integrate Livechat with LiveSession',\n    },\n    {\n      img:\n        'https://res.cloudinary.com/dn1j6dpd7/image/upload//v1597821688/Media%20Kit/Product%20screenshots/LiveChat/LiveChat_Chats.png',\n      alt: 'Livechat Integration',\n      title: 'Integrate Livechat with LiveSession',\n    },\n    {\n      img:\n        'https://res.cloudinary.com/dn1j6dpd7/image/upload//v1597821691/Media%20Kit/Product%20screenshots/LiveChat/LiveChat_Customer_List.png',\n      alt: 'Livechat Integration',\n      title: 'Integrate Livechat with LiveSession',\n    },\n    {\n      img:\n        'https://res.cloudinary.com/dn1j6dpd7/image/upload//v1597821690/Media%20Kit/Product%20screenshots/LiveChat/LiveChat_Reports.png',\n      alt: 'Livechat Integration',\n      title: 'Integrate Livechat with LiveSession',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)}>\n        <div>\n          <Img fluid={photos[0].img} alt={photos[0].alt} title={photos[0].title} />\n        </div>\n        <div>\n          <img\n            src={photos[1].img}\n            alt={photos[1].alt}\n            title={photos[1].title}\n            className=\"img-fluid\"\n          />\n        </div>\n        <div>\n          <img\n            src={photos[2].img}\n            alt={photos[2].alt}\n            title={photos[2].title}\n            className=\"img-fluid\"\n          />\n        </div>\n        <div>\n          <img\n            src={photos[3].img}\n            alt={photos[3].alt}\n            title={photos[3].title}\n            className=\"img-fluid\"\n          />\n        </div>\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          The name speaks for itself: LiveChat is a market-leading live chat solution and a\n          comprehensive customer service platform. It offers a wide range of features to help you\n          manage customer support more effectively. Apart from customer service, LiveChat works\n          great for lead generation and online surveys.\n        </p>\n        <p>\n          What’s more, you can integrate it with LiveSession to see how visitors interact with the\n          website.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Access session replays from the live chat application</li>\n          <li>Get more context on user behavior</li>\n          <li>Provide better help for your customers</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        You can install LiveChat integration with one click. See a step-by-step tutorial in our{' '}\n        <a href=\"/help/livechat-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(LiveChat);\n\nLiveChat.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}