[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/server/app/router/api/auth.ts

@@ -5,7 +5,10 @@ import {
   logoutHandler,
   signupHandler,
 } from "talk-server/app/handlers/api/tenant/auth/local";
-import { wrapAuthn } from "talk-server/app/middleware/passport";
+import {
+  wrapAuthn,
+  wrapOAuth2Authn,
+} from "talk-server/app/middleware/passport";
 import { RouterOptions } from "talk-server/app/router/types";
 
 function wrapPath(
@@ -15,7 +18,11 @@ function wrapPath(
   strategy: string,
   path: string = `/${strategy}`
 ) {
-  const handler = wrapAuthn(options.passport, app.signingConfig, strategy);
+  const handler = wrapOAuth2Authn(
+    options.passport,
+    app.signingConfig,
+    strategy
+  );
 
   router.get(path, handler);
   router.get(path + "/callback", handler);
@@ -46,7 +53,7 @@ export function createNewAuthRouter(app: AppOptions, options: RouterOptions) {
   // Mount the external auth integrations with middleware/handle wrappers.
   wrapPath(app, options, router, "facebook");
   wrapPath(app, options, router, "google");
-  wrapPath(app, options, router, "oidc", "/oidc/:oidc");
+  wrapPath(app, options, router, "oidc");
 
   return router;
 }