{"version":3,"sources":["webpack:///./src/images/clientCasePage/background/backgroundMobileInfoBlock.svg","webpack:///./src/components/pages/Solution/Marketing/SliderBlock/Slides/BlockText.js","webpack:///./src/components/pages/ClientCase/ProblematicBlocks/TextProblematic.js","webpack:///./src/components/pages/ClientCase/ProblematicBlocks/ProblematicBlocks.js","webpack:///./src/components/pages/ClientCase/BlockText.js","webpack:///./src/components/pages/ClientCase/CaseBlocks/BlockChip.js","webpack:///./src/components/pages/ClientCase/CaseBlocks/BlockChipMobile.js","webpack:///./src/components/pages/ClientCase/CaseBlocks/BlockCase.js","webpack:///./src/components/pages/ClientCase/IntroBlocks.js","webpack:///./src/components/pages/ClientCase/InfoBlocks/InfoBlocks.js","webpack:///./src/components/pages/ClientCase/Keypoints/KeypointsBlocks.js","webpack:///./src/components/pages/ClientCasePage.js","webpack:///./src/components/pages/Solution/Marketing/SliderBlock/Slides/BlockImage.js","webpack:///./src/components/pages/Solution/Marketing/SliderBlock/Slides/Slide.js"],"names":["module","exports","Slide","styled","Grid","props","textalign","breakpoint","down","SlideTitle","Typography","theme","typography","h5","fontSize","body1","only","SlideSubtitle","colors","red","body2","SlideText","Markdown","subtitle2","SlideReferences","author","role","textBold","BlockText","step","textAlign","fromUseCase","container","direction","alignItems","justify","item","xs","sm","md","lg","variant","frontmatter","subTitle","title","youtubeID","youtubeTitle","width","height","rawMarkdownBody","ContentText","Subtitle","renault","h6","StyledTypography","TextProblematic","data","useCases","id","StyledGrid","ProblematicBlocks","ImagesBlocks","purple","markdownContent","dangerouslySetInnerHTML","__html","StyledChip","Chip","black","fontFamily","ActiveChip","orange","white","BlockChip","activeChip","handleChipChange","scrollHandler","map","chip","index","label","key","clickable","onClick","Content","StyledFormControl","FormControl","StyledSelect","Select","StyledMenuItem","MenuItem","shades","light","BlockChipMobile","state","case","handleChipChangeMobile","event","setState","target","name","value","render","this","onChange","React","Component","BlockCase","widthWindow","breakpoints","values","GridSubIntro","StyledContainer","Container","IntroBlocks","handleStepChange","activeStep","callback","heightHeader","heightIntro","heightTitleIntro","updateDimensions","bind","componentDidMount","window","addEventListener","heightNav","document","getElementById","heightProblematic","innerWidth","clientHeight","scrollIntoView","behavior","block","inline","componentDidUpdate","prevProps","prevState","snapshot","heightTitle","heightBackground","filterActive","_","filter","chips","nodes","array","active","spacing","cases","SubIntroBackground","componentWillUnmount","removeEventListener","ContentBlock","BackgroundInfoBlock","BackgroundMobileInfoBlock","ImageInfoBlocks","orangeMark","purpleMark","lightBlueMark","InfoBlocks","InfoBlock","image","centered","GridText","GridTextItems","Title","TestimonialTitle","StyledButton","Button","StyledMarkdown","KeypointsBlocks","lang","clientCase","testimonialData","useState","open","setOpen","translatedUseCase","keypoint","find","imageNameInMarkdownContent","imageName","imgSource","images","childImageSharp","fluid","src","wrap","getTestimonialData","size","color","mt","customBackgroundColor","customHoverBackgroundColor","dark","FormModal","handleClose","type","FORM_TYPES","toUpperCase","useCase","LinkGrid","ClientCasePage","chipNames","param","dataBlockIntroBody","location","search","substring","includes","setActiveChip","locale","pageContext","langKey","fr","en","es","getLocale","seo","allData","group","allImages","filterData","relevantArray","getQuote","quote","component","getInfos","info","infos","getKeypoints","blockType","introBlocksData","dataBlockIntroTitle","linkBlocksData","dataBlockLinkBody","problematicBlocksData","base","relatedImageLeft","relatedImageRight","infoBlocksData","keypointsBlockdata","dataTestimonialClientCaseBlock","imagesTestimonialClientCaseBlock","getActiveCase","ResourcesBlocks","LinkBlocks","LinkBlockBackground","ImageSlider","Img","BlockImage","imageToShow","Math","abs","ImageGrid","QuoteImage","img","directionSlide","imagesSliderQuotes"],"mappings":"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","file":"a6e19a0a9b4361d9537a27539c763f3849eee347-fa4b29059100f2bde4de.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc1MCA1MTkuODciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjBmMGYwO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YmFja2dyb3VuZE1vYmlsZUluZm9CbG9jazwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzUwLDBRNjc0LjEyLDE2LjE4LDU5Ny4wNiwyNS44MnEtNTQuNDksNi44NC0xMDkuMjQsMTAuNjFjLTI2LjU0LDEuODItNTMuMTMsMy43NC03OS43MSwzLjkyLTQxLjE0LjI3LTgyLjI5LDEuMTUtMTIzLjQzLS42Mi0yMC40NC0uODktNDAuODctMS42OS02MS4zLTMtMjMuMDYtMS40Ny00Ni4xMi0yLjkxLTY5LjE0LTUuMDUtMzEtMi44OS02MS45MS02LjI0LTkyLjc0LTEwLjM4UTMwLjY4LDE3LjE2LDAsMTIuMXY0MDVTMjgzLjQ4LDI5Miw3NTAsNTE5Ljg3WiIvPjwvc3ZnPg==\"","import { colors, textBold } from 'styles';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { breakpoint } from 'utils/mediaQueries';\nimport Markdown from 'utils/markdownToComponent';\nimport { YoutubeVideoEmbed } from '../../../../../basics';\n\nconst Slide = styled(Grid)`\n  height: 100%;\n  text-align: ${props => props.textalign};\n  ${breakpoint.down('md')`\n   text-align: center`}\n`;\nconst SlideTitle = styled(Typography)`\n  width: 100%;\n  padding-bottom: 2rem;\n  text-align: ${props => props.textalign};\n  font-size: ${props => `${props.theme.typography.h5.fontSize}px`};\n  line-height: 1.2em;\n  ${breakpoint.down('md')`\n  display: flex;\n  align-items: center;\n  align-content: center;\n  text-align: center;\n  justify-content: center;\n  font-size: ${props => `${props.theme.typography.body1.fontSize}px`};`};\n  ${breakpoint.only('xxs')`font-size: ${props =>\n    `${props.theme.typography.body1.fontSize}px`};max-width: 200px;`}\n`;\nconst SlideSubtitle = styled(Typography)`\n  color: ${colors.red};\n  width: 100%;\n  text-align: ${props => props.textalign};\n  ${breakpoint.down('md')`\n   text-align: center`}\n  ${breakpoint.down('sm')`font-size: ${props =>\n    `${props.theme.typography.body2.fontSize}px`};`}\n`;\nconst SlideText = styled(Markdown)`\n  font-size: ${props => `${props.theme.typography.subtitle2.fontSize}\npx`};\n  ${breakpoint.down('sm')`\nfont-size: ${props => `${props.theme.typography.body2.fontSize}px`};`}\n  p {\n    font-size: ${props => `${props.theme.typography.subtitle2.fontSize}\npx`};\n    ${breakpoint.down('sm')`\nfont-size: ${props => `${props.theme.typography.body2.fontSize}px`};`}\n  }\n`;\n\nconst SlideReferences = styled(Typography)`\n  font-size: ${({ theme, author, role }) => {\n    return author\n      ? theme.typography.body1.fontSize\n      : theme.typography.body2.fontSize;\n  }}px;\n  ${({ author }) => author && textBold}\n`;\n\nconst BlockText = ({ step, textAlign, fromUseCase = false }) => {\n  return (\n    <Slide\n      container\n      direction=\"row\"\n      alignItems=\"center\"\n      justify=\"space-evenly\"\n      item\n      xs={12}\n      sm={9}\n      md={6}\n      lg={6}\n      textalign={textAlign}\n    >\n      {!fromUseCase && (\n        <>\n          <SlideSubtitle variant=\"subtitle2\" textalign={textAlign}>\n            {step.frontmatter.subTitle}\n          </SlideSubtitle>\n          <SlideTitle variant=\"h3\" textalign={textAlign}>\n            {step.frontmatter.title}\n          </SlideTitle>\n        </>\n      )}\n      {step.frontmatter.youtubeID ? (\n        <YoutubeVideoEmbed\n          youtubeID={step.frontmatter.youtubeID}\n          youtubeTitle={step.frontmatter.youtubeTitle}\n          width={'560'}\n          height={'315'}\n        />\n      ) : (\n        <SlideText>{step.rawMarkdownBody}</SlideText>\n      )}\n      {step.frontmatter.author && (\n        <span>\n          <SlideReferences author={step.frontmatter.author}>\n            {step.frontmatter.author}\n          </SlideReferences>\n          <SlideReferences role={step.frontmatter.role}>\n            {step.frontmatter.role}\n          </SlideReferences>\n        </span>\n      )}\n    </Slide>\n  );\n};\nexport default BlockText;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { FormattedMessage } from 'react-intl';\n\nconst ContentText = styled(Grid)`\n  width: 100%;\n  text-align: center;\n  margin-top: -3%;\n`;\nconst Subtitle = styled(Typography)`\n  ${props => props.renault && 'max-width: 580px;'};\n  line-height: 1.25em;\n  font-size: ${props => props.theme.typography.h5.fontSize}px;\n  ${breakpoint.down('lg')`\n  font-size: ${props => `${props.theme.typography.h6.fontSize}\npx`};`};\n  ${breakpoint.down('md')`\n font-size: ${props => `${props.theme.typography.body1.fontSize}\npx`};`};\n  ${breakpoint.only('xxs')`\n  font-size: ${props => `${props.theme.typography.body1.fontSize}px`};\n  `};\n`;\nconst StyledTypography = styled(Typography)`\n  padding-top: 1rem;\n`;\nconst TextProblematic = ({ data }) => {\n  const renault = data.title.frontmatter.useCases === 'renault';\n  return (\n    <ContentText\n      container\n      item\n      xs={10}\n      sm={8}\n      md={6}\n      lg={5}\n      alignItems=\"center\"\n      justify=\"center\"\n    >\n      <Subtitle variant=\"h1\" renault={renault}>\n        {data.title.rawMarkdownBody}\n      </Subtitle>\n      <StyledTypography variant={'body1'}>\n        <FormattedMessage id={'useCases.use_case'} />\n        <FormattedMessage id={'useCases.' + data.title.frontmatter.useCases} />\n      </StyledTypography>\n    </ContentText>\n  );\n};\nexport default TextProblematic;\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport ImagesBlocks from './ImagesBlocks';\nimport TextProblematic from './TextProblematic';\nimport { breakpoint } from 'utils/mediaQueries';\n\nconst StyledGrid = styled(Grid)`\n  height: 20rem;\n  padding-top: 3%;\n  margin-top: 3%;\n  margin-bottom: 3%;\n  ${breakpoint.down('lg')`\n   margin-top: 7%`};\n`;\nconst ProblematicBlocks = ({ data }) => {\n  return (\n    <StyledGrid\n      container\n      justify={'center'}\n      alignItems={'flex-start'}\n      id=\"problematicBlock\"\n    >\n      <TextProblematic data={data} />\n      <ImagesBlocks data={data} />\n    </StyledGrid>\n  );\n};\nexport default ProblematicBlocks;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { colors } from 'styles';\n\nconst ContentText = styled(Grid)`\n  width: 100%;\n  ${breakpoint.down('md')`\n  text-align:center; justify-content:center`};\n`;\nconst Subtitle = styled(Typography)`\n  ${breakpoint.down('md')`\n  font-size: ${props => `${props.theme.typography.h5.fontSize}\npx`};`};\n  ${breakpoint.down('sm')`\n    font-size: ${props => `${props.theme.typography.h6.fontSize}px`}`};\n  ${breakpoint.only('xxs')`\n  font-size: ${props => `${props.theme.typography.body1.fontSize}px`};\n  `};\n  span {\n    color: ${colors.purple};\n  }\n`;\nconst BlockText = ({ markdownContent }) => {\n  return (\n    <ContentText\n      container\n      item\n      xs={12}\n      sm={12}\n      md={9}\n      lg={10}\n      alignItems=\"center\"\n      justify=\"flex-start\"\n    >\n      <Subtitle\n        variant=\"h1\"\n        dangerouslySetInnerHTML={{\n          __html: markdownContent.rawMarkdownBody,\n        }}\n      />\n    </ContentText>\n  );\n};\nexport default BlockText;\n","import { Grid } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { FormattedMessage } from 'react-intl';\nimport { colors } from 'styles';\nimport Chip from '@material-ui/core/Chip';\n\nconst StyledGrid = styled(Grid)`\n  padding: 2rem;\n`;\nconst StyledChip = styled(Chip)`\n  margin: 1rem 1rem;\n  padding: 1.5rem 1rem;\n  background-color: rgba(173, 147, 160, 0.1);\n  color: ${colors.black};\n  font-family: ${props => `${props.theme.typography.fontFamily}\n`};\n  font-size: ${props => `${props.theme.typography.body1.fontSize}px`};\n  z-index: 10;\n`;\n\nconst ActiveChip = styled(StyledChip)`\n  background-color: ${colors.orange};\n  color: ${colors.white};\n`;\nconst BlockChip = ({ data, activeChip, handleChipChange, scrollHandler }) => {\n  return (\n    <Grid container justify={'center'} alignItems={'center'}>\n      <StyledGrid\n        container\n        item\n        xs={'auto'}\n        sm={12}\n        md={12}\n        lg={8}\n        justify={'center'}\n      >\n        {data.map((chip, index) => {\n          if (chip.frontmatter.useCases === activeChip) {\n            return (\n              <ActiveChip\n                label={\n                  <FormattedMessage\n                    id={'useCases.' + chip.frontmatter.useCases}\n                  />\n                }\n                key={`Chip${index}`}\n              />\n            );\n          } else if (chip.frontmatter.useCases !== activeChip) {\n            return (\n              <StyledChip\n                label={\n                  <FormattedMessage\n                    id={'useCases.' + chip.frontmatter.useCases}\n                  />\n                }\n                key={`Chip${index}`}\n                clickable\n                onClick={() => {\n                  handleChipChange(chip.frontmatter.useCases);\n                  scrollHandler();\n                }}\n              />\n            );\n          }\n        })}\n      </StyledGrid>\n    </Grid>\n  );\n};\nexport default BlockChip;\n","import React from 'react';\nimport styled from 'styled-components';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { Grid } from '@material-ui/core';\nimport Content from 'components/basics/Content';\nimport { colors } from 'styles';\nimport { FormattedMessage } from 'react-intl';\nimport { breakpoint } from 'utils/mediaQueries';\n\nconst StyledGrid = styled(Grid)`\n  ${Content};\n  padding-top: 4rem;\n  ${breakpoint.down('lg')`\n  padding-top: 0;margin-top:-6rem`};\n  ${breakpoint.down('md')`margin-top:-2rem`};\n  ${breakpoint.down('sm')`margin-top:0`};\n  ${breakpoint.down('xs')`\n  margin-top: -4rem;`};\n`;\nconst StyledFormControl = styled(FormControl)`\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\nconst StyledSelect = styled(Select)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  outline: none;\n  background-color: rgba(173, 147, 160, 0.1);\n  border-radius: 1rem;\n  > div {\n    display: flex;\n    flex-direction: row;\n  }\n  > div > div {\n    width: 100%;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    padding-left: 1rem;\n    font-family: ${props => `${props.theme.typography.fontFamily}`};\n    font-size: ${props => `${props.theme.typography.subtitle2.fontSize}px`};\n    &:focus {\n      background-color: transparent;\n    }\n  }\n  > div > svg {\n    color: ${colors.orange};\n    width: 3rem;\n    height: 3rem;\n    top: -0.4rem;\n    right: 0;\n    position: absolute;\n  }\n  &:before {\n    content: none;\n  }\n  &:after {\n    content: none;\n  }\n`;\nconst StyledMenuItem = styled(MenuItem)`\n  font-family: ${props => `${props.theme.typography.fontFamily}`};\n  font-size: ${props => `${props.theme.typography.subtitle2.fontSize}px`};\n    &:focus {\n      background-color: ${colors.orange} !important;\n      color: white;\n    }\n    &:hover {\n      background-color: ${colors.shades.orange.light} !important;\n      color: white;\n    }\n  }\n`;\nclass BlockChipMobile extends React.Component {\n  state = {\n    case: '',\n  };\n  handleChipChangeMobile = event => {\n    this.setState({ [event.target.name]: event.target.value });\n    this.props.handleChipChange(event.target.value);\n  };\n\n  render() {\n    const { data, activeChip } = this.props;\n    return (\n      <StyledGrid container justify={'center'} alignItems={'center'}>\n        <StyledFormControl>\n          <Grid\n            container\n            justify={'center'}\n            alignItems={'center'}\n            item\n            xs={10}\n            sm={6}\n          >\n            <StyledSelect\n              value={activeChip}\n              onChange={this.handleChipChangeMobile}\n              name=\"case\"\n            >\n              {data.map((chip, index) => {\n                return (\n                  <StyledMenuItem\n                    value={chip.frontmatter.useCases}\n                    key={`Chip${index}`}\n                  >\n                    <div>\n                      <FormattedMessage\n                        id={'useCases.' + chip.frontmatter.useCases}\n                      />\n                    </div>\n                  </StyledMenuItem>\n                );\n              })}\n            </StyledSelect>\n          </Grid>\n        </StyledFormControl>\n      </StyledGrid>\n    );\n  }\n}\n\nexport default BlockChipMobile;\n","import { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { breakpoints } from 'styles/breakpoints';\nimport BlockChip from './BlockChip';\nimport BlockChipMobile from './BlockChipMobile';\n\nconst BlockCase = ({\n  data,\n  activeChip,\n  handleChipChange,\n  widthWindow,\n  scrollHandler,\n}) => {\n  const isMobile = `${breakpoints.values.md}`;\n\n  if (widthWindow > isMobile) {\n    return (\n      <BlockChip\n        data={data}\n        activeChip={activeChip}\n        handleChipChange={handleChipChange}\n        scrollHandler={scrollHandler}\n      />\n    );\n  } else {\n    return (\n      <Grid container justify={'center'} alignItems={'center'}>\n        <BlockChipMobile\n          data={data}\n          activeChip={activeChip}\n          handleChipChange={handleChipChange}\n          scrollHandler={scrollHandler}\n        />\n      </Grid>\n    );\n  }\n};\nexport default BlockCase;\n","import React from 'react';\nimport { Container } from 'components/basics';\nimport styled from 'styled-components';\nimport { Grid } from '@material-ui/core';\nimport Content from 'components/basics/Content';\nimport SubIntroBackground from 'components/pages/Solution/Marketing/SubIntroBackground';\nimport { breakpoint } from 'utils/mediaQueries';\nimport BlockText from './BlockText';\nimport BlockCase from 'components/pages/ClientCase/CaseBlocks/BlockCase';\nimport _ from 'lodash';\n\nconst GridSubIntro = styled(Grid)`\n  ${Content};\n  max-width: 1080px;\n  padding: 0 2rem;\n  padding-bottom: 4rem;\n  ${breakpoint.down('lg')`\n  padding:1rem 2rem;padding-bottom: 12rem;`};\n  ${breakpoint.down('md')`\n  padding-bottom: 12rem;`};\n  ${breakpoint.down('sm')`\n  padding-bottom: 8rem;`};\n  ${breakpoint.down('xs')`\n  padding-bottom: 10rem;`};\n`;\nconst StyledContainer = styled(Container)`\n  padding-top: 2rem;\n  ${breakpoint.down('md')`\n  padding-top: 0; \n  `}\n`;\n\nclass IntroBlocks extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeChip: 0,\n      width: 200,\n      heightHeader: 0,\n      heightIntro: 0,\n      heightTitleIntro: 0,\n    };\n    this.updateDimensions = this.updateDimensions.bind(this);\n  }\n  componentDidMount() {\n    this.updateDimensions();\n    this.handleChipChange(this.props.activeChip);\n    window.addEventListener('resize', this.updateDimensions);\n  }\n  handleStepChange = activeStep => {\n    this.setState({ activeStep });\n  };\n  updateDimensions() {\n    const heightNav = document.getElementById('headerNav');\n    const heightIntro = document.getElementById('introBlock');\n    const heightProblematic = document.getElementById('problematicBlock');\n    const heightTitleIntro = document.getElementById('titleIntroBlock');\n    this.setState({\n      width: window.innerWidth,\n      heightHeader: heightNav && heightNav.clientHeight,\n      heightIntro: heightIntro && heightIntro.clientHeight,\n      heightTitleIntro: heightTitleIntro && heightTitleIntro.clientHeight,\n      heightProblematic: heightProblematic && heightProblematic.clientHeight,\n    });\n  }\n  handleChipChange = activeChip => {\n    this.setState({ activeChip });\n    this.props.callback(activeChip);\n  };\n  scrollHandler() {\n    let anchor = document.getElementById('problematicBlock');\n    anchor.scrollIntoView({\n      behavior: 'smooth',\n      block: 'start',\n      inline: 'nearest',\n    });\n  }\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    const heightNav = document.getElementById('headerNav');\n    if (heightNav && prevState.heightHeader !== this.state.heightHeader) {\n      this.updateDimensions();\n    }\n  }\n  render() {\n    const { activeChip } = this.state;\n    const widthWindow = this.state.width;\n    const heightTitle = this.state.heightTitleIntro + this.state.heightHeader;\n    const heightBackground =\n      this.state.heightHeader +\n      this.state.heightIntro +\n      this.state.heightProblematic;\n    const filterActive = _.filter(\n      this.props.data.chips.nodes,\n      array => array.frontmatter.active === true\n    );\n    return (\n      <StyledContainer id=\"introBlock\">\n        <GridSubIntro container spacing={24} id=\"titleIntroBlock\">\n          <BlockText markdownContent={this.props.data.title} />\n        </GridSubIntro>\n        <BlockCase\n          data={filterActive}\n          activeChip={activeChip}\n          handleChipChange={cases => this.handleChipChange(cases)}\n          scrollHandler={this.scrollHandler}\n          widthWindow={widthWindow}\n        />\n        <SubIntroBackground\n          heightBackground={heightBackground}\n          widthWindow={widthWindow}\n          heightTitle={heightTitle}\n        />\n      </StyledContainer>\n    );\n  }\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updateDimensions);\n  }\n}\n\nexport default IntroBlocks;\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport InfoBlock from './InfoBlock';\nimport { breakpoint } from 'utils/mediaQueries';\nimport BackgroundMobileInfoBlock from 'images/clientCasePage/background/backgroundMobileInfoBlock.svg';\nimport orangeMark from 'images/clientCasePage/infoBlock/orangeMark.svg';\nimport purpleMark from 'images/clientCasePage/infoBlock/purpleMark.svg';\nimport lightBlueMark from 'images/clientCasePage/infoBlock/lightBlueMark.svg';\n\nconst ContentBlock = styled(Grid)`\n  margin-top: -1rem;\n  padding-bottom: 6rem;\n  width: 100%;\n  position: relative;\n  ${breakpoint.down('lg')`\n   margin-top: -3rem`};\n  ${breakpoint.down('md')` padding-bottom: 8rem; padding-top:4rem`}\n  ${breakpoint.down('sm')`\n    flex-direction: column;align-items: center`}\n  ${breakpoint.down('xs')`\n  margin-top: 0;`};\n`;\nconst BackgroundInfoBlock = styled(Grid)`\n  opacity: 0;\n  background-image: url(\"${BackgroundMobileInfoBlock}\");\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n  ${breakpoint.down('md')`\n  opacity:1;`}\n`;\nconst ImageInfoBlocks = [orangeMark, purpleMark, lightBlueMark];\nconst InfoBlocks = ({ data: { markdownContent } }) => {\n  return (\n    <ContentBlock container justify=\"center\">\n      {markdownContent.map((block, index) => (\n        <InfoBlock\n          key={`InfoBlock${index}`}\n          data={block}\n          image={ImageInfoBlocks[index]}\n        />\n      ))}\n      <BackgroundInfoBlock />\n    </ContentBlock>\n  );\n};\nexport default InfoBlocks;\n","import React, { useState } from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport styled from 'styled-components';\nimport Content from 'components/basics/Content';\nimport { Button } from 'components/basics';\nimport { FormattedMessage } from 'react-intl';\nimport Markdown from 'markdown-to-jsx';\nimport { FORM_TYPES } from 'components/pages/Index/FormModals/formConfigs';\nimport FormModal from 'components/pages/Index/FormModals/FormModal';\nimport { colors } from 'styles';\nimport BlockText from '../../Solution/Marketing/SliderBlock/Slides/BlockText';\nimport {\n  ImageGrid,\n  QuoteImage\n} from '../../Solution/Marketing/SliderBlock/Slides/Slide';\n\nconst StyledGrid = styled(Grid)`\n  ${Content};\n  flex-direction: ${({ centered }) => centered && 'column'};\n  max-width: 1200px;\n  padding-bottom: 2rem;\n  z-index: 2;\n`;\nconst GridText = styled(Grid)`\n  padding: 1rem;\n`;\nconst GridTextItems = styled(Grid)`\n  flex: 0 0 auto;\n`;\nconst Title = styled(Typography)`\n  padding-bottom: 1rem;\n  font-size: ${props => props.theme.typography.h5.fontSize}px;\n`;\nconst TestimonialTitle = styled(Title)`\n  margin-top: 4rem;\n  padding-bottom: 0;\n`;\nconst StyledButton = styled(Button)`\n  margin-top: 4rem;\n`;\nconst StyledMarkdown = styled(Markdown)`\n  margin: 0;\n  font-family: ${props => `${props.theme.typography.fontFamily};\n  font-weight: normal;\n`};\n  font-size: ${props => `${props.theme.typography.body2.fontSize}px`};\n  > p {\n    margin: 0;\n  }\n  > ul {\n    margin: 0;\n    margin-top: 1rem;\n  }\n`;\n\nconst KeypointsBlocks = ({ data, lang, clientCase, testimonialData }) => {\n  const [open, setOpen] = useState(false);\n  const translatedUseCase = <FormattedMessage id={`useCases.${clientCase}`} />;\n  const handleOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const getTestimonialData = clientCase => {\n    const step = testimonialData.markdownContent.find(\n      data => data.frontmatter.useCases === clientCase\n    );\n    const imageNameInMarkdownContent = testimonialData.markdownContent.find(\n      data => data.frontmatter.useCases === clientCase\n    )?.frontmatter.imageName;\n    const imgSource = testimonialData.images.find(\n      image => image.name === imageNameInMarkdownContent\n    )?.childImageSharp?.fluid?.src;\n    if (step) {\n      return (\n        <StyledGrid\n          container\n          direction=\"row\"\n          wrap={'wrap'}\n          justify=\"center\"\n          key={`Slides${clientCase}`}\n          alignItems=\"center\"\n          centered={1}\n        >\n          <TestimonialTitle variant={'h2'}>\n            <FormattedMessage id={`useCases.testimony`} />\n          </TestimonialTitle>\n          <ImageGrid container alignItems=\"center\" justify=\"center\">\n            <QuoteImage src={imgSource} />\n          </ImageGrid>\n          <BlockText step={step} textAlign={'center'} fromUseCase />\n        </StyledGrid>\n      );\n    }\n  };\n  return (\n    <Grid container justify={'center'}>\n      <StyledGrid container justify={'center'} alignItems={'flex-start'}>\n        {data.markdownContent.map((keypoint, index) => (\n          <GridText\n            container\n            justify={'center'}\n            alignItems={'center'}\n            item\n            xs={12}\n            sm={6}\n            md={6}\n            lg={6}\n            direction=\"column\"\n            key={`KeypointsBlock${index}`}\n          >\n            <GridTextItems container item xs={10} sm={12} md={8} lg={8}>\n              <Title variant={'h2'}>{keypoint.frontmatter.title} </Title>\n              <StyledMarkdown>\n                {`### ${keypoint.rawMarkdownBody}`}\n              </StyledMarkdown>\n            </GridTextItems>\n          </GridText>\n        ))}\n        {getTestimonialData(clientCase)}\n        <StyledButton\n          size=\"large\"\n          variant=\"contained\"\n          color=\"primary\"\n          mt={2}\n          onClick={() => handleOpen()}\n          customBackgroundColor={colors.red}\n          customHoverBackgroundColor={colors.shades.red.dark}\n        >\n          <FormattedMessage id=\"button.downloadCase\" />\n        </StyledButton>\n        <FormModal\n          lang={lang}\n          open={open}\n          handleClose={handleClose}\n          type={FORM_TYPES[`USE_CASE_${lang.toUpperCase()}`]}\n          values={{ name: translatedUseCase }}\n          useCase={clientCase}\n        />\n      </StyledGrid>\n    </Grid>\n  );\n};\nexport default KeypointsBlocks;\n","import React, { useState } from 'react';\nimport Layout from 'components/layout';\nimport { Grid } from '@material-ui/core';\nimport { breakpoint } from 'utils/mediaQueries';\nimport styled from 'styled-components';\nimport LinkBlocks from 'components/LinkBlock/LinkBlocks';\nimport LinkBlockBackground from 'components/pages/Solution/Marketing/LinkBlockBackground';\nimport ProblematicBlocks from 'components/pages/ClientCase/ProblematicBlocks/ProblematicBlocks';\nimport IntroBlocks from 'components/pages/ClientCase/IntroBlocks';\nimport InfoBlocks from 'components/pages/ClientCase/InfoBlocks/InfoBlocks';\nimport KeypointsBlocks from 'components/pages/ClientCase/Keypoints/KeypointsBlocks';\nimport _ from 'lodash';\nimport fr from 'locales/fr.json';\nimport en from 'locales/en.json';\nimport es from 'locales/es.json';\nimport ResourcesBlocks from 'components/pages/Webinars/ResourcesBlocks';\n\nconst LinkGrid = styled(Grid)`\n  margin-top: -4rem;\n  position: relative;\n  padding-top: 10rem;\n  padding-bottom: 4rem;\n  background-position: top;\n  ${breakpoint.down('lg')`\n  padding-top: 6rem;padding-bottom: 2rem;margin-top: 0;`}\n  ${breakpoint.down('md')`\n  padding-bottom: 4rem;`}\n  ${breakpoint.down('sm')`padding-top:0;padding-bottom: 6rem;`};\n`;\nconst ClientCasePage = props => {\n  const getActiveChip = () => {\n    const chipNames = props.data.dataBlockIntroBody.nodes.map(\n      ({ frontmatter }) => frontmatter.useCases\n    );\n    const param = props.location.search.substring(1);\n    if (chipNames.includes(param)) {\n      return param;\n    } else {\n      return 'banking';\n    }\n  };\n\n  const [activeChip, setActiveChip] = useState(getActiveChip());\n  const getLocale = () => {\n    switch (props.pageContext.langKey) {\n      case 'fr':\n        return fr;\n      case 'en':\n        return en;\n      case 'es':\n        return es;\n      default:\n        return en;\n    }\n  };\n  const locale = getLocale();\n  const seo = {\n    ...props.seo,\n    title: `${props.seo.title} - ${locale.useCases[activeChip]}`,\n  };\n  function getActiveCase(cases) {\n    setActiveChip(cases);\n  }\n  const allData = {\n    data: props.data.allData.group,\n  };\n  const allImages = {\n    images: props.data.allImages.nodes,\n  };\n  const filterData = allData.data.map(data => data.nodes);\n  const relevantArray = _.find(\n    filterData,\n    array => array[0].frontmatter.useCases === activeChip\n  );\n  const getQuote = _.find(\n    relevantArray,\n    quote => quote.frontmatter.component === 'title'\n  );\n  const getInfos = _.find(relevantArray, info => info.frontmatter.infos);\n\n  const getKeypoints = _.filter(\n    relevantArray,\n    keypoint => keypoint.frontmatter.blockType === 'keypointsBlock'\n  );\n  const introBlocksData = {\n    title: props.data.dataBlockIntroTitle,\n    chips: props.data.dataBlockIntroBody,\n  };\n  const linkBlocksData = {\n    markdownContent: props.data.dataBlockLinkBody,\n  };\n  const problematicBlocksData = {\n    title: getQuote,\n    images: [\n      _.find(\n        allImages.images,\n        image => image.base === getQuote.frontmatter.relatedImageLeft\n      ),\n      _.find(\n        allImages.images,\n        image => image.base === getQuote.frontmatter.relatedImageRight\n      ),\n    ],\n  };\n  const infoBlocksData = {\n    markdownContent: getInfos.frontmatter.infos,\n  };\n  const keypointsBlockdata = {\n    markdownContent: getKeypoints,\n  };\n  const testimonialData = {\n    markdownContent: props.data?.dataTestimonialClientCaseBlock?.nodes,\n    images: props.data?.imagesTestimonialClientCaseBlock?.nodes,\n  };\n  return (\n    <Layout location={props.location} seo={seo}>\n      <IntroBlocks\n        data={introBlocksData}\n        lang={props.pageContext.langKey}\n        callback={cases => getActiveCase(cases)}\n        activeChip={activeChip}\n      />\n      <ProblematicBlocks data={problematicBlocksData} />\n      <InfoBlocks data={infoBlocksData} />\n      <KeypointsBlocks\n        data={keypointsBlockdata}\n        testimonialData={testimonialData}\n        lang={props.pageContext.langKey}\n        clientCase={activeChip}\n      />\n      <ResourcesBlocks lang={props.pageContext.langKey} />\n      <LinkGrid>\n        <LinkBlocks\n          data={linkBlocksData.markdownContent.nodes}\n          lang={props.pageContext.langKey}\n        />\n        <LinkBlockBackground />\n      </LinkGrid>\n    </Layout>\n  );\n};\nexport default ClientCasePage;\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport { breakpoint } from 'utils/mediaQueries';\nconst ImageSlider = styled(Img)`\n  width: 100%;\n  max-height: 450px;\n  min-height: 450px;\n  img {\n    object-fit: contain !important;\n  }\n`;\nconst StyledGrid = styled(Grid)`\n  margin: auto 2rem;\n  ${breakpoint.down('md')`\n   display: none`}\n`;\nconst BlockImage = ({ imageToShow, activeStep, index }) => {\n  return (\n    <StyledGrid item xs={'auto'} sm={6} md={6} lg={6}>\n      {Math.abs(activeStep - index) <= 2 ? (\n        imageToShow ? (\n          <ImageSlider fluid={imageToShow} />\n        ) : null\n      ) : null}\n    </StyledGrid>\n  );\n};\nexport default BlockImage;\n","import BlockText from './BlockText';\nimport BlockImage from './BlockImage';\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Content } from 'components/basics';\n\nconst StyledGrid = styled(Grid)`\n  padding: 1rem;\n  ${Content};\n  flex-direction: ${({ centered }) => centered && 'column'};\n`;\n\nexport const ImageGrid = styled(Grid)`\n  max-width: 200px;\n  width: 100%;\n  height: 200px;\n  display: flex;\n`;\n\nexport const QuoteImage = styled.img`\n  width: 100%;\n`;\n\nconst Slide = ({\n  index,\n  lang,\n  activeStep,\n  step,\n  imageToShow,\n  directionSlide,\n  textAlign,\n  centered,\n  imagesSliderQuotes,\n}) => (\n  <StyledGrid\n    container\n    direction={directionSlide}\n    wrap={!centered ? 'nowrap' : 'wrap'}\n    justify=\"center\"\n    key={`Slides${index}`}\n    alignItems=\"center\"\n    centered={centered ? 1 : 0}\n  >\n    <ImageGrid container alignItems=\"center\" justify=\"center\">\n      <QuoteImage\n        src={\n          imagesSliderQuotes &&\n          imagesSliderQuotes.find(\n            image => image.base === step.frontmatter.image\n          ).childImageSharp.fluid.src\n        }\n      />\n    </ImageGrid>\n    <BlockText step={step} textAlign={textAlign} />\n    <BlockImage\n      imageToShow={imageToShow}\n      activeStep={activeStep}\n      index={index}\n    />\n  </StyledGrid>\n);\nexport default Slide;\n"],"sourceRoot":""}