@linktr.ee/messaging-react 1.40.1 → 2.0.0

package/src/utils/getMessageDisplayText.test.ts

@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  getMessageDisplayText,
+  normalizeLanguageCode,
+} from './getMessageDisplayText'
+
+describe('getMessageDisplayText', () => {
+  it('returns translated text for the viewer language', () => {
+    expect(
+      getMessageDisplayText({
+        message: {
+          text: 'Bonjour',
+          i18n: {
+            language: 'fr',
+            en_text: 'Hello',
+          },
+        },
+        viewerLanguage: 'en-US',
+      })
+    ).toBe('Hello')
+  })
+
+  it('falls back to the original message text when no translation exists', () => {
+    expect(
+      getMessageDisplayText({
+        message: {
+          text: 'Bonjour',
+          i18n: {
+            language: 'fr',
+          },
+        },
+        viewerLanguage: 'es',
+      })
+    ).toBe('Bonjour')
+  })
+})
+
+describe('normalizeLanguageCode', () => {
+  it('normalizes locale-style language codes to their primary subtag', () => {
+    expect(normalizeLanguageCode('fr-FR')).toBe('fr')
+    expect(normalizeLanguageCode('en_US')).toBe('en')
+  })
+})

package/src/utils/getMessageDisplayText.ts

@@ -0,0 +1,27 @@
+import type { LocalMessage } from 'stream-chat'
+
+type MessageWithI18n = Pick<LocalMessage, 'text'> & {
+  i18n?: Record<string, string> | null
+}
+
+export function normalizeLanguageCode(language?: string): string | undefined {
+  const normalized = language?.trim().toLowerCase().split(/[-_]/)[0]
+  return normalized || undefined
+}
+
+export function getMessageDisplayText({
+  message,
+  viewerLanguage,
+}: {
+  message?: MessageWithI18n | null
+  viewerLanguage?: string
+}): string | undefined {
+  const fallbackText = message?.text
+  const normalizedLanguage = normalizeLanguageCode(viewerLanguage)
+
+  if (!normalizedLanguage) {
+    return fallbackText
+  }
+
+  return message?.i18n?.[`${normalizedLanguage}_text`] ?? fallbackText
+}