{"version":3,"sources":["webpack:///./src/components/TableOfContents.tsx","webpack:///./src/pages/politique-confidentialite.tsx"],"names":["navStyle","hcss","blockLink","linkStyle","textStyle","subStyle","css","fontSize","injectIntl","FeaturesHeader","formatMessage","intl","useContext","theme","useState","activeLink","setActiveLink","setScrollPosition","handleScroll","position","window","useEffect","document","data","id","title","content","minShowSize","style","width","margin","className","href","i","color","onClick","marginTop","marginLeft","display","flexDirection","ref","el","transform","translateY","dangerouslySetInnerHTML","__html","maxShowSize","headerStyle","backgroundColor","overflow","headerXL","height","headerLG","headCard","paddingTop","paddingBottom","textAlign","cardXL","paddingLeft","paddingRight","cardLG","titleStyleLG","lineHeight","textCss","subCss","subCssLG","privacyPolicy","isLight","description","urlPage","rotate","fontFamily"],"mappings":"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","file":"35-630d46cec139e02a66d1.js","sourcesContent":["import React, { useContext, useEffect, useState } from 'react'\nimport { ThemeContext, Bold, View } from '~/pagui'\nimport { css } from '@emotion/native'\nimport { css as hcss } from '@emotion/css'\nimport { LG_SIZE } from '~/pagui/components/View'\nimport { injectIntl, InjectedIntlProps } from 'gatsby-plugin-intl'\n\nconst navStyle = hcss`\nwidth : 35%;\nbackground-color : #F5F5EB; \npadding : 35px;\ntransform : translateY(80px);\nborder-radius : 10px ;\n@media (max-width: 900px) {\n    width: 100%;\n    transform :none; \n    padding : 10px; \n\n  }\n\n`\nconst blockLink = hcss`\nposition: sticky;\nposition: -webkit-sticky; \ndisplay : flex; \nflex-direction : column ;\ntop: 50px;\n\n\n`\n\nconst linkStyle = hcss`\nfont-family : Matrice-Bold; \nmargin : 10px 0 ; \ncolor : black; \n`\nconst textStyle = hcss`\ntransform : translateY(80px);\nfont-family : Montserrat-Light; \n\nli {\n    font-family : Montserrat-Light; \n\n}\n\n@media (max-width: 900px) {\n    transform : none;\n}\n\n`\nconst subStyle = css({\n  fontSize: 20,\n})\n\nconst FeaturesHeader: React.FC<InjectedIntlProps> = ({\n  intl: { formatMessage },\n}) => {\n  const [theme] = useContext(ThemeContext)\n  const [activeLink, setActiveLink] = useState('')\n  const [scrollPosition, setScrollPosition] = useState(0)\n  const handleScroll = () => {\n    const position = window.pageYOffset\n    setScrollPosition(position)\n  }\n\n  useEffect(() => {\n    document.addEventListener('scroll', handleScroll)\n    return () => {\n      document.removeEventListener('scroll', handleScroll)\n    }\n  }, [])\n\n  const data = [\n    {\n      id: 1,\n      title:\n        '1. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item1.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item1.content',\n      }),\n    },\n    {\n      id: 2,\n      title:\n        '2. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item2.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item2.content',\n      }),\n    },\n    {\n      id: 3,\n      title:\n        '3. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item3.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item3.content',\n      }),\n    },\n    {\n      id: 4,\n      title:\n        '4. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item4.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item4.content',\n      }),\n    },\n    {\n      id: 5,\n      title:\n        '5. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item5.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item5.content',\n      }),\n    },\n    {\n      id: 6,\n      title:\n        '6. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item6.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item6.content',\n      }),\n    },\n    {\n      id: 7,\n      title:\n        '7. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item7.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item7.content',\n      }),\n    },\n    {\n      id: 8,\n      title:\n        '8. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item8.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item8.content',\n      }),\n    },\n    {\n      id: 9,\n      title:\n        '9. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item9.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item9.content',\n      }),\n    },\n    {\n      id: 10,\n      title:\n        '10. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item10.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item10.content',\n      }),\n    },\n    {\n      id: 11,\n      title:\n        '11. ' +\n        formatMessage({ id: 'privacyPolicy.tableOfContents.item11.title' }),\n      content: formatMessage({\n        id: 'privacyPolicy.tableOfContents.item11.content',\n      }),\n    },\n  ]\n\n  return (\n    <>\n      <View\n        minShowSize={LG_SIZE}\n        style={[\n          theme.styles.flexRow,\n          { width: '90%', margin: 'auto' },\n          theme.styles.p2,\n        ]}\n      >\n        <nav className={navStyle}>\n          <div className={blockLink}>\n            {data.map((i) => {\n              return (\n                <a\n                  href={`#${i.title}`}\n                  style={activeLink === i.title ? { color: '#00DA95' } : {}}\n                  className={linkStyle}\n                  onClick={() => {\n                    setActiveLink(i.title)\n                  }}\n                >\n                  {i.title}\n                </a>\n              )\n            })}\n          </div>\n        </nav>\n\n        <div id=\"test\" style={{ width: '60%', marginTop: -50, marginLeft: 30 }}>\n          {data.map((i) => {\n            return (\n              <div\n                id={i.title}\n                style={{ display: 'flex', flexDirection: 'column' }}\n                ref={(el) => {\n                  if (!el) return\n                  el.getBoundingClientRect().y < 0\n                    ? ''\n                    : el.getBoundingClientRect().y <= 100\n                    ? setActiveLink(i.title)\n                    : ''\n                }}\n              >\n                <Bold\n                  style={[\n                    { transform: [{ translateY: 80 }] },\n                    theme.styles.pt5,\n                    theme.styles.mt2,\n                    theme.styles.mb2,\n                    subStyle,\n                  ]}\n                >\n                  {i.title}\n                </Bold>\n                <div\n                  dangerouslySetInnerHTML={{ __html: i.content }}\n                  className={textStyle}\n                ></div>\n              </div>\n            )\n          })}\n        </div>\n      </View>\n      <View\n        maxShowSize={LG_SIZE}\n        style={[theme.styles.flexCol, theme.styles.p1]}\n      >\n        <nav className={navStyle}>\n          <div className={blockLink}>\n            {data.map((i) => {\n              return (\n                <a\n                  href={`#${i.title}`}\n                  style={activeLink === i.title ? { color: '#00DA95' } : {}}\n                  className={linkStyle}\n                  onClick={() => {\n                    setActiveLink(i.title)\n                  }}\n                >\n                  {i.title}\n                </a>\n              )\n            })}\n          </div>\n        </nav>\n\n        <View style={[{ width: '100%' }]}>\n          {data.map((i) => {\n            return (\n              <div\n                id={i.title}\n                style={{ display: 'flex', flexDirection: 'column' }}\n              >\n                <Bold\n                  style={[\n                    theme.styles.pt2,\n                    theme.styles.mt2,\n                    theme.styles.mb2,\n                    subStyle,\n                  ]}\n                >\n                  {i.title}\n                </Bold>\n                <div\n                  dangerouslySetInnerHTML={{ __html: i.content }}\n                  className={textStyle}\n                ></div>\n              </div>\n            )\n          })}\n        </View>\n      </View>\n    </>\n  )\n}\n\nexport default injectIntl(FeaturesHeader)\n","import React, { useContext } from 'react'\nimport { css } from '@emotion/native'\nimport { ThemeContext, Text, View, H1 } from '~/pagui'\nimport { LG_SIZE } from '~/pagui/components/View'\nimport { injectIntl, InjectedIntlProps } from 'gatsby-plugin-intl'\nimport { Layout } from '~/components/Layout'\nimport { SEO } from '~/components/SEO'\nimport TableOfContents from '~/components/TableOfContents'\nimport Contact from '~/components/Contact'\n\nconst headWidth = 1000\nconst headWidthLG = 335\nconst headerStyle = css({\n  backgroundColor: '#141414',\n  overflow: 'hidden',\n  marginTop: 60,\n})\nconst headerXL = css({\n  height: 500,\n})\nconst headerLG = css({\n  height: 330,\n})\nconst headCard = css({\n  backgroundColor: 'white',\n  margin: 'auto',\n  marginTop: -30,\n  paddingTop: 50,\n  paddingBottom: 50,\n  textAlign: 'center',\n})\n\nconst cardXL = css({\n  width: headWidth,\n  paddingLeft: 50,\n  paddingRight: 50,\n  height: 330,\n})\nconst cardLG = css({\n  width: headWidthLG,\n  paddingLeft: 10,\n  paddingRight: 10,\n  height: 250,\n})\nconst titleStyleLG = css({\n  fontSize: 25,\n  lineHeight: 25,\n})\n\nconst textCss = css({\n  fontSize: 50,\n  lineHeight: 50,\n})\n\nconst subCss = css({\n  fontSize: 30,\n})\nconst subCssLG = css({\n  fontSize: 20,\n})\n\ntype Props = {} & InjectedIntlProps\n\nconst privacyPolicy: React.FC<Props> = ({\n    intl: { formatMessage },\n  }) => {\n  const [theme] = useContext(ThemeContext)\n\n  return (\n    <Layout isLight>\n      <SEO\n        title=\"Politique de confidentialité\"\n        description=\"Politique de confidentialité\"\n        urlPage=\"https://pagily.io/politique-confidentialite/\"\n\n      />\n      <View minShowSize={LG_SIZE}>\n        <View style={[headerStyle, headerXL]}>\n          <View\n            style={[\n              headCard,\n              cardXL,\n              {\n                transform: [{ rotate: '3deg' }],\n              },\n            ]}\n          >\n            <H1\n              style={[\n                textCss,\n                {\n                  transform: [{ rotate: '-3deg' }],\n                },\n              ]}\n            >\n                {formatMessage({ id: 'privacyPolicy.title' })}\n            </H1>\n            <Text\n              style={[\n                subCss,\n                theme.styles.mt3,\n                {\n                  transform: [{ rotate: '-3deg' }],\n                  fontFamily: 'Matrice-Regular',\n                },\n              ]}\n            >\n              {formatMessage({ id: 'privacyPolicy.subTitle' })}\n            </Text>\n          </View>\n        </View>\n      </View>\n      <View maxShowSize={LG_SIZE}>\n        <View style={[headerStyle, headerLG]}>\n          <View\n            style={[\n              headCard,\n              cardLG,\n              {\n                transform: [{ rotate: '3deg' }],\n              },\n            ]}\n          >\n            <H1\n              style={[\n                titleStyleLG,\n                {\n                  transform: [{ rotate: '-3deg' }],\n                },\n              ]}\n            >\n              Politique de confidentialité\n            </H1>\n            <Text\n              style={[\n                subCssLG,\n                theme.styles.mt3,\n                {\n                  transform: [{ rotate: '-3deg' }],\n                  fontFamily: 'Matrice-Regular',\n                },\n              ]}\n            >\n              Dernière mise à jour le 22 juillet 2021\n            </Text>\n          </View>\n        </View>\n      </View>\n      <TableOfContents />\n\n      <View minShowSize={LG_SIZE} style={{ marginTop: 150 }}>\n        <Contact />\n      </View>\n      <View maxShowSize={LG_SIZE}>\n        <Contact />\n      </View>\n    </Layout>\n  )\n}\n\nexport default injectIntl(privacyPolicy)\n"],"sourceRoot":""}