{"version":3,"sources":["webpack:///./src/pages/integrations/survicate.js"],"names":["withIntegrationCardContext","sliderSettings","useStaticQuery","img1","img2","img3","img4","photos","img","childImageSharp","fluid","alt","title","map","key","className","href"],"mappings":"+FAAA,kGAqGeA,uBA7FG,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eACnB,EAAmCC,yBAAe,cAA1CC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,KAAMC,EAApB,EAAoBA,KAAMC,EAA1B,EAA0BA,KAgCpBC,EAAS,CACb,CACEC,IAAKL,EAAKM,gBAAgBC,MAC1BC,IAAK,wBACLC,MAAO,wCAET,CACEJ,IAAKJ,EAAKK,gBAAgBC,MAC1BC,IAAK,wBACLC,MAAO,wCAET,CACEJ,IAAKH,EAAKI,gBAAgBC,MAC1BC,IAAK,wBACLC,MAAO,wCAET,CACEJ,IAAKF,EAAKG,gBAAgBC,MAC1BC,IAAK,wBACLC,MAAO,yCAGX,OACE,oCACE,kBAAC,IAAWX,EAAeM,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,0XAQF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,kFACA,4EACA,0EACA,uGACA,wFAGJ,8CACA,iGACsE,IACpE,uBAAGC,KAAK,gCAAR,eAFF","file":"component---src-pages-integrations-survicate-js-4cf4c2b6cfc27d9fb8aa.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 Survicate = ({ sliderSettings }) => {\n  const { img1, img2, img3, img4 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/survicate/1.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img2: file(relativePath: { eq: \"marketplace/survicate/2.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img3: file(relativePath: { eq: \"marketplace/survicate/4.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img4: file(relativePath: { eq: \"marketplace/survicate/8.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Survicate Integration',\n      title: 'Integrate Survicate with LiveSession',\n    },\n    {\n      img: img2.childImageSharp.fluid,\n      alt: 'Survicate Integration',\n      title: 'Integrate Survicate with LiveSession',\n    },\n    {\n      img: img3.childImageSharp.fluid,\n      alt: 'Survicate Integration',\n      title: 'Integrate Survicate with LiveSession',\n    },\n    {\n      img: img4.childImageSharp.fluid,\n      alt: 'Survicate Integration',\n      title: 'Integrate Survicate 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          Survicate is a powerful survey, NPS and feedback management tool that helps businesses\n          capture more customer feedback. The integration with LiveSession lets you watch session\n          recordings associated with the corresponding survey responses. We&apos;ll send a link to\n          the recording to the respondent&apos;s profile in Survicate so you can access it from\n          there.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Access session recordings straight from Survicate </li>\n          <li>Identify and fix product and website issues </li>\n          <li>See for yourself what the user experienced</li>\n          <li>Discover more context behind customer feedback and better understand it</li>\n          <li>Use Survicate data as custom properties in LiveSession</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/survicate-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Survicate);\n\nSurvicate.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}