Remove dynamic displaynames polyfill loading (#930)

utils/i18nCountries.js

@@ -1,42 +1,52 @@
-import { countryList } from 'country-util'
-import '@formatjs/intl-displaynames/polyfill'
+import "@formatjs/intl-displaynames/polyfill"
 
-const getLocale = (locale) => {
- if (locale === 'zh-CN') return 'zh-Hans'
- if (locale === 'pt-BR') return 'pt'
- return locale
-}
-// eventually we can remove this, but currently Chrome doesn't have the translations for UN M.49 area codes implemented so we need to polyfill
-process.env.LOCALES.forEach((locale) => {
- locale = getLocale(locale)
+import "@formatjs/intl-displaynames/locale-data/ar"
+import "@formatjs/intl-displaynames/locale-data/de"
+import "@formatjs/intl-displaynames/locale-data/en"
+import "@formatjs/intl-displaynames/locale-data/es"
+import "@formatjs/intl-displaynames/locale-data/fa"
+import "@formatjs/intl-displaynames/locale-data/fr"
+import "@formatjs/intl-displaynames/locale-data/my"
+import "@formatjs/intl-displaynames/locale-data/pt"
+import "@formatjs/intl-displaynames/locale-data/ru"
+import "@formatjs/intl-displaynames/locale-data/sw"
+import "@formatjs/intl-displaynames/locale-data/th"
+import "@formatjs/intl-displaynames/locale-data/tr"
+import "@formatjs/intl-displaynames/locale-data/vi"
+import "@formatjs/intl-displaynames/locale-data/zh-Hans"
+import "@formatjs/intl-displaynames/locale-data/zh-Hant"
+
+import { countryList } from "country-util"
 
- require(`@formatjs/intl-displaynames/locale-data/${locale}`)
-})
+const getLocale = (locale) => {
+ if (locale === "zh-CN") return "zh-Hans"
+ if (locale === "pt-BR") return "pt"
+ return locale;
+};
 
 export const getLocalisedRegionName = (regionCode, locale) => {
- locale = getLocale(locale)
- try {
- return new Intl.DisplayNames([locale], { type: 'region' }).of(String(regionCode))
- } catch (e) {
- return regionCode
- }
-}
+ try {
+ return new Intl.DisplayNames([getLocale(locale)], { type: "region" }).of(
+ String(regionCode),
+ );
+ } catch (e) {
+ return regionCode
+ }
+};
 
 export const getLocalisedLanguageName = (regionCode, locale) => {
- locale = getLocale(locale)
-
- try {
- return new Intl.DisplayNames([locale], { type: 'language' }).of(
- String(regionCode)
- )
- } catch (e) {
- return regionCode
- }
-}
+ try {
+ return new Intl.DisplayNames([getLocale(locale)], { type: "language" }).of(
+ String(regionCode),
+ );
+ } catch (e) {
+ return regionCode
+ }
+};
 
 export const localisedCountries = (locale) => {
- return countryList.map((c) => ({
- ...c,
- localisedCountryName: getLocalisedRegionName(c.iso3166_alpha2, locale),
- }))
-}
+ return countryList.map((c) => ({
+ ...c,
+ localisedCountryName: getLocalisedRegionName(c.iso3166_alpha2, locale),
+ }));
+};