{"version":3,"file":"component---src-pages-legals-tsx-6c78e548204fcce48745.js","mappings":"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","sources":["webpack://user-website/./src/Locales.ts","webpack://user-website/./src/pages/legals.tsx","webpack://user-website/./src/components/common/table.tsx","webpack://user-website/./src/utils/format-body-raw.tsx"],"sourcesContent":["export const getPageTitle = (title: string) => `${title} | Joko`;\n\nexport interface LocaleTexts {\n  language: string;\n  home: {\n    pageTitle: string;\n    downloadButtons: {\n      appStore: string;\n      browserExtension: string;\n    };\n    footer: {\n      links: {\n        legals: string;\n        tos: string;\n        privacyPolicy: string;\n        blog: string;\n        jobs: string;\n        help: string;\n        press: string;\n        webApp: string;\n      };\n    };\n    outdatedBrowserAlert: {\n      title: string;\n      subtitle: string;\n    };\n    introImageAltText: string;\n    presentationImagesAltText: string;\n  };\n  shopOnDesktop: {\n    pageTitle: string;\n    adBlockerDetected: {\n      title: string;\n      subtitle: string;\n    };\n    redirection: {\n      title: string;\n    };\n  };\n  oauth2: {\n    pageTitle: string;\n    success: {\n      title: string;\n      subtitle: string;\n    };\n    error: {\n      title: string;\n    };\n  };\n  emailConfirmation: {\n    pageTitle: string;\n    title: string;\n    subtitle: string;\n  };\n  pageNotFound: {\n    pageTitle: string;\n    text: string;\n    goBackLink: string;\n  };\n  uninstallationForm: {\n    pageTitle: string;\n    form: {\n      preTitle: string;\n      title: string;\n      indication: string;\n      otherReason: string;\n      otherReasonPlaceholder: string;\n      submitButtonLabel: string;\n      formCheckboxValues: {\n        extensionAppearsTooOften: string;\n        notEnoughBrands: string;\n        purchasesNotTakenIntoAccount: string;\n        extensionBugs: string;\n        noPurchaseOnThisComputer: string;\n        notEnoughCashback: string;\n        cashbackNotFastEnough: string;\n        useDifferentCashbackExtension: string;\n        doNotUnderstandTheIdeaOfCashback: string;\n        privacyReasons: string;\n      };\n    };\n    thanks: {\n      title: string;\n      indication: string;\n    };\n  };\n  link: {\n    openAppButton: string;\n    goBackButton: string;\n  };\n}\n","import * as React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { graphql } from \"gatsby\";\nimport { useIntl } from \"gatsby-plugin-intl\";\nimport styled from \"styled-components\";\nimport { Reset } from \"styled-reset\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport { ENGLISH_HOMEPAGE, FRENCH_HOMEPAGE } from \".\";\nimport { getPageTitle } from \"../Locales\";\nimport { theme } from \"../theme/theme\";\nimport FontFaces from \"../theme/fonts/font-faces\";\nimport GlobalStyle from \"../theme/global\";\nimport { Header } from \"../components/header\";\nimport { Footer } from \"../components/footer\";\nimport { HalfCenteredRow } from \"../components/common/layout\";\nimport { formatBodyRaw } from \"../utils/format-body-raw\";\nimport { ContentfulPage } from \"../utils/contentful\";\n\nconst LegalsPage = ({ data }) => {\n  const legalsPage: ContentfulPage = formatLegalsQueryResult(data);\n  const intl = useIntl();\n  return (\n    <ThemeProvider theme={theme}>\n      <Reset />\n      <GlobalStyle />\n      <main>\n        <Helmet>\n          <title>{getPageTitle(legalsPage.title)}</title>\n          <style type=\"text/css\">{FontFaces}</style>\n          <link\n            rel=\"alternate\"\n            hrefLang=\"en-gb\"\n            href={ENGLISH_HOMEPAGE + \"/legals\"}\n          />\n          <link\n            rel=\"alternate\"\n            hrefLang=\"en-us\"\n            href={ENGLISH_HOMEPAGE + \"/legals\"}\n          />\n          <link\n            rel=\"alternate\"\n            hrefLang=\"en\"\n            href={ENGLISH_HOMEPAGE + \"/legals\"}\n          />\n          <link\n            rel=\"alternate\"\n            hrefLang=\"fr\"\n            href={FRENCH_HOMEPAGE + \"/legals\"}\n          />\n          <link\n            rel=\"alternate\"\n            hrefLang=\"x-default\"\n            href={ENGLISH_HOMEPAGE + \"/legals\"}\n          />\n          <meta\n            name=\"description\"\n            content={\n              intl.locale === \"en\"\n                ? \"What if all your purchases became cheaper, without any effort? Coupons, price tracking, cash back\"\n                : \"Boostez votre pouvoir d'achat ! Et si tout devenait moins cher, sans aucun effort ? Codes promo, suivi des prix, cashback, paiement en plusieurs fois\"\n            }\n            key=\"description\"\n          />\n        </Helmet>\n        <Header />\n        <Wrapper>\n          <HalfCenteredRow>\n            <Heading className=\"heading\">{legalsPage.title}</Heading>\n            {formatBodyRaw(legalsPage.body.raw)}\n          </HalfCenteredRow>\n        </Wrapper>\n        <Footer />\n      </main>\n    </ThemeProvider>\n  );\n};\n\nexport default LegalsPage;\n\nexport const legalsQuery = graphql`\n  query LegalsQuery($language: String) {\n    allContentfulPage(\n      filter: {\n        contentful_id: { in: [\"VAB0ANEffiNTbGa1YRddu\"] }\n        node_locale: { eq: $language }\n      }\n    ) {\n      nodes {\n        node_locale\n        title\n        body {\n          raw\n        }\n      }\n    }\n  }\n`;\n\ninterface LegalsQueryResponse {\n  allContentfulPage: {\n    nodes: ContentfulPage[];\n  };\n}\n\nfunction formatLegalsQueryResult(\n  queryResult: LegalsQueryResponse\n): ContentfulPage {\n  return queryResult.allContentfulPage.nodes[0];\n}\n\nconst Wrapper = styled.section`\n  min-height: 100vh;\n  box-sizing: border-box;\n  padding: 6.25em 0;\n`;\n\nconst Heading = styled.h1`\n  text-align: center;\n  margin-bottom: 1em;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport { theme } from \"../../theme/theme\";\nimport {\n  ContentfulTable,\n  ContentfulTableRow,\n  ContentfulTableCell,\n} from \"../../utils/contentful\";\nimport { ConditionalWrapper } from \"./conditional-wrapper\";\nimport { HalfCenteredRow } from \"./layout\";\n\nconst doubleHalfMediaQuery: string = \"@media screen and (min-width: 68.75em)\"; //110px\n\nexport const TableWrapper = styled.div`\n  overflow: auto;\n\n  &:not(:first-child) {\n    margin-top: 2em;\n  }\n\n  ${doubleHalfMediaQuery} {\n    ${HalfCenteredRow} & {\n      width: 200%;\n      margin-left: -50%;\n    }\n  }\n`;\n\nconst TableCell = styled.td`\n  padding: 1em;\n  text-align: left;\n`;\n\nconst StyledTable = styled.table`\n  table-layout: fixed;\n  width: 100%;\n  margin: 0 auto;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  &,\n  ${TableCell} {\n    border: 2px solid ${theme.palette.common.grey};\n  }\n\n  &:not(:first-child) {\n    margin-top: 2em;\n  }\n`;\n\ntype PropsModel = {\n  data: ContentfulTable;\n};\n\nfunction generateRows(tr: ContentfulTableRow[], keyPrefix: string) {\n  return tr.map((row: ContentfulTableRow, i: number) => {\n    return (\n      <tr key={keyPrefix + i}>\n        {row.tr.map((cell: ContentfulTableCell, j: number) => {\n          if (cell.nodeType === \"th\")\n            return (\n              <TableCell\n                key={keyPrefix + i + \" \" + j}\n                className=\"text text--bold\"\n                rowSpan={cell.rowspan}\n                dangerouslySetInnerHTML={{\n                  __html: cell.body,\n                }}\n                as=\"th\"\n              />\n            );\n          else\n            return (\n              <TableCell\n                key={keyPrefix + i + \" \" + j}\n                className=\"text\"\n                dangerouslySetInnerHTML={{\n                  __html: cell.body,\n                }}\n              ></TableCell>\n            );\n        })}\n      </tr>\n    );\n  });\n}\n\nexport const Table = ({ data }: PropsModel) => {\n  return (\n    <ConditionalWrapper\n      condition={data.childContentfulTableContentJsonNode.wide}\n      wrapper={(children) => <TableWrapper>{children}</TableWrapper>}\n    >\n      <StyledTable>\n        {data.childContentfulTableContentJsonNode.thead.length ? (\n          <thead>\n            {generateRows(\n              data.childContentfulTableContentJsonNode.thead,\n              data.contentful_id + \"_thead_\"\n            )}\n          </thead>\n        ) : (\n          \"\"\n        )}\n        {data.childContentfulTableContentJsonNode.tbody.length ? (\n          <tbody>\n            {generateRows(\n              data.childContentfulTableContentJsonNode.tbody,\n              data.contentful_id + \"_tbody_\"\n            )}\n          </tbody>\n        ) : (\n          \"\"\n        )}\n      </StyledTable>\n    </ConditionalWrapper>\n  );\n};\n","import * as React from \"react\";\nimport { documentToReactComponents } from \"@contentful/rich-text-react-renderer\";\nimport { BLOCKS, INLINES, MARKS } from \"@contentful/rich-text-types\";\n\nimport { ContentfulTable } from \"../utils/contentful\";\nimport { Table } from \"../components/common/table\";\n\nexport function formatBodyRaw(raw: any, tableNodes?: ContentfulTable[]) {\n  const bodyOptions = {\n    renderMark: {\n      [MARKS.BOLD]: (text) => <b>{text}</b>,\n      [MARKS.ITALIC]: (text) => <i>{text}</i>,\n    },\n    renderNode: {\n      [INLINES.HYPERLINK]: ({ data }, children) => {\n        return (\n          <a className=\"link\" href={data.uri}>\n            {children}\n          </a>\n        );\n      },\n      [BLOCKS.PARAGRAPH]: (_node, children) => {\n        if (\n          tableNodes &&\n          (children.includes(\"ContentfulTable\") ||\n            children.filter(\n              (child: string) => child.toString().indexOf(\"ContentfulTable\") > 0\n            ).length)\n        ) {\n          const node = tableNodes.filter(\n            (node) =>\n              `[ContentfulTable:\"${node.contentful_id}\"]` === children[0] ||\n              children.includes(node.contentful_id)\n          );\n\n          if (node.length) {\n            return <Table data={node[0]} />;\n          } else return \"\";\n        } else return <p className=\"text\">{children}</p>;\n      },\n      [BLOCKS.UL_LIST]: (_node, children) => {\n        return <ul className=\"ul-list\">{children}</ul>;\n      },\n      [BLOCKS.LIST_ITEM]: (_node, children) => {\n        return <li className=\"text\">{children}</li>;\n      },\n      [BLOCKS.HEADING_2]: (_node, children) => {\n        return <h2 className=\"small-heading\">{children}</h2>;\n      },\n      [BLOCKS.HEADING_3]: (_node, children) => {\n        return <h3 className=\"small-heading\">{children}</h3>;\n      },\n      [BLOCKS.HEADING_4]: (_node, children) => {\n        return <h4 className=\"emphasized-text\">{children}</h4>;\n      },\n      [BLOCKS.HEADING_5]: (_node, children) => {\n        return <h5 className=\"text text--bold\">{children}</h5>;\n      },\n    },\n  };\n\n  return raw ? documentToReactComponents(JSON.parse(raw), bodyOptions) : \"\";\n}\n"],"names":["getPageTitle","title","data","legalsPage","allContentfulPage","nodes","intl","useIntl","ThemeProvider","theme","type","FontFaces","rel","hrefLang","href","ENGLISH_HOMEPAGE","FRENCH_HOMEPAGE","name","content","locale","key","Wrapper","Heading","className","formatBodyRaw","body","raw","styled","TableWrapper","HalfCenteredRow","TableCell","StyledTable","generateRows","tr","keyPrefix","map","row","i","cell","j","nodeType","rowSpan","rowspan","dangerouslySetInnerHTML","__html","as","Table","condition","childContentfulTableContentJsonNode","wide","wrapper","children","thead","length","contentful_id","tbody","tableNodes","bodyOptions","renderMark","MARKS","text","renderNode","INLINES","uri","BLOCKS","_node","includes","filter","child","toString","indexOf","node","documentToReactComponents","JSON","parse"],"sourceRoot":""}