[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/framework/components/FacebookButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { PropTypesOf } from "talk-framework/types";
 import { Button } from "talk-ui/components";
@@ -26,7 +26,7 @@ const facebookIcon = (
   </svg>
 );
 
-const FacebookButton: StatelessComponent<Props> = props => (
+const FacebookButton: FunctionComponent<Props> = props => (
   <Button
     classes={styles}
     variant="filled"

src/core/client/framework/components/GoogleButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { PropTypesOf } from "talk-framework/types";
 import { Button } from "talk-ui/components";
@@ -26,7 +26,7 @@ const googleIcon = (
   </svg>
 );
 
-const GoogleButton: StatelessComponent<Props> = props => (
+const GoogleButton: FunctionComponent<Props> = props => (
   <Button
     classes={styles}
     variant="filled"

src/core/client/framework/components/OIDCButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StatelessComponent } from "react";
+import { FunctionComponent } from "react";
 
 import { PropTypesOf } from "talk-framework/types";
 import { Button } from "talk-ui/components";
@@ -11,7 +11,7 @@ interface Props {
   children: React.ReactNode;
 }
 
-const OIDCButton: StatelessComponent<Props> = props => (
+const OIDCButton: FunctionComponent<Props> = props => (
   <Button
     classes={styles}
     variant="filled"

src/core/client/framework/components/PasswordField.tsx

@@ -1,5 +1,5 @@
 import { Localized } from "fluent-react/compat";
-import React, { StatelessComponent } from "react";
+import React, { FunctionComponent } from "react";
 
 import { Omit, PropTypesOf } from "talk-framework/types";
 import { PasswordField as PasswordFieldUI } from "talk-ui/components";
@@ -10,7 +10,7 @@ export interface Props
     "showPasswordTitle" | "hidePasswordTitle"
   > {}
 
-const PasswordField: StatelessComponent<Props> = props => (
+const PasswordField: FunctionComponent<Props> = props => (
   <Localized
     id="framework-passwordField"
     attrs={{ showPasswordTitle: true, hidePasswordTitle: true }}