@nyaruka/temba-components 0.156.8 → 0.156.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.156.8",
+  "version": "0.156.9",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",

package/src/flow/Editor.ts

@@ -1769,10 +1769,10 @@ export class Editor extends RapidElement {
       this.definition?._ui?.languages &&
       this.definition._ui.languages.length > 0
     ) {
-      return this.definition._ui.languages.map((lang: any) => ({
-        code: typeof lang === 'string' ? lang : lang.iso || lang.code,
-        name: typeof lang === 'string' ? lang : lang.name
-      }));
+      return this.definition._ui.languages.map((lang: any) => {
+        const code = typeof lang === 'string' ? lang : lang.iso || lang.code;
+        return { code, name: getLanguageDisplayName(code) };
+      });
     }
 
     // No languages available
@@ -3915,7 +3915,7 @@ export class Editor extends RapidElement {
     const baseLanguage = this.definition?.language;
     const baseLanguageName =
       availableLanguages.find((lang) => lang.code === baseLanguage)?.name ||
-      baseLanguage ||
+      (baseLanguage ? getLanguageDisplayName(baseLanguage) : '') ||
       'Primary language';
     const isBaseSelected =
       !this.languageCode ||

package/src/store/Store.ts

@@ -30,6 +30,7 @@ import { sourceLocale, targetLocales } from '../locales/locale-codes';
 import { getFullName } from '../display/TembaUser';
 import { AppState, zustand } from './AppState';
 import { StoreApi } from 'zustand/vanilla';
+import { getLanguageDisplayName } from '../flow/utils';
 
 const { setLocale } = configureLocalization({
   sourceLocale,
@@ -379,7 +380,11 @@ export class Store extends RapidElement {
   }
 
   public getLanguageName(iso: string) {
-    return this.languages[iso];
+    const name = this.languages[iso];
+    if (!name || name === 'und' || iso === 'und') {
+      return getLanguageDisplayName(iso);
+    }
+    return name;
   }
 
   public isDynamicGroup(uuid: string): boolean {