{"version":3,"sources":["webpack:///./src/components/pages/Blog/Intro/IntroBlock.js","webpack:///./src/components/pages/Blog/Pagination/PaginationBlock.js","webpack:///./src/components/pages/Blog/ChipsBlock/ChipsBlock.js","webpack:///./src/components/pages/BlogPage.js","webpack:///./src/components/pages/Blog/useCases/index.fr.js"],"names":["ContentBlock","styled","Grid","Content","TitleBlock","Typography","breakpoint","down","props","theme","typography","h5","fontSize","textBold","palette","primary","main","ParagraphBlock","body2","IntroBlock","data","lang","container","spacing","justify","item","xs","sm","md","lg","xl","align","variant","dangerouslySetInnerHTML","__html","frontmatter","title","rawMarkdownBody","ContainerBlock","Container","PageNumberBlock","span","currentPage","page","isText","colors","purple","black","PageNumberLink","Link","PageNumber","PaginationBlock","numPages","pagesArray","range","to","id","map","key","length","StyledGrid","StyledChip","Chip","fontFamily","ActiveChip","orange","white","ChipTitle","h1","body1","ChipLink","ChipsBlock","activeCategory","alignItems","chip","index","value","label","clickable","LinkGrid","BlogPage","categories","find","cat","introBlocksData","markdownContent","dataBlockIntroTitle","articlesListData","articlesList","dataArticlesList","posts","linkBlocksData","dataBlockLinkBody","location","seo","pageContext","LinkBlocks","nodes","LinkBlockBackground","keywords","description","pageQuery"],"mappings":"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","file":"component---src-components-pages-blog-use-cases-index-fr-js-bb09f94904a6f24e70eb.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Markdown from 'src/utils/markdownToComponent';\nimport Typography from '@material-ui/core/Typography/Typography';\nimport { Grid } from '@material-ui/core';\nimport { textBold } from 'styles';\nimport { Container, Content } from 'components/basics';\nimport { breakpoint } from 'src/utils/mediaQueries';\nimport { FormattedMessage } from 'react-intl';\n\nconst ContentBlock = styled(Grid)`\n  ${Content}\n`;\n\nconst TitleBlock = styled(Typography)`\n  ${breakpoint.down('md')`text-align:left`}\n  ${breakpoint.down('sm')`    font-size: ${props =>\n    `${props.theme.typography.h5.fontSize}px`};`}\n  ${textBold}\n  span {\n    color: ${props => props.theme.palette.primary.main};\n  }\n`;\n\nconst ParagraphBlock = styled(Grid)`\n  margin-top: 4rem;\n  ${breakpoint.down('md')`margin-top: 0rem`}\n  p {\n    ${breakpoint.down('sm')`    font-size: ${props =>\n      `${props.theme.typography.body2.fontSize}px`};`}\n  }\n`;\n\nconst IntroBlock = ({ data, lang }) => (\n  <Container>\n    <ContentBlock container spacing={40} justify=\"center\">\n      <Grid item xs={12} sm={12} md={6} lg={6} xl={7}>\n        <TitleBlock\n          align=\"right\"\n          variant=\"h3\"\n          dangerouslySetInnerHTML={{ __html: data.frontmatter.title }}\n        />\n      </Grid>\n      <ParagraphBlock item xs={12} sm={12} md={6} lg={5}>\n        <Markdown>{data.rawMarkdownBody}</Markdown>\n      </ParagraphBlock>\n    </ContentBlock>\n  </Container>\n);\n\nexport default IntroBlock;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { range } from 'lodash';\nimport { Link } from 'gatsby';\nimport { Container } from 'components/basics';\nimport { colors, textBold } from 'styles';\nimport Typography from '@material-ui/core/Typography';\nimport { FormattedMessage } from 'react-intl';\n\nconst ContainerBlock = styled(Container)`\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  margin-bottom: 10em;\n`;\n\nconst PageNumberBlock = styled.span`\n  margin-right: 1em;\n  p {\n    color: ${({ currentPage, page, isText }) =>\n      page === currentPage && !isText ? colors.black : colors.purple} !important;\n  }\n`;\n\nconst PageNumberLink = styled(Link)`\n  // margin-right: 1em;\n  text-decoration: none;\n\n  &:visited {\n    color: purple;\n  }\n`;\n\nconst PageNumber = styled(Typography)`\n  font-size: ${props => props.theme.typography.body2.fontSize};\n  transition: all 0.2s ease-in-out;\n  &:hover {\n    color: ${colors.purple};\n    transition: all 0.2s ease-in-out;\n  }\n  ${textBold};\n`;\n\nconst PaginationBlock = ({ numPages, lang, currentPage }) => {\n  const pagesArray = range(1, numPages + 1);\n  return (\n    <ContainerBlock container>\n      {currentPage !== pagesArray[0] && (\n        <PageNumberBlock isText>\n          <PageNumberLink\n            to={`/${lang}/blog${\n              currentPage - 1 > 1 ? `/${currentPage - 1}` : ''\n            }`}\n          >\n            <PageNumber>\n              <FormattedMessage id=\"blog.previous\" />\n            </PageNumber>\n          </PageNumberLink>\n        </PageNumberBlock>\n      )}\n      {pagesArray.map(page => (\n        <PageNumberBlock\n          currentPage={currentPage}\n          page={page}\n          key={`page${page}`}\n        >\n          <PageNumberLink to={`/${lang}/blog${page > 1 ? `/${page}` : ''}`}>\n            <PageNumber>{page}</PageNumber>\n          </PageNumberLink>\n        </PageNumberBlock>\n      ))}\n      {currentPage !== pagesArray[pagesArray.length - 1] && (\n        <PageNumberBlock isText>\n          <PageNumberLink to={`/${lang}/blog/${currentPage + 1}`}>\n            <PageNumber>\n              <FormattedMessage id=\"blog.next\" />\n            </PageNumber>\n          </PageNumberLink>\n        </PageNumberBlock>\n      )}\n    </ContainerBlock>\n  );\n};\n\nexport default PaginationBlock;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Link } from 'gatsby';\nimport { FormattedMessage } from 'react-intl';\nimport { colors } from 'styles';\nimport { Grid, Chip } from '@material-ui/core';\n\nconst StyledGrid = styled(Grid)`\n  padding: 2rem;\n`;\nconst StyledChip = styled(Chip)`\n  margin: 0.5rem 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`;\n\nconst ActiveChip = styled(StyledChip)`\n  background-color: ${colors.orange};\n  color: ${colors.white};\n  &:hover {\n    background-color: ${colors.orange};\n  }\n`;\n\nconst ChipTitle = styled.h1`\n  font-weight: normal;\n  font-size: ${props => `${props.theme.typography.body1.fontSize}px`};\n`;\n\nconst ChipLink = styled(Link)`\n  text-decoration: none;\n`;\n\nconst ChipsBlock = ({ activeCategory, data, lang }) => {\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={12}\n        justify={'center'}\n      >\n        {data.map((chip, index) => {\n          if (activeCategory && chip.value === activeCategory.value) {\n            return (\n              <ChipLink to={`/${lang}/blog`}>\n                <ActiveChip\n                  label={\n                    <ChipTitle>\n                      <FormattedMessage id={chip.label} />\n                    </ChipTitle>\n                  }\n                  key={`Chip${index}`}\n                  clickable\n                />\n              </ChipLink>\n            );\n          } else {\n            return (\n              <ChipLink to={`/${lang}/blog/${chip.value}`}>\n                <StyledChip\n                  label={\n                    <ChipTitle>\n                      <FormattedMessage id={chip.label} />\n                    </ChipTitle>\n                  }\n                  key={`Chip${index}`}\n                  clickable\n                />\n              </ChipLink>\n            );\n          }\n        })}\n      </StyledGrid>\n    </Grid>\n  );\n};\n\nexport default ChipsBlock;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Layout from 'components/layout';\nimport IntroBlock from 'components/pages/Blog/Intro/IntroBlock';\nimport ArticlesListBlock from 'components/pages/Blog/PostsList/PostsListBlock';\nimport PaginationBlock from 'components/pages/Blog/Pagination/PaginationBlock';\nimport LinkBlocks from 'components/LinkBlock/LinkBlocks';\nimport LinkBlockBackground from 'components/pages/Solution/Marketing/LinkBlockBackground';\nimport { Grid } from '@material-ui/core';\nimport { breakpoint } from '../../utils/mediaQueries';\nimport ChipsBlock from 'components/pages/Blog/ChipsBlock/ChipsBlock';\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`;\n\nconst BlogPage = props => {\n  const categories = [\n    {\n      value: 'customerRelation',\n      label: 'navigation.customerRelation.title',\n    },\n    {\n      value: 'insights',\n      label: 'navigation.insights.title',\n    },\n    {\n      value: 'useCases',\n      label: 'navigation.blogUseCases.title',\n    },\n  ];\n  const activeCategory = categories.find(cat => cat.value === props.activeCategory);\n  const introBlocksData = {\n    markdownContent: props.data.dataBlockIntroTitle,\n  };\n  const articlesListData = {\n    articlesList: props.data.dataArticlesList.posts,\n    // articlesThumbnails: props.data.dataArticlesThumbnails.nodes,\n  };\n  const linkBlocksData = {\n    markdownContent: props.data.dataBlockLinkBody,\n  };\n  return (\n    <Layout location={props.location} seo={props.seo}>\n      <IntroBlock\n        data={introBlocksData.markdownContent}\n        lang={props.pageContext.lang}\n      />\n      <ChipsBlock\n        activeCategory={activeCategory}\n        data={categories}\n        lang={props.pageContext.lang}\n      />\n      <ArticlesListBlock\n        data={articlesListData}\n        lang={props.pageContext.lang}\n        location={props.location}\n      />\n      {props.pageContext.numPages > 1 && (\n        <PaginationBlock\n          numPages={props.pageContext.numPages}\n          lang={props.pageContext.lang}\n          currentPage={props.pageContext.currentPage}\n        />\n      )}\n      <LinkGrid>\n        <LinkBlocks\n          data={linkBlocksData.markdownContent.nodes}\n          lang={props.pageContext.lang}\n        />\n        <LinkBlockBackground />\n      </LinkGrid>\n    </Layout>\n  );\n};\n\nexport default BlogPage;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport BlogPage from 'components/pages/BlogPage';\n\nconst seo = {\n  title: 'Q°emotion - Le blog de l’émotion et de l’expérience client',\n  keywords: [\n    'Blog',\n    'Analyse emotions',\n    'IA',\n    'Avis clients',\n    'Outil Q°emotion',\n    'articles',\n    'expérience client',\n    'emotions',\n  ],\n  description:\n    'Découvrez l’ensemble de nos cas sectoriels sur l’utilisation de l’analyse sémantique et émotionnelle avec Q°emotion',\n};\n\nexport default props => (\n  <BlogPage {...props} seo={seo} activeCategory=\"useCases\" />\n);\n\nexport const pageQuery = graphql`\n  query($limit: Int!, $status: GCMS_Stage!) {\n    dataBlockIntroTitle: markdownRemark(\n      frontmatter: {\n        pageType: { eq: \"blog\" }\n        blockType: { eq: \"introBlock\" }\n        lang: { eq: \"fr\" }\n      }\n    ) {\n      rawMarkdownBody\n      frontmatter {\n        title\n      }\n    }\n    dataArticlesList: gcms {\n      posts(\n        where: { lang: FR, category: UseCases }\n        first: $limit\n        orderBy: createdAt_DESC\n        stage: $status\n      ) {\n        content {\n          html\n          text\n        }\n        createdAt\n        id\n        lang\n        metaDescription\n        metaKeywords\n        thumbnail {\n          url\n        }\n        title\n        slug\n      }\n    }\n    dataBlockLinkBody: allMarkdownRemark(\n      filter: {\n        frontmatter: {\n          pageType: { eq: \"blog\" }\n          blockType: { eq: \"linkBlock\" }\n          lang: { eq: \"fr\" }\n        }\n      }\n      sort: { fields: [frontmatter___idBlock] }\n    ) {\n      nodes {\n        rawMarkdownBody\n        frontmatter {\n          subTitle\n          color\n          link\n          buttonText\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}