From 57d60e21144c020f3ddf541acc0d3e8107a132d1 Mon Sep 17 00:00:00 2001
From: Daniel James Smith <djsmith85@users.noreply.github.com>
Date: Mon, 5 Sep 2022 21:18:18 +0200
Subject: [PATCH] [PS-1282] Enable Arabic language support for desktop,
 browser, web (#3333)

* Register Arabic language with native name

* Register Arabic language for web vault

* Register Arabic language for browser

* Register Arabic language for desktop
---
 apps/browser/src/popup/app.module.ts      | 2 ++
 apps/browser/src/services/i18n.service.ts | 1 +
 apps/desktop/src/app/app.module.ts        | 2 ++
 apps/desktop/src/services/i18n.service.ts | 1 +
 apps/web/src/app/core/i18n.service.ts     | 1 +
 apps/web/src/app/shared/locales.ts        | 2 ++
 libs/common/src/services/i18n.service.ts  | 1 +
 7 files changed, 10 insertions(+)

diff --git a/apps/browser/src/popup/app.module.ts b/apps/browser/src/popup/app.module.ts
index 685c1d1db2..af1e78fc59 100644
--- a/apps/browser/src/popup/app.module.ts
+++ b/apps/browser/src/popup/app.module.ts
@@ -4,6 +4,7 @@ import { LayoutModule } from "@angular/cdk/layout";
 import { OverlayModule } from "@angular/cdk/overlay";
 import { ScrollingModule } from "@angular/cdk/scrolling";
 import { CurrencyPipe, DatePipe, registerLocaleData } from "@angular/common";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -116,6 +117,7 @@ import { VaultSelectComponent } from "./vault/vault-select.component";
 import { ViewCustomFieldsComponent } from "./vault/view-custom-fields.component";
 import { ViewComponent } from "./vault/view.component";
 
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");
diff --git a/apps/browser/src/services/i18n.service.ts b/apps/browser/src/services/i18n.service.ts
index 566d79b0e1..eddd2559a1 100644
--- a/apps/browser/src/services/i18n.service.ts
+++ b/apps/browser/src/services/i18n.service.ts
@@ -11,6 +11,7 @@ export default class I18nService extends BaseI18nService {
     // Please leave 'en' where it is, as it's our fallback language in case no translation can be found
     this.supportedTranslationLocales = [
       "en",
+      "ar",
       "az",
       "be",
       "bg",
diff --git a/apps/desktop/src/app/app.module.ts b/apps/desktop/src/app/app.module.ts
index 5fd9ce232d..c1575e4039 100644
--- a/apps/desktop/src/app/app.module.ts
+++ b/apps/desktop/src/app/app.module.ts
@@ -2,6 +2,7 @@ import "zone.js/dist/zone";
 
 import { registerLocaleData } from "@angular/common";
 import localeAf from "@angular/common/locales/af";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -103,6 +104,7 @@ import { ViewCustomFieldsComponent } from "./vault/view-custom-fields.component"
 import { ViewComponent } from "./vault/view.component";
 
 registerLocaleData(localeAf, "af");
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");
diff --git a/apps/desktop/src/services/i18n.service.ts b/apps/desktop/src/services/i18n.service.ts
index 4a05981e33..e36af04c18 100644
--- a/apps/desktop/src/services/i18n.service.ts
+++ b/apps/desktop/src/services/i18n.service.ts
@@ -19,6 +19,7 @@ export class I18nService extends BaseI18nService {
     this.supportedTranslationLocales = [
       "en",
       "af",
+      "ar",
       "az",
       "be",
       "bg",
diff --git a/apps/web/src/app/core/i18n.service.ts b/apps/web/src/app/core/i18n.service.ts
index b60efef36b..843bb32291 100644
--- a/apps/web/src/app/core/i18n.service.ts
+++ b/apps/web/src/app/core/i18n.service.ts
@@ -18,6 +18,7 @@ export class I18nService extends BaseI18nService {
     this.supportedTranslationLocales = [
       "en",
       "af",
+      "ar",
       "az",
       "be",
       "bg",
diff --git a/apps/web/src/app/shared/locales.ts b/apps/web/src/app/shared/locales.ts
index ab551e93ac..eddf662a0a 100644
--- a/apps/web/src/app/shared/locales.ts
+++ b/apps/web/src/app/shared/locales.ts
@@ -1,5 +1,6 @@
 import { registerLocaleData } from "@angular/common";
 import localeAf from "@angular/common/locales/af";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -52,6 +53,7 @@ import localeZhCn from "@angular/common/locales/zh-Hans";
 import localeZhTw from "@angular/common/locales/zh-Hant";
 
 registerLocaleData(localeAf, "af");
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");
diff --git a/libs/common/src/services/i18n.service.ts b/libs/common/src/services/i18n.service.ts
index 2461899e41..5076e1dbdf 100644
--- a/libs/common/src/services/i18n.service.ts
+++ b/libs/common/src/services/i18n.service.ts
@@ -11,6 +11,7 @@ export class I18nService implements I18nServiceAbstraction {
   collator: Intl.Collator;
   localeNames = new Map<string, string>([
     ["af", "Afrikaans"],
+    ["ar", "العربية الفصحى"],
     ["az", "Azərbaycanca"],
     ["be", "Беларуская"],
     ["bg", "български"],