@tallyui/components 3.3.0 → 3.4.0

package/dist/index.js

@@ -3962,8 +3962,9 @@ function ConnectorStatus({
 }
 
 // src/sale/cart.tsx
-import { useState as useState18 } from "react";
-import { Pressable as Pressable25, Text as Text34, View as View56 } from "react-native";
+import { useState as useState19 } from "react";
+import { Pressable as Pressable26, Text as Text35, View as View57 } from "react-native";
+import { formatMoney as formatMoney12 } from "@tallyui/core";
 import { buildReceiptData } from "@tallyui/pos";
 
 // src/sale/discount-form.tsx
@@ -4119,17 +4120,113 @@ function PriceForm({ lineName, currency, currentMinor, onApply, onClose }) {
   ] });
 }
 
-// src/sale/cart.tsx
+// src/sale/charge-form.tsx
+import { useState as useState18 } from "react";
+import { Pressable as Pressable25, Text as Text34, TextInput as TextInput11, View as View56 } from "react-native";
 import { Fragment as Fragment5, jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
-function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPrice = false, onPriceChange }) {
+var button3 = "rounded-md border border-border px-3 py-2 min-h-11 items-center justify-center";
+function ChargeForm({ currency, lineTax, taxClasses, shippingTaxFromStore, onApply, onClose }) {
+  const [kind, setKind] = useState18("fee");
+  const [name, setName] = useState18("");
+  const [text, setText] = useState18("");
+  const [noTax, setNoTax] = useState18(false);
+  const [taxClass, setTaxClass] = useState18("");
+  const [error, setError] = useState18(null);
+  const storeShipping = kind === "shipping" && shippingTaxFromStore;
+  function apply() {
+    const parsed = parsePrice(text, currency);
+    const refused = !name.trim() ? "Enter a name." : typeof parsed === "string" ? parsed : onApply({
+      kind,
+      name: name.trim(),
+      amountMinor: parsed,
+      taxStatus: !storeShipping && lineTax?.none && noTax ? "none" : void 0,
+      taxClass: !storeShipping && lineTax?.classes && taxClasses?.length ? taxClass || void 0 : void 0
+    });
+    setError(refused);
+    if (refused === null) onClose();
+  }
+  return /* @__PURE__ */ jsxs49(View56, { testID: "charge-form", role: "group", accessibilityLabel: "Add charge", className: "gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx90(Text34, { className: "font-semibold text-foreground", children: "Add charge" }),
+    /* @__PURE__ */ jsx90(View56, { className: "flex-row gap-2", children: ["fee", "shipping", "custom"].map((option) => /* @__PURE__ */ jsx90(
+      Pressable25,
+      {
+        accessibilityRole: "button",
+        accessibilityState: { selected: kind === option },
+        "aria-selected": kind === option,
+        onPress: () => setKind(option),
+        className: `${button3} ${kind === option ? "bg-primary" : "bg-card"}`,
+        children: /* @__PURE__ */ jsx90(Text34, { className: kind === option ? "text-primary-foreground" : "text-foreground", children: option === "fee" ? "Fee" : option === "shipping" ? "Shipping" : "Custom item" })
+      },
+      option
+    )) }),
+    /* @__PURE__ */ jsx90(
+      TextInput11,
+      {
+        accessibilityLabel: "Name",
+        placeholder: "Name",
+        value: name,
+        onChangeText: setName,
+        className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx90(
+      TextInput11,
+      {
+        accessibilityLabel: "Amount",
+        value: text,
+        onChangeText: setText,
+        onSubmitEditing: apply,
+        inputMode: "decimal",
+        placeholder: currency,
+        className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
+      }
+    ),
+    storeShipping ? /* @__PURE__ */ jsx90(Text34, { className: "text-muted-foreground", children: "Shipping is taxed at the store's shipping tax class." }) : /* @__PURE__ */ jsxs49(Fragment5, { children: [
+      lineTax?.none ? /* @__PURE__ */ jsx90(
+        Pressable25,
+        {
+          accessibilityRole: "switch",
+          accessibilityLabel: "No tax",
+          accessibilityState: { checked: noTax },
+          "aria-checked": noTax,
+          onPress: () => setNoTax(!noTax),
+          className: `${button3} ${noTax ? "bg-primary" : "bg-card"}`,
+          children: /* @__PURE__ */ jsx90(Text34, { className: noTax ? "text-primary-foreground" : "text-foreground", children: "No tax" })
+        }
+      ) : null,
+      lineTax?.classes && taxClasses?.length ? /* @__PURE__ */ jsx90(View56, { role: "group", accessibilityLabel: "Tax class", className: "flex-row flex-wrap gap-2", children: [{ id: "", label: "No class" }, ...taxClasses].map((option) => /* @__PURE__ */ jsx90(
+        Pressable25,
+        {
+          accessibilityRole: "button",
+          accessibilityState: { selected: taxClass === option.id },
+          "aria-selected": taxClass === option.id,
+          onPress: () => setTaxClass(option.id),
+          className: `${button3} ${taxClass === option.id ? "bg-primary" : "bg-card"}`,
+          children: /* @__PURE__ */ jsx90(Text34, { className: taxClass === option.id ? "text-primary-foreground" : "text-foreground", children: option.label })
+        },
+        option.id
+      )) }) : null
+    ] }),
+    error ? /* @__PURE__ */ jsx90(Text34, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs49(View56, { className: "flex-row gap-2", children: [
+      /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", onPress: apply, className: `${button3} bg-primary`, children: /* @__PURE__ */ jsx90(Text34, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
+      /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", onPress: onClose, className: `${button3} bg-card`, children: /* @__PURE__ */ jsx90(Text34, { className: "text-foreground", children: "Cancel" }) })
+    ] })
+  ] });
+}
+
+// src/sale/cart.tsx
+import { Fragment as Fragment6, jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
+function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPrice = false, onPriceChange, taxClasses }) {
   const { order } = sale;
   const money = (amount) => ({ amount, currency: order.currency });
   const { totals } = buildReceiptData(order, { storeName: "" });
   const taxRows = totals.taxLines.map((line) => ({ label: taxLabel(line.ratePpm), amount: money(line.amountMinor) }));
   const display = (lineId) => order.display.lines.find((line) => line.lineId === lineId);
   const orderAmounts = order.discounts.length === 1 ? [{ discountId: order.discounts[0].id, amountMinor: order.display.orderDiscountMinor }] : [];
-  const [form, setForm] = useState18(null);
-  const discountForm = (lineId, title) => form?.type === "discount" && form.lineId === lineId ? /* @__PURE__ */ jsx90(
+  const [form, setForm] = useState19(null);
+  const chargesOffered = (sale.capabilities?.orderCreate ?? 0) >= 5;
+  const discountForm = (lineId, title) => form?.type === "discount" && form.lineId === lineId ? /* @__PURE__ */ jsx91(
     DiscountForm,
     {
       title,
@@ -4140,11 +4237,11 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
     lineId ?? "order"
   ) : null;
   const pay = `min-h-12 flex-1 justify-center rounded-md bg-primary px-4 py-3 ${!order.lineItems.length ? "opacity-50" : ""}`;
-  const renderItem = (line) => /* @__PURE__ */ jsxs49(Fragment5, { children: [
-    /* @__PURE__ */ jsx90(CartLineActions, { actions: [
+  const renderItem = (line) => /* @__PURE__ */ jsxs50(Fragment6, { children: [
+    /* @__PURE__ */ jsx91(CartLineActions, { actions: [
       { id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ type: "discount", lineId: line.id }) },
       ...canEditPrice ? [{ id: "price", label: "Price", color: "text-primary", onPress: () => setForm({ type: "price", lineId: line.id }) }] : []
-    ], children: /* @__PURE__ */ jsx90(
+    ], children: /* @__PURE__ */ jsx91(
       CartLine,
       {
         name: line.name,
@@ -4153,41 +4250,41 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
         lineTotal: money(display(line.id).amountMinor)
       }
     ) }),
-    /* @__PURE__ */ jsx90(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
-    /* @__PURE__ */ jsxs49(View56, { className: "flex-row gap-4 px-3 py-2", children: [
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+    /* @__PURE__ */ jsx91(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
+    /* @__PURE__ */ jsxs50(View57, { className: "flex-row gap-4 px-3 py-2", children: [
+      /* @__PURE__ */ jsx91(
+        Pressable26,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Decrease ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity - 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx90(Text34, { className: "text-center text-foreground", children: "\u2212" })
+          children: /* @__PURE__ */ jsx91(Text35, { className: "text-center text-foreground", children: "\u2212" })
         }
       ),
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+      /* @__PURE__ */ jsx91(
+        Pressable26,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Increase ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity + 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx90(Text34, { className: "text-center text-foreground", children: "+" })
+          children: /* @__PURE__ */ jsx91(Text35, { className: "text-center text-foreground", children: "+" })
         }
       ),
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+      /* @__PURE__ */ jsx91(
+        Pressable26,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Remove ${line.name}`,
           onPress: () => sale.remove(line.id),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx90(Text34, { className: "text-center text-foreground", children: "Remove" })
+          children: /* @__PURE__ */ jsx91(Text35, { className: "text-center text-foreground", children: "Remove" })
         }
       )
     ] }),
     discountForm(line.id, `Discount on ${line.name}`),
-    canEditPrice && form?.type === "price" && form.lineId === line.id ? /* @__PURE__ */ jsx90(
+    canEditPrice && form?.type === "price" && form.lineId === line.id ? /* @__PURE__ */ jsx91(
       PriceForm,
       {
         lineName: line.name,
@@ -4204,36 +4301,76 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
       line.id
     ) : null
   ] });
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     CartPanel,
     {
       dataSet: { print: "hide" },
       items: order.lineItems,
       renderItem,
-      emptyState: /* @__PURE__ */ jsx90(Text34, { testID: "cart-empty", className: "px-3 py-2 text-muted-foreground", children: "Scan or tap a product to start a sale." }),
-      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs49(View56, { className: "gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx90(
-          DiscountChips,
-          {
-            discounts: order.discounts,
-            amounts: orderAmounts,
-            currency: order.currency,
-            onRemove: sale.removeDiscount,
-            prefix: "Order discount"
-          }
-        ),
-        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx90(
-          Pressable25,
-          {
-            accessibilityRole: "button",
-            onPress: () => setForm({ type: "discount", lineId: null }),
-            className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
-            children: /* @__PURE__ */ jsx90(Text34, { className: "text-foreground", children: "Order discount" })
-          }
-        )
-      ] }) : void 0,
-      footer: /* @__PURE__ */ jsxs49(View56, { testID: "cart-footer", className: "gap-3 pb-4", children: [
-        /* @__PURE__ */ jsx90(
+      emptyState: /* @__PURE__ */ jsx91(Text35, { testID: "cart-empty", className: "px-3 py-2 text-muted-foreground", children: "Scan or tap a product to start a sale." }),
+      afterItems: /* @__PURE__ */ jsxs50(Fragment6, { children: [
+        ["fees", "shipping"].map((kind) => order[kind]?.map((charge, index) => /* @__PURE__ */ jsxs50(View57, { testID: `cart-${kind === "fees" ? "fee" : "shipping"}-${index}`, className: "flex-row items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ jsx91(Text35, { className: "flex-1 text-foreground", children: charge.name }),
+          /* @__PURE__ */ jsx91(Text35, { className: "text-foreground", children: formatMoney12(money(order.display[kind].find((row) => row.id === charge.id).amountMinor)) }),
+          /* @__PURE__ */ jsx91(
+            Pressable26,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: `Remove ${charge.name}`,
+              onPress: () => kind === "fees" ? sale.removeFee(charge.id) : sale.removeShipping(charge.id),
+              className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 items-center justify-center",
+              children: /* @__PURE__ */ jsx91(Text35, { className: "text-foreground", children: "Remove" })
+            }
+          )
+        ] }, charge.id))),
+        order.lineItems.length || chargesOffered ? /* @__PURE__ */ jsxs50(View57, { className: "gap-3 px-3 py-2", children: [
+          order.lineItems.length ? /* @__PURE__ */ jsxs50(Fragment6, { children: [
+            /* @__PURE__ */ jsx91(
+              DiscountChips,
+              {
+                discounts: order.discounts,
+                amounts: orderAmounts,
+                currency: order.currency,
+                onRemove: sale.removeDiscount,
+                prefix: "Order discount"
+              }
+            ),
+            form?.type === "discount" && form.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx91(
+              Pressable26,
+              {
+                accessibilityRole: "button",
+                onPress: () => setForm({ type: "discount", lineId: null }),
+                className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
+                children: /* @__PURE__ */ jsx91(Text35, { className: "text-foreground", children: "Order discount" })
+              }
+            )
+          ] }) : null,
+          chargesOffered ? form?.type === "charge" ? /* @__PURE__ */ jsx91(
+            ChargeForm,
+            {
+              currency: order.currency,
+              lineTax: sale.capabilities?.lineTax,
+              taxClasses,
+              shippingTaxFromStore: sale.capabilities?.taxRounding?.granularity === "woocommerce",
+              onClose: () => setForm(null),
+              onApply: ({ kind, name, amountMinor, taxStatus, taxClass }) => {
+                const result = kind === "custom" ? sale.addCustomLine({ name, priceMinor: amountMinor, taxStatus, taxClass }) : kind === "fee" ? sale.addFee({ name, amountMinor, taxStatus, taxClass }) : sale.addShipping({ name, amountMinor, taxStatus, taxClass });
+                return typeof result === "string" ? result : null;
+              }
+            }
+          ) : /* @__PURE__ */ jsx91(
+            Pressable26,
+            {
+              accessibilityRole: "button",
+              onPress: () => setForm({ type: "charge" }),
+              className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
+              children: /* @__PURE__ */ jsx91(Text35, { className: "text-foreground", children: "Add charge" })
+            }
+          ) : null
+        ] }) : null
+      ] }),
+      footer: /* @__PURE__ */ jsxs50(View57, { testID: "cart-footer", className: "gap-3 pb-4", children: [
+        /* @__PURE__ */ jsx91(
           CartTotal,
           {
             subtotal: money(totals.subtotalMinor),
@@ -4243,10 +4380,10 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
             taxInclusive: totals.taxInclusive
           }
         ),
-        sale.error ? /* @__PURE__ */ jsx90(Text34, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-        /* @__PURE__ */ jsxs49(View56, { className: "flex-row gap-3", children: [
-          /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx90(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
-          /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx90(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
+        sale.error ? /* @__PURE__ */ jsx91(Text35, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+        /* @__PURE__ */ jsxs50(View57, { className: "flex-row gap-3", children: [
+          /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx91(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
+          /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx91(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
         ] })
       ] })
     }
@@ -4254,17 +4391,17 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
 }
 
 // src/sale/cart-bar.tsx
-import { Pressable as Pressable26, Text as Text35 } from "react-native";
-import { formatMoney as formatMoney12 } from "@tallyui/core";
+import { Pressable as Pressable27, Text as Text36 } from "react-native";
+import { formatMoney as formatMoney13 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData2 } from "@tallyui/pos";
-import { jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
 function CartBar({ sale, onOpen }) {
   const { order } = sale;
   const count2 = order.lineItems.reduce((sum, line) => sum + line.quantity, 0);
-  const total = formatMoney12({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
+  const total = formatMoney13({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
   const items = `${count2} ${count2 === 1 ? "item" : "items"}`;
-  return /* @__PURE__ */ jsxs50(
-    Pressable26,
+  return /* @__PURE__ */ jsxs51(
+    Pressable27,
     {
       accessibilityRole: "button",
       accessibilityLabel: count2 ? `Open cart, ${items}, ${total}` : "Cart is empty",
@@ -4272,8 +4409,8 @@ function CartBar({ sale, onOpen }) {
       onPress: onOpen,
       className: `min-h-14 mx-3 mb-3 flex-row items-center justify-between rounded-md bg-primary px-4 py-3 ${count2 ? "" : "opacity-50"}`,
       children: [
-        /* @__PURE__ */ jsx91(Text35, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
-        count2 ? /* @__PURE__ */ jsxs50(Text35, { className: "font-bold text-primary-foreground", children: [
+        /* @__PURE__ */ jsx92(Text36, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
+        count2 ? /* @__PURE__ */ jsxs51(Text36, { className: "font-bold text-primary-foreground", children: [
           total,
           " \u203A"
         ] }) : null
@@ -4283,17 +4420,17 @@ function CartBar({ sale, onOpen }) {
 }
 
 // src/sale/tender.tsx
-import { Pressable as Pressable27, Text as Text36, TextInput as TextInput11, View as View57 } from "react-native";
-import { formatMoney as formatMoney13 } from "@tallyui/core";
-import { Fragment as Fragment6, jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Pressable as Pressable28, Text as Text37, TextInput as TextInput12, View as View58 } from "react-native";
+import { formatMoney as formatMoney14 } from "@tallyui/core";
+import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
 var REFERENCE_MAX = 255;
 function Tender({ sale }) {
   const { order, stage } = sale;
   if (stage.kind !== "tender") return null;
   const money = (amount) => ({ amount, currency: order.currency });
-  return /* @__PURE__ */ jsxs51(View57, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
-    stage.method === "cash" ? /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs52(View58, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    stage.method === "cash" ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
+      /* @__PURE__ */ jsx93(
         CashTendered,
         {
           total: money(order.totalMinor),
@@ -4301,19 +4438,19 @@ function Tender({ sale }) {
           onChangeAmount: (amount) => sale.setTender({ method: "cash", amountMinor: amount.amount })
         }
       ),
-      /* @__PURE__ */ jsx92(ChangeDisplay, { change: money(order.changeDueMinor) }),
-      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs51(Text36, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx93(ChangeDisplay, { change: money(order.changeDueMinor) }),
+      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
         "Balance due: ",
-        formatMoney13(money(order.balanceDueMinor))
+        formatMoney14(money(order.balanceDueMinor))
       ] }) : null,
-      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
-    ] }) : /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsxs51(Text36, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
+    ] }) : /* @__PURE__ */ jsxs52(Fragment7, { children: [
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
         "Card terminal: ",
-        formatMoney13(money(order.totalMinor))
+        formatMoney14(money(order.totalMinor))
       ] }),
-      /* @__PURE__ */ jsx92(
-        TextInput11,
+      /* @__PURE__ */ jsx93(
+        TextInput12,
         {
           accessibilityLabel: "Terminal reference",
           placeholder: "Terminal reference",
@@ -4323,30 +4460,30 @@ function Tender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
+      /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
     ] }),
-    sale.error ? /* @__PURE__ */ jsx92(Text36, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-    sale.canContinue ? /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsx92(Text36, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
-      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    sale.error ? /* @__PURE__ */ jsx93(Text37, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
+      /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center text-foreground", children: "Back" }) })
+    /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
 // src/sale/split-tender.tsx
-import { useState as useState19 } from "react";
-import { Pressable as Pressable28, Text as Text37, TextInput as TextInput12, View as View58 } from "react-native";
-import { formatMoney as formatMoney14, minorUnitDigits as minorUnitDigits9 } from "@tallyui/core";
-import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { Pressable as Pressable29, Text as Text38, TextInput as TextInput13, View as View59 } from "react-native";
+import { formatMoney as formatMoney15, minorUnitDigits as minorUnitDigits9 } from "@tallyui/core";
+import { Fragment as Fragment8, jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
 function SplitTender({ sale }) {
   const { order, stage } = sale;
-  const [method, setMethod] = useState19("cash");
-  const [amount, setAmount] = useState19(null);
-  const [reference, setReference] = useState19("");
-  const [error, setError] = useState19(null);
+  const [method, setMethod] = useState20("cash");
+  const [amount, setAmount] = useState20(null);
+  const [reference, setReference] = useState20("");
+  const [error, setError] = useState20(null);
   if (stage.kind !== "tender") return null;
-  const money = (value) => formatMoney14({ amount: value, currency: order.currency });
+  const money = (value) => formatMoney15({ amount: value, currency: order.currency });
   const digits = minorUnitDigits9(order.currency);
   const amountText = amount ?? (order.balanceDueMinor / 10 ** digits).toFixed(digits);
   const incomplete = order.balanceDueMinor > 0 || order.payments.length === 0;
@@ -4369,59 +4506,59 @@ function SplitTender({ sale }) {
     setReference("");
     setAmount(null);
   }
-  return /* @__PURE__ */ jsxs52(View58, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs52(View58, { testID: "split-tender-summary", className: "gap-2", children: [
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+  return /* @__PURE__ */ jsxs53(View59, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs53(View59, { testID: "split-tender-summary", className: "gap-2", children: [
+      /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Total: ",
         money(order.totalMinor)
       ] }),
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Paid: ",
         money(order.paidMinor)
       ] }),
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Remaining: ",
         money(order.balanceDueMinor)
       ] }),
-      order.changeDueMinor > 0 ? /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      order.changeDueMinor > 0 ? /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Change: ",
         money(order.changeDueMinor)
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx93(View58, { testID: "split-tender-list", className: "gap-2", children: order.payments.map((payment) => /* @__PURE__ */ jsxs52(View58, { testID: `split-tender-row-${payment.id}`, className: "gap-2", children: [
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+    /* @__PURE__ */ jsx94(View59, { testID: "split-tender-list", className: "gap-2", children: order.payments.map((payment) => /* @__PURE__ */ jsxs53(View59, { testID: `split-tender-row-${payment.id}`, className: "gap-2", children: [
+      /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         tenderLabel(payment.method),
         " ",
         money(payment.amountMinor)
       ] }),
-      payment.reference ? /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: payment.reference }) : null,
-      /* @__PURE__ */ jsx93(
-        Pressable28,
+      payment.reference ? /* @__PURE__ */ jsx94(Text38, { className: "text-foreground", children: payment.reference }) : null,
+      /* @__PURE__ */ jsx94(
+        Pressable29,
         {
           testID: `split-tender-remove-${payment.id}`,
           accessibilityRole: "button",
           accessibilityLabel: "Remove tender",
           onPress: () => sale.removeTender(payment.id),
           className: "rounded-md border border-border bg-card px-4 py-3",
-          children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Remove" })
+          children: /* @__PURE__ */ jsx94(Text38, { className: "text-center text-foreground", children: "Remove" })
         }
       )
     ] }, payment.id)) }),
-    /* @__PURE__ */ jsxs52(View58, { testID: "split-tender-add", className: "gap-2", children: [
-      /* @__PURE__ */ jsx93(View58, { className: "flex-row gap-2", children: ["cash", "external"].map((value) => /* @__PURE__ */ jsx93(
-        Pressable28,
+    /* @__PURE__ */ jsxs53(View59, { testID: "split-tender-add", className: "gap-2", children: [
+      /* @__PURE__ */ jsx94(View59, { className: "flex-row gap-2", children: ["cash", "external"].map((value) => /* @__PURE__ */ jsx94(
+        Pressable29,
         {
           testID: `split-tender-method-${value === "cash" ? "cash" : "card"}`,
           accessibilityRole: "button",
           accessibilityState: { selected: method === value },
           onPress: () => setMethod(value),
           className: `rounded-md border border-border px-4 py-3 ${method === value ? "bg-primary" : "bg-card"}`,
-          children: /* @__PURE__ */ jsx93(Text37, { className: `text-center ${method === value ? "text-primary-foreground" : "text-foreground"}`, children: tenderLabel(value) })
+          children: /* @__PURE__ */ jsx94(Text38, { className: `text-center ${method === value ? "text-primary-foreground" : "text-foreground"}`, children: tenderLabel(value) })
         },
         value
       )) }),
-      /* @__PURE__ */ jsx93(
-        TextInput12,
+      /* @__PURE__ */ jsx94(
+        TextInput13,
         {
           testID: "split-tender-amount",
           accessibilityLabel: "Tender amount",
@@ -4431,8 +4568,8 @@ function SplitTender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      method === "external" ? /* @__PURE__ */ jsx93(
-        TextInput12,
+      method === "external" ? /* @__PURE__ */ jsx94(
+        TextInput13,
         {
           testID: "split-tender-reference",
           accessibilityLabel: "Terminal reference",
@@ -4443,35 +4580,35 @@ function SplitTender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ) : null,
-      error ? /* @__PURE__ */ jsx93(Text37, { testID: "split-tender-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
-      /* @__PURE__ */ jsx93(Pressable28, { testID: "split-tender-add-button", accessibilityRole: "button", onPress: add, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Add" }) })
+      error ? /* @__PURE__ */ jsx94(Text38, { testID: "split-tender-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+      /* @__PURE__ */ jsx94(Pressable29, { testID: "split-tender-add-button", accessibilityRole: "button", onPress: add, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Add" }) })
     ] }),
-    /* @__PURE__ */ jsx93(
-      Pressable28,
+    /* @__PURE__ */ jsx94(
+      Pressable29,
       {
         testID: "split-tender-complete",
         accessibilityRole: "button",
         disabled: incomplete,
         onPress: sale.complete,
         className: `rounded-md bg-primary px-4 py-3 ${incomplete ? "opacity-50" : ""}`,
-        children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" })
+        children: /* @__PURE__ */ jsx94(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" })
       }
     ),
-    sale.error ? /* @__PURE__ */ jsx93(Text37, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-    sale.canContinue ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
-      /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
-      /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    sale.error ? /* @__PURE__ */ jsx94(Text38, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs53(Fragment8, { children: [
+      /* @__PURE__ */ jsx94(Text38, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Back" }) })
+    /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
 // src/sale/catalogue.tsx
-import { useEffect as useEffect5, useMemo as useMemo2, useState as useState20 } from "react";
-import { Pressable as Pressable29, Text as Text38, View as View59 } from "react-native";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState21 } from "react";
+import { Pressable as Pressable30, Text as Text39, View as View60 } from "react-native";
 import { useStockOverlaid, useStockOverlayAsOf } from "@tallyui/core";
 import { catalogueEntries, findEntryByCode, searchProducts, variantPriceLabel } from "@tallyui/pos";
-import { jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
 var MIN_TILE_WIDTH = 160;
 var STOCK_LABEL = {
   in_stock: "In Stock",
@@ -4497,9 +4634,9 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
   const parsedOverlayAsOf = overlayAsOf ? new Date(overlayAsOf) : void 0;
   const validOverlayAsOf = parsedOverlayAsOf && !isNaN(parsedOverlayAsOf.getTime()) ? parsedOverlayAsOf : void 0;
   const stockAsOf = laterOf(laterOf(lastStockCheckAt, validOverlayAsOf), lastSyncedAt);
-  const [query, setQuery] = useState20("");
-  const [chooserId, setChooserId] = useState20(null);
-  const [width, setWidth] = useState20(0);
+  const [query, setQuery] = useState21("");
+  const [chooserId, setChooserId] = useState21(null);
+  const [width, setWidth] = useState21(0);
   const columns = Math.max(2, Math.min(6, Math.floor((width - 8) / (MIN_TILE_WIDTH + 8))));
   const entries = useMemo2(() => catalogueEntries(shown, traits, { currency }), [shown, traits, currency]);
   const results = useMemo2(() => searchProducts(shown, query, traits), [shown, query, traits]);
@@ -4511,9 +4648,9 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
     onSelect(entry);
     setChooserId(null);
   }
-  return /* @__PURE__ */ jsxs53(View59, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsxs53(View59, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
-      /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsxs54(View60, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsxs54(View60, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ jsx95(
         SearchInput,
         {
           value: query,
@@ -4530,25 +4667,25 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           }
         }
       ),
-      statusText || statusAccessory ? /* @__PURE__ */ jsxs53(View59, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
-        statusText ? /* @__PURE__ */ jsxs53(Text38, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
+      statusText || statusAccessory ? /* @__PURE__ */ jsxs54(View60, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
+        statusText ? /* @__PURE__ */ jsxs54(Text39, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
           statusText,
           query.trim() ? ` \xB7 ${results.length.toLocaleString()} matching` : ""
         ] }) : null,
         statusAccessory
       ] }) : null,
-      choices.length > 0 ? /* @__PURE__ */ jsxs53(View59, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
-        choices.map((entry) => /* @__PURE__ */ jsxs53(
-          Pressable29,
+      choices.length > 0 ? /* @__PURE__ */ jsxs54(View60, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
+        choices.map((entry) => /* @__PURE__ */ jsxs54(
+          Pressable30,
           {
             accessibilityRole: "button",
             onPress: () => select(entry),
             className: "gap-1 rounded-md border border-border p-3",
             children: [
-              /* @__PURE__ */ jsx94(Text38, { className: "font-semibold text-foreground", children: entry.variant.title }),
-              /* @__PURE__ */ jsx94(Text38, { className: "text-muted-foreground", children: entry.variant.sku }),
-              /* @__PURE__ */ jsx94(Text38, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
-              /* @__PURE__ */ jsxs53(Text38, { className: "text-muted-foreground", children: [
+              /* @__PURE__ */ jsx95(Text39, { className: "font-semibold text-foreground", children: entry.variant.title }),
+              /* @__PURE__ */ jsx95(Text39, { className: "text-muted-foreground", children: entry.variant.sku }),
+              /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
+              /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
                 STOCK_LABEL[entry.variant.stock.status],
                 " \xB7 ",
                 stockAsOf ? `as of ${formatStockSyncTime(stockAsOf, void 0, hour12)}` : "not yet synced"
@@ -4557,10 +4694,10 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           },
           entry.variant.id
         )),
-        /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { className: "text-center text-foreground", children: "Cancel" }) })
+        /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx95(Text39, { className: "text-center text-foreground", children: "Cancel" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       ProductGrid,
       {
         items: results,
@@ -4569,18 +4706,18 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           // TallyUI's ProductCard has no children slot, so the tile is composed directly here
           // (same structure/classes as ProductCard) to add the stock badge as a fourth child,
           // inside the card and centred with the rest, rather than adding a slot to ProductCard (out of scope for TV6b).
-          /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
+          /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
             const variants = entries.filter((entry) => entry.product === product);
             if (variants.length === 1) select(variants[0]);
             else setChooserId(traits.getId(product));
-          }, children: /* @__PURE__ */ jsxs53(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
-            /* @__PURE__ */ jsx94(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
-            /* @__PURE__ */ jsx94(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
-            /* @__PURE__ */ jsx94(ProductPrice, { doc: product }),
-            /* @__PURE__ */ jsx94(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
+          }, children: /* @__PURE__ */ jsxs54(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx95(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
+            /* @__PURE__ */ jsx95(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
+            /* @__PURE__ */ jsx95(ProductPrice, { doc: product }),
+            /* @__PURE__ */ jsx95(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
           ] }) })
         ),
-        emptyState: /* @__PURE__ */ jsx94(Text38, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : isLoading ? "Loading products\u2026" : "No products yet." })
+        emptyState: /* @__PURE__ */ jsx95(Text39, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : isLoading ? "Loading products\u2026" : "No products yet." })
       }
     )
   ] });
@@ -4588,8 +4725,8 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
 
 // src/sale/receipt.tsx
 import { useEffect as useEffect6 } from "react";
-import { Pressable as Pressable30, Text as Text39, View as View60 } from "react-native";
-import { formatMoney as formatMoney15 } from "@tallyui/core";
+import { Pressable as Pressable31, Text as Text40, View as View61 } from "react-native";
+import { formatMoney as formatMoney16 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData3 } from "@tallyui/pos";
 
 // src/sale/print-style.ts
@@ -4609,7 +4746,7 @@ function orderReference(order) {
 }
 
 // src/sale/receipt.tsx
-import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
 var defaultFormatDate = (iso) => new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso));
 function Receipt({
   order,
@@ -4629,37 +4766,39 @@ function Receipt({
     cashier,
     register: registerId
   });
-  const money = (amount) => formatMoney15({ amount, currency: receipt.currency }) ?? "";
-  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs54(View60, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
-    /* @__PURE__ */ jsx95(Text39, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
-    /* @__PURE__ */ jsx95(Text39, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
+  const money = (amount) => formatMoney16({ amount, currency: receipt.currency }) ?? "";
+  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs55(View61, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
+    /* @__PURE__ */ jsx96(Text40, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
+    /* @__PURE__ */ jsx96(Text40, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
   ] }, key);
   const { totals } = receipt;
   const lineDiscountMinor = totals.discountMinor - receipt.orderDiscountMinor;
   const taxRows = totals.taxLines.map((line, index) => row(`${totals.taxInclusive ? "incl. " : ""}${taxLabel(line.ratePpm)}`, money(line.amountMinor), false, index));
-  return /* @__PURE__ */ jsxs54(Fragment8, { children: [
-    topInset > 0 ? /* @__PURE__ */ jsx95(View60, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
-    /* @__PURE__ */ jsxs54(View60, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
-      /* @__PURE__ */ jsx95(Text39, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
-      receipt.header.storeAddress ? /* @__PURE__ */ jsx95(Text39, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
-      /* @__PURE__ */ jsx95(Text39, { testID: "receipt-order", className: "text-foreground", children: posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)` }),
-      /* @__PURE__ */ jsx95(Text39, { className: "text-muted-foreground", children: formatDate(posOrder?.createdAt ?? receipt.header.date) }),
-      /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs55(Fragment9, { children: [
+    topInset > 0 ? /* @__PURE__ */ jsx96(View61, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
+    /* @__PURE__ */ jsxs55(View61, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
+      /* @__PURE__ */ jsx96(Text40, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
+      receipt.header.storeAddress ? /* @__PURE__ */ jsx96(Text40, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
+      /* @__PURE__ */ jsx96(Text40, { testID: "receipt-order", className: "text-foreground", children: posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)` }),
+      /* @__PURE__ */ jsx96(Text40, { className: "text-muted-foreground", children: formatDate(posOrder?.createdAt ?? receipt.header.date) }),
+      /* @__PURE__ */ jsxs55(Text40, { className: "text-muted-foreground", children: [
         "Cashier: ",
         receipt.header.cashier
       ] }),
-      receipt.header.customer && /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
+      receipt.header.customer && /* @__PURE__ */ jsxs55(Text40, { className: "text-muted-foreground", children: [
         "Customer: ",
         receipt.header.customer
       ] }),
-      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs54(View60, { children: [
-        /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: line.name }),
+      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs55(View61, { children: [
+        /* @__PURE__ */ jsx96(Text40, { className: "text-foreground", children: line.name }),
         row(`${line.quantity} \xD7 ${money(line.unitPriceMinor)}`, money(line.displayAmountMinor)),
-        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx95(View60, { className: "pl-4", children: row(`${discountLabel(
+        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx96(View61, { className: "pl-4", children: row(`${discountLabel(
           order.lineItems[index].discounts[i],
           receipt.currency
         )} off`, `\u2212${money(discount.amountMinor)}`) }, i))
       ] }, index)),
+      receipt.fees.map((charge, index) => row(charge.name, money(charge.amountMinor), false, index)),
+      receipt.shipping.map((charge, index) => row(charge.name, money(charge.amountMinor), false, index)),
       row("Subtotal", money(totals.subtotalMinor)),
       lineDiscountMinor > 0 ? row("Line discounts", `\u2212${money(lineDiscountMinor)}`) : null,
       receipt.orderDiscountMinor > 0 ? row("Order discount", `\u2212${money(receipt.orderDiscountMinor)}`) : null,
@@ -4672,19 +4811,19 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
-      /* @__PURE__ */ jsxs54(View60, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
-        /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: () => {
+      /* @__PURE__ */ jsxs55(View61, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
+        /* @__PURE__ */ jsx96(Pressable31, { accessibilityRole: "button", onPress: () => {
           if (typeof window !== "undefined" && typeof window.print === "function") window.print();
-        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx95(Text39, { className: "text-center text-foreground", children: "Print receipt" }) }),
-        /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx95(Text39, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
+        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx96(Text40, { className: "text-center text-foreground", children: "Print receipt" }) }),
+        /* @__PURE__ */ jsx96(Pressable31, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx96(Text40, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
       ] })
     ] })
   ] });
 }
 
 // src/sale/sync-status.tsx
-import { useEffect as useEffect7, useRef as useRef6, useState as useState21 } from "react";
-import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text40, View as View61 } from "react-native";
+import { useEffect as useEffect7, useRef as useRef6, useState as useState22 } from "react";
+import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text41, View as View62 } from "react-native";
 
 // src/sale/since-text.ts
 function sinceText(clock) {
@@ -4693,7 +4832,7 @@ function sinceText(clock) {
 }
 
 // src/sale/sync-status.tsx
-import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
 var PULL_NOTICE_TEXT = {
   unauthorized: {
     line: () => "Products aren't updating: this till needs to sign in to the online store again.",
@@ -4745,7 +4884,7 @@ function useAnnounceOnIos(...texts) {
 function SyncStatus({ state, registerState, pluginName = "the POS plugin", pullNotice }) {
   const updates = registerState?.pending ?? 0;
   const outbox = state.pending === 0 && registerState?.pending ? registerState : state;
-  const [now, setNow] = useState21(Date.now);
+  const [now, setNow] = useState22(Date.now);
   useEffect7(() => {
     setNow(Date.now());
     if (!outbox.nextAttemptAt) return;
@@ -4769,24 +4908,24 @@ function SyncStatus({ state, registerState, pluginName = "the POS plugin", pullN
   const notice = pullNotice && text && { line: text.line(pluginName), detail: text.detail(pullNotice, pluginName) };
   useAnnounceOnIos(notice?.line, spoken);
   const oneDetail = pullNotice?.code === "missing_plugin" && !!backendMissing;
-  return /* @__PURE__ */ jsxs55(View61, { children: [
-    notice ? /* @__PURE__ */ jsxs55(Fragment9, { children: [
-      /* @__PURE__ */ jsx96(Text40, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
-      oneDetail ? null : /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
+  return /* @__PURE__ */ jsxs56(View62, { children: [
+    notice ? /* @__PURE__ */ jsxs56(Fragment10, { children: [
+      /* @__PURE__ */ jsx97(Text41, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
+      oneDetail ? null : /* @__PURE__ */ jsx97(Text41, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
     ] }) : null,
-    /* @__PURE__ */ jsx96(Text40, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
-    doing ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
-    refused ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
-    oneDetail && notice ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: BACKEND_MISSING_DETAIL.replace("{pluginName}", () => pluginName).replace("{lastTime}", () => upToDate ? " the last time it checked" : "") }) : null
+    /* @__PURE__ */ jsx97(Text41, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
+    doing ? /* @__PURE__ */ jsx97(Text41, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
+    refused ? /* @__PURE__ */ jsx97(Text41, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
+    oneDetail && notice ? /* @__PURE__ */ jsx97(Text41, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx97(Text41, { className: "px-4 pb-2 text-xs text-muted-foreground", children: BACKEND_MISSING_DETAIL.replace("{pluginName}", () => pluginName).replace("{lastTime}", () => upToDate ? " the last time it checked" : "") }) : null
   ] });
 }
 
 // src/sale/orders-list.tsx
-import { useEffect as useEffect8, useRef as useRef7, useState as useState22 } from "react";
-import { Pressable as Pressable31, ScrollView as ScrollView13, Text as Text41, View as View62 } from "react-native";
-import { formatMoney as formatMoney16, knownWarnings } from "@tallyui/core";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState23 } from "react";
+import { Pressable as Pressable32, ScrollView as ScrollView13, Text as Text42, View as View63 } from "react-native";
+import { formatMoney as formatMoney17, knownWarnings } from "@tallyui/core";
 import { needsAttention } from "@tallyui/pos";
-import { jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
 var STATUS_LABEL = { pending: "Waiting to sync", applied: "Synced", rejected: "Not accepted" };
 var FIGURE_LABELS = /* @__PURE__ */ new Map([["subtotalMinor", "Subtotal"], ["taxMinor", "Tax"], ["discountMinor", "Discount"]]);
 var REFUSAL_SENTENCES = /* @__PURE__ */ new Map([
@@ -4810,26 +4949,26 @@ function defaultFormatDate2(iso) {
 }
 function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer, stuck }) {
   const retrying = useRef7(/* @__PURE__ */ new Set());
-  const [retryingIds, setRetryingIds] = useState22(/* @__PURE__ */ new Set());
-  const [expanded, setExpanded] = useState22(/* @__PURE__ */ new Set());
+  const [retryingIds, setRetryingIds] = useState23(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState23(/* @__PURE__ */ new Set());
   useEffect8(() => {
     for (const id of retrying.current) {
       if (!orders.some((order) => order.id === id && order.syncStatus === "rejected")) retrying.current.delete(id);
     }
     setRetryingIds(new Set(retrying.current));
   }, [orders]);
-  return /* @__PURE__ */ jsxs56(ScrollView13, { className: "flex-1 bg-background p-4", children: [
-    [{ title: "Needs attention", orders: needsAttention(orders, { stuckCommandIds: stuck?.commandIds }) }, { title: "Recent", orders }].filter((section) => section.title === "Recent" || section.orders.length > 0).map((section) => /* @__PURE__ */ jsxs56(View62, { className: "mb-6 gap-3", children: [
-      /* @__PURE__ */ jsx97(Text41, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
-      section.title === "Recent" && orders.length === 0 ? /* @__PURE__ */ jsx97(Text41, { testID: "orders-empty", className: "text-muted-foreground", children: "No sales yet. Completed sales appear here." }) : null,
+  return /* @__PURE__ */ jsxs57(ScrollView13, { className: "flex-1 bg-background p-4", children: [
+    [{ title: "Needs attention", orders: needsAttention(orders, { stuckCommandIds: stuck?.commandIds }) }, { title: "Recent", orders }].filter((section) => section.title === "Recent" || section.orders.length > 0).map((section) => /* @__PURE__ */ jsxs57(View63, { className: "mb-6 gap-3", children: [
+      /* @__PURE__ */ jsx98(Text42, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
+      section.title === "Recent" && orders.length === 0 ? /* @__PURE__ */ jsx98(Text42, { testID: "orders-empty", className: "text-muted-foreground", children: "No sales yet. Completed sales appear here." }) : null,
       section.orders.map((order) => {
         const count2 = order.lines.reduce((sum, line) => sum + line.quantity, 0);
         const key = `${section.title}:${order.id}`;
         const isExpanded = expanded.has(key);
         const stuckEntry = order.syncStatus === "pending" ? stuck?.orders.find((entry) => entry.commandId === order.commandId) : void 0;
-        return /* @__PURE__ */ jsxs56(View62, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs56(
-            Pressable31,
+        return /* @__PURE__ */ jsxs57(View63, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs57(
+            Pressable32,
             {
               accessibilityRole: "button",
               "aria-expanded": isExpanded,
@@ -4843,26 +4982,26 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
                 return next;
               }),
               children: [
-                /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: `Order ${orderReference(order)} \xB7 ${count2} ${count2 === 1 ? "item" : "items"}` }),
-                /* @__PURE__ */ jsxs56(Text41, { className: "text-muted-foreground", children: [
+                /* @__PURE__ */ jsx98(Text42, { className: "text-foreground", children: `Order ${orderReference(order)} \xB7 ${count2} ${count2 === 1 ? "item" : "items"}` }),
+                /* @__PURE__ */ jsxs57(Text42, { className: "text-muted-foreground", children: [
                   formatDate(order.createdAt),
                   " \xB7 ",
-                  formatMoney16({ amount: order.totalMinor, currency: order.currency }),
+                  formatMoney17({ amount: order.totalMinor, currency: order.currency }),
                   " \xB7 ",
                   STATUS_LABEL[order.syncStatus]
                 ] })
               ]
             }
           ),
-          isExpanded ? /* @__PURE__ */ jsxs56(View62, { testID: `order-detail-${order.id}`, className: "mt-1 gap-1 border-t border-border pt-2", children: [
-            order.lines.map((line) => /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: `${line.quantity} \xD7 ${line.name}` }, line.id)),
-            order.payments.map((payment) => /* @__PURE__ */ jsx97(Text41, { className: "text-muted-foreground", children: `${payment.method === "cash" ? "Cash" : "Card terminal"} ${formatMoney16({ amount: payment.amountMinor, currency: order.currency })}${payment.reference ? ` \xB7 ${payment.reference}` : ""}` }, payment.id))
+          isExpanded ? /* @__PURE__ */ jsxs57(View63, { testID: `order-detail-${order.id}`, className: "mt-1 gap-1 border-t border-border pt-2", children: [
+            order.lines.map((line) => /* @__PURE__ */ jsx98(Text42, { className: "text-foreground", children: `${line.quantity} \xD7 ${line.name}` }, line.id)),
+            order.payments.map((payment) => /* @__PURE__ */ jsx98(Text42, { className: "text-muted-foreground", children: `${payment.method === "cash" ? "Cash" : "Card terminal"} ${formatMoney17({ amount: payment.amountMinor, currency: order.currency })}${payment.reference ? ` \xB7 ${payment.reference}` : ""}` }, payment.id))
           ] }) : null,
-          stuckEntry ? /* @__PURE__ */ jsx97(Text41, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
-          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx97(Text41, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
-          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
-          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),
-          section.title === "Needs attention" && order.syncStatus === "rejected" && order.error?.code !== "idempotency_mismatch" ? /* @__PURE__ */ jsx97(Pressable31, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
+          stuckEntry ? /* @__PURE__ */ jsx98(Text42, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
+          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx98(Text42, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
+          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx98(Text42, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
+          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx98(Text42, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),
+          section.title === "Needs attention" && order.syncStatus === "rejected" && order.error?.code !== "idempotency_mismatch" ? /* @__PURE__ */ jsx98(Pressable32, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
             if (retrying.current.has(order.id)) return;
             retrying.current.add(order.id);
             setRetryingIds(new Set(retrying.current));
@@ -4870,8 +5009,8 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
               retrying.current.delete(order.id);
               setRetryingIds(new Set(retrying.current));
             }
-          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx97(Text41, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
-          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx97(View62, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : warning.code === "tax_rate_mismatch" ? `Tax at ${(warning.ratePpm / 1e4).toLocaleString(void 0, { maximumFractionDigits: 4 })}%: store ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney16({ amount: warning.expectedMinor, currency: order.currency })}` : warning.code === "customer_ignored" ? `The online store didn't recognise the customer on this sale, so it was saved as a guest sale. Customer id: ${warning.customerId}.` : warning.code === "figures_mismatch" ? `The online store worked out different figures for this sale. ${warning.fields.map(({ field, tillMinor, serverMinor }) => `${FIGURE_LABELS.get(field) ?? field}: till ${formatMoney16({ amount: tillMinor, currency: order.currency })}, store ${formatMoney16({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney16({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney16({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney16({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
+          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx98(Text42, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
+          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx98(View63, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx98(Text42, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : warning.code === "tax_rate_mismatch" ? `Tax at ${(warning.ratePpm / 1e4).toLocaleString(void 0, { maximumFractionDigits: 4 })}%: store ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney17({ amount: warning.expectedMinor, currency: order.currency })}` : warning.code === "customer_ignored" ? `The online store didn't recognise the customer on this sale, so it was saved as a guest sale. Customer id: ${warning.customerId}.` : warning.code === "figures_mismatch" ? `The online store worked out different figures for this sale. ${warning.fields.map(({ field, tillMinor, serverMinor }) => `${FIGURE_LABELS.get(field) ?? field}: till ${formatMoney17({ amount: tillMinor, currency: order.currency })}, store ${formatMoney17({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney17({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney17({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney17({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
         ] }, order.id);
       })
     ] }, section.title)),
@@ -4880,15 +5019,15 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
 }
 
 // src/sale/parked-sales.tsx
-import { useState as useState23 } from "react";
-import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View63 } from "react-native";
-import { formatMoney as formatMoney17 } from "@tallyui/core";
-import { Fragment as Fragment10, jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
+import { useState as useState24 } from "react";
+import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View64 } from "react-native";
+import { formatMoney as formatMoney18 } from "@tallyui/core";
+import { Fragment as Fragment11, jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
 function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open, onOpenChange, hour12 }) {
   const { height: windowHeight } = useWindowDimensions3();
   const maxHeight = Math.max(280, windowHeight - 64);
-  const [confirming, setConfirming] = useState23(null);
-  const [error, setError] = useState23("");
+  const [confirming, setConfirming] = useState24(null);
+  const [error, setError] = useState24("");
   const attempt = async (action) => {
     setError("");
     try {
@@ -4897,28 +5036,28 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
       setError(String(e));
     }
   };
-  return /* @__PURE__ */ jsx98(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs57(DialogContent, { testID: "parked-sales", className: "flex-col overflow-hidden", style: { maxHeight }, children: [
-    /* @__PURE__ */ jsxs57(View63, { className: "flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx98(DialogTitle, { children: "Parked sales" }),
-      /* @__PURE__ */ jsx98(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx98(IconButton, { variant: "ghost", size: "sm", testID: "parked-sales-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx98(XIcon, { size: 16 }) }) })
+  return /* @__PURE__ */ jsx99(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs58(DialogContent, { testID: "parked-sales", className: "flex-col overflow-hidden", style: { maxHeight }, children: [
+    /* @__PURE__ */ jsxs58(View64, { className: "flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx99(DialogTitle, { children: "Parked sales" }),
+      /* @__PURE__ */ jsx99(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx99(IconButton, { variant: "ghost", size: "sm", testID: "parked-sales-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx99(XIcon, { size: 16 }) }) })
     ] }),
-    /* @__PURE__ */ jsxs57(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
-      /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsxs58(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
+      /* @__PURE__ */ jsx99(
         Button,
         {
           testID: "parked-sales-park",
           accessibilityLabel: "Park this sale",
           disabled: sale.order.lineItems.length === 0,
           onPress: () => attempt(async () => setError(await (onPark ?? sale.park)() ?? "")),
-          children: /* @__PURE__ */ jsx98(Text, { children: "Park this sale" })
+          children: /* @__PURE__ */ jsx99(Text, { children: "Park this sale" })
         }
       ),
-      !!error && /* @__PURE__ */ jsx98(Text, { testID: "parked-sales-error", className: "text-destructive", children: error }),
-      parked.length === 0 && /* @__PURE__ */ jsx98(Text, { testID: "parked-sales-empty", children: "No parked sales." }),
-      parked.map((row) => /* @__PURE__ */ jsx98(View63, { testID: `parked-row-${row.id}`, className: "gap-2 rounded-md border border-border p-3", children: confirming === row.id ? /* @__PURE__ */ jsxs57(Fragment10, { children: [
-        /* @__PURE__ */ jsx98(Text, { children: "Discard this parked sale?" }),
-        /* @__PURE__ */ jsxs57(View63, { className: "flex-row gap-2", children: [
-          /* @__PURE__ */ jsx98(
+      !!error && /* @__PURE__ */ jsx99(Text, { testID: "parked-sales-error", className: "text-destructive", children: error }),
+      parked.length === 0 && /* @__PURE__ */ jsx99(Text, { testID: "parked-sales-empty", children: "No parked sales." }),
+      parked.map((row) => /* @__PURE__ */ jsx99(View64, { testID: `parked-row-${row.id}`, className: "gap-2 rounded-md border border-border p-3", children: confirming === row.id ? /* @__PURE__ */ jsxs58(Fragment11, { children: [
+        /* @__PURE__ */ jsx99(Text, { children: "Discard this parked sale?" }),
+        /* @__PURE__ */ jsxs58(View64, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx99(
             Button,
             {
               testID: `parked-discard-confirm-${row.id}`,
@@ -4927,22 +5066,22 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 await onDiscard(row.id);
                 setConfirming(null);
               }),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx99(Text, { children: "Discard" })
             }
           ),
-          /* @__PURE__ */ jsx98(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx98(Text, { children: "Cancel" }) })
+          /* @__PURE__ */ jsx99(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx99(Text, { children: "Cancel" }) })
         ] })
-      ] }) : /* @__PURE__ */ jsxs57(Fragment10, { children: [
-        /* @__PURE__ */ jsx98(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
-        /* @__PURE__ */ jsxs57(Text, { children: [
+      ] }) : /* @__PURE__ */ jsxs58(Fragment11, { children: [
+        /* @__PURE__ */ jsx99(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
+        /* @__PURE__ */ jsxs58(Text, { children: [
           row.itemCount,
           " ",
           row.itemCount === 1 ? "item" : "items"
         ] }),
-        /* @__PURE__ */ jsx98(Text, { children: formatMoney17({ amount: row.totalMinor, currency }) }),
-        !!row.customerName && /* @__PURE__ */ jsx98(Text, { children: row.customerName }),
-        /* @__PURE__ */ jsxs57(View63, { className: "flex-row gap-2", children: [
-          /* @__PURE__ */ jsx98(
+        /* @__PURE__ */ jsx99(Text, { children: formatMoney18({ amount: row.totalMinor, currency }) }),
+        !!row.customerName && /* @__PURE__ */ jsx99(Text, { children: row.customerName }),
+        /* @__PURE__ */ jsxs58(View64, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx99(
             Button,
             {
               testID: `parked-resume-${row.id}`,
@@ -4952,17 +5091,17 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 if (refusal === null) onOpenChange(false);
                 else setError(refusal);
               }),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Resume" })
+              children: /* @__PURE__ */ jsx99(Text, { children: "Resume" })
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             Button,
             {
               testID: `parked-discard-${row.id}`,
               accessibilityLabel: "Discard parked sale",
               variant: "outline",
               onPress: () => setConfirming(row.id),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx99(Text, { children: "Discard" })
             }
           )
         ] })
@@ -4972,10 +5111,10 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
 }
 
 // src/layout/pos-layout.tsx
-import { useState as useState24 } from "react";
-import { Pressable as Pressable32, Text as Text42, View as View64, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { useState as useState25 } from "react";
+import { Pressable as Pressable33, Text as Text43, View as View65, useWindowDimensions as useWindowDimensions4 } from "react-native";
 import { cn as cn80 } from "@tallyui/theme";
-import { Fragment as Fragment11, jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
 function POSLayout({
   browseSlot,
   cartSlot,
@@ -4987,40 +5126,40 @@ function POSLayout({
 }) {
   const { width } = useWindowDimensions4();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [activeTab, setActiveTab] = useState24("browse");
-  return /* @__PURE__ */ jsxs58(View64, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx99(View64, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs58(View64, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx99(View64, { className: "flex-[3]", children: browseSlot }),
-      /* @__PURE__ */ jsx99(View64, { className: "flex-[2] border-l border-border", children: cartSlot })
-    ] }) : /* @__PURE__ */ jsxs58(Fragment11, { children: [
-      /* @__PURE__ */ jsxs58(View64, { className: "flex-row border-b border-border", children: [
-        /* @__PURE__ */ jsx99(
-          Pressable32,
+  const [activeTab, setActiveTab] = useState25("browse");
+  return /* @__PURE__ */ jsxs59(View65, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx100(View65, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs59(View65, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx100(View65, { className: "flex-[3]", children: browseSlot }),
+      /* @__PURE__ */ jsx100(View65, { className: "flex-[2] border-l border-border", children: cartSlot })
+    ] }) : /* @__PURE__ */ jsxs59(Fragment12, { children: [
+      /* @__PURE__ */ jsxs59(View65, { className: "flex-row border-b border-border", children: [
+        /* @__PURE__ */ jsx100(
+          Pressable33,
           {
             onPress: () => setActiveTab("browse"),
             className: cn80("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
+            children: /* @__PURE__ */ jsx100(Text43, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
           }
         ),
-        /* @__PURE__ */ jsx99(
-          Pressable32,
+        /* @__PURE__ */ jsx100(
+          Pressable33,
           {
             onPress: () => setActiveTab("cart"),
             className: cn80("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
+            children: /* @__PURE__ */ jsx100(Text43, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx99(View64, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
+      /* @__PURE__ */ jsx100(View65, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
     ] })
   ] });
 }
 
 // src/layout/checkout-layout.tsx
-import { ScrollView as ScrollView15, View as View65, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { ScrollView as ScrollView15, View as View66, useWindowDimensions as useWindowDimensions5 } from "react-native";
 import { cn as cn81 } from "@tallyui/theme";
-import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
 function CheckoutLayout({
   summarySlot,
   paymentSlot,
@@ -5032,12 +5171,12 @@ function CheckoutLayout({
 }) {
   const { width } = useWindowDimensions5();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  return /* @__PURE__ */ jsxs59(View65, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx100(View65, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs59(View65, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx100(View65, { className: "flex-1 border-r border-border", children: summarySlot }),
-      /* @__PURE__ */ jsx100(View65, { className: "flex-1", children: paymentSlot })
-    ] }) : /* @__PURE__ */ jsx100(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs59(View65, { className: "gap-4 p-4", children: [
+  return /* @__PURE__ */ jsxs60(View66, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx101(View66, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs60(View66, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx101(View66, { className: "flex-1 border-r border-border", children: summarySlot }),
+      /* @__PURE__ */ jsx101(View66, { className: "flex-1", children: paymentSlot })
+    ] }) : /* @__PURE__ */ jsx101(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs60(View66, { className: "gap-4 p-4", children: [
       summarySlot,
       paymentSlot
     ] }) })
@@ -5045,10 +5184,10 @@ function CheckoutLayout({
 }
 
 // src/layout/settings-layout.tsx
-import { useState as useState25 } from "react";
-import { Pressable as Pressable33, Text as Text43, View as View66, useWindowDimensions as useWindowDimensions6 } from "react-native";
+import { useState as useState26 } from "react";
+import { Pressable as Pressable34, Text as Text44, View as View67, useWindowDimensions as useWindowDimensions6 } from "react-native";
 import { cn as cn82 } from "@tallyui/theme";
-import { jsx as jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs61 } from "react/jsx-runtime";
 function SettingsLayout({
   navSlot,
   contentSlot,
@@ -5060,26 +5199,26 @@ function SettingsLayout({
 }) {
   const { width } = useWindowDimensions6();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [showNav, setShowNav] = useState25(false);
-  return /* @__PURE__ */ jsxs60(View66, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx101(View66, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs60(View66, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx101(View66, { className: "w-64 border-r border-border", children: navSlot }),
-      /* @__PURE__ */ jsx101(View66, { className: "flex-1", children: contentSlot })
-    ] }) : /* @__PURE__ */ jsx101(View66, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs60(View66, { className: "flex-1", children: [
+  const [showNav, setShowNav] = useState26(false);
+  return /* @__PURE__ */ jsxs61(View67, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx102(View67, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs61(View67, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx102(View67, { className: "w-64 border-r border-border", children: navSlot }),
+      /* @__PURE__ */ jsx102(View67, { className: "flex-1", children: contentSlot })
+    ] }) : /* @__PURE__ */ jsx102(View67, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs61(View67, { className: "flex-1", children: [
       navSlot,
-      /* @__PURE__ */ jsx101(Pressable33, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx101(Text43, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
-    ] }) : /* @__PURE__ */ jsxs60(View66, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx101(Pressable33, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx101(Text43, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
+      /* @__PURE__ */ jsx102(Pressable34, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx102(Text44, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs61(View67, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx102(Pressable34, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx102(Text44, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
       contentSlot
     ] }) })
   ] });
 }
 
 // src/layout/live-tab-screen.tsx
-import { Pressable as Pressable34, Text as Text44, View as View67 } from "react-native";
+import { Pressable as Pressable35, Text as Text45, View as View68 } from "react-native";
 import { cn as cn83 } from "@tallyui/theme";
-import { jsx as jsx102, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs62 } from "react/jsx-runtime";
 function LiveTabScreen({
   state,
   onUseHere,
@@ -5096,21 +5235,21 @@ function LiveTabScreen({
   const body = state === "parked" ? parkedBody : blockedBody;
   const buttonLabel = state === "parked" ? useHereLabel : reloadLabel;
   const onPress = state === "parked" ? onUseHere : onReload;
-  return /* @__PURE__ */ jsxs61(View67, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx102(Text44, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
-    /* @__PURE__ */ jsx102(Text44, { className: "text-center text-sm text-muted-foreground", children: body }),
-    /* @__PURE__ */ jsx102(Pressable34, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx102(Text44, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
+  return /* @__PURE__ */ jsxs62(View68, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx103(Text45, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
+    /* @__PURE__ */ jsx103(Text45, { className: "text-center text-sm text-muted-foreground", children: body }),
+    /* @__PURE__ */ jsx103(Pressable35, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx103(Text45, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
   ] });
 }
 
 // src/layout/store-settings-choice-screen.tsx
-import { useState as useState26 } from "react";
-import { Pressable as Pressable35, Text as Text45, View as View68 } from "react-native";
+import { useState as useState27 } from "react";
+import { Pressable as Pressable36, Text as Text46, View as View69 } from "react-native";
 import { cn as cn84 } from "@tallyui/theme";
-import { jsx as jsx103, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs63 } from "react/jsx-runtime";
 function useSectionSelection(options, initialValue) {
   const preset = options.length === 1 ? options[0].value : options.find((o) => o.value === initialValue)?.value;
-  return useState26(preset);
+  return useState27(preset);
 }
 function defaultCountryName(code, locale) {
   try {
@@ -5156,32 +5295,32 @@ function StoreSettingsChoiceScreen({
     else if (initial?.channel !== void 0) choice.channel = initial.channel;
     onSubmit(choice);
   };
-  return /* @__PURE__ */ jsxs62(View68, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs62(View68, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx103(Text45, { className: "text-lg font-bold text-foreground", children: title }),
-      /* @__PURE__ */ jsx103(Text45, { className: "text-sm text-muted-foreground", children: body })
+  return /* @__PURE__ */ jsxs63(View69, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs63(View69, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx104(Text46, { className: "text-lg font-bold text-foreground", children: title }),
+      /* @__PURE__ */ jsx104(Text46, { className: "text-sm text-muted-foreground", children: body })
     ] }),
-    showRegions && /* @__PURE__ */ jsx103(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
-    showCountries && /* @__PURE__ */ jsx103(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
-    showChannels && /* @__PURE__ */ jsx103(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
-    /* @__PURE__ */ jsx103(
-      Pressable35,
+    showRegions && /* @__PURE__ */ jsx104(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
+    showCountries && /* @__PURE__ */ jsx104(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
+    showChannels && /* @__PURE__ */ jsx104(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
+    /* @__PURE__ */ jsx104(
+      Pressable36,
       {
         onPress: handleSubmit,
         disabled: !complete,
         className: cn84("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
-        children: /* @__PURE__ */ jsx103(Text45, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
+        children: /* @__PURE__ */ jsx104(Text46, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
       }
     )
   ] });
 }
 function ChoiceSection({ label, options, selected, onSelect }) {
-  return /* @__PURE__ */ jsxs62(View68, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx103(Text45, { className: "text-xs font-semibold text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx103(View68, { className: "rounded-lg border border-border", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs63(View69, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx104(Text46, { className: "text-xs font-semibold text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx104(View69, { className: "rounded-lg border border-border", children: options.map((option, index) => {
       const checked = option.value === selected;
-      return /* @__PURE__ */ jsxs62(
-        Pressable35,
+      return /* @__PURE__ */ jsxs63(
+        Pressable36,
         {
           onPress: () => onSelect(option.value),
           accessibilityRole: "radio",
@@ -5189,8 +5328,8 @@ function ChoiceSection({ label, options, selected, onSelect }) {
           testID: `choice-option-${option.value}`,
           className: cn84("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx103(View68, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx103(View68, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
-            /* @__PURE__ */ jsx103(Text45, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
+            /* @__PURE__ */ jsx104(View69, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx104(View69, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+            /* @__PURE__ */ jsx104(Text46, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
           ]
         },
         option.value
@@ -5236,6 +5375,7 @@ export {
   Catalogue,
   CategoryNav,
   ChangeDisplay,
+  ChargeForm,
   Checkbox,
   CheckoutLayout,
   ClosureSheet,