{"version":3,"sources":["webpack:///./src/components/CustomerStories/CustomerTemplateLayout.tsx","webpack:///./src/components/CustomerStories/CustomerRightCol.tsx","webpack:///./src/components/CustomerStories/CustomerLeftCol.tsx","webpack:///./src/templates/customer-story.tsx","webpack:///./src/images/back-left-arrow.svg"],"names":["CustomerTemplateLayout","children","Container","styled","div","CustomerRightCol","CustomerleftCol","title","Inner","Title","Course","Name","BackLink","to","appendUrlPartnerTracking","Arrow","src","arrhead","alt","Line","h6","theme","text","second","h5","Link","img","brand","blue","p","CustomerStoryTemplate","data","wpTestimonial","pageContext","breadcrumbData","url","slug","renderedBlocks","LazyBlocksFactory","lazy_data","Layout","MainGrid","noPaddingMobile","noPaddingTablet","backgroundMobile","Breadcrumb","CustomerLeftCol","style","marginBottom","map","v","module","exports"],"mappings":"8FAAA,iDAYeA,IARmC,SAAH,GAAqB,IAAfC,EAAQ,EAARA,SACnD,OACE,kBAAC,IAAQ,KACP,kBAACC,EAAS,KAAED,KAOlB,IAAMC,EAAYC,IAAOC,IAAG,wFAAVD,CAAU,qC,oCCd5B,qCAOeE,IAJ6B,SAAH,GAAqB,IAAfJ,EAAQ,EAARA,SAC7C,OAAO,kBAACC,EAAS,KAAED,IAKrB,IAAMC,EAAYC,IAAOC,IAAG,kFAAVD,CAAU,gH,mMCkBbG,EApBS,SAAH,GAAkB,IAAZC,EAAK,EAALA,MACzB,OACE,kBAACL,EAAS,KACR,kBAACM,EAAK,KACJ,kBAACC,EAAK,KACJ,kBAACC,EAAM,KAAC,qBACR,kBAACC,EAAI,KAAEJ,IAET,kBAACK,EAAQ,CAACC,GAAIC,YAAyB,sBACrC,kBAACC,EAAK,CAACC,IAAKC,IAASC,IAAI,eACzB,kBAACC,EAAI,UAYTjB,EAAYC,IAAOC,IAAG,gFAAVD,CAAU,yGAStBK,EAAQL,IAAOC,IAAG,4EAAVD,CAAU,gDAOlBM,EAAQN,IAAOC,IAAG,4EAAVD,CAAU,4DAMlBO,EAASP,IAAOiB,GAAE,6EAATjB,CAAS,eACbkB,IAAMC,KAAKC,QAGhBZ,EAAOR,IAAOqB,GAAE,2EAATrB,CAAS,oDAKhBS,EAAWT,YAAOsB,QAAK,+EAAZtB,CAAY,qEAOvBY,EAAQZ,IAAOuB,IAAG,4EAAVvB,CAAU,sKAMpBS,GAKEO,EAAOhB,IAAOC,IAAG,2EAAVD,CAAU,oMAKPkB,IAAMM,MAAMC,KAGxBhB,G,GAKgBT,IAAO0B,EAAC,kFAAR1B,CAAQ,+BACjBkB,IAAMC,KAAKC,Q,WC/BPO,UAzCe,SAAH,GAAqC,IAA/BC,EAAI,EAAJA,KACvBC,GADwC,EAAXC,YACXF,EAAlBC,eACFE,EAAiB,CACrB,CACE3B,MAAO,OACP4B,IAAK,KAEP,CACE5B,MAAO,mBACP4B,IAAK,qBAEP,CACE5B,MAAOyB,EAAczB,MACrB4B,IAAK,IAAMH,EAAcI,OAKvBC,EAAiBC,YACrBN,EAAcO,UACdP,EAAczB,OAGhB,OACE,kBAACiC,EAAA,EAAM,KACL,kBAACC,EAAA,EAAQ,CAACC,iBAAe,EAACC,iBAAe,EAACC,iBAAiB,SACzD,kBAACC,EAAA,EAAU,CAACd,KAAMG,KAEpB,kBAAClC,EAAA,EAAsB,KACrB,kBAAC8C,EAAe,CAACvC,MAAOyB,EAAczB,QACtC,kBAACF,EAAA,EAAgB,KACf,wBAAI0C,MAAO,CAAEC,aAAc,KAAOhB,EAAczB,OAC/C8B,EAAeY,KAAI,SAACC,GAAC,OAAKA,KAC3B,kBAAC,OAAI,CAACrC,GAAG,qBAAoB,iC,mBCrDvCsC,EAAOC,QAAU","file":"component---src-templates-customer-story-tsx-bdf9c6a3ede42db6991d.js","sourcesContent":["import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport MainGrid from '../styling/MainGrid'\n\nconst CustomerTemplateLayout: FunctionComponent = ({ children }) => {\n  return (\n    <MainGrid>\n      <Container>{children}</Container>\n    </MainGrid>\n  )\n}\n\nexport default CustomerTemplateLayout\n\nconst Container = styled.div`\n  display: flex;\n  padding: 65px 0 0;\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\nconst CustomerRightCol: FunctionComponent = ({ children }) => {\n  return <Container>{children}</Container>\n}\n\nexport default CustomerRightCol\n\nconst Container = styled.div`\n  width: 100%;\n  padding-left: 0;\n  \n  /* p {\n    padding-bottom: 55px !important;\n  } */\n  h2 {\n    padding-bottom: 20px !important;\n  }\n  @media (min-width: 1024px) {\n    padding-left: 11%;\n  }\n`\n","import React from 'react'\nimport styled from 'styled-components'\nimport theme from '../styling/theme'\nimport arrhead from '../../images/back-left-arrow.svg'\nimport { appendUrlPartnerTracking } from '../../util/url'\nimport { Link } from 'gatsby'\n\nconst CustomerleftCol = ({ title }) => {\n  return (\n    <Container>\n      <Inner>\n        <Title>\n          <Course>Customer stories:</Course>\n          <Name>{title}</Name>\n        </Title>\n        <BackLink to={appendUrlPartnerTracking('/customer-stories')}>\n          <Arrow src={arrhead} alt=\"Arrow back\" />\n          <Line />\n        </BackLink>\n        {/* {description && (\n          <Description className=\"small-p\">{description}</Description>\n        )} */}\n      </Inner>\n    </Container>\n  )\n}\n\nexport default CustomerleftCol\n\nconst Container = styled.div`\n  display: none;\n  @media (min-width: 1024px) {\n    display: block;\n    width: 100%;\n    max-width: 264px;\n    position: relative;\n  }\n`\nconst Inner = styled.div`\n  position: sticky;\n  left: 0;\n  bottom: 0;\n  top: 100px;\n`\n\nconst Title = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 25px;\n`\n\nconst Course = styled.h6`\n  color: ${theme.text.second};\n`\n\nconst Name = styled.h5`\n  font-weight: 300;\n  display: block;\n  margin-top: -4px;\n`\nconst BackLink = styled(Link)`\n  display: flex;\n  align-items: center;\n  width: 280px;\n  margin-bottom: 18px;\n`\n\nconst Arrow = styled.img`\n  height: 40px;\n  transition: all 0.5s ease;\n  position: relative;\n  left: -10px;\n  animation: arrowCourseTemplate ease 0.5s forwards 0.5s;\n  ${BackLink}:hover & {\n    transform: translateX(-20px);\n  }\n`\n\nconst Line = styled.div`\n  display: inline;\n  position: relative;\n  width: 0%;\n  height: 1px;\n  background: ${theme.brand.blue};\n  transition: all 0.5s ease;\n  animation: growLineCourseTemplate ease 0.5s forwards 0.5s;\n  ${BackLink}:hover & {\n    transform: translateX(-40px);\n  }\n`\n\nconst Description = styled.p`\n  color: ${theme.text.second};\n  font-weight: 300;\n`\n","import React from 'react'\nimport { graphql, Link } from 'gatsby'\n// import TrackVisibility from 'react-on-screen'\nimport Layout from '../components/Layout'\nimport MainGrid from '../components/styling/MainGrid'\nimport Breadcrumb from '../components/shared/Breadcrumb/Breadcrumb'\n\nimport CustomerTemplateLayout from '../components/CustomerStories/CustomerTemplateLayout'\nimport CustomerRightCol from '../components/CustomerStories/CustomerRightCol'\nimport CustomerLeftCol from '../components/CustomerStories/CustomerLeftCol'\nimport { LazyBlocksFactory } from '../components/LazyBlocksFactory/LazyBlocksFactory'\nimport TrackVisibility from 'react-on-screen'\nimport PromotionBannerAnimation from '../components/PromotionBannerAnimation'\n\n\n\ninterface Props {\n  data: any\n  pageContext: any\n}\nconst CustomerStoryTemplate = ({ data, pageContext }: Props) => {\n  const { wpTestimonial } = data\n  const breadcrumbData = [\n    {\n      title: 'Home',\n      url: '/',\n    },\n    {\n      title: 'Customer Stories',\n      url: '/customer-stories',\n    },\n    {\n      title: wpTestimonial.title,\n      url: '/' + wpTestimonial.slug,\n    },\n  ]\n  // const { acfCourse2: courseData2 } = courseData\n\n  const renderedBlocks = LazyBlocksFactory(\n    wpTestimonial.lazy_data,\n    wpTestimonial.title\n  )\n\n  return (\n    <Layout>\n      <MainGrid noPaddingMobile noPaddingTablet backgroundMobile=\"white\">\n        <Breadcrumb data={breadcrumbData} />\n      </MainGrid>\n      <CustomerTemplateLayout>\n        <CustomerLeftCol title={wpTestimonial.title} />\n        <CustomerRightCol>\n          <h1 style={{ marginBottom: 67 }}>{wpTestimonial.title}</h1>\n          {renderedBlocks.map((v) => v)}\n          <Link to=\"/customer-stories\">Back to customer stories</Link>\n        </CustomerRightCol>\n      </CustomerTemplateLayout>\n      \n    </Layout>\n  )\n}\n\nexport default CustomerStoryTemplate\n\nexport const pageQuery = graphql`\n  query StoryById($id: String!) {\n    wpTestimonial(id: { eq: $id }) {\n      title\n      slug\n      lazy_data\n      acfTestimonial {\n        description\n        logo {\n          localFile {\n            childImageSharp {\n              id\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDBBM0M3O30KPC9zdHlsZT4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxnIGlkPSJQYWdlLTEiPgoJPGcgaWQ9ImNvdXJzZS10ZW1wbGF0ZV94MkZfZGVza3RvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTM1Mi4wMDAwMDApIj4KCQk8ZyBpZD0iQW5jaG9yZWQtc2lkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMDAwMDAwLCAyNjUuMDAwMDAwKSI+CgkJCTxnIGlkPSJCYWNrLWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzguMDAwMDAwKSI+CgkJCQk8ZyBpZD0ic21hbGwtbGVmdC1hcnJvdyI+CgkJCQkJPHBvbHlnb24gaWQ9InBhdGgtMV8xXyIgY2xhc3M9InN0MCIgcG9pbnRzPSIwLDI2LjIgMTcuNSw0My41IDE4LjYsNDIuNCAyLjIsMjYuMiAxOC42LDEwLjEgMTcuNSw5IAkJCQkJIi8+CgkJCQk8L2c+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==\""],"sourceRoot":""}