{"version":3,"sources":["webpack:///./src/images/back-left-arrow.svg","webpack:///./src/components/UseCases/UseCaseTemplateLayout.tsx","webpack:///./src/components/UseCases/UseCaseLeftColumn.tsx","webpack:///./src/components/UseCases/UseCaseRightColumn.tsx","webpack:///./src/templates/use-case.tsx"],"names":["module","exports","UseCaseTemplateLayout","children","MainGrid","Container","styled","div","UseCaseleftCol","title","Inner","Title","Course","Name","BackLink","to","appendUrlPartnerTracking","Arrow","src","arrhead","alt","Line","h6","theme","text","second","h5","Link","img","brand","blue","UseCaseRightCol","p","UseCasesTemplate","data","wpUseCase","pageContext","breadcrumbData","url","slug","renderedBlocks","LazyBlocksFactory","lazy_data","Layout","noPaddingMobile","noPaddingTablet","backgroundMobile","Breadcrumb","style","marginBottom","map","v","ButtonContainer","Button","width","href","arr"],"mappings":"6EAAAA,EAAOC,QAAU,kpC,8HCYFC,EARkC,SAAH,GAAqB,IAAfC,EAAQ,EAARA,SAClD,OACE,kBAACC,EAAA,EAAQ,KACP,kBAACC,EAAS,KAAEF,KAOZE,EAAYC,IAAOC,IAAG,sFAAVD,CAAU,oC,6CCabE,EApBQ,SAAH,GAAkB,IAAZC,EAAK,EAALA,MACxB,OACE,kBAAC,EAAS,KACR,kBAACC,EAAK,KACJ,kBAACC,EAAK,KACJ,kBAACC,EAAM,KAAC,aACR,kBAACC,EAAI,KAAEJ,IAET,kBAACK,EAAQ,CAACC,GAAIC,YAAyB,eACrC,kBAACC,EAAK,CAACC,IAAKC,IAASC,IAAI,eACzB,kBAACC,EAAI,UAYThB,EAAYC,IAAOC,IAAG,mFAAVD,CAAU,yGAStBI,EAAQJ,IAAOC,IAAG,+EAAVD,CAAU,gDAOlBK,EAAQL,IAAOC,IAAG,+EAAVD,CAAU,4DAMlBM,EAASN,IAAOgB,GAAE,gFAAThB,CAAS,eACbiB,IAAMC,KAAKC,QAGhBZ,EAAOP,IAAOoB,GAAE,8EAATpB,CAAS,oDAKhBQ,EAAWR,YAAOqB,QAAK,kFAAZrB,CAAY,qEAOvBW,EAAQX,IAAOsB,IAAG,+EAAVtB,CAAU,sKAMpBQ,GAKEO,EAAOf,IAAOC,IAAG,8EAAVD,CAAU,oMAKPiB,IAAMM,MAAMC,KAGxBhB,GCzEWiB,GD8EKzB,IAAO0B,EAAC,qFAAR1B,CAAQ,+BACjBiB,IAAMC,KAAKC,QCrFqB,SAAH,GAAqB,IAAftB,EAAQ,EAARA,SAC5C,OAAO,kBAAC,EAAS,KAAEA,KAOfE,EAAYC,IAAOC,IAAG,mFAAVD,CAAU,+G,6CCmEtBW,GAdSgB,UA7CU,SAAH,GAAqC,IAA/BC,EAAI,EAAJA,KAClBC,GADmC,EAAXC,YACVF,EAAdC,WACFE,EAAiB,CACrB,CACE5B,MAAO,OACP6B,IAAK,KAEP,CACE7B,MAAO,YACP6B,IAAK,cAEP,CACE7B,MAAO0B,EAAU1B,MACjB6B,IAAK,IAAMH,EAAUI,OAKnBC,EAAiBC,YAAkBN,EAAUO,UAAWP,EAAU1B,OAExE,OACE,kBAACkC,EAAA,EAAM,KACL,kBAACvC,EAAA,EAAQ,CAACwC,iBAAe,EAACC,iBAAe,EAACC,iBAAiB,SACzD,kBAACC,EAAA,EAAU,CAACb,KAAMG,KAEpB,kBAAC,EAAqB,KACpB,kBAAC,EAAc,CAAC5B,MAAO0B,EAAU1B,QACjC,kBAAC,EAAe,KACd,wBAAIuC,MAAO,CAAEC,aAAc,KAAOd,EAAU1B,OAC3C+B,EAAeU,KAAI,SAACC,GAAC,OAAKA,KAC3B,kBAACC,EAAe,KACd,kBAACC,EAAA,EAAM,CAACC,MAAO,QAASC,KAAMvC,YAAyB,aAAa,qBAItE,kBAAC,OAAI,CAACD,GAAG,cACN,IACD,kBAAC,EAAK,CAACG,IAAKsC,IAAKpC,IAAI,eAAe,IAAC,2BAAG,0BAsBtCd,IAAOsB,IAAG,sEAAVtB,CAAU,yFAOlB8C,EAAkB9C,IAAOC,IAAG,gFAAVD,CAAU","file":"component---src-templates-use-case-tsx-d6310aa1da63e4eda144.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDBBM0M3O30KPC9zdHlsZT4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxnIGlkPSJQYWdlLTEiPgoJPGcgaWQ9ImNvdXJzZS10ZW1wbGF0ZV94MkZfZGVza3RvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTM1Mi4wMDAwMDApIj4KCQk8ZyBpZD0iQW5jaG9yZWQtc2lkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMDAwMDAwLCAyNjUuMDAwMDAwKSI+CgkJCTxnIGlkPSJCYWNrLWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzguMDAwMDAwKSI+CgkJCQk8ZyBpZD0ic21hbGwtbGVmdC1hcnJvdyI+CgkJCQkJPHBvbHlnb24gaWQ9InBhdGgtMV8xXyIgY2xhc3M9InN0MCIgcG9pbnRzPSIwLDI2LjIgMTcuNSw0My41IDE4LjYsNDIuNCAyLjIsMjYuMiAxOC42LDEwLjEgMTcuNSw5IAkJCQkJIi8+CgkJCQk8L2c+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==\"","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport MainGrid from '../styling/MainGrid'\n\nconst UseCaseTemplateLayout: FunctionComponent = ({ children }) => {\n  return (\n    <MainGrid>\n      <Container>{children}</Container>\n    </MainGrid>\n  )\n}\n\nexport default UseCaseTemplateLayout\n\nconst Container = styled.div`\n  display: flex;\n  padding: 65px 0 0;\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 UseCaseleftCol = ({ title }) => {\n  return (\n    <Container>\n      <Inner>\n        <Title>\n          <Course>Use Case:</Course>\n          <Name>{title}</Name>\n        </Title>\n        <BackLink to={appendUrlPartnerTracking('/use-cases')}>\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 UseCaseleftCol\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, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\n\n\n\n\nconst UseCaseRightCol: FunctionComponent = ({ children }) => {\n  return <Container>{children}\n  \n  </Container>\n}\n\nexport default UseCaseRightCol\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 { 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 UseCaseTemplateLayout from '../components/UseCases/UseCaseTemplateLayout'\nimport UseCaseLeftCol from '../components/UseCases/UseCaseLeftColumn'\nimport UseCaseRightCol from '../components/UseCases/UseCaseRightColumn'\nimport { LazyBlocksFactory } from '../components/LazyBlocksFactory/LazyBlocksFactory'\nimport TrackVisibility from 'react-on-screen'\nimport PromotionBannerAnimation from '../components/PromotionBannerAnimation'\nimport { RichTextContainer } from '../components/RichTextContainer/RichTextContainer'\nimport Button from '../components/shared/Button/Button'\nimport { appendUrlPartnerTracking } from '../util/url'\nimport arr from '../images/link-arrow.svg'\nimport styled from 'styled-components'\n\ninterface Props {\n  data: any\n  pageContext: any\n}\nconst UseCasesTemplate = ({ data, pageContext }: Props) => {\n  const { wpUseCase } = data\n  const breadcrumbData = [\n    {\n      title: 'Home',\n      url: '/',\n    },\n    {\n      title: 'Use Cases',\n      url: '/use-cases',\n    },\n    {\n      title: wpUseCase.title,\n      url: '/' + wpUseCase.slug,\n    },\n  ]\n  // const { acfCourse2: courseData2 } = courseData\n\n  const renderedBlocks = LazyBlocksFactory(wpUseCase.lazy_data, wpUseCase.title)\n\n  return (\n    <Layout>\n      <MainGrid noPaddingMobile noPaddingTablet backgroundMobile=\"white\">\n        <Breadcrumb data={breadcrumbData} />\n      </MainGrid>\n      <UseCaseTemplateLayout>\n        <UseCaseLeftCol title={wpUseCase.title} />\n        <UseCaseRightCol>\n          <h1 style={{ marginBottom: 67 }}>{wpUseCase.title}</h1>\n          {renderedBlocks.map((v) => v)}\n          <ButtonContainer>\n            <Button width={'280px'} href={appendUrlPartnerTracking('/courses')}>\n              View all courses\n            </Button>\n          </ButtonContainer>\n          <Link to=\"/use-cases\">\n            {' '}\n            <Arrow src={arr} alt=\"Arrow link\" /> <b>Back to Use cases</b>\n          </Link>\n        </UseCaseRightCol>\n      </UseCaseTemplateLayout>\n    </Layout>\n  )\n}\n\nexport default UseCasesTemplate\n\nexport const pageQuery = graphql`\n  query CaseById($id: String!) {\n    wpUseCase(id: { eq: $id }) {\n      title\n      slug\n      lazy_data\n      use_cases_fields {\n        description\n      }\n    }\n  }\n`\nconst Arrow = styled.img`\n  width: 48px;\n  height: 15px;\n  transform: rotate(180deg);\n  margin-right: 10px;\n  margin-top: 15px;\n`\nconst ButtonContainer = styled.div`\n  margin: 80px 0;\n`\n"],"sourceRoot":""}