From 3fd0bc412023ef393149aa137c02e81f0b7416bf Mon Sep 17 00:00:00 2001
From: gabriellsh <40830821+gabriellsh@users.noreply.github.com>
Date: Tue, 3 Oct 2023 18:23:02 -0300
Subject: [PATCH] chore: get translations from CDN (#30331)

---
 .changeset/soft-cows-juggle.md                       |  5 +++++
 apps/meteor/client/providers/TranslationProvider.tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/soft-cows-juggle.md

diff --git a/.changeset/soft-cows-juggle.md b/.changeset/soft-cows-juggle.md
new file mode 100644
index 000000000000..6fcb20506483
--- /dev/null
+++ b/.changeset/soft-cows-juggle.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/meteor": patch
+---
+
+download translation files through CDN
diff --git a/apps/meteor/client/providers/TranslationProvider.tsx b/apps/meteor/client/providers/TranslationProvider.tsx
index fdddb9ec5349..03be723e0b7f 100644
--- a/apps/meteor/client/providers/TranslationProvider.tsx
+++ b/apps/meteor/client/providers/TranslationProvider.tsx
@@ -2,7 +2,7 @@ import { useLocalStorage, useMutableCallback } from '@rocket.chat/fuselage-hooks
 import languages from '@rocket.chat/i18n/dist/languages';
 import en from '@rocket.chat/i18n/src/locales/en.i18n.json';
 import type { TranslationKey, TranslationContextValue } from '@rocket.chat/ui-contexts';
-import { useMethod, useSetting, TranslationContext, useAbsoluteUrl } from '@rocket.chat/ui-contexts';
+import { useMethod, useSetting, TranslationContext } from '@rocket.chat/ui-contexts';
 import type i18next from 'i18next';
 import I18NextHttpBackend from 'i18next-http-backend';
 import sprintf from 'i18next-sprintf-postprocessor';
@@ -12,6 +12,7 @@ import React, { useEffect, useMemo } from 'react';
 import { I18nextProvider, initReactI18next, useTranslation } from 'react-i18next';
 
 import { CachedCollectionManager } from '../../app/ui-cached-collection/client';
+import { getURL } from '../../app/utils/client';
 import { i18n, addSprinfToI18n } from '../../app/utils/lib/i18n';
 import { AppClientOrchestratorInstance } from '../../ee/client/apps/orchestrator';
 import { applyCustomTranslations } from '../lib/utils/applyCustomTranslations';
@@ -39,8 +40,6 @@ const parseToJSON = (customTranslations: string): Record<string, Record<string,
 const localeCache = new Map<string, Promise<string>>();
 
 const useI18next = (lng: string): typeof i18next => {
-	const basePath = useAbsoluteUrl()('/i18n');
-
 	const customTranslations = useSetting('Custom_Translations');
 
 	const parsedCustomTranslations = useMemo(() => {
@@ -100,17 +99,18 @@ const useI18next = (lng: string): typeof i18next => {
 			partialBundledLanguages: true,
 			defaultNS: 'core',
 			backend: {
-				loadPath: `${basePath}/{{lng}}.json`,
+				loadPath: 'i18n/{{lng}}.json',
 				parse: (data: string, lngs?: string | string[], namespaces: string | string[] = []) =>
 					extractKeys(JSON.parse(data), lngs, namespaces),
 				request: (_options, url, _payload, callback) => {
 					const params = url.split('/');
+
 					const lng = params[params.length - 1];
 
 					let promise = localeCache.get(lng);
 
 					if (!promise) {
-						promise = fetch(url).then((res) => res.text());
+						promise = fetch(getURL(url)).then((res) => res.text());
 						localeCache.set(lng, promise);
 					}