[next] Email (#2261)

* feat: suspending, banning, now propogation

* feat: added email rendering + localization support

* fix: fix related to lib

* refactor: moved juicer to queue task

* refactor: cleanup of job processor

* refactor: improved error messaging around failed email

* feat: initial forgot passwor impl

* fix: fixed rebase errors

* feat: send back Content-Language header with requests

* feat: added ban email

* feat: implemented forgotten password API

* fix: linting

* feat: support more emails

* fix: promise patches

* feat: initial confirm email API

* feat: added rate limiting

* feat: added URL support

* feat: added email docs

* fix: updated docs

* chore: documentation review

* fix: fixed build bug

* feat: implement forgot password in auth popup

* test: add tests + fixes

* chore: rename StatelessComponent to FunctionComponent

* fix: types and test fixes

* chore: upgrade deps

* fix: THANK YOU TESTS FOR SAVING MY A**

* chore: reorder imports

* chore: remove obsolete !

* feat: implement accounts bundle

* refactor: review suggestion

* fix: rebase upgrade error

* fix: rebase bug

* feat: reset password link support

* test: add tests for account password reset page

* fix: remove redirect uri

* fix: revert local state changes

src/core/client/auth/components/Header/Bar.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { Flex } from "talk-ui/components";
 
@@ -9,7 +9,7 @@ export interface BarProps {
   children: React.ReactNode;
 }
 
-const Bar: StatelessComponent<BarProps> = props => (
+const Bar: FunctionComponent<BarProps> = props => (
   <Flex className={styles.root} alignItems="center" justifyContent="center">
     <div>{props.children}</div>
   </Flex>

src/core/client/auth/components/Header/SubBar.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { Flex } from "talk-ui/components";
 
@@ -9,7 +9,7 @@ export interface SubBarProps {
   children: React.ReactNode;
 }
 
-const SubBar: StatelessComponent<SubBarProps> = props => (
+const SubBar: FunctionComponent<SubBarProps> = props => (
   <Flex className={styles.root} alignItems="center" justifyContent="center">
     <div>{props.children}</div>
   </Flex>

src/core/client/auth/components/Header/Subtitle.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { Typography } from "talk-ui/components";
 import styles from "./Subtitle.css";
@@ -8,7 +8,7 @@ interface Props {
   children?: React.ReactNode;
 }
 
-const Subtitle: StatelessComponent<Props> = props => (
+const Subtitle: FunctionComponent<Props> = props => (
   <Typography variant="heading4" align="center" className={styles.root}>
     {props.children}
   </Typography>

src/core/client/auth/components/Header/Title.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { Typography } from "talk-ui/components";
 import styles from "./Title.css";
@@ -8,7 +8,7 @@ interface Props {
   children?: React.ReactNode;
 }
 
-const Title: StatelessComponent<Props> = props => (
+const Title: FunctionComponent<Props> = props => (
   <Typography variant="heading2" align="center" className={styles.root}>
     {props.children}
   </Typography>