Fix UI language matching (#186)

package.json

@@ -7,7 +7,7 @@
  "url": "https://github.com/transcend-io/consent-manager-ui.git"
  },
  "homepage": "https://github.com/transcend-io/consent-manager-ui",
- "version": "4.21.0",
+ "version": "4.21.1",
  "license": "MIT",
  "main": "build/ui",
  "files": [

src/hooks/useLanguage.ts

@@ -75,26 +75,6 @@ export const getNearestSupportedLanguage = (
  ),
  );
 
-/**
- * Picks a default language for the user
- *
- * @param supportedLanguages - Set of supported languages
- * @returns the language key of the best default language for this user
- */
-export function pickDefaultLanguage(
- supportedLanguages: ConsentManagerLanguageKey[],
-): ConsentManagerLanguageKey {
- if (settings.locale && supportedLanguages.includes(settings.locale)) {
- return settings.locale;
- }
-
- const preferredLanguages = getUserLanguages();
- return (
- getNearestSupportedLanguage(preferredLanguages, supportedLanguages) ||
- ConsentManagerLanguageKey.En
- );
-}
-
 /**
  * Sorts the supported languages by the user's preferences
  *
@@ -120,6 +100,28 @@ export const sortSupportedLanguagesByPreference = (
  return rank(a) - rank(b);
  });
 
+/**
+ * Picks a default language for the user
+ *
+ * @param supportedLanguages - Set of supported languages
+ * @returns the language key of the best default language for this user
+ */
+export function pickDefaultLanguage(
+ supportedLanguages: ConsentManagerLanguageKey[],
+): ConsentManagerLanguageKey {
+ if (settings.locale && supportedLanguages.includes(settings.locale)) {
+ return settings.locale;
+ }
+
+ const preferredLanguages = getUserLanguages();
+ return (
+ getNearestSupportedLanguage(
+ preferredLanguages,
+ sortSupportedLanguagesByPreference(supportedLanguages),
+ ) || ConsentManagerLanguageKey.En
+ );
+}
+
 /**
  * Fetch message translations
  *