{"version":3,"sources":["webpack:///./src/components/pages/Blog/insights/index.fr.js","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"],"names":["seo","title","keywords","description","props","activeCategory","pageQuery","ContentBlock","styled","Grid","Content","TitleBlock","Typography","breakpoint","down","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","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","alignItems","chip","index","value","label","clickable","LinkGrid","BlogPage","categories","find","cat","introBlocksData","markdownContent","dataBlockIntroTitle","articlesListData","articlesList","dataArticlesList","posts","linkBlocksData","dataBlockLinkBody","location","pageContext","LinkBlocks","nodes","LinkBlockBackground"],"mappings":"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","file":"component---src-components-pages-blog-insights-index-fr-js-11c6bd4710174e6a9033.js","sourcesContent":["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    'Dans cette rubrique, retrouvez tous les articles de Q°emotion concernant la génération d’insights et la reconnaissance des émotions.',\n};\n\nexport default props => (\n  <BlogPage {...props} seo={seo} activeCategory=\"insights\" />\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: Insights }\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","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"],"sourceRoot":""}