{"version":3,"sources":["webpack:///./src/pages/integrations/google-tag-manager.js"],"names":["withIntegrationCardContext","sliderSettings","useStaticQuery","img1","img2","img3","photos","img","childImageSharp","fluid","alt","title","map","className","href"],"mappings":"6FAAA,kGAqFeA,uBA7EU,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAC1B,EAA6BC,yBAAe,cAApCC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,KAAMC,EAApB,EAAoBA,KAyBdC,EAAS,CACb,CACEC,IAAKJ,EAAKK,gBAAgBC,MAC1BC,IAAK,iCACLC,MAAO,iDAET,CACEJ,IAAKH,EAAKI,gBAAgBC,MAC1BC,IAAK,iCACLC,MAAO,iDAET,CACEJ,IAAKF,EAAKG,gBAAgBC,MAC1BC,IAAK,iCACLC,MAAO,kDAGX,OACE,oCACE,kBAAC,IAAWV,EAAeK,GACxBA,EAAOM,KAAI,gBAAGL,EAAH,EAAGA,IAAKG,EAAR,EAAQA,IAAKC,EAAb,EAAaA,MAAb,OACV,6BACE,kBAAC,IAAD,CAAKF,MAAOF,EAAKG,IAAKA,EAAKC,MAAOA,SAIxC,yBAAKE,UAAU,WACb,wCACA,mOAMF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,iGACA,qFACA,2FAGJ,8CACA,uFAC4D,IAC1D,uBAAGC,KAAK,8CAAR,eAFF","file":"component---src-pages-integrations-google-tag-manager-js-b1edb78283a5139ee28f.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 GoogleTagManager = ({ sliderSettings }) => {\n  const { img1, img2, img3 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"help/gtm/gtm_3.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img2: file(relativePath: { eq: \"help/gtm/gtm_4.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      img3: file(relativePath: { eq: \"help/gtm/gtm_5.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Google Tag Manager Integration',\n      title: 'Integrate Google Tag Manager with LiveSession',\n    },\n    {\n      img: img2.childImageSharp.fluid,\n      alt: 'Google Tag Manager Integration',\n      title: 'Integrate Google Tag Manager with LiveSession',\n    },\n    {\n      img: img3.childImageSharp.fluid,\n      alt: 'Google Tag Manager Integration',\n      title: 'Integrate Google Tag Manager with LiveSession',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)}>\n        {photos.map(({ img, alt, title }) => (\n          <div>\n            <Img fluid={img} alt={alt} title={title} />\n          </div>\n        ))}\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          Google Tag Manager is a comprehensive tool to manage marketing tags, such as tracking\n          pixels or code snippets. Now you can connect it with LiveSession and get even more\n          insights on user behavior.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Install the integration without using code, just add a custom tag</li>\n          <li>Access qualitative and quantitative data in one place</li>\n          <li>Get in-depth insights and make more data-driven decisions</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Just add a tag in Google Tag Manager, as described in our{' '}\n        <a href=\"/help/how-install-with-google-tag-manager/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(GoogleTagManager);\n\nGoogleTagManager.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}