@btndprojects/loam-ui-native 0.1.1 → 0.2.1

package/dist/{chunk-YTFKPRUK.js → chunk-XN4KG3P4.js}

@@ -1,39 +1,101 @@
-import { RadioGroup, RadioGroupItem } from './chunk-4YIP3CWS.js';
-import { SegmentedControl } from './chunk-5YNTNN5A.js';
-import { Checkbox } from './chunk-JXJB2X6M.js';
-import { Amount, PriceRow } from './chunk-VBOXAEPI.js';
-import { Chip } from './chunk-AI4DWZCD.js';
-import { TextField } from './chunk-ITTYJZWX.js';
-import { Badge } from './chunk-SBMNWWBV.js';
-import { Alert } from './chunk-OETCUXQP.js';
-import { Button } from './chunk-3ARE4TES.js';
-import { Icon } from './chunk-TKVFVF5D.js';
-import * as React from 'react';
-import { View, Text } from 'react-native';
+import { RadioGroup, RadioGroupItem } from './chunk-SHHY5OMK.js';
+import { SegmentedControl } from './chunk-TQVAIKFD.js';
+import { Amount, PriceRow } from './chunk-QHAITQIF.js';
+import { Chip } from './chunk-2SY63FCH.js';
+import { usePayLabels } from './chunk-GEIGMWNF.js';
+import { Checkbox } from './chunk-Q6NKEPRE.js';
+import { TextField } from './chunk-7BUIKDD6.js';
+import { Badge } from './chunk-TN2ZNJUI.js';
+import { Alert } from './chunk-QDZGFXQD.js';
+import { NAMED_ROLE, announce } from './chunk-W23G6JLF.js';
+import { Button } from './chunk-E2E3I5W2.js';
+import { useLabels, useLoamLocale } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-UXGIW7OK.js';
+import { useResolvedMotion, springConfig } from './chunk-J64KGCGX.js';
+import * as React2 from 'react';
+import { View, Text, Animated, AccessibilityInfo } from 'react-native';
 import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
-import { ARRIVAL, refundRemaining, refundLedger, REFUND_REASONS, money, parseAmount, clampRefund, REFUND_FRACTIONS, refundFraction, evidenceTone, evidenceLabel, disputeWorthDefending, DISPUTE_ACCEPT_THRESHOLD_MINOR } from '@btndprojects/loam-pay';
+import { arrivalText, refundRemaining, money, refundLedger, refundReasons, parseAmount, clampRefund, REFUND_FRACTIONS, refundFraction, evidenceTone, evidenceLabel, disputeWorthDefending, DISPUTE_ACCEPT_THRESHOLD_MINOR } from '@btndprojects/loam-pay';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+// src/refund/refund-labels.ts
+var DEFAULT_LABELS = {
+  issuedTitle: "Refund issued",
+  refundAnother: "Refund another charge",
+  title: "Refund",
+  notify: "Email the customer",
+  irreversible: "A refund cannot be undone. Check the amount before you issue it.",
+  modeAria: "Refund amount mode",
+  modeFull: "Full",
+  modePartial: "Partial",
+  fullBalance: "Refunding the full remaining balance",
+  commit: (amount) => `Refund ${amount}`,
+  states: {
+    requested: "Requested",
+    processing: "Processing",
+    sent: "Sent",
+    arrived: "Arrived",
+    failed: "Failed"
+  },
+  of: "of",
+  stillRefundable: "still refundable",
+  ledgerCaption: (currency) => `Refund ledger \xB7 ${currency}`,
+  reason: "Reason",
+  amount: "Refund amount",
+  upTo: (max) => `Up to ${max}.`,
+  capped: (max) => `That is more than the ${max} left, so it was capped.`,
+  percent: (percent) => `${percent}%`,
+  fractionAria: (percent, amount) => `Refund ${percent}% \u2014 ${amount}`,
+  amountMode: "Amount mode",
+  fullRefund: "Full refund",
+  partialRefund: "Partial refund",
+  refunding: "Refunding",
+  notStated: "Not stated",
+  customerEmail: "Customer email",
+  notifyYes: (label) => `${label} \u2014 yes`,
+  notifyNo: (label) => `${label} \u2014 no`,
+  announceIssued: (title, amount) => `${title}. ${amount}`,
+  disputeTitle: "Chargeback",
+  disputeDescription: "The amount and the network fee have already left the account. Submitting evidence asks the network to reverse the first of those; the fee is not refundable either way, and the network decides \u2014 not us.",
+  submitEvidence: "Submit evidence",
+  acceptDispute: "Accept the dispute",
+  evidence: "Evidence",
+  attach: "Attach",
+  days: (n) => `${n} ${n === 1 ? "day" : "days"}`,
+  toRespond: (due) => `to respond \xB7 evidence due ${due}`,
+  disputed: "Disputed",
+  networkFee: "Network fee",
+  reasonNetwork: (reason, network) => `${reason} \xB7 ${network}`,
+  opened: "Opened",
+  guidance: (worth, threshold, complete) => `${worth ? `Above ${threshold} this is usually worth defending \u2014 the amount at stake exceeds the staff time a response costs.` : `Below ${threshold} the staff time spent defending this usually exceeds the amount at stake. Accepting is a legitimate answer, not a loss.`}${complete ? "" : " Some evidence is still missing; submitting now sends what is attached."}`
+};
 var REFUND_STATE = {
-  requested: { label: "Requested", variant: "neutral" },
-  processing: { label: "Processing", variant: "info" },
-  sent: { label: "Sent", variant: "info" },
-  arrived: { label: "Arrived", variant: "good" },
-  failed: { label: "Failed", variant: "danger" }
+  requested: { variant: "neutral" },
+  processing: { variant: "info" },
+  sent: { variant: "info" },
+  arrived: { variant: "good" },
+  failed: { variant: "danger" }
 };
-function RefundStatus({ state, label }) {
+function RefundStatus({
+  state,
+  label,
+  labels: labelsProp
+}) {
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
   const meta = REFUND_STATE[state];
-  return /* @__PURE__ */ jsx(Badge, { variant: meta.variant, size: "sm", dot: true, children: label ?? meta.label });
+  return /* @__PURE__ */ jsx(Badge, { variant: meta.variant, size: "sm", dot: true, children: label ?? labels.states[state] });
 }
 function RefundArrivalNote({
   method,
   window: text,
   inline = false,
+  labels: labelsProp,
   style
 }) {
-  const theme = useLoamTheme();
+  const pay = usePayLabels(labelsProp);
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet);
-  const body = text ?? ARRIVAL[method];
+  const body = text ?? arrivalText(method, pay);
   return /* @__PURE__ */ jsxs(View, { style: [inline ? styles.arrivalInline : styles.arrivalBlock, style], children: [
     /* @__PURE__ */ jsx(
       Icon,
@@ -49,41 +111,60 @@ function RefundArrivalNote({
 function RefundRemainingNote({
   charge,
   currency,
-  label = "still refundable",
-  locale,
+  label: labelProp,
+  locale: localeProp,
+  labels: labelsProp,
   style
 }) {
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
+  const label = labelProp ?? labels.stillRefundable;
   const { styles } = useStyles(sheet);
   const code = currency ?? charge.currency ?? "USD";
-  return /* @__PURE__ */ jsxs(View, { style: [styles.remaining, style], children: [
-    /* @__PURE__ */ jsx(
-      Amount,
-      {
-        minor: refundRemaining(charge),
-        currency: code,
-        size: "sm",
-        weight: "bold",
-        locale
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { style: styles.remainingWord, children: "of" }),
-    /* @__PURE__ */ jsx(Amount, { minor: charge.amountMinor, currency: code, size: "sm", locale }),
-    /* @__PURE__ */ jsx(Text, { style: styles.remainingWord, children: label })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      accessible: true,
+      accessibilityRole: NAMED_ROLE,
+      accessibilityLabel: `${money(refundRemaining(charge), code, { locale })} ${labels.of} ${money(charge.amountMinor, code, { locale })} ${label}`,
+      style: [styles.remaining, style],
+      children: [
+        /* @__PURE__ */ jsx(
+          Amount,
+          {
+            minor: refundRemaining(charge),
+            currency: code,
+            size: "sm",
+            weight: "bold",
+            locale
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { style: styles.remainingWord, children: labels.of }),
+        /* @__PURE__ */ jsx(Amount, { minor: charge.amountMinor, currency: code, size: "sm", locale }),
+        /* @__PURE__ */ jsx(Text, { style: styles.remainingWord, children: label })
+      ]
+    }
+  );
 }
 function RefundLedger({
   charge,
   next = 0,
   currency,
   caption,
-  locale,
+  locale: localeProp,
+  labels: labelsProp,
   style
 }) {
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const pay = usePayLabels(labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
   const { styles } = useStyles(sheet);
   const code = currency ?? charge.currency ?? "USD";
-  const rows = refundLedger(charge, next);
+  const rows = refundLedger(charge, next, pay);
   return /* @__PURE__ */ jsxs(View, { style: [styles.ledger, style], children: [
-    /* @__PURE__ */ jsx(Text, { style: styles.overline, children: caption ?? `Refund ledger \xB7 ${code}` }),
+    /* @__PURE__ */ jsx(Text, { style: styles.overline, children: caption ?? labels.ledgerCaption(code) }),
     rows.map((row) => /* @__PURE__ */ jsx(
       PriceRow,
       {
@@ -103,18 +184,22 @@ function RefundLedger({
 function RefundReasonList({
   value,
   onChange,
-  reasons = REFUND_REASONS,
-  label = "Reason",
-  showNotes = true
+  reasons,
+  label,
+  showNotes = true,
+  labels: labelsProp
 }) {
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const pay = usePayLabels(labelsProp);
+  const list = reasons ?? refundReasons(pay);
   const { styles } = useStyles(sheet);
   return /* @__PURE__ */ jsx(
     RadioGroup,
     {
-      label,
+      label: label ?? labels.reason,
       value: value ?? void 0,
       onValueChange: (next) => onChange(next),
-      children: reasons.map(([id, text, note]) => /* @__PURE__ */ jsxs(View, { style: styles.reasonRow, children: [
+      children: list.map(([id, text, note]) => /* @__PURE__ */ jsxs(View, { style: styles.reasonRow, children: [
         /* @__PURE__ */ jsx(RadioGroupItem, { value: id, label: text, accessibilityLabel: `${text}. ${note}` }),
         showNotes ? /* @__PURE__ */ jsx(Text, { style: styles.reasonNote, children: note }) : null
       ] }, id))
@@ -126,26 +211,35 @@ function RefundAmountField({
   onChangeMinor,
   remaining,
   currency,
-  label = "Refund amount",
+  label,
   hint,
   error,
   fractions = REFUND_FRACTIONS,
   disabled = false,
-  locale,
+  locale: localeProp,
+  labels: labelsProp,
   style
 }) {
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
   const { styles } = useStyles(sheet);
-  const [draft, setDraft] = React.useState(null);
+  const [draft, setDraft] = React2.useState(null);
+  const [capped, setCapped] = React2.useState(false);
   const display = draft ?? money(valueMinor, currency, { noSymbol: true, locale });
   const maxText = money(remaining, currency, { locale });
   const chips = fractions === false ? [] : fractions;
+  const cappedMessage = labels.capped(maxText);
+  React2.useEffect(() => {
+    if (capped) announce(cappedMessage);
+  }, [capped]);
   return /* @__PURE__ */ jsxs(View, { style: [styles.amountBlock, style], children: [
     /* @__PURE__ */ jsx(
       TextField,
       {
-        label,
-        hint: hint ?? `Up to ${maxText}.`,
-        error,
+        label: label ?? labels.amount,
+        hint: hint ?? labels.upTo(maxText),
+        error: error ?? (capped ? cappedMessage : void 0),
         value: display,
         editable: !disabled,
         inputMode: "decimal",
@@ -155,6 +249,7 @@ function RefundAmountField({
         onChangeText: (text) => {
           setDraft(text);
           const parsed = parseAmount(text, currency);
+          setCapped(parsed !== null && parsed > remaining);
           onChangeMinor(clampRefund(parsed ?? 0, remaining));
         },
         onBlur: () => setDraft(null)
@@ -169,12 +264,13 @@ function RefundAmountField({
           size: "sm",
           disabled,
           selected: !disabled && valueMinor === target && remaining > 0,
-          accessibilityLabel: `Refund ${percent}% \u2014 ${money(target, currency, { locale })}`,
+          accessibilityLabel: labels.fractionAria(percent, money(target, currency, { locale })),
           onSelectedChange: () => {
             setDraft(null);
+            setCapped(false);
             onChangeMinor(target);
           },
-          children: `${percent}%`
+          children: labels.percent(percent)
         },
         percent
       );
@@ -260,16 +356,43 @@ function RefundConfirmation({
   result,
   method,
   currency,
-  title = "Refund issued",
-  refundAnotherLabel = "Refund another charge",
+  title: titleProp,
+  refundAnotherLabel,
   onRefundAnother,
   actions,
-  locale,
-  style
+  locale: localeProp,
+  labels: labelsProp,
+  style,
+  motion = "full"
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
+  const title = titleProp ?? labels.issuedTitle;
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet2);
   const code = currency ?? charge.currency ?? "USD";
+  const level = useResolvedMotion(motion, "refund");
+  const rise = React2.useRef(new Animated.Value(level === "full" ? 0 : 1)).current;
+  const pop = React2.useRef(new Animated.Value(level === "full" ? 0 : 1)).current;
+  React2.useEffect(() => {
+    AccessibilityInfo.announceForAccessibility(
+      labels.announceIssued(title, money(result.amountMinor, code, { locale }))
+    );
+  }, []);
+  React2.useEffect(() => {
+    if (level !== "full") return;
+    const run = Animated.parallel([
+      Animated.spring(rise, { ...springConfig(theme, "ds"), toValue: 1, useNativeDriver: true }),
+      Animated.sequence([
+        // loam-audit-ignore raw-duration — one stagger step after the panel starts rising.
+        Animated.delay(60),
+        Animated.spring(pop, { ...springConfig(theme, "fs"), toValue: 1, useNativeDriver: true })
+      ])
+    ]);
+    run.start();
+    return () => run.stop();
+  }, []);
   return /* @__PURE__ */ jsxs(
     View,
     {
@@ -279,37 +402,73 @@ function RefundConfirmation({
       style: [styles.panel, style],
       ...{ "aria-live": "polite" },
       children: [
-        /* @__PURE__ */ jsxs(View, { style: styles.confirmHead, children: [
-          /* @__PURE__ */ jsx(
-            View,
-            {
-              "aria-hidden": true,
-              accessibilityElementsHidden: true,
-              importantForAccessibility: "no-hide-descendants",
-              style: styles.checkPlate,
-              children: /* @__PURE__ */ jsx(
-                Icon,
+        /* @__PURE__ */ jsxs(
+          Animated.View,
+          {
+            style: [
+              styles.confirmHead,
+              {
+                opacity: rise,
+                transform: [
+                  {
+                    translateY: rise.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [theme.space.s3, 0]
+                    })
+                  }
+                ]
+              }
+            ],
+            children: [
+              /* @__PURE__ */ jsx(
+                Animated.View,
                 {
-                  name: "check",
-                  size: theme.icon.md,
-                  color: theme.color.goodOnSoft,
-                  strokeWidth: theme.icon.strokeBold
+                  "aria-hidden": true,
+                  accessibilityElementsHidden: true,
+                  importantForAccessibility: "no-hide-descendants",
+                  style: [
+                    styles.checkPlate,
+                    {
+                      opacity: pop,
+                      transform: [
+                        { scale: pop.interpolate({ inputRange: [0, 1], outputRange: [0.5, 1] }) }
+                      ]
+                    }
+                  ],
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: "check",
+                      size: theme.icon.md,
+                      color: theme.color.goodOnSoft,
+                      strokeWidth: theme.icon.strokeBold
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.title, children: title }),
-          /* @__PURE__ */ jsx(Amount, { minor: result.amountMinor, currency: code, size: "hero", locale }),
-          /* @__PURE__ */ jsxs(View, { style: styles.confirmMeta, children: [
-            /* @__PURE__ */ jsx(RefundStatus, { state: result.state }),
-            result.issuedLabel ? /* @__PURE__ */ jsx(Text, { style: styles.meta, children: result.issuedLabel }) : null,
-            result.refundId ? /* @__PURE__ */ jsx(Text, { style: styles.mono, children: result.refundId }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(RefundArrivalNote, { method }),
-        /* @__PURE__ */ jsx(RefundLedger, { charge, next: result.amountMinor, currency: code, locale }),
+              ),
+              /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.title, children: title }),
+              /* @__PURE__ */ jsx(Amount, { minor: result.amountMinor, currency: code, size: "hero", locale }),
+              /* @__PURE__ */ jsxs(View, { style: styles.confirmMeta, children: [
+                /* @__PURE__ */ jsx(RefundStatus, { state: result.state, labels: labelsProp }),
+                result.issuedLabel ? /* @__PURE__ */ jsx(Text, { style: styles.meta, children: result.issuedLabel }) : null,
+                result.refundId ? /* @__PURE__ */ jsx(Text, { style: styles.mono, children: result.refundId }) : null
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RefundArrivalNote, { method, labels: labelsProp }),
+        /* @__PURE__ */ jsx(
+          RefundLedger,
+          {
+            charge,
+            next: result.amountMinor,
+            currency: code,
+            locale,
+            labels: labelsProp
+          }
+        ),
         /* @__PURE__ */ jsxs(View, { style: styles.actionRow, children: [
-          onRefundAnother ? /* @__PURE__ */ jsx(Button, { variant: "outline", onPress: onRefundAnother, children: refundAnotherLabel }) : null,
+          onRefundAnother ? /* @__PURE__ */ jsx(Button, { variant: "outline", onPress: onRefundAnother, children: refundAnotherLabel ?? labels.refundAnother }) : null,
           actions
         ] })
       ]
@@ -324,28 +483,37 @@ function RefundPanel({
   reason,
   notify,
   currency,
-  title = "Refund",
+  title: titleProp,
   chargeLabel,
   error,
   result,
   busy = false,
-  notifyLabel = "Email the customer",
-  irreversibleNote = "A refund cannot be undone. Check the amount before you issue it.",
+  notifyLabel: notifyLabelProp,
+  irreversibleNote: irreversibleNoteProp,
   onModeChange,
   onAmountChange,
   onReasonChange,
   onNotifyChange,
   onSubmit,
   onRefundAnother,
-  locale,
-  style
+  locale: localeProp,
+  labels: labelsProp,
+  style,
+  motion = "full"
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const pay = usePayLabels(labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
+  const title = titleProp ?? labels.title;
+  const notifyLabel = notifyLabelProp ?? labels.notify;
+  const irreversibleNote = irreversibleNoteProp ?? labels.irreversible;
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet2);
   const code = currency ?? charge.currency ?? "USD";
   const remaining = refundRemaining(charge);
   const effective = mode === "full" ? remaining : amountMinor;
-  const reasonRow = reason === null ? void 0 : REFUND_REASONS.find(([id]) => id === reason);
+  const reasonRow = reason === null ? void 0 : refundReasons(pay).find(([id]) => id === reason);
   if (result) {
     return /* @__PURE__ */ jsx(
       RefundConfirmation,
@@ -356,6 +524,7 @@ function RefundPanel({
         currency: code,
         onRefundAnother,
         locale,
+        labels: labelsProp,
         style
       }
     );
@@ -367,27 +536,28 @@ function RefundPanel({
         charge.receiptId ? /* @__PURE__ */ jsx(View, { style: styles.pushEnd, children: /* @__PURE__ */ jsx(Text, { style: styles.mono, children: charge.receiptId }) }) : null
       ] }),
       chargeLabel ? /* @__PURE__ */ jsx(Text, { style: styles.chargeLabel, children: chargeLabel }) : null,
-      /* @__PURE__ */ jsx(RefundRemainingNote, { charge, currency: code, locale })
+      /* @__PURE__ */ jsx(RefundRemainingNote, { charge, currency: code, locale, labels: labelsProp })
     ] }),
     onModeChange ? /* @__PURE__ */ jsx(
       SegmentedControl,
       {
+        accessibilityLabel: labels.amountMode,
         value: mode,
         onValueChange: (next) => onModeChange(next),
         items: [
-          { value: "full", label: "Full" },
-          { value: "partial", label: "Partial" }
+          { value: "full", label: labels.modeFull },
+          { value: "partial", label: labels.modePartial }
         ]
       }
     ) : /* @__PURE__ */ jsx(
       Stated,
       {
-        label: mode === "full" ? "Full refund" : "Partial refund",
-        overline: "Amount mode"
+        label: mode === "full" ? labels.fullRefund : labels.partialRefund,
+        overline: labels.amountMode
       }
     ),
     mode === "full" ? /* @__PURE__ */ jsxs(View, { style: styles.fullBox, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.fullLabel, children: "Refunding the full remaining balance" }),
+      /* @__PURE__ */ jsx(Text, { style: styles.fullLabel, children: labels.fullBalance }),
       /* @__PURE__ */ jsx(View, { style: styles.pushEnd, children: /* @__PURE__ */ jsx(Amount, { minor: remaining, currency: code, size: "lg", weight: "bold", locale }) })
     ] }) : onAmountChange ? /* @__PURE__ */ jsx(
       RefundAmountField,
@@ -396,46 +566,68 @@ function RefundPanel({
         onChangeMinor: onAmountChange,
         remaining,
         currency: code,
-        locale
+        locale,
+        labels: labelsProp
       }
     ) : /* @__PURE__ */ jsxs(View, { style: styles.fullBox, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.fullLabel, children: "Refunding" }),
-      /* @__PURE__ */ jsx(View, { style: styles.pushEnd, children: /* @__PURE__ */ jsx(Amount, { minor: amountMinor, currency: code, size: "lg", weight: "bold", locale }) })
+      /* @__PURE__ */ jsx(Text, { style: styles.fullLabel, children: labels.refunding }),
+      /* @__PURE__ */ jsx(View, { style: styles.pushEnd, children: /* @__PURE__ */ jsx(
+        Amount,
+        {
+          minor: amountMinor,
+          currency: code,
+          size: "lg",
+          weight: "bold",
+          locale,
+          roll: true,
+          motion
+        }
+      ) })
     ] }),
-    onReasonChange ? /* @__PURE__ */ jsx(RefundReasonList, { value: reason, onChange: onReasonChange }) : /* @__PURE__ */ jsx(
+    onReasonChange ? /* @__PURE__ */ jsx(RefundReasonList, { value: reason, onChange: onReasonChange, labels: labelsProp }) : /* @__PURE__ */ jsx(
       Stated,
       {
-        overline: "Reason",
-        label: reasonRow ? reasonRow[1] : "Not stated",
+        overline: labels.reason,
+        label: reasonRow ? reasonRow[1] : labels.notStated,
         note: reasonRow ? reasonRow[2] : void 0
       }
     ),
-    onNotifyChange ? /* @__PURE__ */ jsxs(View, { style: styles.notifyRow, children: [
+    onNotifyChange ? (
+      // The box and its text are one control: one tap target, one focus
+      // stop, read once as "<label>, checkbox".
       /* @__PURE__ */ jsx(
         Checkbox,
         {
           checked: notify,
           onCheckedChange: (next) => onNotifyChange(next),
-          accessibilityLabel: notifyLabel
+          label: notifyLabel
         }
-      ),
-      /* @__PURE__ */ jsx(Text, { style: styles.notifyLabel, children: notifyLabel })
-    ] }) : /* @__PURE__ */ jsx(
+      )
+    ) : /* @__PURE__ */ jsx(
       Stated,
       {
-        overline: "Customer email",
-        label: notify ? `${notifyLabel} \u2014 yes` : `${notifyLabel} \u2014 no`
+        overline: labels.customerEmail,
+        label: notify ? labels.notifyYes(notifyLabel) : labels.notifyNo(notifyLabel)
       }
     ),
-    /* @__PURE__ */ jsx(RefundLedger, { charge, next: effective, currency: code, locale }),
-    /* @__PURE__ */ jsx(RefundArrivalNote, { method }),
+    /* @__PURE__ */ jsx(
+      RefundLedger,
+      {
+        charge,
+        next: effective,
+        currency: code,
+        locale,
+        labels: labelsProp
+      }
+    ),
+    /* @__PURE__ */ jsx(RefundArrivalNote, { method, labels: labelsProp }),
     error ? /* @__PURE__ */ jsx(Alert, { tone: "danger", title: error }) : null,
     /* @__PURE__ */ jsxs(View, { style: styles.commitBlock, children: [
       /* @__PURE__ */ jsxs(View, { style: styles.irreversibleRow, children: [
         /* @__PURE__ */ jsx(Icon, { name: "alert-circle", size: theme.icon.sm, color: theme.color.text3 }),
         /* @__PURE__ */ jsx(Text, { style: styles.irreversible, children: irreversibleNote })
       ] }),
-      /* @__PURE__ */ jsx(Button, { loading: busy, onPress: onSubmit, children: `Refund ${money(effective, code, { locale })}` })
+      /* @__PURE__ */ jsx(Button, { loading: busy, onPress: onSubmit, children: labels.commit(money(effective, code, { locale })) })
     ] })
   ] });
 }
@@ -507,14 +699,6 @@ var sheet2 = createStyleSheet((theme) => ({
     lineHeight: theme.type.footnote.lineHeight,
     color: theme.color.text2
   },
-  notifyRow: { flexDirection: "row", alignItems: "center", gap: theme.space.s2 },
-  notifyLabel: {
-    flexShrink: 1,
-    fontFamily: theme.font.sans,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.type.footnote.lineHeight,
-    color: theme.color.text
-  },
   stated: { gap: theme.space[2] },
   overline: {
     fontFamily: theme.font.sans,
@@ -594,10 +778,14 @@ var EVIDENCE_ICON = {
 function DisputeDeadline({
   dispute,
   urgentAt = 3,
-  locale,
+  locale: localeProp,
+  labels: labelsProp,
   style
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet3);
   const urgent = dispute.daysLeft <= urgentAt;
   const ink = urgent ? theme.color.dangerOnSoft : theme.color.warnOnSoft;
@@ -615,12 +803,12 @@ function DisputeDeadline({
       ],
       children: [
         /* @__PURE__ */ jsxs(View, { children: [
-          /* @__PURE__ */ jsx(Text, { style: [styles.daysLeft, { color: ink }], children: `${dispute.daysLeft} ${dispute.daysLeft === 1 ? "day" : "days"}` }),
-          /* @__PURE__ */ jsx(Text, { style: [styles.daysNote, { color: ink }], children: `to respond \xB7 evidence due ${dispute.due}` })
+          /* @__PURE__ */ jsx(Text, { style: [styles.daysLeft, { color: ink }], children: labels.days(dispute.daysLeft) }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.daysNote, { color: ink }], children: labels.toRespond(dispute.due) })
         ] }),
         /* @__PURE__ */ jsxs(View, { style: styles.factGrid, children: [
           /* @__PURE__ */ jsxs(View, { style: styles.fact, children: [
-            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: "Disputed" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: labels.disputed }),
             /* @__PURE__ */ jsx(
               Amount,
               {
@@ -633,15 +821,15 @@ function DisputeDeadline({
             )
           ] }),
           /* @__PURE__ */ jsxs(View, { style: styles.fact, children: [
-            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: "Network fee" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: labels.networkFee }),
             /* @__PURE__ */ jsx(Text, { style: styles.factValueNum, children: money(dispute.feeMinor, dispute.currency, { locale }) })
           ] }),
           /* @__PURE__ */ jsxs(View, { style: styles.fact, children: [
-            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: "Reason" }),
-            /* @__PURE__ */ jsx(Text, { style: styles.factValue, children: `${dispute.reason} \xB7 ${dispute.network}` })
+            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: labels.reason }),
+            /* @__PURE__ */ jsx(Text, { style: styles.factValue, children: labels.reasonNetwork(dispute.reason, dispute.network) })
           ] }),
           /* @__PURE__ */ jsxs(View, { style: styles.fact, children: [
-            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: "Opened" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.factTerm, { color: ink }], children: labels.opened }),
             /* @__PURE__ */ jsx(Text, { style: styles.factValue, children: dispute.opened })
           ] })
         ] })
@@ -651,11 +839,14 @@ function DisputeDeadline({
 }
 function DisputeEvidenceRow({
   item,
-  attachLabel = "Attach",
+  attachLabel,
   onAttach,
+  labels: labelsProp,
   style
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const pay = usePayLabels(labelsProp);
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet3);
   const tone = evidenceTone(item.state);
   const glyphColor = tone === "good" ? theme.color.good : tone === "warn" ? theme.color.warn : theme.color.text3;
@@ -666,47 +857,51 @@ function DisputeEvidenceRow({
       /* @__PURE__ */ jsx(Text, { style: styles.evidenceNote, children: item.note })
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.evidenceTrail, children: [
-      /* @__PURE__ */ jsx(Badge, { style: styles.rowBadge, variant: BADGE_VARIANT[tone], size: "sm", children: evidenceLabel(item.state) }),
-      item.state === "missing" && onAttach ? /* @__PURE__ */ jsx(Button, { size: "xs", variant: "outline", leadingIcon: "upload", onPress: () => onAttach(item), children: attachLabel }) : null
+      /* @__PURE__ */ jsx(Badge, { style: styles.rowBadge, variant: BADGE_VARIANT[tone], size: "sm", children: evidenceLabel(item.state, pay) }),
+      item.state === "missing" && onAttach ? /* @__PURE__ */ jsx(Button, { size: "xs", variant: "outline", leadingIcon: "upload", onPress: () => onAttach(item), children: attachLabel ?? labels.attach }) : null
     ] })
   ] });
 }
 function DisputePanel({
   dispute,
-  title = "Chargeback",
-  description = "The amount and the network fee have already left the account. Submitting evidence asks the network to reverse the first of those; the fee is not refundable either way, and the network decides \u2014 not us.",
-  submitLabel = "Submit evidence",
-  acceptLabel = "Accept the dispute",
+  title,
+  description,
+  submitLabel,
+  acceptLabel,
   canSubmit = true,
   busy = false,
   showGuidance = true,
   onSubmitEvidence,
   onAccept,
   onAttach,
-  locale,
+  locale: localeProp,
+  labels: labelsProp,
   style
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("refund", DEFAULT_LABELS, labelsProp);
+  const providerLocale = useLoamLocale();
+  const locale = localeProp ?? providerLocale;
+  const theme = useLoamTheme("refund");
   const { styles } = useStyles(sheet3);
   const worth = disputeWorthDefending(dispute.amountMinor);
   const threshold = money(DISPUTE_ACCEPT_THRESHOLD_MINOR, dispute.currency, { locale });
-  return /* @__PURE__ */ jsxs(View, { role: "region", accessibilityLabel: title, style: [styles.panel, style], children: [
+  return /* @__PURE__ */ jsxs(View, { role: "region", accessibilityLabel: title ?? labels.disputeTitle, style: [styles.panel, style], children: [
     /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
-      /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.title, children: title }),
-      /* @__PURE__ */ jsx(DisputeDeadline, { dispute, locale }),
-      /* @__PURE__ */ jsx(Text, { style: styles.description, children: description })
+      /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.title, children: title ?? labels.disputeTitle }),
+      /* @__PURE__ */ jsx(DisputeDeadline, { dispute, locale, labels: labelsProp }),
+      /* @__PURE__ */ jsx(Text, { style: styles.description, children: description ?? labels.disputeDescription })
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.evidenceBlock, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.overline, children: "Evidence" }),
-      /* @__PURE__ */ jsx(View, { role: "list", accessibilityRole: "list", children: dispute.evidence.map((item) => /* @__PURE__ */ jsx(DisputeEvidenceRow, { item, onAttach }, item.label)) })
+      /* @__PURE__ */ jsx(Text, { style: styles.overline, children: labels.evidence }),
+      /* @__PURE__ */ jsx(View, { role: "list", accessibilityRole: "list", children: dispute.evidence.map((item) => /* @__PURE__ */ jsx(DisputeEvidenceRow, { item, onAttach, labels: labelsProp }, item.label)) })
     ] }),
     showGuidance ? /* @__PURE__ */ jsxs(View, { style: styles.guidanceRow, children: [
       /* @__PURE__ */ jsx(Icon, { name: "info", size: theme.icon.sm, color: theme.color.text3 }),
-      /* @__PURE__ */ jsx(Text, { style: styles.guidance, children: (worth ? `Above ${threshold} this is usually worth defending \u2014 the amount at stake exceeds the staff time a response costs.` : `Below ${threshold} the staff time spent defending this usually exceeds the amount at stake. Accepting is a legitimate answer, not a loss.`) + (canSubmit ? "" : " Some evidence is still missing; submitting now sends what is attached.") })
+      /* @__PURE__ */ jsx(Text, { style: styles.guidance, children: labels.guidance(worth, threshold, canSubmit) })
     ] }) : null,
     /* @__PURE__ */ jsxs(View, { style: styles.actionRow, children: [
-      /* @__PURE__ */ jsx(Button, { loading: busy, onPress: onSubmitEvidence, children: submitLabel }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onPress: onAccept, children: acceptLabel })
+      /* @__PURE__ */ jsx(Button, { loading: busy, onPress: onSubmitEvidence, children: submitLabel ?? labels.submitEvidence }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onPress: onAccept, children: acceptLabel ?? labels.acceptDispute })
     ] })
   ] });
 }