@oxy.so/bloom 5.0.0 → 5.1.0

package/src/earnings/messages.ts

@@ -0,0 +1,178 @@
+import type { MessageCatalog } from '../locale/messages';
+import type { EarningsPayoutState } from './types';
+
+/**
+ * Every fixed string the earnings family draws or announces, in each Bloom
+ * language. Amounts arrive formatted. A caller's `labels`, `title` and
+ * `accessibilityLabel` still win.
+ */
+export interface EarningsMessages {
+  /** Over the figure. */
+  earned: string;
+  /** Names the period switch. */
+  period: string;
+  /** Over the breakdown. */
+  breakdown: string;
+  /** Over the payout row. */
+  payout: string;
+  payoutState: Record<EarningsPayoutState, string>;
+  /** Names the chart: "This week earnings, by period". */
+  chart: (label: string) => string;
+  /** The empty period's line. */
+  empty: string;
+  /** Names the summary panel. */
+  earnings: string;
+}
+
+export const EARNINGS_MESSAGES: MessageCatalog<EarningsMessages> = {
+  en: {
+    earned: 'Earned',
+    period: 'Earnings period',
+    breakdown: 'What it came from',
+    payout: 'Next payout',
+    payoutState: { scheduled: 'Scheduled', processing: 'On its way', paid: 'Paid', held: 'On hold', failed: 'Failed' },
+    chart: (label) => `${label} earnings, by period`,
+    empty: 'Nothing earned yet',
+    earnings: 'Earnings',
+  },
+  es: {
+    earned: 'Ganado',
+    period: 'Periodo de ganancias',
+    breakdown: 'De dónde viene',
+    payout: 'Próximo pago',
+    payoutState: { scheduled: 'Programado', processing: 'En camino', paid: 'Pagado', held: 'Retenido', failed: 'Fallido' },
+    chart: (label) => `Ganancias: ${label}, por periodo`,
+    empty: 'Aún no has ganado nada',
+    earnings: 'Ganancias',
+  },
+  ca: {
+    earned: 'Guanyat',
+    period: 'Període de guanys',
+    breakdown: "D'on ve",
+    payout: 'Proper pagament',
+    payoutState: { scheduled: 'Programat', processing: 'En camí', paid: 'Pagat', held: 'Retingut', failed: 'Fallit' },
+    chart: (label) => `Guanys: ${label}, per període`,
+    empty: 'Encara no has guanyat res',
+    earnings: 'Guanys',
+  },
+  de: {
+    earned: 'Verdient',
+    period: 'Zeitraum der Einnahmen',
+    breakdown: 'Woher es kommt',
+    payout: 'Nächste Auszahlung',
+    payoutState: { scheduled: 'Geplant', processing: 'Unterwegs', paid: 'Ausgezahlt', held: 'Zurückgehalten', failed: 'Fehlgeschlagen' },
+    chart: (label) => `Einnahmen ${label}, nach Zeitraum`,
+    empty: 'Noch nichts verdient',
+    earnings: 'Einnahmen',
+  },
+  fr: {
+    earned: 'Gagné',
+    period: 'Période de revenus',
+    breakdown: "D'où ça vient",
+    payout: 'Prochain versement',
+    payoutState: { scheduled: 'Programmé', processing: 'En route', paid: 'Versé', held: 'En attente', failed: 'Échec' },
+    chart: (label) => `Revenus ${label}, par période`,
+    empty: "Rien de gagné pour l'instant",
+    earnings: 'Revenus',
+  },
+  it: {
+    earned: 'Guadagnato',
+    period: 'Periodo dei guadagni',
+    breakdown: 'Da dove arriva',
+    payout: 'Prossimo pagamento',
+    payoutState: { scheduled: 'Programmato', processing: 'In arrivo', paid: 'Pagato', held: 'Sospeso', failed: 'Non riuscito' },
+    chart: (label) => `Guadagni ${label}, per periodo`,
+    empty: 'Ancora nessun guadagno',
+    earnings: 'Guadagni',
+  },
+  pt: {
+    earned: 'Ganho',
+    period: 'Período de ganhos',
+    breakdown: 'De onde veio',
+    payout: 'Próximo repasse',
+    payoutState: { scheduled: 'Agendado', processing: 'A caminho', paid: 'Pago', held: 'Retido', failed: 'Falhou' },
+    chart: (label) => `Ganhos ${label}, por período`,
+    empty: 'Nenhum ganho ainda',
+    earnings: 'Ganhos',
+  },
+  ru: {
+    earned: 'Заработано',
+    period: 'Период заработка',
+    breakdown: 'Из чего складывается',
+    payout: 'Следующая выплата',
+    payoutState: { scheduled: 'Запланирована', processing: 'В пути', paid: 'Выплачено', held: 'Задержана', failed: 'Не удалась' },
+    chart: (label) => `Заработок: ${label}, по периодам`,
+    empty: 'Пока ничего не заработано',
+    earnings: 'Заработок',
+  },
+  tr: {
+    earned: 'Kazanılan',
+    period: 'Kazanç dönemi',
+    breakdown: 'Nereden geldi',
+    payout: 'Sonraki ödeme',
+    payoutState: { scheduled: 'Planlandı', processing: 'Yolda', paid: 'Ödendi', held: 'Bekletiliyor', failed: 'Başarısız' },
+    chart: (label) => `${label} kazançları, döneme göre`,
+    empty: 'Henüz kazanç yok',
+    earnings: 'Kazançlar',
+  },
+  ja: {
+    earned: '収益',
+    period: '収益の期間',
+    breakdown: '内訳',
+    payout: '次回の支払い',
+    payoutState: { scheduled: '予定', processing: '送金中', paid: '支払い済み', held: '保留中', failed: '失敗' },
+    chart: (label) => `${label}の収益（期間別）`,
+    empty: 'まだ収益はありません',
+    earnings: '収益',
+  },
+  zh: {
+    earned: '已赚取',
+    period: '收入周期',
+    breakdown: '收入来源',
+    payout: '下次打款',
+    payoutState: { scheduled: '已安排', processing: '打款中', paid: '已支付', held: '已暂扣', failed: '失败' },
+    chart: (label) => `${label}收入（按周期）`,
+    empty: '还没有收入',
+    earnings: '收入',
+  },
+  ar: {
+    earned: 'الأرباح',
+    period: 'فترة الأرباح',
+    breakdown: 'مصدر الأرباح',
+    payout: 'الدفعة التالية',
+    payoutState: { scheduled: 'مجدولة', processing: 'في الطريق', paid: 'مدفوعة', held: 'معلّقة', failed: 'فشلت' },
+    chart: (label) => `أرباح ${label} حسب الفترة`,
+    empty: 'لا أرباح بعد',
+    earnings: 'الأرباح',
+  },
+  hi: {
+    earned: 'कमाई',
+    period: 'कमाई की अवधि',
+    breakdown: 'कहाँ से आई',
+    payout: 'अगला भुगतान',
+    payoutState: { scheduled: 'निर्धारित', processing: 'रास्ते में', paid: 'भुगतान हो गया', held: 'रोका गया', failed: 'विफल' },
+    chart: (label) => `${label} की कमाई, अवधि के अनुसार`,
+    empty: 'अभी तक कोई कमाई नहीं',
+    earnings: 'कमाई',
+  },
+  bn: {
+    earned: 'আয়',
+    period: 'আয়ের সময়কাল',
+    breakdown: 'কোথা থেকে এসেছে',
+    payout: 'পরবর্তী পেআউট',
+    payoutState: { scheduled: 'নির্ধারিত', processing: 'পথে আছে', paid: 'পরিশোধিত', held: 'আটকে আছে', failed: 'ব্যর্থ' },
+    chart: (label) => `${label}-এর আয়, সময়কাল অনুযায়ী`,
+    empty: 'এখনও কোনো আয় নেই',
+    earnings: 'আয়',
+  },
+  id: {
+    earned: 'Diperoleh',
+    period: 'Periode pendapatan',
+    breakdown: 'Sumbernya',
+    payout: 'Pencairan berikutnya',
+    payoutState: { scheduled: 'Terjadwal', processing: 'Dalam proses', paid: 'Dibayar', held: 'Ditahan', failed: 'Gagal' },
+    chart: (label) => `Pendapatan ${label}, per periode`,
+    empty: 'Belum ada pendapatan',
+    earnings: 'Pendapatan',
+  },
+};

package/src/earnings/types.ts

@@ -88,19 +88,19 @@ export interface EarningsPeriod {
 
 /** Every word the family speaks, in one prop. */
 export interface EarningsLabels {
-  /** Over the figure. Default `"Earned"`. */
+  /** Over the figure (`"Earned"` in English). */
   earned?: string;
-  /** Names the period switch. Default `"Earnings period"`. */
+  /** Names the period switch (`"Earnings period"` in English). */
   period?: string;
-  /** Over the breakdown. Default `"What it came from"`. */
+  /** Over the breakdown (`"What it came from"` in English). */
   breakdown?: string;
-  /** Over the payout row. Default `"Next payout"`. */
+  /** Over the payout row (`"Next payout"` in English). */
   payout?: string;
-  /** The payout states. Defaults `"Scheduled"`, `"On its way"`, `"Paid"`, `"On hold"`, `"Failed"`. */
+  /** The payout states. `"Scheduled"`, `"On its way"`, `"Paid"`, `"On hold"`, `"Failed"` in English. */
   payoutState?: Partial<Record<EarningsPayoutState, string>>;
-  /** Names the chart. Default `` (label) => `${label} earnings, by period` ``. */
+  /** Names the chart (`` (label) => `${label} earnings, by period` `` in English). */
   chart?: (label: string) => string;
-  /** The empty period's line. Default `"Nothing earned yet"`. */
+  /** The empty period's line (`"Nothing earned yet"` in English). */
   empty?: string;
 }
 
@@ -113,7 +113,7 @@ export interface EarningsBreakdownProps {
    * total and two totals on one panel is one too many.
    */
   total?: PriceTotal;
-  /** A heading over the list. Default `"What it came from"`. */
+  /** A heading over the list (`"What it came from"` in English). */
   title?: string;
   /** Hide the kinds behind a disclosure. Default `false`. */
   collapsible?: boolean;
@@ -129,7 +129,7 @@ export interface EarningsBreakdownProps {
 export interface EarningsPayoutRowProps {
   /** The payout. */
   payout: EarningsPayout;
-  /** The line over the date. Default `"Next payout"`. */
+  /** The line over the date (`"Next payout"` in English). */
   title?: string;
   /** Makes the row pressable — an app opens the payout's detail from here. */
   onPress?: () => void;
@@ -172,7 +172,7 @@ export interface EarningsSummaryProps {
   /** Draws the tiles. Default `true` when the period carries `stats`. */
   stats?: boolean;
   labels?: EarningsLabels;
-  /** Names the panel. Default `"Earnings"`. */
+  /** Names the panel (`"Earnings"` in English). */
   accessibilityLabel?: string;
   style?: StyleProp<ViewStyle>;
   /** Derives `-chart`, `-stats`, `-breakdown`, `-payout`. */

package/src/file-upload/FileUpload.tsx

@@ -18,12 +18,14 @@ import { RiFileImageLine } from '../icons/remix/RiFileImageLine';
 import { RiFileTextLine } from '../icons/remix/RiFileTextLine';
 import { RiUploadCloud2Line } from '../icons/remix/RiUploadCloud2Line';
 import { useInteractionState } from '../hooks/use-interaction-state';
+import { useMessages } from '../locale/messages';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { webDataSet } from '../styles/web-data';
 import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
+import { FILE_UPLOAD_MESSAGES } from './messages';
 import type { FileUploadFile, FileUploadLabels, FileUploadProps } from './types';
 
 /**
@@ -447,6 +449,7 @@ const FileUploadComponent = function FileUpload({
   style,
   testID,
 }: FileUploadProps) {
+  const { locale, messages } = useMessages(FILE_UPLOAD_MESSAGES);
   const theme = useTheme();
   // The drop zone draws a prompt but names itself with a prop, so a `Field`
   // around it is the other place the name can come from — and the field's
@@ -460,12 +463,12 @@ const FileUploadComponent = function FileUpload({
   const paint = useMemo(() => resolveFileUploadPaint(theme), [theme]);
 
   const labels: FileUploadLabels = {
-    prompt: IS_WEB ? 'Drag and drop to upload or' : 'Tap to',
-    select: IS_WEB ? 'select' : 'select a file',
-    uploading: (size) => `Uploading ${size}...`,
-    uploaded: 'Uploaded successfully!',
-    unsupported: (extensions) => `Only ${extensions} files are supported`,
-    tooLarge: (max) => `That file is larger than ${max}`,
+    prompt: IS_WEB ? messages.promptWeb : messages.promptNative,
+    select: IS_WEB ? messages.selectWeb : messages.selectNative,
+    uploading: messages.uploading,
+    uploaded: messages.uploaded,
+    unsupported: messages.unsupported,
+    tooLarge: messages.tooLarge,
     ...labelOverrides,
   };
 
@@ -540,7 +543,7 @@ const FileUploadComponent = function FileUpload({
       return;
     }
     if (next.size > maxBytes) {
-      reject(labels.tooLarge(formatFileSize(maxBytes)), next);
+      reject(labels.tooLarge(formatFileSize(maxBytes, locale)), next);
       return;
     }
 
@@ -649,7 +652,7 @@ const FileUploadComponent = function FileUpload({
       {...webDataSet({ bloomFileUpload: busy ? 'busy' : 'idle' })}
       accessibilityRole="button"
       nativeID={field.nativeID}
-      accessibilityLabel={field.accessibilityLabel ?? 'Upload a file'}
+      accessibilityLabel={field.accessibilityLabel ?? messages.uploadFile}
       aria-describedby={field.describedBy}
       aria-invalid={field.invalid || undefined}
       aria-busy={busy}
@@ -838,7 +841,7 @@ const FileUploadComponent = function FileUpload({
           </StaggerLine>
           <StaggerLine state={idleReveal} kind="line" order={3} reducedMotion={reducedMotion}>
             <Text variant="body-2-regular" style={{ color: paint.hint, textAlign: 'center' }}>
-              {allowedLabel} (max {formatFileSize(maxBytes)})
+              {allowedLabel} {messages.max(formatFileSize(maxBytes, locale))}
             </Text>
           </StaggerLine>
         </View>
@@ -889,7 +892,7 @@ const FileUploadComponent = function FileUpload({
             style={{ position: 'absolute', left: 0, right: 0 }}
           >
             <Text variant="body-2-regular" style={{ color: paint.status, textAlign: 'center' }}>
-              {labels.uploading(file ? formatFileSize(file.size) : '')}
+              {labels.uploading(file ? formatFileSize(file.size, locale) : '')}
             </Text>
           </StaggerLine>
           <StaggerLine

package/src/file-upload/messages.ts

@@ -0,0 +1,206 @@
+import type { MessageCatalog } from '../locale/messages';
+
+/**
+ * Every fixed string the file upload draws or announces, in each Bloom
+ * language. Sizes and extensions arrive formatted. A caller's `labels` and
+ * `accessibilityLabel` still win.
+ */
+export interface FileUploadMessages {
+  /** The idle prompt before the accent word, on web (a drop zone) and on native (a tap target). */
+  promptWeb: string;
+  promptNative: string;
+  /** The accent-coloured action word that completes the prompt. */
+  selectWeb: string;
+  selectNative: string;
+  uploading: (size: string) => string;
+  uploaded: string;
+  unsupported: (extensions: string) => string;
+  tooLarge: (max: string) => string;
+  /** The hint's size limit after the accepted types: "(max 8 MB)". */
+  max: (size: string) => string;
+  /** The drop zone's name. */
+  uploadFile: string;
+}
+
+export const FILE_UPLOAD_MESSAGES: MessageCatalog<FileUploadMessages> = {
+  en: {
+    promptWeb: 'Drag and drop to upload or',
+    promptNative: 'Tap to',
+    selectWeb: 'select',
+    selectNative: 'select a file',
+    uploading: (size) => `Uploading ${size}...`,
+    uploaded: 'Uploaded successfully!',
+    unsupported: (extensions) => `Only ${extensions} files are supported`,
+    tooLarge: (max) => `That file is larger than ${max}`,
+    max: (size) => `(max ${size})`,
+    uploadFile: 'Upload a file',
+  },
+  es: {
+    promptWeb: 'Arrastra y suelta para subir o',
+    promptNative: 'Toca para',
+    selectWeb: 'selecciona',
+    selectNative: 'seleccionar un archivo',
+    uploading: (size) => `Subiendo ${size}...`,
+    uploaded: '¡Subido correctamente!',
+    unsupported: (extensions) => `Solo se admiten archivos ${extensions}`,
+    tooLarge: (max) => `El archivo supera ${max}`,
+    max: (size) => `(máx. ${size})`,
+    uploadFile: 'Subir un archivo',
+  },
+  ca: {
+    promptWeb: 'Arrossega i deixa anar per pujar o',
+    promptNative: 'Toca per',
+    selectWeb: 'selecciona',
+    selectNative: 'seleccionar un fitxer',
+    uploading: (size) => `Pujant ${size}...`,
+    uploaded: "S'ha pujat correctament!",
+    unsupported: (extensions) => `Només s'admeten fitxers ${extensions}`,
+    tooLarge: (max) => `El fitxer supera ${max}`,
+    max: (size) => `(màx. ${size})`,
+    uploadFile: 'Puja un fitxer',
+  },
+  de: {
+    promptWeb: 'Zum Hochladen hierher ziehen oder',
+    promptNative: 'Tippen, um',
+    selectWeb: 'auswählen',
+    selectNative: 'eine Datei auszuwählen',
+    uploading: (size) => `${size} wird hochgeladen...`,
+    uploaded: 'Erfolgreich hochgeladen!',
+    unsupported: (extensions) => `Nur ${extensions}-Dateien werden unterstützt`,
+    tooLarge: (max) => `Die Datei ist größer als ${max}`,
+    max: (size) => `(max. ${size})`,
+    uploadFile: 'Datei hochladen',
+  },
+  fr: {
+    promptWeb: 'Glissez-déposez pour importer ou',
+    promptNative: 'Touchez pour',
+    selectWeb: 'parcourir',
+    selectNative: 'choisir un fichier',
+    uploading: (size) => `Importation de ${size}...`,
+    uploaded: 'Importation réussie !',
+    unsupported: (extensions) => `Seuls les fichiers ${extensions} sont acceptés`,
+    tooLarge: (max) => `Ce fichier dépasse ${max}`,
+    max: (size) => `(max. ${size})`,
+    uploadFile: 'Importer un fichier',
+  },
+  it: {
+    promptWeb: 'Trascina qui per caricare oppure',
+    promptNative: 'Tocca per',
+    selectWeb: 'seleziona',
+    selectNative: 'selezionare un file',
+    uploading: (size) => `Caricamento di ${size}...`,
+    uploaded: 'Caricamento completato!',
+    unsupported: (extensions) => `Sono supportati solo file ${extensions}`,
+    tooLarge: (max) => `Il file supera ${max}`,
+    max: (size) => `(max ${size})`,
+    uploadFile: 'Carica un file',
+  },
+  pt: {
+    promptWeb: 'Arraste e solte para enviar ou',
+    promptNative: 'Toque para',
+    selectWeb: 'selecione',
+    selectNative: 'selecionar um arquivo',
+    uploading: (size) => `Enviando ${size}...`,
+    uploaded: 'Enviado com sucesso!',
+    unsupported: (extensions) => `Somente arquivos ${extensions} são aceitos`,
+    tooLarge: (max) => `O arquivo é maior que ${max}`,
+    max: (size) => `(máx. ${size})`,
+    uploadFile: 'Enviar um arquivo',
+  },
+  ru: {
+    promptWeb: 'Перетащите файл для загрузки или',
+    promptNative: 'Нажмите, чтобы',
+    selectWeb: 'выберите',
+    selectNative: 'выбрать файл',
+    uploading: (size) => `Загрузка ${size}...`,
+    uploaded: 'Файл загружен!',
+    unsupported: (extensions) => `Поддерживаются только файлы ${extensions}`,
+    tooLarge: (max) => `Файл больше ${max}`,
+    max: (size) => `(макс. ${size})`,
+    uploadFile: 'Загрузить файл',
+  },
+  tr: {
+    promptWeb: 'Yüklemek için sürükleyip bırakın ya da',
+    promptNative: 'Dokunarak',
+    selectWeb: 'seçin',
+    selectNative: 'dosya seçin',
+    uploading: (size) => `${size} yükleniyor...`,
+    uploaded: 'Başarıyla yüklendi!',
+    unsupported: (extensions) => `Yalnızca ${extensions} dosyaları desteklenir`,
+    tooLarge: (max) => `Bu dosya ${max} boyutundan büyük`,
+    max: (size) => `(en fazla ${size})`,
+    uploadFile: 'Dosya yükle',
+  },
+  ja: {
+    promptWeb: 'ドラッグ＆ドロップでアップロード、または',
+    promptNative: 'タップして',
+    selectWeb: 'ファイルを選択',
+    selectNative: 'ファイルを選択',
+    uploading: (size) => `${size} をアップロード中...`,
+    uploaded: 'アップロードしました',
+    unsupported: (extensions) => `${extensions} ファイルのみ対応しています`,
+    tooLarge: (max) => `ファイルが ${max} を超えています`,
+    max: (size) => `（最大 ${size}）`,
+    uploadFile: 'ファイルをアップロード',
+  },
+  zh: {
+    promptWeb: '拖放文件以上传，或',
+    promptNative: '点按以',
+    selectWeb: '选择文件',
+    selectNative: '选择文件',
+    uploading: (size) => `正在上传 ${size}...`,
+    uploaded: '上传成功！',
+    unsupported: (extensions) => `仅支持 ${extensions} 文件`,
+    tooLarge: (max) => `文件超过 ${max}`,
+    max: (size) => `（最大 ${size}）`,
+    uploadFile: '上传文件',
+  },
+  ar: {
+    promptWeb: 'اسحب الملف وأفلته للرفع أو',
+    promptNative: 'انقر',
+    selectWeb: 'اختر ملفًا',
+    selectNative: 'لاختيار ملف',
+    uploading: (size) => `جارٍ رفع ${size}...`,
+    uploaded: 'تم الرفع بنجاح!',
+    unsupported: (extensions) => `الملفات المدعومة: ${extensions} فقط`,
+    tooLarge: (max) => `حجم الملف أكبر من ${max}`,
+    max: (size) => `(الحد الأقصى ${size})`,
+    uploadFile: 'رفع ملف',
+  },
+  hi: {
+    promptWeb: 'अपलोड करने के लिए खींचें और छोड़ें या',
+    promptNative: 'टैप करके',
+    selectWeb: 'चुनें',
+    selectNative: 'फ़ाइल चुनें',
+    uploading: (size) => `${size} अपलोड हो रहा है...`,
+    uploaded: 'सफलतापूर्वक अपलोड हो गया!',
+    unsupported: (extensions) => `केवल ${extensions} फ़ाइलें समर्थित हैं`,
+    tooLarge: (max) => `यह फ़ाइल ${max} से बड़ी है`,
+    max: (size) => `(अधिकतम ${size})`,
+    uploadFile: 'फ़ाइल अपलोड करें',
+  },
+  bn: {
+    promptWeb: 'আপলোড করতে টেনে এনে ছাড়ুন অথবা',
+    promptNative: 'ট্যাপ করে',
+    selectWeb: 'বেছে নিন',
+    selectNative: 'একটি ফাইল বেছে নিন',
+    uploading: (size) => `${size} আপলোড হচ্ছে...`,
+    uploaded: 'সফলভাবে আপলোড হয়েছে!',
+    unsupported: (extensions) => `শুধু ${extensions} ফাইল সমর্থিত`,
+    tooLarge: (max) => `ফাইলটি ${max}-এর চেয়ে বড়`,
+    max: (size) => `(সর্বোচ্চ ${size})`,
+    uploadFile: 'একটি ফাইল আপলোড করুন',
+  },
+  id: {
+    promptWeb: 'Seret dan lepas untuk mengunggah atau',
+    promptNative: 'Ketuk untuk',
+    selectWeb: 'pilih',
+    selectNative: 'memilih file',
+    uploading: (size) => `Mengunggah ${size}...`,
+    uploaded: 'Berhasil diunggah!',
+    unsupported: (extensions) => `Hanya file ${extensions} yang didukung`,
+    tooLarge: (max) => `File melebihi ${max}`,
+    max: (size) => `(maks. ${size})`,
+    uploadFile: 'Unggah file',
+  },
+};

package/src/file-upload/shared.ts

@@ -1,3 +1,5 @@
+import { formatFileSize as formatLocaleFileSize } from '../locale/format-number';
+
 /**
  * The size formatter, split out of `FileUpload.tsx` so a caller can have the
  * STRING without the component.
@@ -17,16 +19,6 @@
  * and a floor of 1 KB — a 200-byte attachment reading "0 KB" looks like a failed
  * upload.
  */
-export function formatFileSize(bytes: number): string {
-  const GB = 1024 * 1024 * 1024;
-  const MB = 1024 * 1024;
-  if (bytes >= GB) {
-    const gb = bytes / GB;
-    return `${gb >= 10 ? Math.round(gb) : Math.round(gb * 10) / 10} GB`;
-  }
-  if (bytes >= MB) {
-    const mb = bytes / MB;
-    return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;
-  }
-  return `${Math.max(1, Math.round(bytes / 1024))} KB`;
+export function formatFileSize(bytes: number, locale?: string): string {
+  return formatLocaleFileSize(bytes, locale);
 }

package/src/file-upload/types.ts

@@ -19,17 +19,17 @@ export interface FileUploadFile {
 
 /** Visible copy, overridable for localisation. */
 export interface FileUploadLabels {
-  /** Idle prompt before the accent word. Default "Drag and drop to upload or" (web), "Tap to" (native). */
+  /** Idle prompt before the accent word. "Drag and drop to upload or" (web), "Tap to" (native) in English. */
   prompt: string;
-  /** The accent-coloured action word. Default "select" (web), "select a file" (native). */
+  /** The accent-coloured action word. "select" (web), "select a file" (native) in English. */
   select: string;
-  /** Default `` size => `Uploading ${size}...` ``. */
+  /** `` size => `Uploading ${size}...` `` in English. */
   uploading: (formattedSize: string) => string;
-  /** Default "Uploaded successfully!". */
+  /** "Uploaded successfully!" in English. */
   uploaded: string;
-  /** Default `` exts => `Only ${exts} files are supported` ``. */
+  /** `` exts => `Only ${exts} files are supported` `` in English. */
   unsupported: (extensions: string) => string;
-  /** Default `` max => `That file is larger than ${max}` ``. */
+  /** `` max => `That file is larger than ${max}` `` in English. */
   tooLarge: (formattedMax: string) => string;
 }
 
@@ -76,7 +76,7 @@ export interface FileUploadProps {
   renderFileIcon?: (file: FileUploadFile) => ReactNode;
   labels?: Partial<FileUploadLabels>;
   disabled?: boolean;
-  /** Accessible name of the drop zone. Default "Upload a file". */
+  /** Accessible name of the drop zone ("Upload a file" in English). */
   accessibilityLabel?: string;
   style?: StyleProp<ViewStyle>;
   testID?: string;

package/src/hooks/clipboard.ts

@@ -0,0 +1,27 @@
+/**
+ * The web clipboard, as one guarded call. React Native has no
+ * `navigator.clipboard` (and Bloom takes no clipboard peer), so on native — or
+ * in a browser that refuses the permission — there is nothing to write to and
+ * the caller decides what that means: the copy buttons leave their glyph
+ * unchanged, the share action reports nothing copied.
+ *
+ * Three families wrote this out for themselves (code, agent-chat twice).
+ */
+
+type ClipboardNavigator = { clipboard?: { writeText?: (value: string) => Promise<void> } };
+
+function webClipboard(): ClipboardNavigator['clipboard'] | undefined {
+  return typeof navigator === 'undefined' ? undefined : (navigator as ClipboardNavigator).clipboard;
+}
+
+/** Whether `writeClipboardText` can succeed here at all. */
+export function clipboardAvailable(): boolean {
+  return typeof webClipboard()?.writeText === 'function';
+}
+
+/** Writes `text` to the clipboard; rejects when there is none or the browser refuses. */
+export function writeClipboardText(text: string): Promise<void> {
+  const clipboard = webClipboard();
+  if (!clipboard?.writeText) return Promise.reject(new Error('clipboard unavailable'));
+  return clipboard.writeText(text);
+}

package/src/important-alerts-card/ImportantAlertsCard.tsx

@@ -19,11 +19,13 @@ import Animated, {
 import Svg, { Defs, LinearGradient, Path, Rect, Stop } from 'react-native-svg';
 
 import { BUTTON_SHADOW } from '../button/shared';
+import { useMessages } from '../locale/messages';
 import { resolveDashboardSurfaces, toneColor, type DashboardSurfaces } from '../stat-cards/tones';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
+import { IMPORTANT_ALERTS_CARD_MESSAGES } from './messages';
 import type {
   ImportantAlertsCardAlert,
   ImportantAlertsCardProps,
@@ -164,13 +166,16 @@ function TopFade({ color, visible }: { color: string; visible: boolean }) {
 function ImportantAlertsCardComponent({
   alerts,
   count,
-  title = 'Important alerts',
-  countCaption = 'this week',
+  title: titleProp,
+  countCaption: countCaptionProp,
   rangeLabel,
   height = CARD_HEIGHT,
   style,
   testID,
 }: ImportantAlertsCardProps) {
+  const { messages } = useMessages(IMPORTANT_ALERTS_CARD_MESSAGES);
+  const title = titleProp ?? messages.title;
+  const countCaption = countCaptionProp ?? messages.thisWeek;
   const theme = useTheme();
   const fill = useCardFill(style);
   const surfaces = useMemo(() => resolveDashboardSurfaces(theme, fill), [theme, fill]);

package/src/important-alerts-card/messages.ts

@@ -0,0 +1,26 @@
+import type { MessageCatalog } from '../locale/messages';
+
+/** The alerts card's fixed words in each Bloom language. `title` and `countCaption` still win. */
+export interface ImportantAlertsCardMessages {
+  title: string;
+  /** The caption after the count. */
+  thisWeek: string;
+}
+
+export const IMPORTANT_ALERTS_CARD_MESSAGES: MessageCatalog<ImportantAlertsCardMessages> = {
+  en: { title: 'Important alerts', thisWeek: 'this week' },
+  es: { title: 'Alertas importantes', thisWeek: 'esta semana' },
+  ca: { title: 'Alertes importants', thisWeek: 'aquesta setmana' },
+  de: { title: 'Wichtige Hinweise', thisWeek: 'diese Woche' },
+  fr: { title: 'Alertes importantes', thisWeek: 'cette semaine' },
+  it: { title: 'Avvisi importanti', thisWeek: 'questa settimana' },
+  pt: { title: 'Alertas importantes', thisWeek: 'esta semana' },
+  ru: { title: 'Важные оповещения', thisWeek: 'на этой неделе' },
+  tr: { title: 'Önemli uyarılar', thisWeek: 'bu hafta' },
+  ja: { title: '重要なアラート', thisWeek: '今週' },
+  zh: { title: '重要提醒', thisWeek: '本周' },
+  ar: { title: 'تنبيهات مهمة', thisWeek: 'هذا الأسبوع' },
+  hi: { title: 'महत्वपूर्ण अलर्ट', thisWeek: 'इस सप्ताह' },
+  bn: { title: 'গুরুত্বপূর্ণ সতর্কতা', thisWeek: 'এই সপ্তাহে' },
+  id: { title: 'Peringatan penting', thisWeek: 'minggu ini' },
+};