feat(providers): refactor Azure B2C provider (#2862)

* fix(providers): refactor AzureB2C provider

* chore(dev): add Azure B2C to the dev app

* chore(providers): remove unnecessary config

Author: balazsorban44

app/pages/api/auth/[...nextauth].ts

@@ -22,6 +22,7 @@ import SpotifyProvider from "next-auth/providers/spotify"
 import CognitoProvider from "next-auth/providers/cognito"
 import SlackProvider from "next-auth/providers/slack"
 import Okta from "next-auth/providers/okta"
+import AzureB2C from "next-auth/providers/azure-ad-b2c"
 
 // import { PrismaAdapter } from "@next-auth/prisma-adapter"
 // import { PrismaClient } from "@prisma/client"
@@ -160,6 +161,12 @@ export default NextAuth({
       clientId: process.env.SLACK_ID,
       clientSecret: process.env.SLACK_SECRET,
     }),
+    AzureB2C({
+      clientId: process.env.AZURE_B2C_ID,
+      clientSecret: process.env.AZURE_B2C_SECRET,
+      tenantId: process.env.AZURE_B2C_TENANT_ID,
+      primaryUserFlow: process.env.AZURE_B2C_PRIMARY_USER_FLOW,
+    }),
   ],
   jwt: {
     encryption: true,

src/providers/azure-ad-b2c.js

@@ -0,0 +1,41 @@
+import { OAuthConfig, OAuthUserConfig } from "."
+
+export interface AzureB2CProfile {
+  exp: number
+  nbf: number
+  ver: string
+  iss: string
+  sub: string
+  aud: string
+  iat: number
+  auth_time: number
+  oid: string
+  country: string
+  name: string
+  postalCode: string
+  emails: string[]
+  tfp: string
+}
+
+export default function AzureADB2C<
+  P extends Record<string, any> = AzureB2CProfile
+>(options: OAuthUserConfig<P> & { primaryUserFlow: string }): OAuthConfig<P> {
+  const { tenantId, primaryUserFlow } = options
+  return {
+    id: "azure-ad-b2c",
+    name: "Azure Active Directory B2C",
+    type: "oauth",
+    wellKnown: `https://${tenantId}.b2clogin.com/${tenantId}.onmicrosoft.com/${primaryUserFlow}/v2.0/.well-known/openid-configuration`,
+    idToken: true,
+    profile(profile) {
+      return {
+        id: profile.sub,
+        name: profile.name,
+        email: profile.emails[0],
+        // TODO: Find out how to retrieve the profile picture
+        image: null,
+      }
+    },
+    options,
+  }
+}