feat(Localized Templates): ability to register user and set language,…

api/src/services/mail/index.ts

@@ -27,6 +27,7 @@ export type EmailOptions = SendMailOptions & {
 	template?: {
 		name: string;
 		data: Record<string, any>;
+		language?: string | null | undefined;
 	};
 };
 
@@ -68,7 +69,7 @@ export class MailService {
 				...templateData,
 			};
 
-			html = await this.renderTemplate(template.name, templateData);
+			html = await this.renderTemplate(template.name, templateData, template.language);
 		}
 
 		if (typeof html === 'string') {
@@ -83,13 +84,35 @@ export class MailService {
 		return info;
 	}
 
-	private async renderTemplate(template: string, variables: Record<string, any>) {
+	private async getFirstExistingPath(paths: (string | null)[]): Promise<string | null> {
+		for (const path of paths) {
+			if (!path) {
+				continue;
+			}
+
+			if ((await fse.pathExists(path)) === true) {
+				return path;
+			}
+		}
+
+		return null;
+	}
+
+	private async renderTemplate(template: string, variables: Record<string, any>, language?: string | undefined | null) {
+		const localizedTemplatePath = language
+			? path.resolve(env['EMAIL_TEMPLATES_PATH'] as string, template + `.${language}.liquid`)
+			: null;
+
 		const customTemplatePath = path.resolve(env['EMAIL_TEMPLATES_PATH'] as string, template + '.liquid');
 		const systemTemplatePath = path.join(__dirname, 'templates', template + '.liquid');
 
-		const templatePath = (await fse.pathExists(customTemplatePath)) ? customTemplatePath : systemTemplatePath;
+		const templatePath = await this.getFirstExistingPath([
+			localizedTemplatePath,
+			customTemplatePath,
+			systemTemplatePath,
+		]);
 
-		if ((await fse.pathExists(templatePath)) === false) {
+		if (!templatePath) {
 			throw new InvalidPayloadError({ reason: `Template "${template}" doesn't exist` });
 		}
 

api/src/services/users.ts

@@ -146,9 +146,11 @@ export class UsersService extends ItemsService {
 	 */
 	private async getUserByEmail(
 		email: string,
-	): Promise<{ id: string; role: string; status: string; password: string; email: string } | undefined> {
+	): Promise<
+		{ id: string; role: string; status: string; password: string; email: string; language: string | null } | undefined
+	> {
 		return await this.knex
-			.select('id', 'role', 'status', 'password', 'email')
+			.select('id', 'role', 'status', 'password', 'email', 'language')
 			.from('directus_users')
 			.whereRaw(`LOWER(??) = ?`, ['email', email.toLowerCase()])
 			.first();
@@ -416,6 +418,7 @@ export class UsersService extends ItemsService {
 						subject: subjectLine,
 						template: {
 							name: 'user-invitation',
+							language: user?.language,
 							data: {
 								url: this.inviteUrl(user?.email ?? email, url),
 								email: user?.email ?? email,
@@ -524,6 +527,7 @@ export class UsersService extends ItemsService {
 					subject: 'Verify your email address', // TODO: translate after theres support for internationalized emails
 					template: {
 						name: 'user-registration',
+						language: input.language,
 						data: {
 							url: verificationURL.toString(),
 							email: input.email,
@@ -595,6 +599,7 @@ export class UsersService extends ItemsService {
 				subject: subjectLine,
 				template: {
 					name: 'password-reset',
+					language: user.language,
 					data: {
 						url: acceptURL,
 						email: user.email,

contributors.yml

@@ -126,3 +126,4 @@
 - the-other-dev
 - magiudev
 - burka
+- rbochenski

packages/types/src/users.ts

@@ -49,4 +49,5 @@ export type RegisterUserInput = {
 	password: NonNullable<User['password']>;
 	first_name?: User['first_name'];
 	last_name?: User['last_name'];
+	language?: User['language'];
 };