feat: User creation from dashboard.

.vscode/settings.json

@@ -15,7 +15,7 @@
 	"editor.trimAutoWhitespace": true,
 	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
-		"source.organizeImports": true
+		"source.organizeImports": "explicit"
 	},
 	"files.exclude": {
 		"**/.DS_Store": true,

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [unreleased]
 
+## [0.10.0] - 2023-12-22
+
+-   Added Creating Passwordless and EmailPassword users from the user management dashboard.
+
 ## [0.9.1] - 2023-12-19
 
 -   Improve UX when showing feature not enabled message for UserRoles recipe.

api_spec.yaml

@@ -1266,6 +1266,10 @@ paths:
                                                     properties:
                                                         enabled:
                                                             type: boolean
+                                                        contactMethod:
+                                                            type: string
+                                                            enum: [PHONE, EMAIL, EMAIL_OR_PHONE]
+                                                            nullable: true
                                                 thirdParty:
                                                     type: object
                                                     properties:
@@ -1664,6 +1668,194 @@ paths:
                                 enum:
                                     - Method not supported
 
+    /<tenantId>/dashboard/api/user/create/emailpassword:
+        post:
+            tags:
+                - User Creation
+            summary: Creates a new emailpassword user.
+            requestBody:
+                content:
+                    application/json:
+                        schema:
+                            type: object
+                            properties:
+                                email:
+                                    type: string
+                                password:
+                                    type: string
+            responses:
+                200:
+                    description: signup response
+                    content:
+                        application/json:
+                            schema:
+                                oneOf:
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "OK"
+                                          user:
+                                              $ref: "#/components/schemas/authRecipeUser"
+                                          recipeUserId:
+                                              $ref: "#/components/schemas/userId"
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "EMAIL_ALREADY_EXISTS_ERROR"
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "FEATURE_NOT_ENABLED_ERROR"
+
+    /<tenantId>/dashboard/api/user/create/passwordless:
+        post:
+            tags:
+                - User Creation
+            summary: Creates a new passwordless user
+            requestBody:
+                content:
+                    application/json:
+                        schema:
+                            oneOf:
+                                - type: object
+                                  properties:
+                                      email:
+                                          $ref: "#/components/schemas/email"
+                                  example:
+                                      email: "[email protected]"
+                                  required:
+                                      - email
+                                - type: object
+                                  properties:
+                                      phoneNumber:
+                                          $ref: "#/components/schemas/phoneNumber"
+                                  required:
+                                      - phoneNumber
+            responses:
+                200:
+                    description: signup response
+                    content:
+                        application/json:
+                            schema:
+                                oneOf:
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "OK"
+                                          createdNewRecipeUser:
+                                              type: boolean
+                                              default: true
+                                          user:
+                                              $ref: "#/components/schemas/authRecipeUser"
+                                          recipeUserId:
+                                              $ref: "#/components/schemas/userId"
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "FEATURE_NOT_ENABLED_ERROR"
+                                    - type: object
+                                      properties:
+                                          status:
+                                              type: string
+                                              default: "INPUT_VALIDATION_ERROR"
+                                          message:
+                                              type: string
+
+components:
+    schemas:
+        authRecipeUser:
+            type: object
+            properties:
+                id:
+                    $ref: "#/components/schemas/userId"
+                isPrimaryUser:
+                    type: boolean
+                    example: true
+                tenantIds:
+                    type: array
+                    items:
+                        $ref: "#/components/schemas/tenantId"
+                timeJoined:
+                    $ref: "#/components/schemas/timeJoined"
+                emails:
+                    type: array
+                    items:
+                        $ref: "#/components/schemas/email"
+                phoneNumbers:
+                    type: array
+                    items:
+                        $ref: "#/components/schemas/phoneNumber"
+                thirdParty:
+                    type: array
+                    items:
+                        type: object
+                        properties:
+                            id:
+                                $ref: "#/components/schemas/thirdPartyId"
+                            userId:
+                                $ref: "#/components/schemas/thirdPartyUserId"
+                loginMethods:
+                    type: array
+                    items:
+                        type: object
+                        properties:
+                            tenantIds:
+                                type: array
+                                items:
+                                    $ref: "#/components/schemas/tenantId"
+                            recipeUserId:
+                                $ref: "#/components/schemas/userId"
+                            verified:
+                                type: boolean
+                                example: true
+                            timeJoined:
+                                $ref: "#/components/schemas/timeJoined"
+                            recipeId:
+                                $ref: "#/components/schemas/recipeId"
+                            email:
+                                $ref: "#/components/schemas/email"
+                            phoneNumber:
+                                $ref: "#/components/schemas/phoneNumber"
+                            thirdParty:
+                                type: object
+                                properties:
+                                    id:
+                                        $ref: "#/components/schemas/thirdPartyId"
+                                    userId:
+                                        $ref: "#/components/schemas/thirdPartyUserId"
+        recipeId:
+            type: string
+            enum:
+                - emailpassword
+                - passwordless
+                - thirdparty
+        thirdPartyId:
+            type: string
+            example: google
+        thirdPartyUserId:
+            type: string
+            example: 106347997792363865062
+        email:
+            type: string
+            example: [email protected]
+        userId:
+            type: string
+            example: fa7a0841-b533-4478-95533-0fde890c3483
+        timeJoined:
+            type: number
+            example: 1623918032231
+        phoneNumber:
+            type: string
+            example: "+14155552671"
+        tenantId:
+            type: string
+            example: "customer1"
+
 servers:
     # Added by API Auto Mocking Plugin
     - description: SwaggerHub API Auto Mocking

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "dashboard",
-	"version": "0.9.1",
+	"version": "0.10.0",
 	"private": true,
 	"dependencies": {
 		"@babel/core": "^7.16.0",

src/api/tenants/list.ts

@@ -15,13 +15,16 @@
 
 import { getApiUrl, useFetchData } from "../../utils";
 
+export type PasswordlessContactMethod = "PHONE" | "EMAIL" | "EMAIL_OR_PHONE";
+
 export type Tenant = {
 	tenantId: string;
 	emailPassword: {
 		enabled: boolean;
 	};
 	passwordless: {
 		enabled: boolean;
+		contactMethod?: PasswordlessContactMethod;
 	};
 	thirdParty: {
 		enabled: boolean;

src/api/user/create/index.ts

@@ -0,0 +1,89 @@
+import { User } from "../../../ui/pages/usersList/types";
+import { getApiUrl, useFetchData } from "../../../utils";
+
+export type CreatePasswordlessUserPayload = {
+	email?: string;
+	phoneNumber?: string;
+};
+
+interface ICreateUserService {
+	createEmailPasswordUser: (
+		tenantId: string,
+		email: string,
+		password: string
+	) => Promise<CreateEmailPasswordUserResponse>;
+	createPasswordlessUser: (
+		tenantId: string,
+		data: CreatePasswordlessUserPayload
+	) => Promise<CreatePasswordlessUserResponse>;
+}
+
+type CreateEmailPasswordUserResponse =
+	| {
+			status: "OK";
+			user: User;
+			recipeUserId: string;
+	  }
+	| {
+			status: "EMAIL_ALREADY_EXISTS_ERROR" | "FEATURE_NOT_ENABLED_ERROR";
+	  };
+
+type CreatePasswordlessUserResponse =
+	| {
+			status: "OK";
+			createdNewRecipeUser: boolean;
+			user: User;
+			recipeUserId: string;
+	  }
+	| {
+			status: "FEATURE_NOT_ENABLED_ERROR";
+	  }
+	| {
+			status: "INPUT_VALIDATION_ERROR";
+			message: string;
+	  };
+
+const useCreateUserService = (): ICreateUserService => {
+	const fetchData = useFetchData();
+
+	const createEmailPasswordUser = async (
+		tenantId: string | undefined,
+		email: string,
+		password: string
+	): Promise<CreateEmailPasswordUserResponse> => {
+		const response = await fetchData({
+			url: getApiUrl("/api/user/create/emailpassword", tenantId),
+			method: "POST",
+			config: {
+				body: JSON.stringify({
+					email,
+					password,
+				}),
+			},
+		});
+		return await response.json();
+	};
+
+	const createPasswordlessUser = async (
+		tenantId: string,
+		data: {
+			email?: string;
+			phoneNumber?: string;
+		}
+	): Promise<CreatePasswordlessUserResponse> => {
+		const response = await fetchData({
+			url: getApiUrl("/api/user/create/passwordless", tenantId),
+			method: "POST",
+			config: {
+				body: JSON.stringify({
+					...data,
+				}),
+			},
+		});
+		return await response.json();
+	};
+
+	return { createEmailPasswordUser, createPasswordlessUser };
+};
+
+export default useCreateUserService;

src/ui/components/alert/alert.scss

@@ -63,6 +63,30 @@
 		}
 	}
 
+	&.secondary {
+		border-radius: 6px;
+		border: 1px solid #0062e1;
+		background: rgba(0, 98, 225, 0.05);
+
+		& > span {
+			background: #0062e1;
+			color: #fff;
+		}
+
+		& > div {
+			color: #104993;
+		}
+
+		a {
+			color: #007aff;
+			font-weight: 500;
+		}
+	}
+
+	&.sm {
+		padding: 20px 14px;
+	}
+
 	a:hover {
 		background: transparent !important;
 	}