{"version":3,"sources":["webpack:///./src/images/solutionPage/backgrounds/backgroundLinksTablet.svg","webpack:///./src/components/pages/Pricing/SyntheticPlans/PlanCard/PlanCard.js","webpack:///./src/components/pages/Pricing/SyntheticPlans/SyntheticPlansBlock.js","webpack:///./src/components/pages/Pricing/DetailedPlans/PlansTable/PlansTable.js","webpack:///./src/components/pages/Pricing/DetailedPlans/DetailedPlansBlock.js","webpack:///./src/components/pages/Pricing/FAQ/QuestionCard/QuestionCard.js","webpack:///./src/components/pages/Pricing/FAQ/FAQBlock.js","webpack:///./src/components/pages/PricingPage.js","webpack:///./src/components/pages/Solution/Marketing/SubIntroBackground.js","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroTablet.svg","webpack:///./node_modules/gatsby-plugin-breakpoints/withBreakpoints.js","webpack:///./src/components/pages/Solution/Marketing/LinkBlockBackground.js","webpack:///./node_modules/gatsby-plugin-breakpoints/index.js","webpack:///./src/images/solutionPage/backgrounds/backgroundLinks.svg","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroBottom.svg","webpack:///./src/components/LinkBlock/LinkBlock.js","webpack:///./src/components/LinkBlock/LinkBlocks.js","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntro.svg","webpack:///./src/images/solutionPage/backgrounds/backgroundLinksMobile.svg","webpack:///./src/images/solutionPage/analyseVerbatim/linksBlock/phone.png","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroMobile.svg"],"names":["module","exports","Container","styled","Card","colors","shades","grey","light","isBilledAnnually","isMonthlySelected","breakpoint","down","Title","Typography","purple","Price","lightBlue","Subtitle","CategoryContainer","div","PlanItem","PlanCard","plan","billedAnnualPrice","variant","name","isCorporate","pricePerComment","id","values","price","parseFloat","toFixed","comments","commentsPerMonth","commentsPerYear","period","dataCollection","maxCategories","categoriesMax","customerJourney","userCount","benchmarkCount","reportingCount","priorityLevel","supportPriority","liveSupport","color","customTextColor","white","customBackgroundColor","customHoverBackgroundColor","dark","customHoverTextColor","mt","onClick","window","open","CardGrid","Grid","SeeFeaturesLink","a","SyntheticPlansBlock","plans","setMonthlySelected","useState","width","setWidth","heightHeader","setHeightHeader","heightIntro","setHeightIntro","heightTitleIntro","setHeightTitleIntro","updateDimensions","headerNav","document","getElementById","heightIntroDim","heightTitleIntroDim","innerWidth","offsetHeight","useEffect","addEventListener","removeEventListener","heightBackground","heightTitle","container","justify","orderBy","frontmatter","index","map","item","SubIntroBackground","widthWindow","style","marginTop","href","StyledContainer","isSmall","BoldText","DataText","CustomTableCell","withStyles","theme","head","border","borderTopLeftRadius","borderTopRightRadius","body","TableCell","CustomCell","isTrue","green","red","CustomTableRow","root","TableRow","CustomRow","CustomTableBody","TableBody","PlansTable","bodyRows","headerCells","breakpoints","useBreakpoint","projectRows","title","slice","featureRows","fileImportRows","dataCollectionRows","supportRows","rows","md","aria-label","padding","cell","align","monthlyPrice","annualPrice","getSubtitle","row","colSpan","legend","Icons","icon","widthIcon","heightIcon","DetailedPlansContainer","DetailedPlansBlock","getRows","header","orderedPlans","p","planNames","Object","keys","forEach","plansObj","find","headerRows","planHeader","shift","splice","PurpleText","expanded","CustomCard","Text","QuestionCard","question","setExpanded","html","aria-expanded","in","timeout","unmountOnExit","dangerouslySetInnerHTML","__html","CenteredGrid","CardContainer","FooterContainer","FAQBlock","questions","data","footer","spacing","xs","SwitchContainer","LinkGrid","LaunchOffer","Banner","SwitchLabel","PricingPage","props","syntheticPlans","dataSyntheticPricing","nodes","detailedPlans","dataDetailedPricing","faq","dataQuestionsFaqBlock","dataFooterFaqBlock","linkBlocksData","markdownContent","dataBlockLinkBody","location","seo","display","checked","onChange","LinkBlocks","lang","pageContext","GridBackground","heightbackground","TabletGridBackground","MobileGridBackground","only","StyledGridBottom","isMobile","sm","src","BackgroundSubIntro","alt","loading","BackgroundSubIntroBottom","BackgroundSubIntroTablet","BackgroundSubIntroMobile","_interopRequireDefault","require","__esModule","withBreakpoints","_extends2","_react","_BreakpointProvider","Component","default","createElement","LinkBackground","BackgroundLink","BackgroundLinkTablet","BackgroundLinkMobile","LinkBlockBackground","BreakpointProvider","_withBreakpoints","ContactImage","StyledMarkdown","Markdown","textBold","PreTitle","customcolor","LinkBlock","setOpen","lg","subTitle","rawMarkdownBody","size","component","Link","to","link","buttonText","alignItems","phone","FormModal","handleClose","type","FORM_TYPES","CONTACT","ContentBlock","Content","block","key"],"mappings":"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","file":"f3e23bb5a139abf496106bb99275b04d50e6a242-9c4f94ca8fa1b2263b6c.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyNDIgMTE5OC4zIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2VmZWZlZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRMaW5rc01vYmlsZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTI0MiwuODVjLTU5LjU3LTIuMzItMTM5LjE3LjM1LTE5OC42Niw1Qzk5Mi44OCw5Ljc3LDk0Mi42OCwxNi4yMSw4OTIuNywyNC4xNmMtOTEsMTQuNDctMTgwLjQ3LDM1LjU0LTI2OC45LDYxQzUyOC42MywxMTIuNSw0MzUuNiwxNDYuMjMsMzQzLjI2LDE4MmMtODQuMSwzMi41Ny0xNzEuMTQsNDcuNDMtMjYxLjQ5LDM5LjY5TDAsMjA5LjIyVjExOTguM0gxMjQyWiIvPjwvc3ZnPg==\"","import React from 'react';\nimport styled from 'styled-components';\nimport { Card, Typography } from '@material-ui/core';\nimport { FormattedMessage } from 'react-intl';\nimport { colors } from 'styles';\nimport { Button } from 'components/basics';\nimport { breakpoint } from 'utils/mediaQueries';\n\nconst Container = styled(Card)`\n  border: 2px solid ${colors.shades.grey.light};\n  padding: ${({ isBilledAnnually, isMonthlySelected }) =>\n    `0.5em 2em ${\n      isBilledAnnually && !isMonthlySelected ? '0.55em' : '2em'\n    } 2em`};\n  text-align: center;\n  width: 24.5em;\n  box-shadow: none;\n  ${breakpoint.down('xl')`\n    margin-top: 1em !important;\n  `}\n`;\n\nconst Title = styled(Typography)`\n  color: ${colors.purple};\n  font-weight: bold;\n`;\n\nconst Price = styled(Title)`\n  color: ${colors.lightBlue};\n`;\nconst Subtitle = styled(Title)`\n  color: ${colors.grey};\n`;\n\nconst CategoryContainer = styled.div`\n  margin-top: 2em;\n`;\n\nconst PlanItem = styled(Title)``;\n\nconst PlanCard = ({ plan, isMonthlySelected }) => {\n  const getSubtitle = () => {\n    if (plan.isCorporate) {\n      return <br />;\n    } else if (plan.pricePerComment) {\n      return (\n        <FormattedMessage\n          id=\"pricing.syntheticBlock.perComment\"\n          values={{ price: `${parseFloat(plan.pricePerComment).toFixed(2)}€` }}\n        />\n      );\n    } else if (isMonthlySelected) {\n      return <FormattedMessage id=\"pricing.syntheticBlock.perMonth\" />;\n    } else {\n      return (\n        <FormattedMessage id=\"pricing.syntheticBlock.perMonthBilledAnnually\" />\n      );\n    }\n  };\n\n  return (\n    <Container\n      isMonthlySelected={isMonthlySelected}\n      isBilledAnnually={!!plan.billedAnnualPrice}\n    >\n      <Title variant=\"body1\">{plan.name}</Title>\n      <Price variant=\"body1\">\n        {plan[isMonthlySelected ? 'monthlyPrice' : 'annualPrice']}\n        {plan.billedAnnualPrice ? '€' : ''}\n      </Price>\n      <Subtitle variant=\"caption\">{getSubtitle()}</Subtitle>\n      <CategoryContainer>\n        <Subtitle variant=\"caption\">\n          <FormattedMessage id=\"pricing.syntheticBlock.projects\" />\n        </Subtitle>\n        {!plan.pricePerComment && (\n          <PlanItem variant=\"body2\">\n            {plan.isCorporate ? (\n              <FormattedMessage id=\"pricing.syntheticBlock.unlimitedComments\" />\n            ) : (\n              <FormattedMessage\n                id=\"pricing.syntheticBlock.commentsPerPeriod\"\n                values={{\n                  comments: isMonthlySelected\n                    ? plan.commentsPerMonth\n                    : plan.commentsPerYear,\n                  period: isMonthlySelected ? (\n                    <FormattedMessage id=\"pricing.syntheticBlock.month\" />\n                  ) : (\n                    <FormattedMessage id=\"pricing.syntheticBlock.year\" />\n                  ),\n                }}\n              />\n            )}\n          </PlanItem>\n        )}\n        <PlanItem variant=\"body2\">\n          <FormattedMessage\n            id=\"pricing.syntheticBlock.dataCollection\"\n            values={{ dataCollection: plan.dataCollection }}\n          />\n        </PlanItem>\n        <PlanItem>\n          <FormattedMessage\n            id=\"pricing.syntheticBlock.maxCategories\"\n            values={{ maxCategories: plan.categoriesMax }}\n          />\n        </PlanItem>\n        {plan.customerJourney && (\n          <PlanItem>\n            <FormattedMessage\n              id=\"pricing.syntheticBlock.customerJourney\"\n              values={{ customerJourney: plan.customerJourney }}\n            />\n          </PlanItem>\n        )}\n        {plan.pricePerComment && (\n          <>\n            <PlanItem>\n              <br />\n            </PlanItem>\n            <PlanItem>\n              <br />\n            </PlanItem>\n          </>\n        )}\n      </CategoryContainer>\n      <CategoryContainer>\n        <Subtitle variant=\"caption\">\n          <FormattedMessage id=\"pricing.syntheticBlock.features\" />\n        </Subtitle>\n        <PlanItem>\n          {plan.isCorporate ? (\n            <FormattedMessage id=\"pricing.syntheticBlock.unlimitedUsers\" />\n          ) : (\n            <>\n              {plan.userCount}{' '}\n              <FormattedMessage id=\"pricing.syntheticBlock.user\" />\n              {plan.userCount > 1 ? 's' : ''}\n            </>\n          )}\n        </PlanItem>\n        <PlanItem>\n          {plan.isCorporate ? (\n            <FormattedMessage id=\"pricing.syntheticBlock.unlimitedBenchmarks\" />\n          ) : (\n            <>\n              {plan.benchmarkCount}{' '}\n              <FormattedMessage id=\"pricing.syntheticBlock.benchmark\" />\n              {plan.benchmarkCount > 1 ? 's' : ''}\n            </>\n          )}\n        </PlanItem>\n        <PlanItem>\n          {plan.isCorporate ? (\n            <FormattedMessage id=\"pricing.syntheticBlock.unlimitedReportings\" />\n          ) : (\n            <>\n              {plan.reportingCount}{' '}\n              <FormattedMessage id=\"pricing.syntheticBlock.reporting\" />\n            </>\n          )}\n        </PlanItem>\n      </CategoryContainer>\n      <CategoryContainer>\n        <Subtitle variant=\"caption\">\n          <FormattedMessage id=\"pricing.syntheticBlock.support\" />\n        </Subtitle>\n        <PlanItem>\n          {/* Support via ticket : priorité {plan.supportPriority} */}\n          <FormattedMessage\n            id=\"pricing.syntheticBlock.ticketSupport\"\n            values={{\n              priorityLevel: plan.supportPriority,\n            }}\n          />\n          {plan.liveSupport && '+Live'}\n        </PlanItem>\n      </CategoryContainer>\n      {plan.isCorporate ? (\n        <Button\n          color=\"primary\"\n          customTextColor={colors.white}\n          customBackgroundColor={colors.lightBlue}\n          customHoverBackgroundColor={colors.shades.lightBlue.dark}\n          customHoverTextColor={colors.white}\n          variant=\"contained\"\n          mt={2}\n        >\n          <FormattedMessage id=\"pricing.contactUs\" />\n        </Button>\n      ) : (\n        <Button\n          color=\"primary\"\n          customTextColor={colors.white}\n          customBackgroundColor={colors.lightBlue}\n          customHoverBackgroundColor={colors.shades.lightBlue.dark}\n          customHoverTextColor={colors.white}\n          variant=\"contained\"\n          mt={2}\n          onClick={() => window.open('https://www.cxinsights.io/')}\n        >\n          <FormattedMessage id=\"pricing.choosePlan\" />\n        </Button>\n      )}\n      {plan.billedAnnualPrice && !isMonthlySelected && (\n        <Subtitle variant=\"caption\">\n          <FormattedMessage\n            id=\"pricing.syntheticBlock.billedAt\"\n            values={{ price: `${plan.billedAnnualPrice}€` }}\n          />\n        </Subtitle>\n      )}\n    </Container>\n  );\n};\n\nexport default PlanCard;\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport { orderBy } from 'lodash';\nimport { FormattedMessage } from 'react-intl';\nimport { Container, Button } from 'components/basics';\nimport SubIntroBackground from 'components/pages/Solution/Marketing/SubIntroBackground';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { colors } from 'styles';\nimport PlanCard from './PlanCard/PlanCard';\n\nconst CardGrid = styled(Grid)`\n  position: relative;\n  padding-bottom: 0;\n  ${breakpoint.down('lg')`\n  padding-top: 4rem;padding-bottom: 2rem;`}\n  ${breakpoint.down(\n    'md'\n  )`margin-top:-6rem;padding-top:9rem;padding-bottom: 2rem;`}\n  ${breakpoint.down('sm')`\n   padding-top:6rem;margin-top:-3rem`};\n`;\n\nconst SeeFeaturesLink = styled.a`\n  text-decoration: none;\n  color: ${colors.lightBlue};\n  font-weight: bold;\n`;\n\nconst SyntheticPlansBlock = ({\n  plans,\n  isMonthlySelected,\n  setMonthlySelected,\n}) => {\n  const [width, setWidth] = useState(200);\n  const [heightHeader, setHeightHeader] = useState(0);\n  const [heightIntro, setHeightIntro] = useState(0);\n  const [heightTitleIntro, setHeightTitleIntro] = useState(0);\n\n  const updateDimensions = () => {\n    const headerNav = document.getElementById('headerNav');\n    const heightIntroDim = document.getElementById('cardGrid');\n    const heightTitleIntroDim = document.getElementById('titleIntroBlock');\n    setWidth(window.innerWidth);\n    setHeightHeader(headerNav && headerNav.offsetHeight);\n    setHeightIntro(heightIntroDim && heightIntroDim.offsetHeight);\n    setHeightTitleIntro(\n      heightTitleIntroDim && heightTitleIntroDim.offsetHeight\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', updateDimensions);\n    return () => window.removeEventListener('resize', updateDimensions);\n  }, []);\n\n  useEffect(() => {\n    const headerNav = document.getElementById('headerNav');\n    if (headerNav) {\n      updateDimensions();\n    }\n  }, [heightHeader]);\n\n  const heightBackground = heightHeader + heightIntro + 216;\n  const heightTitle = heightTitleIntro + heightHeader + 96;\n  return (\n    <Container>\n      <CardGrid container id=\"cardGrid\" justify=\"space-around\">\n        {orderBy(plans, ({ frontmatter: plan }) => plan.index).map(\n          ({ frontmatter: plan }) => (\n            <Grid item>\n              <PlanCard plan={plan} isMonthlySelected={isMonthlySelected} />\n            </Grid>\n          )\n        )}\n      </CardGrid>\n      <SubIntroBackground\n        widthWindow={width}\n        heightBackground={heightBackground}\n        heightTitle={heightTitle}\n      />\n      <Typography variant=\"body2\" style={{marginTop: '1em'}}>\n        <SeeFeaturesLink href=\"#detailedPlansContainer\">\n        <FormattedMessage id=\"pricing.syntheticBlock.seeFeatures\" />\n        </SeeFeaturesLink>\n      </Typography>\n    </Container>\n  );\n};\n\nexport default SyntheticPlansBlock;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  Typography,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n} from '@material-ui/core';\nimport { useBreakpoint } from 'gatsby-plugin-breakpoints';\nimport { FormattedMessage } from 'react-intl';\nimport { Container, Button } from 'components/basics';\nimport IconsBlock from 'components/basics/Icons';\nimport { colors } from 'styles';\n\nconst StyledContainer = styled.div`\n  margin-top: 15em;\n  padding: ${({isSmall}) => !isSmall && `0 10%`};\n`;\n\nconst BoldText = styled(Typography)`\n  font-weight: bold;\n`;\n\nconst Title = styled(BoldText)`\n  color: ${colors.purple};\n`;\n\nconst DataText = styled(BoldText)`\n  color: ${colors.shades.purple.dark};\n`;\n\nconst Price = styled(BoldText)`\n  color: ${colors.lightBlue};\n  margin-top: 0.25em;\n`;\n\nconst Subtitle = styled(BoldText)`\n  color: ${colors.grey};\n`;\nconst CustomTableCell = withStyles(theme => ({\n  head: {\n    border: `2px solid ${colors.shades.grey.light}`,\n    '&:nth-child(2)': {\n      borderTopLeftRadius: '25%',\n    },\n    '&:last-child': {\n      borderTopRightRadius: '25%',\n    },\n  },\n  body: {\n    border: `1px solid ${colors.shades.grey.light}`,\n    color: colors.shades.purple.dark,\n  },\n}))(TableCell);\n\nconst CustomCell = styled(CustomTableCell)`\n  & path {\n    fill: ${({ isTrue }) => (isTrue ? colors.green : colors.red)};\n  }\n  & svg {\n    border-radius: 50%;\n    background-color: ${({ isTrue }) =>\n      isTrue ? `${colors.green}33` : `${colors.red}33`};\n    padding: 0.5em;\n  }\n`;\n\nconst CustomTableRow = withStyles(theme => ({\n  head: {\n    color: colors.shades.purple.dark,\n  },\n  root: {},\n}))(TableRow);\n\nconst CustomRow = styled(CustomTableRow)`\n  background: ${colors.shades.grey.light};\n  padding: 1em;\n`;\n\nconst CustomTableBody = withStyles(theme => ({\n  root: {\n    border: `2px solid ${colors.shades.grey.light}`,\n    color: colors.shades.purple.dark,\n  },\n}))(TableBody);\n\nconst PlansTable = ({ isMonthlySelected, bodyRows, headerCells }) => {\n  const breakpoints = useBreakpoint();\n  let projectRows = [{ title: 'projects' }, ...bodyRows.slice(0, 5)];\n  let featureRows = [{ title: 'features' }, ...bodyRows.slice(5, 14)];\n  let fileImportRows = [{ title: 'fileImport' }, ...bodyRows.slice(14, 16)];\n  let dataCollectionRows = [\n    { title: 'dataCollectionTitle' },\n    ...bodyRows.slice(16, 26),\n  ];\n  let supportRows = [{ title: 'support' }, ...bodyRows.slice(25 + 1)];\n\n  const rows = [\n    ...projectRows,\n    ...featureRows,\n    ...fileImportRows,\n    ...dataCollectionRows,\n    ...supportRows,\n  ];\n\n  const getSubtitle = cell => {\n    if (cell.name === 'Emotion Corporate') {\n      return <br />;\n    } else if (cell.pricePerComment) {\n      // return `${cell.pricePerComment}€ par commentaire`;\n      return (\n        <FormattedMessage\n          id=\"pricing.detailedPricingBlock.perComment\"\n          values={{ price: `${parseFloat(cell.pricePerComment).toFixed(2)}€` }}\n        />\n      );\n    } else if (isMonthlySelected) {\n      return <FormattedMessage id=\"pricing.detailedPricingBlock.perMonth\" />;\n    } else {\n      return (\n        <FormattedMessage\n          id=\"pricing.detailedPricingBlock.billedAt\"\n          values={{ price: `${cell.billedAnnualPrice}€` }}\n        />\n      );\n    }\n  };\n  return (\n    <StyledContainer isSmall={breakpoints.md}>\n      <Table aria-label=\"pricing table\" padding=\"dense\">\n        <TableHead>\n          <CustomTableRow>\n            <TableCell />\n            {headerCells.map(cell => (\n              <CustomCell align=\"center\">\n                <Title variant=\"body1\">{cell.name}</Title>\n                <Price variant=\"body1\">\n                  {isMonthlySelected ? cell.monthlyPrice : cell.annualPrice}\n                  {cell.billedAnnualPrice ? '€' : ''}\n                </Price>\n                <Subtitle variant=\"caption\">{getSubtitle(cell)}</Subtitle>\n                {cell.name === 'Emotion Corporate' ? (\n                  <Button\n                    color=\"primary\"\n                    customTextColor={colors.white}\n                    customBackgroundColor={colors.lightBlue}\n                    customHoverBackgroundColor={colors.shades.lightBlue.dark}\n                    customHoverTextColor={colors.white}\n                    variant=\"contained\"\n                    mt={2}\n                  >\n                    <FormattedMessage id=\"pricing.contactUs\" />\n                  </Button>\n                ) : (\n                  <Button\n                    color=\"primary\"\n                    customTextColor={colors.white}\n                    customBackgroundColor={colors.lightBlue}\n                    customHoverBackgroundColor={colors.shades.lightBlue.dark}\n                    customHoverTextColor={colors.white}\n                    variant=\"contained\"\n                    mt={2}\n                    onClick={() => window.open('https://www.cxinsights.io/')}\n                  >\n                    <FormattedMessage id=\"pricing.choosePlan\" />\n                  </Button>\n                )}\n              </CustomCell>\n            ))}\n          </CustomTableRow>\n        </TableHead>\n        <CustomTableBody>\n          {rows.map(row =>\n            row.title ? (\n              <CustomRow>\n                <CustomCell colSpan={5}>\n                  <Title variant=\"body1\">\n                    <FormattedMessage\n                      id={`pricing.detailedPricingBlock.${row.title}`}\n                    />\n                  </Title>\n                </CustomCell>\n              </CustomRow>\n            ) : (\n              <CustomTableRow>\n                <CustomTableCell>\n                  <FormattedMessage\n                    id={`pricing.detailedPricingBlock.${row.legend}`}\n                  />\n                </CustomTableCell>\n                <CustomCell align=\"center\" isTrue={row['Emotion Start']}>\n                  <DataText variant=\"caption\">\n                    {typeof row['Emotion Start'] === 'boolean' ? (\n                      <IconsBlock\n                        icon={row['Emotion Start'] ? 'check' : 'cross'}\n                        isTrue={row['Emotion Start']}\n                        widthIcon={32}\n                        heightIcon={32}\n                      />\n                    ) : (\n                      row['Emotion Start']\n                    )}\n                  </DataText>\n                </CustomCell>\n                {/*<CustomCell align=\"center\" isTrue={row['Emotion Plus']}>*/}\n                {/*  <DataText variant=\"caption\">*/}\n                {/*    {typeof row['Emotion Plus'] === 'boolean' ? (*/}\n                {/*      <IconsBlock*/}\n                {/*        icon={row['Emotion Plus'] ? 'check' : 'cross'}*/}\n                {/*        isTrue={row['Emotion Plus']}*/}\n                {/*        widthIcon={32}*/}\n                {/*        heightIcon={32}*/}\n                {/*      />*/}\n                {/*    ) : (*/}\n                {/*      row['Emotion Plus']*/}\n                {/*    )}*/}\n                {/*  </DataText>*/}\n                {/*</CustomCell>*/}\n                <CustomCell align=\"center\" isTrue={row['Emotion Pro']}>\n                  <DataText variant=\"caption\">\n                    {typeof row['Emotion Pro'] === 'boolean' ? (\n                      <IconsBlock\n                        icon={row['Emotion Pro'] ? 'check' : 'cross'}\n                        isTrue={row['Emotion Pro']}\n                        widthIcon={32}\n                        heightIcon={32}\n                      />\n                    ) : (\n                      row['Emotion Pro']\n                    )}\n                  </DataText>\n                </CustomCell>\n                <CustomCell align=\"center\" isTrue={row['Emotion Corporate']}>\n                  <DataText variant=\"caption\">\n                    {typeof row['Emotion Corporate'] === 'boolean' ? (\n                      <IconsBlock\n                        icon={row['Emotion Corporate'] ? 'check' : 'cross'}\n                        isTrue={row['Emotion Corporate']}\n                        widthIcon={32}\n                        heightIcon={32}\n                      />\n                    ) : (\n                      row['Emotion Corporate'] || 'Illimité'\n                    )}\n                  </DataText>\n                </CustomCell>\n              </CustomTableRow>\n            )\n          )}\n        </CustomTableBody>\n      </Table>\n    </StyledContainer>\n  );\n};\n\nexport default PlansTable;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { orderBy } from 'lodash';\nimport { Typography } from '@material-ui/core';\nimport { FormattedMessage } from 'react-intl';\nimport { Container } from 'components/basics';\nimport { colors } from 'styles';\nimport PlansTableBlock from './PlansTable/PlansTable';\n\nconst DetailedPlansContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: 5em;\n`;\n\nconst Title = styled(Typography)`\n  color: ${colors.purple};\n  text-align: center;\n`;\n\nconst DetailedPlansBlock = ({ isMonthlySelected, plans }) => {\n  const getRows = (header = false) => {\n    const orderedPlans = orderBy(plans, p => p.frontmatter.index);\n    let rows = [];\n    const planNames = orderedPlans.map(({ frontmatter: plan }) => plan.name);\n\n    Object.keys(plans[0].frontmatter).forEach(plan => {\n      let plansObj = { legend: plan };\n      planNames.map(p => {\n        plansObj = {\n          ...plansObj,\n          // eslint-disable-next-line standard/computed-property-even-spacing\n          [p]: plans.find(({ frontmatter: pl }) => pl.name === p).frontmatter[\n            plan\n          ],\n        };\n      });\n      rows = [...rows, plansObj];\n    });\n    const headerRows = rows.slice(1, 6);\n    const bodyRows = rows.slice(5 + 1);\n\n    let headerCells = [];\n\n    planNames.map(plan => {\n      let planHeader = {};\n      headerRows.map(row => {\n        planHeader = { ...planHeader, [row.legend]: row[plan] };\n      });\n      headerCells = [...headerCells, planHeader];\n    });\n\n    if (isMonthlySelected) {\n      bodyRows.shift();\n    } else {\n      bodyRows.splice(1, 1);\n    }\n\n    if (header) {\n      return headerCells;\n    }\n    return bodyRows;\n  };\n\n  return (\n    <DetailedPlansContainer id=\"detailedPlansContainer\">\n      <Title variant=\"h4\">\n        <FormattedMessage id=\"pricing.inDetails\" />\n      </Title>\n      <PlansTableBlock\n        headerCells={getRows(true)}\n        bodyRows={getRows()}\n        isMonthlySelected={isMonthlySelected}\n      />\n    </DetailedPlansContainer>\n  );\n};\n\nexport default DetailedPlansBlock;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Typography, Card, Collapse } from '@material-ui/core';\nimport { colors } from 'styles';\n\nconst PurpleText = styled(Typography)`\n  color: ${colors.shades.purple.dark};\n`;\n\nconst Title = styled(PurpleText)`\n  text-align: center;\n  font-weight: bold;\n  cursor: pointer;\n  color: ${({expanded}) => expanded && colors.lightBlue};\n`;\n\nconst CustomCard = styled(Card)`\n  width: 97%;\n  margin-top: 1.5em;\n  padding: 1em;\n`;\n\nconst Text = styled(PurpleText)`\n  font-size: 1em !important;\n`;\n\nconst QuestionCard = ({ question }) => {\n  const [expanded, setExpanded] = useState(false);\n  const {\n    html,\n    frontmatter: { title },\n  } = question;\n  return (\n    <CustomCard>\n      <Title variant=\"body2\" expanded={expanded} aria-expanded={expanded} onClick={() => setExpanded(!expanded)} >{title}</Title>\n      <Collapse in={expanded} timeout=\"auto\" unmountOnExit>\n        <Text variant=\"body2\" dangerouslySetInnerHTML={{__html: html}} />\n      </Collapse>\n    </CustomCard>\n  );\n};\n\nexport default QuestionCard;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Typography, Card, Grid } from '@material-ui/core';\nimport { FormattedMessage } from 'react-intl';\nimport { colors } from 'styles';\nimport Markdown from 'src/utils/markdownToComponent';\nimport QuestionCard from './QuestionCard/QuestionCard';\n\nconst StyledContainer = styled.div`\n  margin-top: 5em;\n  background-color: ${colors.shades.grey.light};\n  padding: 2em 5em;\n  width: 100%;\n`;\n\nconst PurpleText = styled(Typography)`\n  color: ${colors.shades.purple.dark};\n  font-weight: bold;\n\n  & span {\n    font-weight: normal;\n    font-size: 0.9em !important;\n  }\n`;\n\nconst Title = styled(PurpleText)`\n  text-align: center;\n  margin-bottom: 1em;\n`;\n\nconst CenteredGrid = styled(Grid)`\n  justify-content: center;\n`;\n\nconst CardContainer = styled(CenteredGrid)`\n  /* padding: 0 10em !important; */\n`;\n\nconst FooterContainer = styled.div`\n  text-align: center;\n`;\n\nconst FAQBlock = ({ data: questions, footer }) => {\n  return (\n    <StyledContainer>\n      <Title variant=\"h2\">\n        <FormattedMessage id=\"pricing.faqBlock.frequentlyAskedQuestions\" />\n      </Title>\n      <CardContainer container spacing={2}>\n        {questions.map(question => (\n          <CenteredGrid item xs={12} md={5}>\n            <QuestionCard question={question} />\n          </CenteredGrid>\n        ))}\n        <FooterContainer>\n          <PurpleText variant=\"body2\" dangerouslySetInnerHTML={{__html: footer.html}} />\n        </FooterContainer>\n      </CardContainer>\n    </StyledContainer>\n  );\n};\n\nexport default FAQBlock;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Typography, Grid } from '@material-ui/core';\nimport { colors } from 'styles';\nimport { FormattedMessage } from 'react-intl';\nimport Layout from 'components/layout';\nimport { Switch } from 'components/basics';\nimport SyntheticPlansBlock from 'components/pages/Pricing/SyntheticPlans/SyntheticPlansBlock';\nimport DetailedPlansBlock from 'components/pages/Pricing/DetailedPlans/DetailedPlansBlock';\nimport FAQBlock from 'components/pages/Pricing/FAQ/FAQBlock';\nimport LinkBlocks from 'components/LinkBlock/LinkBlocks';\nimport LinkBlockBackground from 'components/pages/Solution/Marketing/LinkBlockBackground';\nimport { breakpoint } from '../../utils/mediaQueries';\n\nconst SwitchContainer = styled.div`\n  margin-bottom: -1em;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* position: sticky; */\n  /* top: 0; */\n  width: 100%;\n  z-index: 9999;\n  /* background-color: ${colors.shades.grey.light}; */\n`;\n\nconst LinkGrid = styled(Grid)`\n  margin-top: -2.25rem;\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 LaunchOffer = styled(Typography)`\n  color: ${colors.white};\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  text-decoration: underline;\n`;\n\nconst Banner = styled.div`\n  background: ${colors.lightBlue};\n  color: ${colors.white};\n  padding: 0.5em;\n`;\n\nconst SwitchLabel = styled(Typography)`\n  color: ${colors.purple};\n  font-weight: bold;\n`;\nconst PricingPage = props => {\n  const [isMonthlySelected, setMonthlySelected] = useState(false);\n  const {\n    dataSyntheticPricing: { nodes: syntheticPlans },\n    dataDetailedPricing: { nodes: detailedPlans },\n    dataQuestionsFaqBlock: { nodes: faq },\n    dataFooterFaqBlock,\n  } = props.data;\n\n  const linkBlocksData = {\n    markdownContent: props.data.dataBlockLinkBody,\n  };\n  return (\n    <Layout location={props.location} seo={props.seo}>\n      <h1 style={{ display: 'none' }}>\n        <FormattedMessage id=\"pricing.title\" />\n      </h1>\n      <Banner>\n        <LaunchOffer\n          variant=\"body2\"\n          onClick={() => window.open('https://cxinsights.io/sign-up')}\n        >\n          <FormattedMessage id=\"pricing.freeTrial\" />\n        </LaunchOffer>\n      </Banner>\n      <SwitchContainer>\n        <SwitchLabel variant=\"body2\">\n          <FormattedMessage id=\"pricing.yearly\" />\n        </SwitchLabel>\n        <Switch\n          checked={isMonthlySelected}\n          onChange={() => setMonthlySelected(!isMonthlySelected)}\n        />\n        <SwitchLabel variant=\"body2\">\n          <FormattedMessage id=\"pricing.monthly\" />\n        </SwitchLabel>\n      </SwitchContainer>\n      <SyntheticPlansBlock\n        plans={syntheticPlans}\n        isMonthlySelected={isMonthlySelected}\n        setMonthlySelected={setMonthlySelected}\n      />\n      <DetailedPlansBlock\n        isMonthlySelected={isMonthlySelected}\n        setMonthlySelected={setMonthlySelected}\n        plans={detailedPlans}\n      />\n      <FAQBlock data={faq} footer={dataFooterFaqBlock} />\n      <LinkGrid>\n        <LinkBlocks\n          data={linkBlocksData.markdownContent.nodes}\n          lang={props.pageContext.lang}\n        />\n      </LinkGrid>\n    </Layout>\n  );\n};\n\nexport default PricingPage;\n","import React from 'react';\nimport BackgroundSubIntro from 'images/solutionPage/backgrounds/backgroundSubIntro.svg';\nimport BackgroundSubIntroTablet from 'images/solutionPage/backgrounds/backgroundSubIntroTablet.svg';\nimport BackgroundSubIntroBottom from 'images/solutionPage/backgrounds/backgroundSubIntroBottom.svg';\nimport BackgroundSubIntroMobile from 'images/solutionPage/backgrounds/backgroundSubIntroMobile.svg';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { breakpoints } from 'styles/breakpoints';\nconst GridBackground = styled(Grid)`\n  left: 0;\n  position: absolute;\n  width: 100%;\n  top: 0;\n  height: ${props => `\n${props.heightbackground}\npx`};\n  z-index: -1;\n  img {\n    width: 100%;\n    height: 100%;\n  }\n`;\nconst TabletGridBackground = styled(GridBackground)`\n  height: ${props => `${props.heightbackground + 200}\npx`};\n`;\nconst MobileGridBackground = styled(GridBackground)`\n  height: ${props => `${props.heightbackground}\npx`};\n  ${breakpoint.only('xxs')`\n  height: ${props => `${props.heightbackground - 60}px`}; `};\n`;\nconst StyledGridBottom = styled(Grid)`\n  margin-top: -1rem;\n  z-index: -1;\n  width: 100%;\n  ${breakpoint.down('md')`\n  display: none;`};\n`;\n\nconst SubIntroBackground = ({ heightBackground, widthWindow, heightTitle }) => {\n  const isMobile = `${breakpoints.values.sm}`;\n  const isTablet = `${breakpoints.values.md}`;\n  if (widthWindow > isTablet) {\n    return (\n      <GridBackground heightbackground={heightBackground}>\n        <img src={BackgroundSubIntro} alt=\"Background Subintro\" loading=\"lazy\" />\n        <StyledGridBottom heightbackground={heightBackground}>\n          <img src={BackgroundSubIntroBottom} alt=\"Background SubintroBottom\" loading=\"lazy\" />\n        </StyledGridBottom>\n      </GridBackground>\n    );\n  } else if (widthWindow > isMobile) {\n    return (\n      <TabletGridBackground heightbackground={heightTitle}>\n        <img src={BackgroundSubIntroTablet} alt=\"Background SubintroTablet\" loading=\"lazy\" />\n      </TabletGridBackground>\n    );\n  } else {\n    return (\n      <MobileGridBackground heightbackground={heightTitle}>\n        <img src={BackgroundSubIntroMobile} alt=\"Background SubintroMobile\" loading=\"lazy\" />\n      </MobileGridBackground>\n    );\n  }\n};\nexport default SubIntroBackground;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5NzAgMTAwMy4zIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YxZjFmMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRTdWJJbnRyb1RhYmxldDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTk3MCwwVjU1NXMtMzY0Ljc2LDE3Ni40MS05NzQuMTYsMFMwLDEwMDMuMywwLDEwMDMuM1YxMDguNTVTODk1Ljg0LDI1NC40NSwxMjQzLjgzLDAiLz48L3N2Zz4=\"","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.withBreakpoints = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _BreakpointProvider = require(\"./BreakpointProvider\");\n\nconst withBreakpoints = Component => {\n  return props => {\n    const breakpoints = (0, _BreakpointProvider.useBreakpoint)();\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      breakpoints: breakpoints\n    }, props));\n  };\n};\n\nexports.withBreakpoints = withBreakpoints;","import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@material-ui/core';\nimport BackgroundLink from 'images/solutionPage/backgrounds/backgroundLinks.svg';\nimport { breakpoint } from 'utils/mediaQueries';\nimport BackgroundLinkTablet from 'images/solutionPage/backgrounds/backgroundLinksTablet.svg';\nimport { colors } from 'styles';\nimport BackgroundLinkMobile from 'images/solutionPage/backgrounds/backgroundLinksMobile.svg';\n\nconst LinkBackground = styled(Grid)`\n  z-index: -1;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top:0;\n  background-image: url(\"${BackgroundLink}\");\n  background-size: 100% 100%;\n  ${breakpoint.down('md')`\n  background: url(\"${BackgroundLinkTablet}\"),linear-gradient(to bottom, #FFF 25%, ${\n    colors.shades.grey.light\n  } 25%); `}\n  ${breakpoint.down('sm')`\n   background: url(\"${BackgroundLinkMobile}\"),linear-gradient(to bottom, #FFF 25%, ${\n    colors.shades.grey.light\n  } 25%);background-repeat: no-repeat;background-size: 100% 100%`};\n`;\nconst LinkBlockBackground = () => {\n  return <LinkBackground />;\n};\nexport default LinkBlockBackground;\n","\"use strict\";\n\nexports.__esModule = true;\n\nvar _BreakpointProvider = require(\"./BreakpointProvider\");\n\nexports.useBreakpoint = _BreakpointProvider.useBreakpoint;\nexports.BreakpointProvider = _BreakpointProvider.BreakpointProvider;\n\nvar _withBreakpoints = require(\"./withBreakpoints\");\n\nexports.withBreakpoints = _withBreakpoints.withBreakpoints;","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjEgNzA4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YwZjBmMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRMaW5rczwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkyMSwzNzlhMjMuMzgsMjMuMzgsMCwwLDAtNy04LjgsNTE4LjU0LDUxOC41NCwwLDAsMC01NS4zOS00MUE2MzMuNjQsNjMzLjY0LDAsMCwwLDE3ODEuNTcsMjg3YTczMi42Miw3MzIuNjIsMCwwLDAtNzcuNjgtMzAuMzksODI5LjIyLDgyOS4yMiwwLDAsMC05Mi43LTI0LjUzYy0yMy00LjY3LTQ2LjE2LTguNjItNjkuNDUtMTEuNjctMjQuNDMtMy4yLTQ4LjkxLTUuNzItNzMuNTItNy4yLTE4Ljc3LTEuMTMtMzcuNTQtMi4zNy01Ni4zMi0yLjU5LTM5LjYyLS40NS03OS4yNC0uMTUtMTE4LjgyLDIuNjQtMTYuNDIsMS4xNi0zMi44OCwyLjEyLTQ5LjI4LDMuNjFzLTMyLjc2LDMuNDctNDkuMTMsNS4zNWMtMzIuNDUsMy43My02NC43LDguNjktOTYuODcsMTQuMTUtMjkuMDcsNC45NC01OCwxMC42NC04Ni44NCwxNi44Mi0zMC40Nyw2LjUyLTYwLjc4LDEzLjY4LTkxLDIxLjI2LTIyLjc4LDUuNzEtNDUuMzcsMTIuMS02OC40MSwxNi44MmE0OTcuNjUsNDk3LjY1LDAsMCwxLTc1LjcxLDkuODcsNDk1LjcsNDk1LjcsMCwwLDEtNjEuNDItLjQ5QTYwOCw2MDgsMCwwLDEsNjUxLDI5Mi42MWMtMjIuNzktNC4xNy00NS4yNy05LjY4LTY3LjU1LTE2LjA2LTM1LjI5LTEwLjEtNjkuNjktMjIuNzItMTAzLjY4LTM2LjQ2UTQ0Mi41MywyMjUsNDA2LjA1LDIwOGMtMjAuODQtOS42OS00MS42OC0xOS40LTYyLjMxLTI5LjUyLTI5LjQ2LTE0LjQ1LTU4LjgzLTI5LjExLTg3Ljk0LTQ0LjI2LTI2LjMxLTEzLjY5LTUyLjM5LTI3Ljc4LTc4LjM3LTQyLjA2QzE1MCw3Ny4wNiwxMjIuODQsNjEuNDcsOTUuMTksNDYuNzZjLTI2LjQ3LTE0LjA5LTUzLTI4LTgwLTQxQzEwLjY1LDMuNTUsNS4wNiwwLDAsMFY3MDhIMTkyMFoiLz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjAuMDkgNjg1Ljg2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2VmZWZlZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRTdWJJbnRyb0JvdHRvbTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkyMC4wOSwwSDBWNjg1LjQ2YzIuNTksMS4xOSw0LS40Niw1LjQzLTIuMjEsMy43My00LjcsNy4yMi05LjU4LDEwLjczLTE0LjQ0LDI5LjQ1LTQwLjc5LDU4LjE0LTgyLjEzLDg3LjktMTIyLjcsMjIuNjYtMzAuOSw0Ni02MS4yNSw3MC43Ni05MC41NXEyNi40My0zMS4zMyw1NC44OS02MC44MWMxMi41MS0xMi45MywyNS43Ni0yNS4wOSwzOS0zNy4yM2E3MzYuNiw3MzYuNiwwLDAsMSw3Ni4wOS02MC43NSw2OTkuNDksNjk5LjQ5LDAsMCwxLDEyMi40LTY4LjM3LDc2NS40Nyw3NjUuNDcsMCwwLDEsMTMxLjM5LTQzYzMwLjUyLTcuMDcsNjEuNDMtMTEuOTUsOTIuNTQtMTUuNzdhODQwLjMxLDg0MC4zMSwwLDAsMSw4NC4wOC02LjQzYzI4LjYxLS42Myw1Ny4yNy0uOTEsODUuOTMuNTIsMjEuNDQsMS4wOCw0Mi44NSwyLjM4LDY0LjI1LDQuMDgsMjMuMjQsMS44NCw0Ni40LDQuNDUsNjkuNSw3LjQ4LDU1LDcuMiwxMDkuNiwxNy4xNiwxNjMuNzEsMjkuNDIsNDQuMzUsMTAsODguNTcsMjAuNjgsMTMzLjI2LDI5LjE3LDMyLjU3LDYuMTksNjUuMjcsMTEuNjEsOTguMTMsMTUuOTMsMzUuMzIsNC42Myw3MC43Myw4LjI3LDEwNi4zMiwxMC4zOCwyMS42LDEuMjgsNDMuMiwyLjMsNjQuODIsMi42NywzMC40Ny41Miw2MC45LS43NSw5MS4zMS0yLjczcTI4LjY4LTEuODcsNTcuMTQtNS41N2E4MDkuMzMsODA5LjMzLDAsMCwwLDkxLjI3LTE3LjIzLDY2MS41Nyw2NjEuNTcsMCwwLDAsMTEyLjM0LTM4LjU1YzIuNzYtMS4yNCw1LjItMi42Nyw2Ljc2LTUuMzIiLz48L3N2Zz4=\"","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport Markdown from 'src/utils/markdownToComponent';\nimport { Grid, Typography } from '@material-ui/core';\nimport { Button } from 'components/basics';\nimport { breakpoint } from 'src/utils/mediaQueries';\nimport { colors, textBold } from 'styles';\nimport { Link } from 'gatsby';\nimport phone from 'images/solutionPage/analyseVerbatim/linksBlock/phone.png';\nimport { FORM_TYPES } from 'components/pages/Index/FormModals/formConfigs';\nimport FormModal from 'components/pages/Index/FormModals/FormModal';\n\nconst ContactImage = styled(Grid)`\n  width: auto;\n  margin-top: 8px;\n  padding-left: 0.5rem;\n  img {\n    max-width: 2.5rem;\n    ${breakpoint.down('lg')`\n    max-width: 1.8rem`}\n    ${breakpoint.down('md')`\n    max-width: 2.7rem`}\n  }\n`;\nconst StyledMarkdown = styled(Markdown)`\n  ${textBold}\n  ${breakpoint.only('md')`font-size: 24px`}\n`;\n\nconst PreTitle = styled(Typography)`\n  color: ${props => colors[props.customcolor]};\n  ${textBold}\n`;\nconst Container = styled(Grid)`\n  text-align: center;\n  ${breakpoint.down('md')`&:not(:last-child){margin-bottom: 4rem}`}\n  ${breakpoint.down('sm')`&:not(:last-child){margin-bottom: 2rem}`}\n`;\n\nconst LinkBlock = ({ data, lang }) => {\n  const [open, setOpen] = useState(false);\n  const handleOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n  if (data.frontmatter.color !== 'lightBlue') {\n    return (\n      <Container item xs={12} sm={12} md={4} lg={4}>\n        <PreTitle customcolor={data.frontmatter.color}>\n          {data.frontmatter.subTitle}\n        </PreTitle>\n        <StyledMarkdown variant=\"h6\">{data.rawMarkdownBody}</StyledMarkdown>\n        <Button\n          size=\"large\"\n          variant={'contained'}\n          customBackgroundColor={colors[data.frontmatter.color]}\n          customHoverBackgroundColor={\n            colors.shades[data.frontmatter.color].dark\n          }\n          color=\"primary\"\n          mt={1}\n          component={Link}\n          to={`/${lang}/${data.frontmatter.link}`}\n        >\n          {data.frontmatter.buttonText}\n        </Button>\n      </Container>\n    );\n  } else {\n    return (\n      <Container item xs={12} sm={12} md={4} lg={4}>\n        <PreTitle customcolor={data.frontmatter.color}>\n          {data.frontmatter.subTitle}\n        </PreTitle>\n        <StyledMarkdown variant=\"h6\">{data.rawMarkdownBody}</StyledMarkdown>\n        <Grid container justify=\"center\">\n          <Button\n            onClick={() => handleOpen()}\n            size=\"large\"\n            variant={'contained'}\n            customBackgroundColor={colors[data.frontmatter.color]}\n            customHoverBackgroundColor={\n              colors.shades[data.frontmatter.color].dark\n            }\n            color=\"primary\"\n            mt={1}\n          >\n            {data.frontmatter.buttonText}\n          </Button>\n\n          <ContactImage container alignItems=\"center\">\n            <a href={'tel:+330784960436'}>\n              <img src={phone} alt=\"phone\" loading=\"lazy\" />\n            </a>\n          </ContactImage>\n          <FormModal\n            lang={lang}\n            open={open}\n            handleClose={handleClose}\n            type={FORM_TYPES.CONTACT}\n          />\n        </Grid>\n      </Container>\n    );\n  }\n};\n\nexport default LinkBlock;\n","import React from 'react';\nimport LinkBlock from './LinkBlock';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport { Container, Content } from 'components/basics';\n\nconst ContentBlock = styled(Grid)`\n  padding-top: 8rem;\n  ${Content}\n`;\n\nconst LinkBlocks = ({ data, lang }) => {\n  return (\n    <Container>\n      <ContentBlock container spacing={40} justify=\"center\">\n        {data &&\n          data.map((block, index) => (\n            <LinkBlock key={`LinkBlock${index}`} data={block} lang={lang} />\n          ))}\n      </ContentBlock>\n    </Container>\n  );\n};\n\nexport default LinkBlocks;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjAuMDkgMTEwMS42NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlZmVmZWY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5iYWNrZ3JvdW5kU3ViSW50cm88L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5MjAuMDksNC42djEwOTdIMFYxMDExLjFjMS40MS0yLjY3LDMuNjktMy4zOCw2LjYtMy41LDIwLS44MiwzOS44LTMsNTkuNjctNC43OSw0Mi43OC00LDg1LjM1LTkuNTQsMTI3Ljc3LTE2LjI1LDIzLjg0LTMuNzgsNDcuNi04LjA2LDcxLjM0LTEyLjUycTYzLjg2LTEyLDEyNi44OC0yNy43M2M0OS4yOS0xMi4zMyw5OC4xOS0yNi4wNywxNDYuNi00MS41OHE1Mi4zOC0xNi43NywxMDMuOC0zNi4yMVE3MDUuNTQsODQ0Ljc5LDc2Ni43Nyw4MTdxNDgtMjEuODcsOTQuOC00Ni4xUTkxOSw3NDEuMDcsOTc0LjExLDcwNy4wNWMyOC41MS0xNy41OCw1Ni42OS0zNS42NSw4NC4xMi01NC44NiwyMi42NC0xNS44Nyw0NS0zMi4wNyw2Ni45NC00OXEzNi42MS0yOC4yNSw3MS42OC01OC4zM2MxNS40Mi0xMy4yMiwzMC4zNi0yNyw0NS4zMy00MC43MnEyNy44MS0yNS41MSw1NC4xNy01Mi41LDMyLjkzLTMzLjg0LDYzLjg0LTY5LjUyLDMyLjMyLTM3LjE2LDYyLjE4LTc2LjI5YTE1OTMuMTMsMTU5My4xMywwLDAsMCwxMDEuMzYtMTQ5LjcyYzE0LjEzLTIzLjc1LDI3Ljg4LTQ3Ljc1LDQ0LTcwLjMxLDE5LjYyLTI3LjUsNDEuNTUtNTIuODcsNjYuNzUtNzUuNDIsNC43Mi00LjIzLDkuMTQtOC43MywxNS41NS0xMC4zMnExMzIuNzUsMCwyNjUuNS0uMWMzLjc1LDAsNC41OS44NSw0LjU5LDQuNiIvPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwMCAxMTk4LjMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZWZlZmVmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YmFja2dyb3VuZExpbmtzTW9iaWxlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02MDAsMTE5OC4zVi44NWMtNDYuNTctMi4zMi0xMDguOC4zNS0xNTUuMyw1QTExNzUuNzksMTE3NS43OSwwLDAsMCwzMjYuOTQsMjQuMTZjLTcxLjEsMTQuNDctMTQxLjA3LDM1LjU0LTIxMC4yLDYxLDAsMC02NSwyOC40OC0xMTYuNzQsMjcuNzhWMTE5OC4zWiIvPjwvc3ZnPg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAE/UlEQVRYhdWZSYwUVRiAv6qumuruoXs2Nodthj0iyuKBAUKAGFwuboiickFN9KCJmJjogcTBk1484Mlo4kJQSTBy0UQFoxhNxDgxbGF12FohMPR0z0wv1d3mkddQ06+6u3obxu/4/tfvffW6/ldv0Sb+fJ4auRNYDywHFgIzgAlACxAF4oDo5DjwB7AfOFpLl9VKdwFbgWeA2Uq0PGeAXcBHwN+Nlp4LbAc2A4YSrRwb2A30Aqe8/lpXStzxA28Bh4EtdRJGtrNFttsr+ymLl5GeB3wJLFEi9acP2AScLNVyuZG+Hzg0RsLIfkR/DygRB6WknwD2AWEl0lhEf1/L/l0pJi2msM+AJiUyNjTJ/te79eYmLd7hvbdROE+T9JhfGCiUFtn7hfwwjAeEx+eFs0qh9BvA0nEinEf4vOkscE55c+V8aSk/u/0kgbvyHyDnSPdWIrzEMtg1v51zPZ3sWdjB6kC9vjeuWNIPp/QcOal7Ypll8OK0Cdw3KUjAp7N2YoDXultYFWyo+JPS86b084BPqVaETZODrGwPoGu34qvbA7ze3dLIEReuLzilNytVSrCqw89Uv/qMK9sCvNrVyorGiW/OSy8CZinhEkw0DbQi4RVtFuvaLEwlUhdmCl8hvbbS1rLklLI8A6ksFxIZ0kqkbqwT0vdW2tp1213732SGjy/G2DeQVGJ1ZLmQXlBpe8djKaLpzKgy8RDfXRnmvUicaM7tkerGAr3S91lwcCDBpURGKZ/uN5hhuC1n6spMXW5CK+L7aJLfrydIO0ZUJObKdj9PTwk2KgnzhPRq1svn7SxfXRnm9NDodGvSNTZOncDjbZ52TdUSFtKD1fz4l2GbXRfjXC94t6cFDF6aGebBUMNWtjFfcOu2l8WQKyEPHBuxadPg7rCFT7s1c0+yfMxrNhlJ2pxIZMjK8mZN49FWiw2tftJ2lohdVcJeFdIb5QFLxYiX49iQzRRDvyHpFJ9s+VgSsghpOSIjGVI5eG5ykFe6WljTEWCO36R/KMXFysUPC+nVtWxc47kcf8VSdBo+uptNDId42NRZFvYzP2CyNGjwVGeIOwIGlq7RFTSZ7Tc4G09zwc4q7ZbgByEtRvmh4nXKM5jNcSSWYqrhY3bBiBu6dqPsnrBFyBw9Hc4ImEy3hHiSS95H/EPRygGluArO2Fl6+6PsjcQZyagjpxdZrKzp8LNtVqtSXoIDQvoIcK54He+IqXDHuUHe748Scfn4FEOIe0R4Hs3/X7vrIS24nMmxMzLM26eu8dPVhDIlunHwWsKl1BXhmcvvEcWO4ITLRrcm5po+NrRZrGkPMKfZpMPUCTk+85eTGX4bSLDzwiB/lv9nsvI44bRIRFEwIM+WFytVa+BaNkffUJrIcJqYnSGb09A1jWwuxz/JDD9eHeGTSJxD3l4lcbTxAf+z3fji/MGk83UQ2/N3lOrjg3edJ6mFR70ijX8dw1NSL4jj3x7gZrYWJl5CbtWj40Q4Kn1GTS9us4WYRR4DUkpkbElJjxOFvbpJI2+gnr2N4inZ/34lUkJasAd4uNr1dg3EgEdk/66UkhZ8K3frfUqkMfTJ+8hvSrXu5Qt4UmbvDjlfNoKUbL+n3CWRV2lk9m6Xx62fyvu/emDL9hbJ9j0tQmq9sRXJ0q1Ey3NW3qmMyY2tG2KU1jnuxsU5SrPc5YskHgL6HXfjYv0ulsPVAfwHqUJf2ESbG+oAAAAASUVORK5CYII=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc1MCA4MTcuMzQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjFmMWYxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YmFja2dyb3VuZFN1YkludHJvTW9iaWxlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02MzMuODMsMEM0ODcuNjYsMjE3LDAsMTU4LjQ3LDAsMTU4LjQ3VjgxNy4zNHMzNzUtMTUwLjQ1LDc1MCwwVjAiLz48L3N2Zz4=\""],"sourceRoot":""}