[next] Auth Popup v2 (#2101)

* feat: Implement new Sign In view

* feat: Move forgot + resetPassword to new design

* feat: Implement sign up with new design

* fix: narrow gutter

* test: add unit tests

* test: integration tests

* feat: support show / hide password

* feat: support oauth2 flow

* feat: add views for user completion

* feat: implement oauth2 sign up

* test: fix snapshots

* fix: lint

* fix: get more complete mutation response

* fix: removed array of OIDC integrations

* fix: renamed resolver function

* fix: adapt oidc client implementation

* fix: targetFilter should be stream on signup

* fix: removed unneeded message

* fix: moved password into local profile

* fix: made username optional, removed valid null value

* fix: linting

* fix: respect targetFilter

* feat: support user registration mutations

- Added `setUsername`
- Added `setEmail`
- Added `setPassword`
- Added `permit` to `@auth`
- Added `email` to `User`

* fix: fixed issue with query

* feat: added user password update

* feat: complete sign in mutation

* fix: adapt some rebasing gitches

* test: improve tests

* test: unittest for setting auth token

* fix: failing tests

* test: move most tests from enzyme to react-test-renderer

* fix: remove schema warnings in tests

* test: improve window mock

* test: test different social login configurations

* test: test social logins for sign up

* fix: use htmlFor instead of for

* test: more feature tests

* feat: always go through account completion

* test: feature test account completion

* feat: addtional account completion test

* Update start.ts

* chore: refactor auth token retrieval logic

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

@@ -13,7 +13,7 @@ interface State {
   copied: boolean;
 }
 
-class PermalinkPopover extends React.Component<InnerProps> {
+class CopyButton extends React.Component<InnerProps> {
   private timeout: any = null;
 
   public state: State = {
@@ -59,4 +59,4 @@ class PermalinkPopover extends React.Component<InnerProps> {
   }
 }
 
-export default PermalinkPopover;
+export default CopyButton;

src/core/client/framework/components/CopyButton/index.ts

@@ -1 +0,0 @@
-export { default } from "./CopyButton";

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

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

src/core/client/framework/components/index.ts

@@ -1 +1,2 @@
 export { default as CopyButton } from "./CopyButton";
+export { default as PasswordField } from "./PasswordField";