@oxy.so/bloom 4.33.0 → 4.34.0

package/src/locale/common-messages.ts

@@ -0,0 +1,554 @@
+import { useMessages, type MessageCatalog } from './messages';
+
+/**
+ * The words every family says — a close button's name, "Loading", "Back" —
+ * in each Bloom language, so each family does not keep its own English copy.
+ * A family's own catalog holds only what is particular to it.
+ */
+export interface CommonMessages {
+  close: string;
+  /** Names a control that sets something aside: a banner's ✕, a backdrop, a sheet's handle. */
+  dismiss: string;
+  /** A navigation bar's back button. */
+  back: string;
+  /** The same, where it reads as an action rather than a place ("Go back"). */
+  goBack: string;
+  /** Names a busy region or skeleton. */
+  loading: string;
+  /** A compact overflow trigger ("More"). */
+  more: string;
+  moreOptions: string;
+  moreActions: string;
+  /** Names a progress bar. */
+  progress: string;
+  stepOf: (step: number, total: number) => string;
+  /**
+   * A control's name about one item: "More actions for Ana". The connector is
+   * the language's, never an English "for" between translated words.
+   */
+  labelFor: (label: string, subject: string) => string;
+  /** The hint on a sheet's drag handle. */
+  tapToClose: string;
+  cancel: string;
+  done: string;
+  save: string;
+  delete: string;
+  edit: string;
+  remove: string;
+  retry: string;
+  search: string;
+  showMore: string;
+  showLess: string;
+  next: string;
+  previous: string;
+  open: string;
+  menu: string;
+  copy: string;
+  copied: string;
+  send: string;
+  clear: string;
+  seeAll: string;
+}
+
+export const COMMON_MESSAGES: MessageCatalog<CommonMessages> = {
+  en: {
+    close: 'Close',
+    dismiss: 'Dismiss',
+    back: 'Back',
+    goBack: 'Go back',
+    loading: 'Loading',
+    more: 'More',
+    moreOptions: 'More options',
+    moreActions: 'More actions',
+    progress: 'Progress',
+    stepOf: (step, total) => `Step ${step} of ${total}`,
+    labelFor: (label, subject) => `${label} for ${subject}`,
+    tapToClose: 'Tap to close',
+    cancel: 'Cancel',
+    done: 'Done',
+    save: 'Save',
+    delete: 'Delete',
+    edit: 'Edit',
+    remove: 'Remove',
+    retry: 'Retry',
+    search: 'Search',
+    showMore: 'Show more',
+    showLess: 'Show less',
+    next: 'Next',
+    previous: 'Previous',
+    open: 'Open',
+    menu: 'Menu',
+    copy: 'Copy',
+    copied: 'Copied',
+    send: 'Send',
+    clear: 'Clear',
+    seeAll: 'See all',
+  },
+  es: {
+    close: 'Cerrar',
+    dismiss: 'Descartar',
+    back: 'Atrás',
+    goBack: 'Volver',
+    loading: 'Cargando',
+    more: 'Más',
+    moreOptions: 'Más opciones',
+    moreActions: 'Más acciones',
+    progress: 'Progreso',
+    stepOf: (step, total) => `Paso ${step} de ${total}`,
+    labelFor: (label, subject) => `${label} de ${subject}`,
+    tapToClose: 'Toca para cerrar',
+    cancel: 'Cancelar',
+    done: 'Hecho',
+    save: 'Guardar',
+    delete: 'Eliminar',
+    edit: 'Editar',
+    remove: 'Quitar',
+    retry: 'Reintentar',
+    search: 'Buscar',
+    showMore: 'Mostrar más',
+    showLess: 'Mostrar menos',
+    next: 'Siguiente',
+    previous: 'Anterior',
+    open: 'Abrir',
+    menu: 'Menú',
+    copy: 'Copiar',
+    copied: 'Copiado',
+    send: 'Enviar',
+    clear: 'Borrar',
+    seeAll: 'Ver todo',
+  },
+  ca: {
+    close: 'Tanca',
+    dismiss: 'Descarta',
+    back: 'Enrere',
+    goBack: 'Torna enrere',
+    loading: "S'està carregant",
+    more: 'Més',
+    moreOptions: 'Més opcions',
+    moreActions: 'Més accions',
+    progress: 'Progrés',
+    stepOf: (step, total) => `Pas ${step} de ${total}`,
+    labelFor: (label, subject) => `${label} de ${subject}`,
+    tapToClose: 'Toca per tancar',
+    cancel: 'Cancel·la',
+    done: 'Fet',
+    save: 'Desa',
+    delete: 'Suprimeix',
+    edit: 'Edita',
+    remove: 'Treu',
+    retry: 'Torna-ho a provar',
+    search: 'Cerca',
+    showMore: "Mostra'n més",
+    showLess: "Mostra'n menys",
+    next: 'Següent',
+    previous: 'Anterior',
+    open: 'Obre',
+    menu: 'Menú',
+    copy: 'Copia',
+    copied: 'Copiat',
+    send: 'Envia',
+    clear: 'Esborra',
+    seeAll: 'Mostra-ho tot',
+  },
+  de: {
+    close: 'Schließen',
+    dismiss: 'Ausblenden',
+    back: 'Zurück',
+    goBack: 'Zurückgehen',
+    loading: 'Wird geladen',
+    more: 'Mehr',
+    moreOptions: 'Weitere Optionen',
+    moreActions: 'Weitere Aktionen',
+    progress: 'Fortschritt',
+    stepOf: (step, total) => `Schritt ${step} von ${total}`,
+    labelFor: (label, subject) => `${label} für ${subject}`,
+    tapToClose: 'Zum Schließen tippen',
+    cancel: 'Abbrechen',
+    done: 'Fertig',
+    save: 'Speichern',
+    delete: 'Löschen',
+    edit: 'Bearbeiten',
+    remove: 'Entfernen',
+    retry: 'Erneut versuchen',
+    search: 'Suchen',
+    showMore: 'Mehr anzeigen',
+    showLess: 'Weniger anzeigen',
+    next: 'Weiter',
+    previous: 'Vorherige',
+    open: 'Öffnen',
+    menu: 'Menü',
+    copy: 'Kopieren',
+    copied: 'Kopiert',
+    send: 'Senden',
+    clear: 'Leeren',
+    seeAll: 'Alle anzeigen',
+  },
+  fr: {
+    close: 'Fermer',
+    dismiss: 'Ignorer',
+    back: 'Retour',
+    goBack: 'Revenir en arrière',
+    loading: 'Chargement',
+    more: 'Plus',
+    moreOptions: "Plus d'options",
+    moreActions: "Plus d'actions",
+    progress: 'Progression',
+    stepOf: (step, total) => `Étape ${step} sur ${total}`,
+    labelFor: (label, subject) => `${label} pour ${subject}`,
+    tapToClose: 'Touchez pour fermer',
+    cancel: 'Annuler',
+    done: 'Terminé',
+    save: 'Enregistrer',
+    delete: 'Supprimer',
+    edit: 'Modifier',
+    remove: 'Retirer',
+    retry: 'Réessayer',
+    search: 'Rechercher',
+    showMore: 'Afficher plus',
+    showLess: 'Afficher moins',
+    next: 'Suivant',
+    previous: 'Précédent',
+    open: 'Ouvrir',
+    menu: 'Menu',
+    copy: 'Copier',
+    copied: 'Copié',
+    send: 'Envoyer',
+    clear: 'Effacer',
+    seeAll: 'Tout afficher',
+  },
+  it: {
+    close: 'Chiudi',
+    dismiss: 'Ignora',
+    back: 'Indietro',
+    goBack: 'Torna indietro',
+    loading: 'Caricamento',
+    more: 'Altro',
+    moreOptions: 'Altre opzioni',
+    moreActions: 'Altre azioni',
+    progress: 'Avanzamento',
+    stepOf: (step, total) => `Passaggio ${step} di ${total}`,
+    labelFor: (label, subject) => `${label} per ${subject}`,
+    tapToClose: 'Tocca per chiudere',
+    cancel: 'Annulla',
+    done: 'Fine',
+    save: 'Salva',
+    delete: 'Elimina',
+    edit: 'Modifica',
+    remove: 'Rimuovi',
+    retry: 'Riprova',
+    search: 'Cerca',
+    showMore: 'Mostra di più',
+    showLess: 'Mostra di meno',
+    next: 'Avanti',
+    previous: 'Precedente',
+    open: 'Apri',
+    menu: 'Menu',
+    copy: 'Copia',
+    copied: 'Copiato',
+    send: 'Invia',
+    clear: 'Cancella',
+    seeAll: 'Mostra tutto',
+  },
+  pt: {
+    close: 'Fechar',
+    dismiss: 'Dispensar',
+    back: 'Voltar',
+    goBack: 'Voltar atrás',
+    loading: 'Carregando',
+    more: 'Mais',
+    moreOptions: 'Mais opções',
+    moreActions: 'Mais ações',
+    progress: 'Progresso',
+    stepOf: (step, total) => `Etapa ${step} de ${total}`,
+    labelFor: (label, subject) => `${label} de ${subject}`,
+    tapToClose: 'Toque para fechar',
+    cancel: 'Cancelar',
+    done: 'Concluído',
+    save: 'Salvar',
+    delete: 'Excluir',
+    edit: 'Editar',
+    remove: 'Remover',
+    retry: 'Tentar novamente',
+    search: 'Pesquisar',
+    showMore: 'Mostrar mais',
+    showLess: 'Mostrar menos',
+    next: 'Próximo',
+    previous: 'Anterior',
+    open: 'Abrir',
+    menu: 'Menu',
+    copy: 'Copiar',
+    copied: 'Copiado',
+    send: 'Enviar',
+    clear: 'Limpar',
+    seeAll: 'Ver tudo',
+  },
+  ru: {
+    close: 'Закрыть',
+    dismiss: 'Скрыть',
+    back: 'Назад',
+    goBack: 'Вернуться',
+    loading: 'Загрузка',
+    more: 'Ещё',
+    moreOptions: 'Другие параметры',
+    moreActions: 'Другие действия',
+    progress: 'Прогресс',
+    stepOf: (step, total) => `Шаг ${step} из ${total}`,
+    labelFor: (label, subject) => `${label}: ${subject}`,
+    tapToClose: 'Нажмите, чтобы закрыть',
+    cancel: 'Отмена',
+    done: 'Готово',
+    save: 'Сохранить',
+    delete: 'Удалить',
+    edit: 'Изменить',
+    remove: 'Убрать',
+    retry: 'Повторить',
+    search: 'Поиск',
+    showMore: 'Показать больше',
+    showLess: 'Показать меньше',
+    next: 'Далее',
+    previous: 'Предыдущий',
+    open: 'Открыть',
+    menu: 'Меню',
+    copy: 'Копировать',
+    copied: 'Скопировано',
+    send: 'Отправить',
+    clear: 'Очистить',
+    seeAll: 'Показать все',
+  },
+  tr: {
+    close: 'Kapat',
+    dismiss: 'Yoksay',
+    back: 'Geri',
+    goBack: 'Geri dön',
+    loading: 'Yükleniyor',
+    more: 'Daha fazla',
+    moreOptions: 'Diğer seçenekler',
+    moreActions: 'Diğer işlemler',
+    progress: 'İlerleme',
+    stepOf: (step, total) => `Adım ${step}/${total}`,
+    labelFor: (label, subject) => `${subject}: ${label}`,
+    tapToClose: 'Kapatmak için dokunun',
+    cancel: 'İptal',
+    done: 'Bitti',
+    save: 'Kaydet',
+    delete: 'Sil',
+    edit: 'Düzenle',
+    remove: 'Kaldır',
+    retry: 'Yeniden dene',
+    search: 'Ara',
+    showMore: 'Daha fazla göster',
+    showLess: 'Daha az göster',
+    next: 'İleri',
+    previous: 'Önceki',
+    open: 'Aç',
+    menu: 'Menü',
+    copy: 'Kopyala',
+    copied: 'Kopyalandı',
+    send: 'Gönder',
+    clear: 'Temizle',
+    seeAll: 'Tümünü gör',
+  },
+  ja: {
+    close: '閉じる',
+    dismiss: '非表示',
+    back: '戻る',
+    goBack: '前に戻る',
+    loading: '読み込み中',
+    more: 'その他',
+    moreOptions: 'その他のオプション',
+    moreActions: 'その他の操作',
+    progress: '進捗',
+    stepOf: (step, total) => `ステップ ${step}/${total}`,
+    labelFor: (label, subject) => `${subject}の${label}`,
+    tapToClose: 'タップして閉じる',
+    cancel: 'キャンセル',
+    done: '完了',
+    save: '保存',
+    delete: '削除',
+    edit: '編集',
+    remove: '取り除く',
+    retry: '再試行',
+    search: '検索',
+    showMore: 'もっと見る',
+    showLess: '表示を減らす',
+    next: '次へ',
+    previous: '前へ',
+    open: '開く',
+    menu: 'メニュー',
+    copy: 'コピー',
+    copied: 'コピーしました',
+    send: '送信',
+    clear: 'クリア',
+    seeAll: 'すべて表示',
+  },
+  zh: {
+    close: '关闭',
+    dismiss: '忽略',
+    back: '返回',
+    goBack: '返回上一页',
+    loading: '正在加载',
+    more: '更多',
+    moreOptions: '更多选项',
+    moreActions: '更多操作',
+    progress: '进度',
+    stepOf: (step, total) => `第 ${step} 步，共 ${total} 步`,
+    labelFor: (label, subject) => `${subject}的${label}`,
+    tapToClose: '轻触以关闭',
+    cancel: '取消',
+    done: '完成',
+    save: '保存',
+    delete: '删除',
+    edit: '编辑',
+    remove: '移除',
+    retry: '重试',
+    search: '搜索',
+    showMore: '显示更多',
+    showLess: '收起',
+    next: '下一个',
+    previous: '上一个',
+    open: '打开',
+    menu: '菜单',
+    copy: '复制',
+    copied: '已复制',
+    send: '发送',
+    clear: '清除',
+    seeAll: '查看全部',
+  },
+  ar: {
+    close: 'إغلاق',
+    dismiss: 'تجاهل',
+    back: 'رجوع',
+    goBack: 'العودة',
+    loading: 'جارٍ التحميل',
+    more: 'المزيد',
+    moreOptions: 'خيارات إضافية',
+    moreActions: 'إجراءات إضافية',
+    progress: 'التقدم',
+    stepOf: (step, total) => `الخطوة ${step} من ${total}`,
+    labelFor: (label, subject) => `${label}: ${subject}`,
+    tapToClose: 'انقر للإغلاق',
+    cancel: 'إلغاء',
+    done: 'تم',
+    save: 'حفظ',
+    delete: 'حذف',
+    edit: 'تعديل',
+    remove: 'إزالة',
+    retry: 'إعادة المحاولة',
+    search: 'بحث',
+    showMore: 'عرض المزيد',
+    showLess: 'عرض أقل',
+    next: 'التالي',
+    previous: 'السابق',
+    open: 'فتح',
+    menu: 'القائمة',
+    copy: 'نسخ',
+    copied: 'تم النسخ',
+    send: 'إرسال',
+    clear: 'مسح',
+    seeAll: 'عرض الكل',
+  },
+  hi: {
+    close: 'बंद करें',
+    dismiss: 'ख़ारिज करें',
+    back: 'वापस',
+    goBack: 'वापस जाएं',
+    loading: 'लोड हो रहा है',
+    more: 'और',
+    moreOptions: 'और विकल्प',
+    moreActions: 'और कार्रवाइयां',
+    progress: 'प्रगति',
+    stepOf: (step, total) => `चरण ${step} / ${total}`,
+    labelFor: (label, subject) => `${subject} के लिए ${label}`,
+    tapToClose: 'बंद करने के लिए टैप करें',
+    cancel: 'रद्द करें',
+    done: 'हो गया',
+    save: 'सहेजें',
+    delete: 'हटाएं',
+    edit: 'संपादित करें',
+    remove: 'निकालें',
+    retry: 'फिर से कोशिश करें',
+    search: 'खोजें',
+    showMore: 'और दिखाएं',
+    showLess: 'कम दिखाएं',
+    next: 'अगला',
+    previous: 'पिछला',
+    open: 'खोलें',
+    menu: 'मेन्यू',
+    copy: 'कॉपी करें',
+    copied: 'कॉपी हो गया',
+    send: 'भेजें',
+    clear: 'साफ़ करें',
+    seeAll: 'सभी देखें',
+  },
+  bn: {
+    close: 'বন্ধ করুন',
+    dismiss: 'খারিজ করুন',
+    back: 'পিছনে',
+    goBack: 'ফিরে যান',
+    loading: 'লোড হচ্ছে',
+    more: 'আরও',
+    moreOptions: 'আরও বিকল্প',
+    moreActions: 'আরও কাজ',
+    progress: 'অগ্রগতি',
+    stepOf: (step, total) => `ধাপ ${step}/${total}`,
+    labelFor: (label, subject) => `${subject}-এর জন্য ${label}`,
+    tapToClose: 'বন্ধ করতে ট্যাপ করুন',
+    cancel: 'বাতিল',
+    done: 'সম্পন্ন',
+    save: 'সংরক্ষণ করুন',
+    delete: 'মুছুন',
+    edit: 'সম্পাদনা করুন',
+    remove: 'সরান',
+    retry: 'আবার চেষ্টা করুন',
+    search: 'অনুসন্ধান',
+    showMore: 'আরও দেখান',
+    showLess: 'কম দেখান',
+    next: 'পরবর্তী',
+    previous: 'পূর্ববর্তী',
+    open: 'খুলুন',
+    menu: 'মেনু',
+    copy: 'কপি করুন',
+    copied: 'কপি হয়েছে',
+    send: 'পাঠান',
+    clear: 'মুছে ফেলুন',
+    seeAll: 'সব দেখুন',
+  },
+  id: {
+    close: 'Tutup',
+    dismiss: 'Abaikan',
+    back: 'Kembali',
+    goBack: 'Kembali ke sebelumnya',
+    loading: 'Memuat',
+    more: 'Lainnya',
+    moreOptions: 'Opsi lainnya',
+    moreActions: 'Tindakan lainnya',
+    progress: 'Kemajuan',
+    stepOf: (step, total) => `Langkah ${step} dari ${total}`,
+    labelFor: (label, subject) => `${label} untuk ${subject}`,
+    tapToClose: 'Ketuk untuk menutup',
+    cancel: 'Batal',
+    done: 'Selesai',
+    save: 'Simpan',
+    delete: 'Hapus',
+    edit: 'Edit',
+    remove: 'Keluarkan',
+    retry: 'Coba lagi',
+    search: 'Cari',
+    showMore: 'Tampilkan lebih banyak',
+    showLess: 'Tampilkan lebih sedikit',
+    next: 'Berikutnya',
+    previous: 'Sebelumnya',
+    open: 'Buka',
+    menu: 'Menu',
+    copy: 'Salin',
+    copied: 'Disalin',
+    send: 'Kirim',
+    clear: 'Bersihkan',
+    seeAll: 'Lihat semua',
+  },
+};
+
+/** The common words in the locale in effect (prop → `LocaleProvider` → runtime). */
+export function useCommonMessages(locale?: string): CommonMessages {
+  return useMessages(COMMON_MESSAGES, locale).messages;
+}

package/src/map-marker/MapListingPreview.tsx

@@ -24,6 +24,7 @@ import {
   type MapMarkerPaint,
 } from './shared';
 import type { MapListingPreviewProps } from './types';
+import { useCommonMessages } from '../locale/common-messages';
 
 /**
  * The small card a map shows when a marker is pressed.
@@ -124,12 +125,15 @@ function MapListingPreviewComponent({
   onPress,
   layout = 'vertical',
   width = DEFAULT_WIDTH,
-  closeLabel = 'Close',
-  favoriteLabel = 'Save',
+  closeLabel: closeLabelProp,
+  favoriteLabel: favoriteLabelProp,
   accessibilityLabel,
   style,
   testID,
 }: MapListingPreviewProps) {
+  const common = useCommonMessages();
+  const closeLabel = closeLabelProp ?? common.close;
+  const favoriteLabel = favoriteLabelProp ?? common.save;
   const theme = useTheme();
   const paint = useMemo(() => resolveMapMarkerPaint(theme), [theme]);
   const resolver = useImageResolver();

package/src/media-card/FriendActivityCard.tsx

@@ -14,6 +14,7 @@ import { Text } from '../typography';
 import { Artwork, CardLink, useMediaCardCss } from './parts';
 import { composeName, resolveMediaCardPaint, ROW_PADDING, ROW_RADIUS } from './shared';
 import type { FriendActivityCardProps } from './types';
+import { useCommonMessages } from '../locale/common-messages';
 
 const AVATAR = 40;
 const DOT = 12;
@@ -50,13 +51,14 @@ function FriendActivityCardComponent({
   style,
   testID,
 }: FriendActivityCardProps) {
+  const common = useCommonMessages();
   const theme = useTheme();
   useMediaCardCss();
   const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
 
   if (skeleton) {
     return (
-      <View aria-busy accessibilityLabel="Loading" style={[{ flexDirection: 'row', gap: 12, padding: ROW_PADDING }, style]} testID={testID}>
+      <View aria-busy accessibilityLabel={common.loading} style={[{ flexDirection: 'row', gap: 12, padding: ROW_PADDING }, style]} testID={testID}>
         <SkeletonCircle size={AVATAR} />
         <View style={{ flex: 1, gap: 8, justifyContent: 'center' }}>
           <SkeletonBox width="35%" height={12} borderRadius={4} />

package/src/media-card/GenreCard.tsx

@@ -19,6 +19,7 @@ import {
   TILE_ARTWORK,
 } from './shared';
 import type { GenreCardProps, MediaCardSize } from './types';
+import { useCommonMessages } from '../locale/common-messages';
 
 const TITLE: Record<MediaCardSize, TypeScaleVariant> = {
   large: 'title-2-bold',
@@ -51,6 +52,7 @@ function GenreCardComponent({
   style,
   testID,
 }: GenreCardProps) {
+  const common = useCommonMessages();
   const theme = useTheme();
   useMediaCardCss();
   const resolver = useImageResolver();
@@ -62,7 +64,7 @@ function GenreCardComponent({
 
   if (skeleton) {
     return (
-      <View aria-busy accessibilityLabel="Loading" style={[{ width: side, aspectRatio: 1 }, style]} testID={testID}>
+      <View aria-busy accessibilityLabel={common.loading} style={[{ width: side, aspectRatio: 1 }, style]} testID={testID}>
         <SkeletonBox width="100%" height="100%" borderRadius={GENRE_RADIUS} />
       </View>
     );

package/src/media-card/MediaCard.tsx

@@ -24,6 +24,7 @@ import {
   TILE_RADIUS,
 } from './shared';
 import type { MediaCardLayout, MediaCardProps, MediaCardSize } from './types';
+import { useCommonMessages } from '../locale/common-messages';
 
 /**
  * The anatomy every music card shares.
@@ -92,6 +93,7 @@ export function MediaCardSkeleton({
   style?: StyleProp<ViewStyle>;
   testID?: string;
 }) {
+  const common = useCommonMessages();
   const box = resolveArtworkBox(size, layout, aspectRatio, artworkSize);
   const row = layout === 'row';
   const padding = row ? ROW_PADDING : TILE_PADDING;
@@ -103,7 +105,7 @@ export function MediaCardSkeleton({
   return (
     <View
       aria-busy
-      accessibilityLabel="Loading"
+      accessibilityLabel={common.loading}
       style={[
         {
           flexDirection: row ? 'row' : 'column',

package/src/media-card/QuickAccessTile.tsx

@@ -18,6 +18,7 @@ import {
   resolvePlayVisibility,
 } from './shared';
 import type { QuickAccessTileProps } from './types';
+import { useCommonMessages } from '../locale/common-messages';
 
 /**
  * The compact home-screen shortcut, laid out 2–4 to a row.
@@ -55,13 +56,14 @@ function QuickAccessTileComponent({
   style,
   testID,
 }: QuickAccessTileProps) {
+  const common = useCommonMessages();
   const theme = useTheme();
   useMediaCardCss();
   const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
 
   if (skeleton) {
     return (
-      <View aria-busy accessibilityLabel="Loading" style={style} testID={testID}>
+      <View aria-busy accessibilityLabel={common.loading} style={style} testID={testID}>
         <SkeletonBox width="100%" height={QUICK_TILE_HEIGHT} borderRadius={QUICK_TILE_RADIUS} />
       </View>
     );