{"version":3,"sources":["webpack:///./src/pages/integrations/help-scout.js"],"names":["withIntegrationCardContext","sliderSettings","photos","img","useStaticQuery","img1","childImageSharp","fluid","alt","title","className","href"],"mappings":"6FAAA,kGA+DeA,uBAvDG,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAYbC,EAAS,CACb,CACEC,IAbaC,yBAAe,cAAxBC,KAaMC,gBAAgBC,MAC1BC,IAAK,wBACLC,MAAO,yCAGX,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,6OAKA,kKAKF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,yFACA,0EACA,+DAGJ,8CACA,4GACiF,IAC/E,uBAAGC,KAAK,iCAAR,eAFF","file":"component---src-pages-integrations-help-scout-js-ffc3b16996712fc99255.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 HelpScout = ({ sliderSettings }) => {\n  const { img1 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/helpscout/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: 'HelpScout Integration',\n      title: 'Integrate HelpScout 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          Help Scout is a popular help desk software provider. It’s an all-in customer service tool.\n          The range of available features includes a shared inbox, in-app messaging, live chat, and\n          in-app messaging as well.\n        </p>\n        <p>\n          Of course, Help Scout can be connected to other tools. With our integration, you can open\n          session replays from the Help Scout app.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Access LiveSession recordings straight from email tickets</li>\n          <li>See what the user was doing on the website</li>\n          <li>Come up with solutions faster</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Copy and paste a piece of code on your website. See a detailed tutorial in our{' '}\n        <a href=\"/help/help-scout-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(HelpScout);\n\nHelpScout.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}