@oxy.so/bloom 5.0.0 → 5.1.1

package/src/price-breakdown/types.ts

@@ -76,7 +76,7 @@ export interface PriceTotal {
 export type PriceStateLabels = Partial<Record<Exclude<PriceLineState, 'final'>, string>>;
 
 export interface PriceSummaryLineProps extends Omit<PriceLine, 'id'> {
-  /** Defaults: `estimated` → "Estimated", `pending` → "Pending". */
+  /** Defaults (English): `estimated` → "Estimated", `pending` → "Pending". */
   stateLabels?: PriceStateLabels;
   /** Drawn where the amount would be on a line that has none. Default `"—"`. */
   pendingPlaceholder?: string;
@@ -100,15 +100,15 @@ export interface PriceSummaryProps {
   /** Uncontrolled initial disclosure. Default `false`. */
   defaultExpanded?: boolean;
   onExpandedChange?: (expanded: boolean) => void;
-  /** Default `"Show price details"`. */
+  /** `"Show price details"` in English. */
   expandLabel?: string;
-  /** Default `"Hide price details"`. */
+  /** `"Hide price details"` in English. */
   collapseLabel?: string;
-  /** Defaults: `estimated` → "Estimated", `pending` → "Pending". */
+  /** Defaults (English): `estimated` → "Estimated", `pending` → "Pending". */
   stateLabels?: PriceStateLabels;
   /** Drawn where the amount would be on a line that has none. Default `"—"`. */
   pendingPlaceholder?: string;
-  /** Names the list of charges. Default `"Price breakdown"`. */
+  /** Names the list of charges (`"Price breakdown"` in English). */
   accessibilityLabel?: string;
   style?: StyleProp<ViewStyle>;
   testID?: string;

package/src/proof-of-delivery/ProofOfDelivery.tsx

@@ -6,14 +6,17 @@ import { Button } from '../button';
 import { Field } from '../field';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { InputOtp } from '../input-otp';
+import { useMessages } from '../locale/messages';
 import { SortablePhotoGrid } from '../sortable-media';
+import { InteractionBoundary } from '../overlay/InteractionBoundary';
 import { useSurfaceFill } from '../styles/surface-levels';
 import { TextFieldInput } from '../text-field';
 import { Textarea } from '../textarea';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import type { SortablePhoto } from '../sortable-media';
-import { PROOF_GEOMETRY, PROOF_LABELS, PROOF_ORDER } from './constants';
+import { PROOF_GEOMETRY, PROOF_ORDER } from './constants';
+import { PROOF_OF_DELIVERY_MESSAGES } from './messages';
 import { SignaturePad } from './SignaturePad';
 import {
   completeProofValue,
@@ -87,14 +90,16 @@ function ProofOfDeliveryComponent({
   description,
   actions,
   labels: labelOverrides,
-  accessibilityLabel = 'Proof of delivery',
+  accessibilityLabel: accessibilityLabelProp,
   style,
   testID,
 }: ProofOfDeliveryProps) {
+  const { messages } = useMessages(PROOF_OF_DELIVERY_MESSAGES);
+  const accessibilityLabel = accessibilityLabelProp ?? messages.proofOfDelivery;
   const theme = useTheme();
   const surface = useSurfaceFill();
   const paint = useMemo(() => resolveProofPaint(theme, surface), [theme, surface]);
-  const labels = useMemo(() => ({ ...PROOF_LABELS, ...labelOverrides }), [labelOverrides]);
+  const labels = useMemo(() => ({ ...messages.labels, ...labelOverrides }), [messages, labelOverrides]);
 
   const [partial, setPartial] = useControllableState<Partial<ProofOfDeliveryValue>>({
     value: valueProp,
@@ -134,6 +139,7 @@ function ProofOfDeliveryComponent({
             key={kind}
             label={labels.recipient}
             required={isRequired(kind)}
+            requiredLabel={labelOverrides?.required}
             error={errorFor(kind)}
             disabled={disabled}
           >
@@ -153,6 +159,7 @@ function ProofOfDeliveryComponent({
             key={kind}
             label={labels.signature}
             required={isRequired(kind)}
+            requiredLabel={labelOverrides?.required}
             error={errorFor(kind)}
             disabled={disabled}
             // The pad AND the typed name: one id on two controls is invalid.
@@ -175,6 +182,7 @@ function ProofOfDeliveryComponent({
             label={labels.code}
             description={labels.codeHint}
             required={isRequired(kind)}
+            requiredLabel={labelOverrides?.required}
             error={errorFor(kind)}
             disabled={disabled}
             multiple
@@ -195,6 +203,7 @@ function ProofOfDeliveryComponent({
             label={labels.photo}
             description={labels.photoHint}
             required={isRequired(kind)}
+            requiredLabel={labelOverrides?.required}
             error={errorFor(kind)}
             disabled={disabled}
             multiple
@@ -220,6 +229,7 @@ function ProofOfDeliveryComponent({
             key={kind}
             label={labels.note}
             required={isRequired(kind)}
+            requiredLabel={labelOverrides?.required}
             error={errorFor(kind)}
             disabled={disabled}
           >
@@ -282,7 +292,9 @@ function ProofOfDeliveryComponent({
 
       {summary}
 
-      {actions ?? (
+      {actions != null ? (
+        <InteractionBoundary disabled={disabled || submitting}>{actions}</InteractionBoundary>
+      ) : (
         <Button
           variant="primary"
           size="large"

package/src/proof-of-delivery/SignaturePad.tsx

@@ -6,12 +6,14 @@ import { Button } from '../button';
 import { Field } from '../field';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { RiDeleteBinLine } from '../icons/remix/RiDeleteBinLine';
+import { useMessages } from '../locale/messages';
 import { SurfaceLevelProvider, useSurfaceFill } from '../styles/surface-levels';
 import { DISABLED_OPACITY } from '../styles/tokens';
 import { TextFieldInput } from '../text-field';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
-import { PROOF_GEOMETRY, PROOF_LABELS } from './constants';
+import { PROOF_GEOMETRY } from './constants';
+import { PROOF_OF_DELIVERY_MESSAGES } from './messages';
 import {
   EMPTY_SIGNATURE,
   hasSignatureInk,
@@ -88,7 +90,8 @@ function SignaturePadComponent({
   const theme = useTheme();
   const surface = useSurfaceFill();
   const paint = useMemo(() => resolveProofPaint(theme, surface), [theme, surface]);
-  const labels = useMemo(() => ({ ...PROOF_LABELS, ...labelOverrides }), [labelOverrides]);
+  const { messages } = useMessages(PROOF_OF_DELIVERY_MESSAGES);
+  const labels = useMemo(() => ({ ...messages.labels, ...labelOverrides }), [messages, labelOverrides]);
 
   const [value, setValue] = useControllableState({
     value: valueProp,

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/proof-of-delivery/shared.ts

@@ -157,7 +157,7 @@ export function isProofGiven(
     case 'signature':
       return isSignatureGiven(value.signature);
     case 'photo':
-      return value.photos.length > 0;
+      return value.photos.some((photo) => photo.status == null || photo.status === 'uploaded');
     case 'code':
       return value.code.length >= codeLength;
     case 'recipient':

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);
 }
 
 // ---------------------------------------------------------------------------