@oxy.so/bloom 5.0.0 → 5.1.0

package/src/proof-of-delivery/constants.ts

@@ -1,29 +1,12 @@
 import { RADIUS } from '../design-tokens/scales';
+import { PROOF_OF_DELIVERY_MESSAGES } from './messages';
 import type { ProofKind, ProofOfDeliveryLabels } from './types';
 
-/** Every default word the family draws. */
-export const PROOF_LABELS: Required<ProofOfDeliveryLabels> = {
-  signature: 'Signature',
-  signaturePad: 'Signature',
-  signatureHint: 'Sign with your finger',
-  signed: 'Signed',
-  clear: 'Clear the signature',
-  typeName: 'Or type your name',
-  typeNamePlaceholder: 'Full name',
-  photo: 'Photo',
-  photoHint: 'Where you left it, or the parcel with the recipient.',
-  code: 'Delivery code',
-  codeHint: 'Ask the recipient to read out the code in their app.',
-  recipient: 'Who received it',
-  recipientPlaceholder: 'Name',
-  note: 'Note',
-  notePlaceholder: 'Anything worth recording',
-  submit: 'Confirm the delivery',
-  required: 'Required',
-  missing: 'This is needed before you can confirm.',
-  missingSummary: (count: number) =>
-    count === 1 ? 'One thing is still missing' : `${count} things are still missing`,
-};
+/**
+ * Every default word the family draws, in English. The components speak
+ * `PROOF_OF_DELIVERY_MESSAGES` in the resolved locale.
+ */
+export const PROOF_LABELS: Required<ProofOfDeliveryLabels> = PROOF_OF_DELIVERY_MESSAGES.en.labels;
 
 /**
  * The order the door is worked through, and it is not arbitrary.

package/src/proof-of-delivery/messages.ts

@@ -0,0 +1,378 @@
+import type { MessageCatalog } from '../locale/messages';
+import { plural } from '../locale/plural';
+import type { ProofOfDeliveryLabels } from './types';
+
+/**
+ * Every fixed string the proof-of-delivery family draws or announces, in each
+ * Bloom language. A caller's `labels` and `accessibilityLabel` still win.
+ */
+export interface ProofOfDeliveryMessages {
+  labels: Required<ProofOfDeliveryLabels>;
+  /** Names the form. */
+  proofOfDelivery: string;
+}
+
+export const PROOF_OF_DELIVERY_MESSAGES: MessageCatalog<ProofOfDeliveryMessages> = {
+  en: {
+    labels: {
+      signature: 'Signature',
+      signaturePad: 'Signature',
+      signatureHint: 'Sign with your finger',
+      signed: 'Signed',
+      clear: 'Clear the signature',
+      typeName: 'Or type your name',
+      typeNamePlaceholder: 'Full name',
+      photo: 'Photo',
+      photoHint: 'Where you left it, or the parcel with the recipient.',
+      code: 'Delivery code',
+      codeHint: 'Ask the recipient to read out the code in their app.',
+      recipient: 'Who received it',
+      recipientPlaceholder: 'Name',
+      note: 'Note',
+      notePlaceholder: 'Anything worth recording',
+      submit: 'Confirm the delivery',
+      required: 'Required',
+      missing: 'This is needed before you can confirm.',
+      missingSummary: (n) => plural('en', n, { one: 'One thing is still missing', other: '{n} things are still missing' }),
+    },
+    proofOfDelivery: 'Proof of delivery',
+  },
+  es: {
+    labels: {
+      signature: 'Firma',
+      signaturePad: 'Firma',
+      signatureHint: 'Firma con el dedo',
+      signed: 'Firmado',
+      clear: 'Borrar la firma',
+      typeName: 'O escribe tu nombre',
+      typeNamePlaceholder: 'Nombre completo',
+      photo: 'Foto',
+      photoHint: 'Dónde lo dejaste, o el paquete con el destinatario.',
+      code: 'Código de entrega',
+      codeHint: 'Pide al destinatario que lea el código de su app.',
+      recipient: 'Quién lo recibió',
+      recipientPlaceholder: 'Nombre',
+      note: 'Nota',
+      notePlaceholder: 'Cualquier cosa que valga la pena anotar',
+      submit: 'Confirmar la entrega',
+      required: 'Obligatorio',
+      missing: 'Esto es necesario para poder confirmar.',
+      missingSummary: (n) => plural('es', n, { one: 'Aún falta una cosa', other: 'Aún faltan {n} cosas' }),
+    },
+    proofOfDelivery: 'Prueba de entrega',
+  },
+  ca: {
+    labels: {
+      signature: 'Signatura',
+      signaturePad: 'Signatura',
+      signatureHint: 'Signa amb el dit',
+      signed: 'Signat',
+      clear: 'Esborra la signatura',
+      typeName: 'O escriu el teu nom',
+      typeNamePlaceholder: 'Nom complet',
+      photo: 'Foto',
+      photoHint: "On l'has deixat, o el paquet amb el destinatari.",
+      code: "Codi d'entrega",
+      codeHint: "Demana al destinatari que llegeixi el codi de la seva app.",
+      recipient: "Qui l'ha rebut",
+      recipientPlaceholder: 'Nom',
+      note: 'Nota',
+      notePlaceholder: 'Qualsevol cosa que valgui la pena anotar',
+      submit: "Confirma l'entrega",
+      required: 'Obligatori',
+      missing: 'Cal això per poder confirmar.',
+      missingSummary: (n) => plural('ca', n, { one: 'Encara falta una cosa', other: 'Encara falten {n} coses' }),
+    },
+    proofOfDelivery: "Prova d'entrega",
+  },
+  de: {
+    labels: {
+      signature: 'Unterschrift',
+      signaturePad: 'Unterschrift',
+      signatureHint: 'Mit dem Finger unterschreiben',
+      signed: 'Unterschrieben',
+      clear: 'Unterschrift löschen',
+      typeName: 'Oder Namen eingeben',
+      typeNamePlaceholder: 'Vollständiger Name',
+      photo: 'Foto',
+      photoHint: 'Wo du es abgestellt hast, oder das Paket beim Empfänger.',
+      code: 'Zustellcode',
+      codeHint: 'Bitte den Empfänger, den Code aus seiner App vorzulesen.',
+      recipient: 'Wer es angenommen hat',
+      recipientPlaceholder: 'Name',
+      note: 'Notiz',
+      notePlaceholder: 'Alles, was festgehalten werden sollte',
+      submit: 'Zustellung bestätigen',
+      required: 'Erforderlich',
+      missing: 'Das wird benötigt, bevor du bestätigen kannst.',
+      missingSummary: (n) => plural('de', n, { one: 'Eine Angabe fehlt noch', other: '{n} Angaben fehlen noch' }),
+    },
+    proofOfDelivery: 'Zustellnachweis',
+  },
+  fr: {
+    labels: {
+      signature: 'Signature',
+      signaturePad: 'Zone de signature',
+      signatureHint: 'Signez avec le doigt',
+      signed: 'Signé',
+      clear: 'Effacer la signature',
+      typeName: 'Ou saisissez votre nom',
+      typeNamePlaceholder: 'Nom complet',
+      photo: 'Photo',
+      photoHint: 'Là où vous l’avez laissé, ou le colis avec le destinataire.',
+      code: 'Code de livraison',
+      codeHint: 'Demandez au destinataire de lire le code dans son appli.',
+      recipient: 'Qui l’a reçu',
+      recipientPlaceholder: 'Nom',
+      note: 'Note',
+      notePlaceholder: 'Tout ce qui mérite d’être noté',
+      submit: 'Confirmer la livraison',
+      required: 'Obligatoire',
+      missing: 'Requis avant de pouvoir confirmer.',
+      missingSummary: (n) => plural('fr', n, { one: 'Il manque encore {n} élément', other: 'Il manque encore {n} éléments' }),
+    },
+    proofOfDelivery: 'Preuve de livraison',
+  },
+  it: {
+    labels: {
+      signature: 'Firma',
+      signaturePad: 'Firma',
+      signatureHint: 'Firma con il dito',
+      signed: 'Firmato',
+      clear: 'Cancella la firma',
+      typeName: 'Oppure scrivi il tuo nome',
+      typeNamePlaceholder: 'Nome e cognome',
+      photo: 'Foto',
+      photoHint: 'Dove l’hai lasciato, o il pacco con il destinatario.',
+      code: 'Codice di consegna',
+      codeHint: 'Chiedi al destinatario di leggere il codice nella sua app.',
+      recipient: 'Chi l’ha ricevuto',
+      recipientPlaceholder: 'Nome',
+      note: 'Nota',
+      notePlaceholder: 'Qualsiasi cosa da annotare',
+      submit: 'Conferma la consegna',
+      required: 'Obbligatorio',
+      missing: 'Serve prima di poter confermare.',
+      missingSummary: (n) => plural('it', n, { one: 'Manca ancora una cosa', other: 'Mancano ancora {n} cose' }),
+    },
+    proofOfDelivery: 'Prova di consegna',
+  },
+  pt: {
+    labels: {
+      signature: 'Assinatura',
+      signaturePad: 'Assinatura',
+      signatureHint: 'Assine com o dedo',
+      signed: 'Assinado',
+      clear: 'Limpar a assinatura',
+      typeName: 'Ou digite seu nome',
+      typeNamePlaceholder: 'Nome completo',
+      photo: 'Foto',
+      photoHint: 'Onde você deixou, ou o pacote com o destinatário.',
+      code: 'Código de entrega',
+      codeHint: 'Peça ao destinatário para ler o código no app dele.',
+      recipient: 'Quem recebeu',
+      recipientPlaceholder: 'Nome',
+      note: 'Observação',
+      notePlaceholder: 'Qualquer coisa que valha registrar',
+      submit: 'Confirmar a entrega',
+      required: 'Obrigatório',
+      missing: 'Isto é necessário para confirmar.',
+      missingSummary: (n) => plural('pt', n, { one: 'Ainda falta {n} item', other: 'Ainda faltam {n} itens' }),
+    },
+    proofOfDelivery: 'Comprovante de entrega',
+  },
+  ru: {
+    labels: {
+      signature: 'Подпись',
+      signaturePad: 'Поле для подписи',
+      signatureHint: 'Распишитесь пальцем',
+      signed: 'Подписано',
+      clear: 'Стереть подпись',
+      typeName: 'Или введите имя',
+      typeNamePlaceholder: 'Полное имя',
+      photo: 'Фото',
+      photoHint: 'Где вы оставили посылку или посылка у получателя.',
+      code: 'Код доставки',
+      codeHint: 'Попросите получателя назвать код из приложения.',
+      recipient: 'Кто получил',
+      recipientPlaceholder: 'Имя',
+      note: 'Примечание',
+      notePlaceholder: 'Всё, что стоит записать',
+      submit: 'Подтвердить доставку',
+      required: 'Обязательно',
+      missing: 'Это нужно заполнить перед подтверждением.',
+      missingSummary: (n) =>
+        plural('ru', n, { one: 'Не заполнен {n} пункт', few: 'Не заполнено {n} пункта', many: 'Не заполнено {n} пунктов', other: 'Не заполнено {n} пункта' }),
+    },
+    proofOfDelivery: 'Подтверждение доставки',
+  },
+  tr: {
+    labels: {
+      signature: 'İmza',
+      signaturePad: 'İmza alanı',
+      signatureHint: 'Parmağınızla imzalayın',
+      signed: 'İmzalandı',
+      clear: 'İmzayı temizle',
+      typeName: 'Ya da adınızı yazın',
+      typeNamePlaceholder: 'Ad soyad',
+      photo: 'Fotoğraf',
+      photoHint: 'Bıraktığınız yer ya da alıcıyla birlikte paket.',
+      code: 'Teslimat kodu',
+      codeHint: 'Alıcıdan uygulamasındaki kodu okumasını isteyin.',
+      recipient: 'Teslim alan',
+      recipientPlaceholder: 'Ad',
+      note: 'Not',
+      notePlaceholder: 'Kayda değer her şey',
+      submit: 'Teslimatı onayla',
+      required: 'Zorunlu',
+      missing: 'Onaylamadan önce bu gerekli.',
+      missingSummary: (n) => `${n} eksik bilgi var`,
+    },
+    proofOfDelivery: 'Teslimat kanıtı',
+  },
+  ja: {
+    labels: {
+      signature: '署名',
+      signaturePad: '署名欄',
+      signatureHint: '指で署名してください',
+      signed: '署名済み',
+      clear: '署名を消去',
+      typeName: 'または名前を入力',
+      typeNamePlaceholder: '氏名',
+      photo: '写真',
+      photoHint: '置いた場所、または受取人と荷物の写真。',
+      code: '配達コード',
+      codeHint: '受取人にアプリのコードを読み上げてもらってください。',
+      recipient: '受取人',
+      recipientPlaceholder: '名前',
+      note: 'メモ',
+      notePlaceholder: '記録しておきたいこと',
+      submit: '配達を確定する',
+      required: '必須',
+      missing: '確定する前に入力が必要です。',
+      missingSummary: (n) => `未入力の項目が${n}件あります`,
+    },
+    proofOfDelivery: '配達証明',
+  },
+  zh: {
+    labels: {
+      signature: '签名',
+      signaturePad: '签名区',
+      signatureHint: '用手指签名',
+      signed: '已签名',
+      clear: '清除签名',
+      typeName: '或输入姓名',
+      typeNamePlaceholder: '全名',
+      photo: '照片',
+      photoHint: '放置的位置，或收件人手中的包裹。',
+      code: '收货码',
+      codeHint: '请收件人读出其应用中的收货码。',
+      recipient: '签收人',
+      recipientPlaceholder: '姓名',
+      note: '备注',
+      notePlaceholder: '任何值得记录的信息',
+      submit: '确认送达',
+      required: '必填',
+      missing: '确认前需要填写此项。',
+      missingSummary: (n) => `还有 ${n} 项未完成`,
+    },
+    proofOfDelivery: '送达凭证',
+  },
+  ar: {
+    labels: {
+      signature: 'التوقيع',
+      signaturePad: 'مساحة التوقيع',
+      signatureHint: 'وقّع بإصبعك',
+      signed: 'تم التوقيع',
+      clear: 'مسح التوقيع',
+      typeName: 'أو اكتب اسمك',
+      typeNamePlaceholder: 'الاسم الكامل',
+      photo: 'صورة',
+      photoHint: 'المكان الذي تركته فيه، أو الطرد مع المستلم.',
+      code: 'رمز التسليم',
+      codeHint: 'اطلب من المستلم قراءة الرمز من تطبيقه.',
+      recipient: 'من استلمه',
+      recipientPlaceholder: 'الاسم',
+      note: 'ملاحظة',
+      notePlaceholder: 'أي شيء يستحق التسجيل',
+      submit: 'تأكيد التسليم',
+      required: 'مطلوب',
+      missing: 'هذا مطلوب قبل أن تتمكن من التأكيد.',
+      missingSummary: (n) =>
+        plural('ar', n, { zero: 'لا ينقص شيء', one: 'ما زال ينقص شيء واحد', two: 'ما زال ينقص شيئان', few: 'ما زالت تنقص {n} أشياء', many: 'ما زال ينقص {n} شيئًا', other: 'ما زال ينقص {n} شيء' }),
+    },
+    proofOfDelivery: 'إثبات التسليم',
+  },
+  hi: {
+    labels: {
+      signature: 'हस्ताक्षर',
+      signaturePad: 'हस्ताक्षर क्षेत्र',
+      signatureHint: 'उंगली से हस्ताक्षर करें',
+      signed: 'हस्ताक्षर हो गए',
+      clear: 'हस्ताक्षर मिटाएँ',
+      typeName: 'या अपना नाम लिखें',
+      typeNamePlaceholder: 'पूरा नाम',
+      photo: 'फ़ोटो',
+      photoHint: 'जहाँ आपने छोड़ा, या प्राप्तकर्ता के साथ पार्सल।',
+      code: 'डिलीवरी कोड',
+      codeHint: 'प्राप्तकर्ता से उनके ऐप में दिखा कोड पढ़ने को कहें।',
+      recipient: 'किसने लिया',
+      recipientPlaceholder: 'नाम',
+      note: 'नोट',
+      notePlaceholder: 'दर्ज करने लायक कुछ भी',
+      submit: 'डिलीवरी की पुष्टि करें',
+      required: 'ज़रूरी',
+      missing: 'पुष्टि करने से पहले यह ज़रूरी है।',
+      missingSummary: (n) => plural('hi', n, { one: 'अभी {n} चीज़ बाकी है', other: 'अभी {n} चीज़ें बाकी हैं' }),
+    },
+    proofOfDelivery: 'डिलीवरी का प्रमाण',
+  },
+  bn: {
+    labels: {
+      signature: 'স্বাক্ষর',
+      signaturePad: 'স্বাক্ষরের জায়গা',
+      signatureHint: 'আঙুল দিয়ে স্বাক্ষর করুন',
+      signed: 'স্বাক্ষরিত',
+      clear: 'স্বাক্ষর মুছুন',
+      typeName: 'অথবা আপনার নাম লিখুন',
+      typeNamePlaceholder: 'পুরো নাম',
+      photo: 'ছবি',
+      photoHint: 'যেখানে রেখে এসেছেন, বা প্রাপকের হাতে পার্সেল।',
+      code: 'ডেলিভারি কোড',
+      codeHint: 'প্রাপককে তাঁর অ্যাপের কোডটি পড়ে শোনাতে বলুন।',
+      recipient: 'কে গ্রহণ করেছেন',
+      recipientPlaceholder: 'নাম',
+      note: 'নোট',
+      notePlaceholder: 'লিখে রাখার মতো যেকোনো কিছু',
+      submit: 'ডেলিভারি নিশ্চিত করুন',
+      required: 'আবশ্যক',
+      missing: 'নিশ্চিত করার আগে এটি দরকার।',
+      missingSummary: (n) => `এখনও ${n}টি জিনিস বাকি`,
+    },
+    proofOfDelivery: 'ডেলিভারির প্রমাণ',
+  },
+  id: {
+    labels: {
+      signature: 'Tanda tangan',
+      signaturePad: 'Area tanda tangan',
+      signatureHint: 'Tanda tangani dengan jari',
+      signed: 'Sudah ditandatangani',
+      clear: 'Hapus tanda tangan',
+      typeName: 'Atau ketik namamu',
+      typeNamePlaceholder: 'Nama lengkap',
+      photo: 'Foto',
+      photoHint: 'Tempat kamu meninggalkannya, atau paket bersama penerima.',
+      code: 'Kode pengantaran',
+      codeHint: 'Minta penerima membacakan kode di aplikasinya.',
+      recipient: 'Siapa yang menerima',
+      recipientPlaceholder: 'Nama',
+      note: 'Catatan',
+      notePlaceholder: 'Apa pun yang perlu dicatat',
+      submit: 'Konfirmasi pengantaran',
+      required: 'Wajib',
+      missing: 'Ini diperlukan sebelum kamu bisa mengonfirmasi.',
+      missingSummary: (n) => `Masih ada ${n} hal yang kurang`,
+    },
+    proofOfDelivery: 'Bukti pengantaran',
+  },
+};

package/src/property-insights/PriceEstimate.tsx

@@ -116,7 +116,7 @@ function PriceEstimateComponent({
   asking,
   confidence,
   confidenceNote,
-  format = formatEuros,
+  format: formatProp,
   title: titleProp,
   askingLabel: askingLabelProp,
   formatVerdict: formatVerdictProp,
@@ -135,7 +135,8 @@ function PriceEstimateComponent({
   style,
   testID,
 }: PriceEstimateProps) {
-  const { messages } = useMessages(PROPERTY_INSIGHTS_MESSAGES);
+  const { locale, messages } = useMessages(PROPERTY_INSIGHTS_MESSAGES);
+  const format = formatProp ?? ((value: number) => formatEuros(value, locale));
   const title = titleProp ?? messages.estimatedPrice;
   const askingLabel = askingLabelProp ?? messages.asking;
   const formatVerdict = formatVerdictProp ?? ((v: PriceVerdict) => defaultFormatVerdict(v, messages));

package/src/property-insights/PriceHistoryChart.tsx

@@ -124,8 +124,8 @@ export function PriceHistoryChart({
   shape = 'step',
   title: titleProp,
   currentPrice,
-  format = formatEuros,
-  formatAxisValue = formatEurosCompact,
+  format: formatProp,
+  formatAxisValue: formatAxisValueProp,
   currentLabel: currentLabelProp,
   emptyLabel: emptyLabelProp,
   periodsLabel: periodsLabelProp,
@@ -135,7 +135,9 @@ export function PriceHistoryChart({
   style,
   testID,
 }: PriceHistoryChartProps) {
-  const { messages } = useMessages(PROPERTY_INSIGHTS_MESSAGES);
+  const { locale, messages } = useMessages(PROPERTY_INSIGHTS_MESSAGES);
+  const format = formatProp ?? ((value: number) => formatEuros(value, locale));
+  const formatAxisValue = formatAxisValueProp ?? ((value: number) => formatEurosCompact(value, locale));
   const title = titleProp ?? messages.currentPrice;
   const currentLabel = currentLabelProp ?? messages.now;
   const emptyLabel = emptyLabelProp ?? messages.noPriceHistory;

package/src/property-insights/shared.ts

@@ -9,6 +9,7 @@ import { AA_TEXT, resolveSurfaceLevel, surfaceFillOn, hairlineOn } from '../styl
 import type { Theme } from '../theme/types';
 import type { EnergyClass } from './types';
 import { contrastRatio, relativeLuminance } from '../styles/color-contrast';
+import { formatCompactCurrency, formatCurrency } from '../locale/format-number';
 
 export const IS_WEB = Platform.OS === 'web';
 
@@ -153,15 +154,15 @@ export function resolveEnergyTones(theme: Theme): EnergyTone[] {
 //  Formatting
 // ---------------------------------------------------------------------------
 
-/** The default price format: `€385,000`. Apps pass their own `format` for currency and locale. */
-export const formatEuros = (value: number) => `€${groupThousands(value)}`;
+/**
+ * The default price format: `€385,000` (en), `385.000 €` (es). Apps pass their
+ * own `format` for another currency.
+ */
+export const formatEuros = (value: number, locale?: string) => formatCurrency(value, 'EUR', locale);
 
-/** The default axis format: `€385K`, `€1.2M`. */
-export function formatEurosCompact(value: number): string {
-  const abs = Math.abs(value);
-  if (abs >= 1_000_000) return `€${Number((value / 1_000_000).toFixed(1))}M`;
-  if (abs >= 1_000) return `€${Math.round(value / 1_000)}K`;
-  return `€${Math.round(value)}`;
+/** The default axis format: `€385K`, `€1.2M` (en), `385 mil €` (es). */
+export function formatEurosCompact(value: number, locale?: string): string {
+  return formatCompactCurrency(value, 'EUR', locale);
 }
 
 // ---------------------------------------------------------------------------

package/src/questionnaire/Questionnaire.tsx

@@ -40,6 +40,8 @@ import {
   resolveCheckboxPaint,
   type CheckboxPaint,
 } from '../checkbox/shared';
+import { useCommonMessages } from '../locale/common-messages';
+import { useMessages } from '../locale/messages';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import { borderRadius } from '../styles/tokens';
 import type { WebCssStyle } from '../styles/web-view-style';
@@ -48,6 +50,7 @@ import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import { TYPE_SCALE } from '../typography/scale';
+import { QUESTIONNAIRE_MESSAGES } from './messages';
 import type {
   QuestionnaireAnswer,
   QuestionnaireAnswers,
@@ -174,16 +177,6 @@ const BODY_2_MEDIUM: TextStyle = TYPE_SCALE['body-2-medium'];
 
 const EMPTY_ANSWER: QuestionnaireAnswer = { values: [] };
 
-const DEFAULT_LABELS: Required<QuestionnaireLabels> = {
-  previous: 'Previous',
-  next: 'Next',
-  complete: 'Done',
-  other: 'Other',
-  otherPlaceholder: 'Enter your custom answer here',
-  dismiss: 'Dismiss',
-  steps: 'Steps',
-};
-
 // ---------------------------------------------------------------------------
 //  Web CSS: focus rings, colour transitions, the check draw-in. Every hook is a
 //  `dataSet` attribute — react-native-web drops unknown props, and a class never
@@ -637,6 +630,7 @@ function StepPills({
   testID?: string;
 }) {
   const reducedMotion = useReducedMotion();
+  const { messages } = useMessages(QUESTIONNAIRE_MESSAGES);
   const [boxes, setBoxes] = useState<Record<number, PillBox>>({});
   const x = useSharedValue(0);
   const y = useSharedValue(0);
@@ -696,7 +690,7 @@ function StepPills({
       {questions.map((entry, index) => (
         <StepPill
           key={entry.id}
-          label={entry.stepLabel ?? `Step ${index + 1}`}
+          label={entry.stepLabel ?? messages.step(index + 1)}
           selected={index === step}
           onPress={() => onSelect(index)}
           onLayout={(event) => {
@@ -811,6 +805,8 @@ function QuestionnaireComponent({
   style,
   testID,
 }: QuestionnaireProps) {
+  const common = useCommonMessages();
+  const { messages } = useMessages(QUESTIONNAIRE_MESSAGES);
   const theme = useTheme();
   const surfaceLayer = useSurfaceLayer();
   const customSurface = StyleSheet.flatten(style);
@@ -818,7 +814,16 @@ function QuestionnaireComponent({
   const palette = useMemo(() => resolveQuestionnairePalette(theme, surfaceFill), [theme, surfaceFill]);
   const reducedMotion = useReducedMotion();
   const headingId = `bloom-questionnaire-${useId().replace(/[^a-zA-Z0-9]/g, '')}`;
-  const text = { ...DEFAULT_LABELS, ...labels };
+  const text: Required<QuestionnaireLabels> = {
+    previous: common.previous,
+    next: common.next,
+    complete: common.done,
+    other: messages.other,
+    otherPlaceholder: messages.otherPlaceholder,
+    dismiss: common.dismiss,
+    steps: messages.steps,
+    ...labels,
+  };
   const total = questions.length;
   const lastIndex = Math.max(total - 1, 0);
 

package/src/questionnaire/messages.ts

@@ -0,0 +1,34 @@
+import type { MessageCatalog } from '../locale/messages';
+
+/**
+ * The questionnaire's own strings in each Bloom language. Previous, Next, Done
+ * and Dismiss are the common words (`COMMON_MESSAGES`). A caller's `labels` and
+ * a question's `stepLabel` still win.
+ */
+export interface QuestionnaireMessages {
+  /** The free-text row's title, and its placeholder. */
+  other: string;
+  otherPlaceholder: string;
+  /** Names the step pill group. */
+  steps: string;
+  /** A step pill with no `stepLabel`. */
+  step: (n: number) => string;
+}
+
+export const QUESTIONNAIRE_MESSAGES: MessageCatalog<QuestionnaireMessages> = {
+  en: { other: 'Other', otherPlaceholder: 'Enter your custom answer here', steps: 'Steps', step: (n) => `Step ${n}` },
+  es: { other: 'Otra', otherPlaceholder: 'Escribe aquí tu respuesta', steps: 'Pasos', step: (n) => `Paso ${n}` },
+  ca: { other: 'Una altra', otherPlaceholder: 'Escriu aquí la teva resposta', steps: 'Passos', step: (n) => `Pas ${n}` },
+  de: { other: 'Sonstiges', otherPlaceholder: 'Gib hier deine eigene Antwort ein', steps: 'Schritte', step: (n) => `Schritt ${n}` },
+  fr: { other: 'Autre', otherPlaceholder: 'Saisissez votre réponse ici', steps: 'Étapes', step: (n) => `Étape ${n}` },
+  it: { other: 'Altro', otherPlaceholder: 'Scrivi qui la tua risposta', steps: 'Passaggi', step: (n) => `Passaggio ${n}` },
+  pt: { other: 'Outra', otherPlaceholder: 'Digite sua resposta aqui', steps: 'Etapas', step: (n) => `Etapa ${n}` },
+  ru: { other: 'Другое', otherPlaceholder: 'Введите свой ответ', steps: 'Шаги', step: (n) => `Шаг ${n}` },
+  tr: { other: 'Diğer', otherPlaceholder: 'Kendi yanıtınızı buraya yazın', steps: 'Adımlar', step: (n) => `Adım ${n}` },
+  ja: { other: 'その他', otherPlaceholder: '回答を入力してください', steps: 'ステップ', step: (n) => `ステップ ${n}` },
+  zh: { other: '其他', otherPlaceholder: '在此输入你的答案', steps: '步骤', step: (n) => `第 ${n} 步` },
+  ar: { other: 'أخرى', otherPlaceholder: 'اكتب إجابتك هنا', steps: 'الخطوات', step: (n) => `الخطوة ${n}` },
+  hi: { other: 'अन्य', otherPlaceholder: 'अपना जवाब यहाँ लिखें', steps: 'चरण', step: (n) => `चरण ${n}` },
+  bn: { other: 'অন্যান্য', otherPlaceholder: 'আপনার উত্তর এখানে লিখুন', steps: 'ধাপ', step: (n) => `ধাপ ${n}` },
+  id: { other: 'Lainnya', otherPlaceholder: 'Tulis jawabanmu di sini', steps: 'Langkah', step: (n) => `Langkah ${n}` },
+};

package/src/questionnaire/types.ts

@@ -21,7 +21,7 @@ export interface QuestionnaireQuestion {
   options: ReadonlyArray<QuestionnaireOption>;
   /** Adds a free-text "Other" row after the options; pass an object to reword it. */
   other?: boolean | { label?: string; placeholder?: string };
-  /** Label for this question's step pill; "Step N" by default. */
+  /** Label for this question's step pill; "Step N" (in the locale) by default. */
   stepLabel?: string;
 }
 
@@ -37,19 +37,19 @@ export type QuestionnaireAnswers = Record<string, QuestionnaireAnswer>;
 
 /** The card's fixed strings, overridable for localisation. */
 export interface QuestionnaireLabels {
-  /** Default `'Previous'`. */
+  /** `'Previous'` in English. */
   previous?: string;
-  /** Default `'Next'`. */
+  /** `'Next'` in English. */
   next?: string;
-  /** Replaces Next on the last question. Default `'Done'`. */
+  /** Replaces Next on the last question. `'Done'` in English. */
   complete?: string;
-  /** The free-text row's title. Default `'Other'`. */
+  /** The free-text row's title (`'Other'` in English). */
   other?: string;
-  /** Default `'Enter your custom answer here'`. */
+  /** `'Enter your custom answer here'` in English. */
   otherPlaceholder?: string;
-  /** Names the corner dismiss button. Default `'Dismiss'`. */
+  /** Names the corner dismiss button (`'Dismiss'` in English). */
   dismiss?: string;
-  /** Names the step pill group. Default `'Steps'`. */
+  /** Names the step pill group (`'Steps'` in English). */
   steps?: string;
 }