use Intl.DisplayNames, add polyfill

package.json

@@ -83,9 +83,10 @@
     "@expo/webpack-config": "^19.0.1",
     "@floating-ui/dom": "^1.6.3",
     "@floating-ui/react-dom": "^2.0.8",
-    "@formatjs/intl-locale": "^4.2.8",
+    "@formatjs/intl-displaynames": "^6.8.13",
-    "@formatjs/intl-numberformat": "^8.15.1",
+    "@formatjs/intl-locale": "^4.2.13",
-    "@formatjs/intl-pluralrules": "^5.4.1",
+    "@formatjs/intl-numberformat": "^8.15.6",
+    "@formatjs/intl-pluralrules": "^5.4.6",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-regular-svg-icons": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",

src/components/InternationalPhoneCodeSelect.tsx

@@ -7,6 +7,7 @@ import {
   getDefaultCountry,
   INTERNATIONAL_TELEPHONE_CODES,
 } from '#/lib/international-telephone-codes'
+import {regionName} from '#/locale/helpers'
 import {isWeb} from '#/platform/detection'
 import {atoms as a, web} from '#/alf'
 import * as Select from '#/components/Select'
@@ -35,14 +36,18 @@ export function InternationalPhoneCodeSelect({
   const items = useMemo(() => {
     return (
       Object.entries(INTERNATIONAL_TELEPHONE_CODES)
-        .map(([value, {name, code, unicodeFlag, svgFlag}]) => ({
+        .map(([value, {code, unicodeFlag, svgFlag}]) => {
+          const name = regionName(value, i18n.locale)
+
+          return {
             value,
-          name: name(i18n),
+            name,
             code,
-          label: `${name(i18n)} ${code}`,
+            label: `${name} ${code}`,
             unicodeFlag,
             svgFlag,
-        }))
+          }
+        })
         // boost the default value to the top, then sort by name
         .sort((a, b) => {
           if (a.value === defaultCountry) return -1
@@ -50,7 +55,7 @@ export function InternationalPhoneCodeSelect({
           return a.name.localeCompare(b.name)
         })
     )
-  }, [i18n, defaultCountry])
+  }, [i18n.locale, defaultCountry])
 
   const selected = useMemo(() => {
     return items.find(item => item.value === value)

src/locale/helpers.ts

@@ -57,7 +57,7 @@ function getLocalizedLanguage(
 
 export function languageName(language: Language, appLang: string): string {
   // if Intl.DisplayNames is unavailable on the target, display the English name
-  if (!(Intl as any).DisplayNames) {
+  if (!Intl.DisplayNames) {
     return language.name
   }
 
@@ -279,3 +279,44 @@ export function findSupportedAppLanguage(languageTags: (string | undefined)[]) {
   }
   return AppLanguage.en
 }
+
+/**
+ * Gets region name for a given country code and language.
+ *
+ * Falls back to English if unavailable/error, and if that fails, returns the country code.
+ *
+ * Intl.DisplayNames is widely available + has been polyfilled on native
+ */
+export function regionName(countryCode: string, appLang: string): string {
+  const translatedName = getLocalizedRegionName(countryCode, appLang)
+
+  if (translatedName) {
+    return translatedName
+  }
+
+  // Fallback: get English name. Needed for i.e. Esperanto
+  const englishName = getLocalizedRegionName(countryCode, 'en')
+  if (englishName) {
+    return englishName
+  }
+
+  // Final fallback: return country code
+  return countryCode
+}
+
+function getLocalizedRegionName(
+  countryCode: string,
+  appLang: string,
+): string | undefined {
+  try {
+    const allNames = new Intl.DisplayNames([appLang], {
+      type: 'region',
+      fallback: 'none',
+    })
+
+    return allNames.of(countryCode)
+  } catch (err) {
+    console.warn('Error getting localized region name:', err)
+    return undefined
+  }
+}

src/locale/i18n.ts

@@ -3,8 +3,10 @@
 import '@formatjs/intl-locale/polyfill-force'
 import '@formatjs/intl-pluralrules/polyfill-force'
 import '@formatjs/intl-numberformat/polyfill-force'
+import '@formatjs/intl-displaynames/polyfill-force'
 import '@formatjs/intl-pluralrules/locale-data/en'
 import '@formatjs/intl-numberformat/locale-data/en'
+import '@formatjs/intl-displaynames/locale-data/en'
 
 import {useEffect} from 'react'
 import {i18n} from '@lingui/core'
@@ -64,6 +66,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/an'),
         import('@formatjs/intl-numberformat/locale-data/es'),
+        import('@formatjs/intl-displaynames/locale-data/es'),
       ])
       break
     }
@@ -72,6 +75,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ast'),
         import('@formatjs/intl-numberformat/locale-data/ast'),
+        import('@formatjs/intl-displaynames/locale-data/ast'),
       ])
       break
     }
@@ -80,6 +84,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ca'),
         import('@formatjs/intl-numberformat/locale-data/ca'),
+        import('@formatjs/intl-displaynames/locale-data/ca'),
       ])
       break
     }
@@ -88,6 +93,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/cy'),
         import('@formatjs/intl-numberformat/locale-data/cy'),
+        import('@formatjs/intl-displaynames/locale-data/cy'),
       ])
       break
     }
@@ -96,6 +102,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/da'),
         import('@formatjs/intl-numberformat/locale-data/da'),
+        import('@formatjs/intl-displaynames/locale-data/da'),
       ])
       break
     }
@@ -104,6 +111,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/de'),
         import('@formatjs/intl-numberformat/locale-data/de'),
+        import('@formatjs/intl-displaynames/locale-data/de'),
       ])
       break
     }
@@ -112,6 +120,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/el'),
         import('@formatjs/intl-numberformat/locale-data/el'),
+        import('@formatjs/intl-displaynames/locale-data/el'),
       ])
       break
     }
@@ -120,6 +129,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/en'),
         import('@formatjs/intl-numberformat/locale-data/en-GB'),
+        import('@formatjs/intl-displaynames/locale-data/en-GB'),
       ])
       break
     }
@@ -128,6 +138,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/eo'),
         import('@formatjs/intl-numberformat/locale-data/eo'),
+        import('@formatjs/intl-displaynames/locale-data/eo'),
       ])
       break
     }
@@ -136,6 +147,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/es'),
         import('@formatjs/intl-numberformat/locale-data/es'),
+        import('@formatjs/intl-displaynames/locale-data/es'),
       ])
       break
     }
@@ -144,6 +156,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/eu'),
         import('@formatjs/intl-numberformat/locale-data/eu'),
+        import('@formatjs/intl-displaynames/locale-data/eu'),
       ])
       break
     }
@@ -152,6 +165,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/fi'),
         import('@formatjs/intl-numberformat/locale-data/fi'),
+        import('@formatjs/intl-displaynames/locale-data/fi'),
       ])
       break
     }
@@ -160,6 +174,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/fr'),
         import('@formatjs/intl-numberformat/locale-data/fr'),
+        import('@formatjs/intl-displaynames/locale-data/fr'),
       ])
       break
     }
@@ -168,6 +183,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/fy'),
         import('@formatjs/intl-numberformat/locale-data/fy'),
+        import('@formatjs/intl-displaynames/locale-data/fy'),
       ])
       break
     }
@@ -176,6 +192,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ga'),
         import('@formatjs/intl-numberformat/locale-data/ga'),
+        import('@formatjs/intl-displaynames/locale-data/ga'),
       ])
       break
     }
@@ -184,6 +201,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/gd'),
         import('@formatjs/intl-numberformat/locale-data/gd'),
+        import('@formatjs/intl-displaynames/locale-data/gd'),
       ])
       break
     }
@@ -192,6 +210,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/gl'),
         import('@formatjs/intl-numberformat/locale-data/gl'),
+        import('@formatjs/intl-displaynames/locale-data/gl'),
       ])
       break
     }
@@ -200,6 +219,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/hi'),
         import('@formatjs/intl-numberformat/locale-data/hi'),
+        import('@formatjs/intl-displaynames/locale-data/hi'),
       ])
       break
     }
@@ -208,6 +228,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/hu'),
         import('@formatjs/intl-numberformat/locale-data/hu'),
+        import('@formatjs/intl-displaynames/locale-data/hu'),
       ])
       break
     }
@@ -216,6 +237,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ia'),
         import('@formatjs/intl-numberformat/locale-data/ia'),
+        import('@formatjs/intl-displaynames/locale-data/ia'),
       ])
       break
     }
@@ -224,6 +246,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/id'),
         import('@formatjs/intl-numberformat/locale-data/id'),
+        import('@formatjs/intl-displaynames/locale-data/id'),
       ])
       break
     }
@@ -232,6 +255,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/it'),
         import('@formatjs/intl-numberformat/locale-data/it'),
+        import('@formatjs/intl-displaynames/locale-data/it'),
       ])
       break
     }
@@ -240,6 +264,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ja'),
         import('@formatjs/intl-numberformat/locale-data/ja'),
+        import('@formatjs/intl-displaynames/locale-data/ja'),
       ])
       break
     }
@@ -248,6 +273,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/km'),
         import('@formatjs/intl-numberformat/locale-data/km'),
+        import('@formatjs/intl-displaynames/locale-data/km'),
       ])
       break
     }
@@ -256,11 +282,17 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ko'),
         import('@formatjs/intl-numberformat/locale-data/ko'),
+        import('@formatjs/intl-displaynames/locale-data/ko'),
       ])
       break
     }
     case AppLanguage.ne: {
       i18n.loadAndActivate({locale, messages: messagesNe})
+      await Promise.all([
+        import('@formatjs/intl-pluralrules/locale-data/ne'),
+        import('@formatjs/intl-numberformat/locale-data/ne'),
+        import('@formatjs/intl-displaynames/locale-data/ne'),
+      ])
       break
     }
     case AppLanguage.nl: {
@@ -268,6 +300,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/nl'),
         import('@formatjs/intl-numberformat/locale-data/nl'),
+        import('@formatjs/intl-displaynames/locale-data/nl'),
       ])
       break
     }
@@ -276,6 +309,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/pl'),
         import('@formatjs/intl-numberformat/locale-data/pl'),
+        import('@formatjs/intl-displaynames/locale-data/pl'),
       ])
       break
     }
@@ -284,6 +318,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/pt'),
         import('@formatjs/intl-numberformat/locale-data/pt'),
+        import('@formatjs/intl-displaynames/locale-data/pt'),
       ])
       break
     }
@@ -292,6 +327,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/pt-PT'),
         import('@formatjs/intl-numberformat/locale-data/pt-PT'),
+        import('@formatjs/intl-displaynames/locale-data/pt-PT'),
       ])
       break
     }
@@ -300,6 +336,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ro'),
         import('@formatjs/intl-numberformat/locale-data/ro'),
+        import('@formatjs/intl-displaynames/locale-data/ro'),
       ])
       break
     }
@@ -308,6 +345,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/ru'),
         import('@formatjs/intl-numberformat/locale-data/ru'),
+        import('@formatjs/intl-displaynames/locale-data/ru'),
       ])
       break
     }
@@ -316,6 +354,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/sv'),
         import('@formatjs/intl-numberformat/locale-data/sv'),
+        import('@formatjs/intl-displaynames/locale-data/sv'),
       ])
       break
     }
@@ -324,6 +363,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/th'),
         import('@formatjs/intl-numberformat/locale-data/th'),
+        import('@formatjs/intl-displaynames/locale-data/th'),
       ])
       break
     }
@@ -332,6 +372,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/tr'),
         import('@formatjs/intl-numberformat/locale-data/tr'),
+        import('@formatjs/intl-displaynames/locale-data/tr'),
       ])
       break
     }
@@ -340,6 +381,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/uk'),
         import('@formatjs/intl-numberformat/locale-data/uk'),
+        import('@formatjs/intl-displaynames/locale-data/uk'),
       ])
       break
     }
@@ -348,6 +390,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/vi'),
         import('@formatjs/intl-numberformat/locale-data/vi'),
+        import('@formatjs/intl-displaynames/locale-data/vi'),
       ])
       break
     }
@@ -356,6 +399,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/zh'),
         import('@formatjs/intl-numberformat/locale-data/zh'),
+        import('@formatjs/intl-displaynames/locale-data/zh'),
       ])
       break
     }
@@ -364,6 +408,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/zh'),
         import('@formatjs/intl-numberformat/locale-data/zh'),
+        import('@formatjs/intl-displaynames/locale-data/zh'),
       ])
       break
     }
@@ -372,6 +417,7 @@ export async function dynamicActivate(locale: AppLanguage) {
       await Promise.all([
         import('@formatjs/intl-pluralrules/locale-data/zh'),
         import('@formatjs/intl-numberformat/locale-data/zh'),
+        import('@formatjs/intl-displaynames/locale-data/zh'),
       ])
       break
     }

yarn.lock

@@ -4551,74 +4551,83 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.1.tgz#16308cea045f0fc777b6ff20a9f25474dd8293d2"
   integrity sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==
 
-"@formatjs/ecma402-abstract@2.3.1":
+"@formatjs/ecma402-abstract@2.3.6":
-  version "2.3.1"
+  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.1.tgz#cdeb3ffe1aeea9c4284b85b7e37e8e8615314c39"
+  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz#d6ca9d3579054fe1e1a0a0b5e872e0d64922e4e1"
-  integrity sha512-Ip9uV+/MpLXWRk03U/GzeJMuPeOXpJBSB5V1tjA6kJhvqssye5J5LoYLc7Z5IAHb7nR62sRoguzrFiVCP/hnzw==
+  integrity sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==
   dependencies:
-    "@formatjs/fast-memoize" "2.2.5"
+    "@formatjs/fast-memoize" "2.2.7"
-    "@formatjs/intl-localematcher" "0.5.9"
+    "@formatjs/intl-localematcher" "0.6.2"
-    decimal.js "10"
+    decimal.js "^10.4.3"
-    tslib "2"
+    tslib "^2.8.0"
 
-"@formatjs/fast-memoize@2.2.5":
+"@formatjs/fast-memoize@2.2.7":
-  version "2.2.5"
+  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-2.2.5.tgz#54a4a1793d773b72c372d3dcab3595149aee7880"
+  resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz#707f9ddaeb522a32f6715bb7950b0831f4cc7b15"
-  integrity sha512-6PoewUMrrcqxSoBXAOJDiW1m+AmkrAj0RiXnOMD59GRaswjXhm3MDhgepXPBgonc09oSirAJTsAggzAGQf6A6g==
+  integrity sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==
   dependencies:
-    tslib "2"
+    tslib "^2.8.0"
 
-"@formatjs/intl-enumerator@1.8.7":
+"@formatjs/intl-displaynames@^6.8.13":
-  version "1.8.7"
+  version "6.8.13"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-enumerator/-/intl-enumerator-1.8.7.tgz#3f004753333f80cc468ae34046bd8416772a0412"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-displaynames/-/intl-displaynames-6.8.13.tgz#5e85980b40fbaa0b81e504608e33db6e16a3891e"
-  integrity sha512-qd7UlWUivKRJ073btssUqMSqzWW9yN3Ki6EqfCZ6uvIv19mONelE5q3GMmdPWBEjgqZikBzBE2qPTqfrgJ4TCA==
+  integrity sha512-VbY7BdYJX5eURVKLk2grndUQtnbCLNbcJId/Sb/PsX7fWXiqWvg7qt/mecVHRzqoSEoGCQToKDxzpJj8RC0s3g==
   dependencies:
-    "@formatjs/ecma402-abstract" "2.3.1"
+    "@formatjs/ecma402-abstract" "2.3.6"
-    tslib "2"
+    "@formatjs/intl-localematcher" "0.6.2"
+    tslib "^2.8.0"
 
-"@formatjs/intl-getcanonicallocales@2.5.4":
+"@formatjs/intl-enumerator@1.8.12":
-  version "2.5.4"
+  version "1.8.12"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-getcanonicallocales/-/intl-getcanonicallocales-2.5.4.tgz#9b843e1891dea83405c51eb3d00c42ef9cb6cab9"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-enumerator/-/intl-enumerator-1.8.12.tgz#8c94a9bff855fb942a95a4c93b5bdeb1a8f54007"
-  integrity sha512-vSDOsAcc3U+Kl/0b3de8wCQkb3W30H8LUuslyz67wTAHOPSQhPimZyquhwxXpJR+K5yy9CkzTgk5YE5kFT+PFg==
+  integrity sha512-rT2hnyQ0q6RDG1jISMH+MP6wlHQLUC81C0BeYEzabJb48S4tU2HGCPUxsOqMa3vDAUmpnz9Kw5vYTD5hTkOVgg==
   dependencies:
-    tslib "2"
+    "@formatjs/ecma402-abstract" "2.3.6"
+    tslib "^2.8.0"
 
-"@formatjs/intl-locale@^4.2.8":
+"@formatjs/intl-getcanonicallocales@2.5.6":
-  version "4.2.8"
+  version "2.5.6"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-locale/-/intl-locale-4.2.8.tgz#571d44e92b6eb43b7410b37f25e280ec384a32cf"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-getcanonicallocales/-/intl-getcanonicallocales-2.5.6.tgz#d4a8e13dad31f83c142746b423462dcbdf839503"
-  integrity sha512-6RY/npeA0kyoZ8QW0JRAT+VBAFBT6+4ZVeGkKCNIDjbLX2LPuU73emGR35Mbwcc6pquVFrxyo6mXxKNzib0kEA==
+  integrity sha512-CnBbc4St61RL06gDXlCZG08Gt41uiySgsdZNBExh8/c0FBONJCrAlQ9FsyalUdq9ze0nCeknJtMmO8JnB9xHgQ==
   dependencies:
-    "@formatjs/ecma402-abstract" "2.3.1"
+    tslib "^2.8.0"
-    "@formatjs/intl-enumerator" "1.8.7"
-    "@formatjs/intl-getcanonicallocales" "2.5.4"
-    tslib "2"
 
-"@formatjs/intl-localematcher@0.5.9":
+"@formatjs/intl-locale@^4.2.13":
-  version "0.5.9"
+  version "4.2.13"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.5.9.tgz#43c6ee22be85b83340bcb09bdfed53657a2720db"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-locale/-/intl-locale-4.2.13.tgz#21d4b54ee03b75a7b7384a122510be7ee080a9c5"
-  integrity sha512-8zkGu/sv5euxbjfZ/xmklqLyDGQSxsLqg8XOq88JW3cmJtzhCP8EtSJXlaKZnVO4beEaoiT9wj4eIoCQ9smwxA==
+  integrity sha512-Qcs0mP9JhEPCinPfpZ5JKzOa+VYDg94TQSFZozYuqG8R+hEGUTKyoyMqB5xi5QZT/hlB0CSgeNc/0fWMGtTFXA==
   dependencies:
-    tslib "2"
+    "@formatjs/ecma402-abstract" "2.3.6"
+    "@formatjs/intl-enumerator" "1.8.12"
+    "@formatjs/intl-getcanonicallocales" "2.5.6"
+    tslib "^2.8.0"
 
-"@formatjs/intl-numberformat@^8.15.1":
+"@formatjs/intl-localematcher@0.6.2":
-  version "8.15.1"
+  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-numberformat/-/intl-numberformat-8.15.1.tgz#b2a5b00889ed31dbef9d4e5aeee1dea3d040b068"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz#e9ebe0b4082d7d48e5b2d753579fb7ece4eaefea"
-  integrity sha512-NIouSY50xpH/SMJrRbX1Q3hMsGyQmT5MQrta/bOYhpZda1bztOlEYZAKLytk8VGs10wkGz875602mCMhtg4/LA==
+  integrity sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==
   dependencies:
-    "@formatjs/ecma402-abstract" "2.3.1"
+    tslib "^2.8.0"
-    "@formatjs/intl-localematcher" "0.5.9"
-    decimal.js "10"
-    tslib "2"
 
-"@formatjs/intl-pluralrules@^5.4.1":
+"@formatjs/intl-numberformat@^8.15.6":
-  version "5.4.1"
+  version "8.15.6"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-pluralrules/-/intl-pluralrules-5.4.1.tgz#1c03cd2da449e1871bb7c54ea36fec1de68b7e7e"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-numberformat/-/intl-numberformat-8.15.6.tgz#baf3a00e97887366eddfb4b9782830e06b96883f"
-  integrity sha512-kKK4ixTsfKAzyJIVRiJGuw4zd18nEHXiKloYBO9VmLpxrwJTgLQHv2+1hcbxQcwbbo2uc8moUFQuyvxeGEFOfw==
+  integrity sha512-htynTNKm5WOnbR521tNSMkWzX3yO6Z77qjOxvRujh5/A/UBKeoNElyuKCJltizdx3X33QNWQZC4aWjLKcccyeQ==
   dependencies:
-    "@formatjs/ecma402-abstract" "2.3.1"
+    "@formatjs/ecma402-abstract" "2.3.6"
-    "@formatjs/intl-localematcher" "0.5.9"
+    "@formatjs/intl-localematcher" "0.6.2"
-    decimal.js "10"
+    decimal.js "^10.4.3"
-    tslib "2"
+    tslib "^2.8.0"
+
+"@formatjs/intl-pluralrules@^5.4.6":
+  version "5.4.6"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-pluralrules/-/intl-pluralrules-5.4.6.tgz#4bd73c4e87974265a7962b6caf0d146e3310f3ad"
+  integrity sha512-2HlOq+c7KsSps829SJ3B5987coX5mzKx9NbPcNwQ07eq8FBHgB3HfMoxt5HvLsdk4oQwCjAEnocbtd+wVwZ2Kg==
+  dependencies:
+    "@formatjs/ecma402-abstract" "2.3.6"
+    "@formatjs/intl-localematcher" "0.6.2"
+    decimal.js "^10.4.3"
+    tslib "^2.8.0"
 
 "@fortawesome/fontawesome-common-types@6.4.2":
   version "6.4.2"
@@ -10096,11 +10105,16 @@ decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decimal.js@10, decimal.js@^10.4.2:
+decimal.js@^10.4.2:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
+decimal.js@^10.4.3:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.6.0.tgz#e649a43e3ab953a72192ff5983865e509f37ed9a"
+  integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
+
 decode-uri-component@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
@@ -19064,11 +19078,6 @@ tsconfig-paths@^3.15.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@2, tslib@^2.6.2, tslib@^2.8.1:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
-  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
-
 tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@@ -19079,6 +19088,11 @@ tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.5.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
+tslib@^2.6.2, tslib@^2.8.0, tslib@^2.8.1:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
 tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"