{"version":3,"sources":["webpack:///./src/pages/integrations/crisp.js"],"names":["withIntegrationCardContext","sliderSettings","photos","img","useStaticQuery","img1","childImageSharp","fluid","alt","title","className","href"],"mappings":"+FAAA,kGA8DeA,uBAtDD,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAYTC,EAAS,CACb,CACEC,IAbaC,yBAAe,cAAxBC,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,sSAKA,0HAIF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,0EACA,kEACA,iEAGJ,8CACA,iGACsE,IACpE,uBAAGC,KAAK,4BAAR,eAFF","file":"component---src-pages-integrations-crisp-js-e9a53de61e4847a31c88.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 Crisp = ({ sliderSettings }) => {\n  const { img1 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/crisp/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: 'Crisp Integration',\n      title: 'Integrate Crisp 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          Crisp is a comprehensive customer service app. The wide choice of features includes live\n          chat, chatbot, shared inbox, knowledge base, as well as an advanced CRM system. If you’re\n          looking for an omnichannel customer support solution, Crisp should make a great fit.\n        </p>\n        <p>\n          The LiveSession & Crisp integration will help you improve communication with your clients.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Access session replays directly from Crisp</li>\n          <li>Get more insights on user behavior</li>\n          <li>Provide better customer support</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Just copy and paste a piece of code. See a detailed tutorial in our{' '}\n        <a href=\"/help/crisp-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Crisp);\n\nCrisp.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}