@tallyui/components 3.0.2 → 3.0.4

package/dist/index.d.ts

@@ -1255,7 +1255,7 @@ declare function DiscountChips({ discounts, currency, onRemove, prefix, amounts
 }): react_jsx_runtime.JSX.Element | null;
 
 declare function formatStockSyncTime(time: Date, locale?: string, hour12?: boolean, now?: Date): string;
-declare function Catalogue<Doc>({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, lastStockCheckAt, hour12, minCodeLength }: {
+declare function Catalogue<Doc>({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, pullError, lastStockCheckAt, hour12, minCodeLength }: {
     products: Doc[];
     traits: ProductTraits<Doc>;
     currency: string;
@@ -1265,9 +1265,12 @@ declare function Catalogue<Doc>({ products, traits, currency, onSelect, statusTe
     /** Rendered at the end of the status line, e.g. a register control at phone width; the row renders even without `statusText`. */
     statusAccessory?: ReactNode;
     lastSyncedAt: Date | null;
-    /** The catalogue's first pull is still running, so an empty grid says "Loading products…" rather than "No products yet.". Defaults to lastSyncedAt === null; pass false
+    /** The catalogue's first pull is still running, so an empty grid says "Loading products…" rather than "No products yet.". Defaults to lastSyncedAt === null with no pullError; pass false
      * when a null lastSyncedAt doesn't mean a pull is running (e.g. offline on first start). */
     loading?: boolean;
+    /** The product pull's last error (an Error, a SyncNotice, anything the app holds), or null/undefined when none. While it is
+     * set, a catalogue that has never synced isn't treated as loading, so its empty grid says "No products yet." beside the app's error. */
+    pullError?: unknown;
     /** The last completed stock reconcile pass, persisted across restarts. The "stock as of" time shown is the
      * latest of this, the provider's stockOverlayAsOf (when valid) and lastSyncedAt; null and omitted alike. */
     lastStockCheckAt?: Date | null;
@@ -1299,6 +1302,15 @@ declare function Receipt({ order, posOrder, store, cashier, registerId, newSale,
     formatDate?: (iso: string) => string;
 }): react_jsx_runtime.JSX.Element;
 
+/** The order reference a visitor sees on the receipt and in Orders (front desk ruling, 2026-10-06): the finalized
+ * PosOrder id's last 8 characters, then the backend's display id once the store has one. */
+declare function orderReference(order: {
+    id: string;
+    serverRefs?: {
+        displayId?: string;
+    };
+}): string;
+
 declare function injectPrintStyle(): void;
 
 /**
@@ -1402,4 +1414,4 @@ interface StoreSettingsChoiceScreenProps extends Omit<ViewProps, 'children'> {
  */
 declare function StoreSettingsChoiceScreen({ choices, initial, onSubmit, countryName, locale, title, body, regionLabel, countryLabel, channelLabel, submitLabel, className, ...viewProps }: StoreSettingsChoiceScreenProps): react_jsx_runtime.JSX.Element;
 
-export { APPROVAL_REQUIRED_TEXT, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cart, type CartAction, CartBar, CartLine, CartLineActions, type CartLineActionsProps, type CartLineProps, CartNoteInput, type CartNoteInputProps, CartPanel, type CartPanelProps, CartTotal, type CartTotalProps, CashCountInput, type CashCountInputProps, CashTendered, type CashTenderedProps, Catalogue, type CategoryItem, CategoryNav, type CategoryNavProps, ChangeDisplay, type ChangeDisplayProps, Checkbox, CheckoutLayout, type CheckoutLayoutProps, type ChipItem, ClosureSheet, type ClosureSheetProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxTrigger, type ConnectionStatus, ConnectorStatus, type ConnectorStatusProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomerCard, type CustomerCardProps, CustomerForm, type CustomerFormProps, type CustomerFormValues, CustomerOrderHistory, type CustomerOrderHistoryProps, CustomerPicker, type CustomerPickerProps, CustomerSelect, type CustomerSelectProps, type Denomination, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscountBadge, type DiscountBadgeProps, DiscountChips, DiscountForm, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterChip, FilterChipGroup, type FilterChipGroupProps, type FilterChipProps, HStack, type HStackProps, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconProps, Input, InputField, InputRoot, type InputRootProps, InputSlot, Label, type LabelProps, LiveTabScreen, type LiveTabScreenProps, type LiveTabScreenState, Loader, type LoaderProps, MovementSheet, type MovementSheetProps, OpenRegisterCard, type OpenRegisterCardProps, OrderCard, type OrderCardProps, OrderDetail, type OrderDetailLineItem, type OrderDetailProps, OrderList, type OrderListProps, type OrderStatus, OrderStatusBadge, type OrderStatusBadgeProps, OrderSummary, OrderSummaryLine, type OrderSummaryLineProps, type OrderSummaryPayment, type OrderSummaryProps, OrdersList, POSLayout, type POSLayoutProps, type PaymentMethod, PaymentMethodCard, type PaymentMethodCardProps, PaymentSelector, type PaymentSelectorProps, Popover, PopoverContent, PopoverTrigger, ProductCard, type ProductCardProps, ProductGrid, type ProductGridProps, ProductImage, type ProductImageProps, ProductList, type ProductListProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, ProductStockBadge, type ProductStockBadgeProps, ProductTitle, type ProductTitleProps, ProductVariantPicker, type ProductVariantPickerProps, Progress, type ProgressProps, QuantityStepper, type QuantityStepperProps, RadioGroup, RadioGroupItem, Receipt, type ReceiptItem, ReceiptPreview, type ReceiptPreviewProps, RegisterBar, type RegisterBarPill, type RegisterBarProps, RegisterColumn, type RegisterColumnProps, RegisterCount, type RegisterCountProps, RegisterOpenClose, type RegisterOpenCloseProps, RegisterPanel, type RegisterPanelProps, RegisterPicker, type RegisterPickerProps, type RegisterPickerRegister, RegisterSummary, type RegisterSummaryProps, SearchIcon, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsGroup, type SettingsGroupProps, SettingsLayout, type SettingsLayoutProps, SettingsRow, type SettingsRowProps, Slider, type SliderProps, StoreSettingsChoiceScreen, type StoreSettingsChoiceScreenProps, type SvgIconProps, Switch, SyncStatus, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tender, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, type TransactionSummary, VStack, type VStackProps, type VariantOption, XIcon, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, createSvgIcon, describeRegisterBarPill, discountLabel, formatStockSyncTime, hstackVariants, iconButtonVariants, iconVariants, injectPrintStyle, loaderVariants, parseDiscount, textVariants, toastVariants, toggleTextVariants, toggleVariants, useInputContext, vstackVariants };
+export { APPROVAL_REQUIRED_TEXT, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cart, type CartAction, CartBar, CartLine, CartLineActions, type CartLineActionsProps, type CartLineProps, CartNoteInput, type CartNoteInputProps, CartPanel, type CartPanelProps, CartTotal, type CartTotalProps, CashCountInput, type CashCountInputProps, CashTendered, type CashTenderedProps, Catalogue, type CategoryItem, CategoryNav, type CategoryNavProps, ChangeDisplay, type ChangeDisplayProps, Checkbox, CheckoutLayout, type CheckoutLayoutProps, type ChipItem, ClosureSheet, type ClosureSheetProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxTrigger, type ConnectionStatus, ConnectorStatus, type ConnectorStatusProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomerCard, type CustomerCardProps, CustomerForm, type CustomerFormProps, type CustomerFormValues, CustomerOrderHistory, type CustomerOrderHistoryProps, CustomerPicker, type CustomerPickerProps, CustomerSelect, type CustomerSelectProps, type Denomination, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscountBadge, type DiscountBadgeProps, DiscountChips, DiscountForm, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterChip, FilterChipGroup, type FilterChipGroupProps, type FilterChipProps, HStack, type HStackProps, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconProps, Input, InputField, InputRoot, type InputRootProps, InputSlot, Label, type LabelProps, LiveTabScreen, type LiveTabScreenProps, type LiveTabScreenState, Loader, type LoaderProps, MovementSheet, type MovementSheetProps, OpenRegisterCard, type OpenRegisterCardProps, OrderCard, type OrderCardProps, OrderDetail, type OrderDetailLineItem, type OrderDetailProps, OrderList, type OrderListProps, type OrderStatus, OrderStatusBadge, type OrderStatusBadgeProps, OrderSummary, OrderSummaryLine, type OrderSummaryLineProps, type OrderSummaryPayment, type OrderSummaryProps, OrdersList, POSLayout, type POSLayoutProps, type PaymentMethod, PaymentMethodCard, type PaymentMethodCardProps, PaymentSelector, type PaymentSelectorProps, Popover, PopoverContent, PopoverTrigger, ProductCard, type ProductCardProps, ProductGrid, type ProductGridProps, ProductImage, type ProductImageProps, ProductList, type ProductListProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, ProductStockBadge, type ProductStockBadgeProps, ProductTitle, type ProductTitleProps, ProductVariantPicker, type ProductVariantPickerProps, Progress, type ProgressProps, QuantityStepper, type QuantityStepperProps, RadioGroup, RadioGroupItem, Receipt, type ReceiptItem, ReceiptPreview, type ReceiptPreviewProps, RegisterBar, type RegisterBarPill, type RegisterBarProps, RegisterColumn, type RegisterColumnProps, RegisterCount, type RegisterCountProps, RegisterOpenClose, type RegisterOpenCloseProps, RegisterPanel, type RegisterPanelProps, RegisterPicker, type RegisterPickerProps, type RegisterPickerRegister, RegisterSummary, type RegisterSummaryProps, SearchIcon, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsGroup, type SettingsGroupProps, SettingsLayout, type SettingsLayoutProps, SettingsRow, type SettingsRowProps, Slider, type SliderProps, StoreSettingsChoiceScreen, type StoreSettingsChoiceScreenProps, type SvgIconProps, Switch, SyncStatus, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tender, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, type TransactionSummary, VStack, type VStackProps, type VariantOption, XIcon, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, createSvgIcon, describeRegisterBarPill, discountLabel, formatStockSyncTime, hstackVariants, iconButtonVariants, iconVariants, injectPrintStyle, loaderVariants, orderReference, parseDiscount, textVariants, toastVariants, toggleTextVariants, toggleVariants, useInputContext, vstackVariants };

package/dist/index.js

@@ -3341,194 +3341,13 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
 }
 
 // src/register/register-panel.tsx
-import { useState as useState11 } from "react";
-import { ScrollView as ScrollView11, useWindowDimensions, View as View47 } from "react-native";
-import { formatMoney as formatMoney7 } from "@tallyui/core";
-import { jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
-var DIALOG_VERTICAL_MARGIN = 64;
-function RegisterPanel({ register, currency, registerName, open, onOpenChange, className }) {
-  const { session, expected, salesCount, blind, movements, lastClosure, actions } = register;
-  const { height: windowHeight } = useWindowDimensions();
-  const maxHeight = Math.max(280, windowHeight - DIALOG_VERTICAL_MARGIN);
-  const [movementType, setMovementType] = useState11(null);
-  const [expanded, setExpanded] = useState11(false);
-  const [error, setError] = useState11("");
-  const attempt = async (action) => {
-    try {
-      await action();
-    } catch (e) {
-      setError(String(e));
-    }
-  };
-  if (!session && !lastClosure) return null;
-  const activeMovements = movements.filter(
-    (row) => row.type !== "void" && !row.voided_by && !movements.some((entry) => entry.voids === row.id)
-  );
-  return /* @__PURE__ */ jsx81(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(
-    DialogContent,
-    {
-      testID: "register-panel",
-      className: `flex-col overflow-hidden ${className ?? ""}`,
-      style: { maxHeight },
-      children: [
-        /* @__PURE__ */ jsxs40(View47, { className: "flex-row items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx81(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
-          /* @__PURE__ */ jsx81(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx81(IconButton, { variant: "ghost", size: "sm", testID: "register-panel-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx81(XIcon, { size: 16 }) }) })
-        ] }),
-        /* @__PURE__ */ jsxs40(Text, { testID: "register-panel-sales-count", children: [
-          salesCount,
-          " sale",
-          salesCount === 1 ? "" : "s",
-          " this session"
-        ] }),
-        /* @__PURE__ */ jsxs40(ScrollView11, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
-          /* @__PURE__ */ jsx81(View47, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx81(
-            Button,
-            {
-              testID: `register-panel-${type.replace("_", "-")}`,
-              className: "min-h-14 flex-1",
-              variant: "outline",
-              disabled: session?.status !== "open",
-              onPress: () => setMovementType(type),
-              children: /* @__PURE__ */ jsx81(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
-            },
-            type
-          )) }),
-          !blind && /* @__PURE__ */ jsxs40(View47, { testID: "register-panel-expected", className: "gap-1", children: [
-            /* @__PURE__ */ jsx81(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
-            Object.entries(expected).map(([method, amount]) => /* @__PURE__ */ jsxs40(View47, { className: "min-h-11 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx81(Text, { className: "capitalize", children: method === "cash" ? "Cash" : method }),
-              /* @__PURE__ */ jsx81(Text, { className: "tabular-nums", children: formatMoney7({ amount, currency }) })
-            ] }, method))
-          ] }),
-          /* @__PURE__ */ jsx81(
-            Button,
-            {
-              testID: "register-panel-movements",
-              variant: "ghost",
-              className: "min-h-11",
-              onPress: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx81(Text, { children: "Paid in / out" })
-            }
-          ),
-          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs40(View47, { className: "min-h-11 flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsxs40(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
-              row.type === "paid_in" ? "Paid in" : row.type === "paid_out" ? "Paid out" : "No sale",
-              !blind ? ` \xB7 ${formatMoney7({ amount: row.amountMinor, currency })} \xB7 ${row.reason}` : ""
-            ] }),
-            /* @__PURE__ */ jsx81(
-              Button,
-              {
-                variant: "ghost",
-                className: "min-h-11",
-                testID: `movement-void-${row.id}`,
-                disabled: session?.status !== "open",
-                onPress: () => attempt(() => actions.voidMovement(row.id)),
-                children: /* @__PURE__ */ jsx81(Text, { children: "Undo" })
-              }
-            )
-          ] }, row.id)),
-          !!error && /* @__PURE__ */ jsx81(Text, { className: "text-destructive", children: error }),
-          /* @__PURE__ */ jsx81(
-            Button,
-            {
-              testID: "register-panel-close",
-              disabled: !session,
-              variant: "outline",
-              className: "min-h-14",
-              onPress: () => attempt(async () => {
-                await actions.startCounting();
-                onOpenChange(false);
-              }),
-              children: /* @__PURE__ */ jsx81(Text, { children: "Close register" })
-            }
-          )
-        ] }),
-        movementType && /* @__PURE__ */ jsx81(
-          MovementSheet,
-          {
-            register,
-            type: movementType,
-            currency,
-            onOpenChange: (value) => {
-              if (!value) setMovementType(null);
-            },
-            onDone: () => setMovementType(null)
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/register/register-column.tsx
 import { useState as useState12 } from "react";
-import { View as View48 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
-function RegisterColumn({
-  register,
-  registerId,
-  registers,
-  onPick,
-  currency,
-  configuredFloatMinor,
-  countSlot,
-  cartEmpty,
-  children
-}) {
-  const [finishing, setFinishing] = useState12(false);
-  if (registerId === null) {
-    return /* @__PURE__ */ jsx82(RegisterPicker, { registers, onPick, className: "flex-1" });
-  }
-  if (register.session?.status === "closed") {
-    return register.closing && !finishing ? /* @__PURE__ */ jsx82(Fragment4, { children: countSlot }) : /* @__PURE__ */ jsx82(FinishClose, { register, busy: finishing, setBusy: setFinishing });
-  }
-  if (!register.session) {
-    return /* @__PURE__ */ jsx82(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
-  }
-  if (register.session.status === "counting") {
-    return /* @__PURE__ */ jsx82(Fragment4, { children: countSlot });
-  }
-  return /* @__PURE__ */ jsxs41(View48, { testID: "register-column", className: "flex-1", children: [
-    register.overdue && cartEmpty && /* @__PURE__ */ jsxs41(View48, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx82(Text, { className: "flex-1", children: "This register is overdue for closing." }),
-      /* @__PURE__ */ jsx82(
-        Button,
-        {
-          testID: "register-column-close-overdue",
-          variant: "outline",
-          className: "min-h-11",
-          onPress: () => register.actions.startCounting(),
-          children: /* @__PURE__ */ jsx82(Text, { children: "Close register" })
-        }
-      )
-    ] }),
-    children
-  ] });
-}
-function FinishClose({ register, busy, setBusy }) {
-  const [error, setError] = useState12("");
-  const finish = async () => {
-    setBusy(true);
-    setError("");
-    try {
-      await register.actions.closeSession({ counted: register.session?.counted ?? {} });
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    } finally {
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs41(View48, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
-    /* @__PURE__ */ jsx82(Text, { children: "The last close didn't finish." }),
-    /* @__PURE__ */ jsx82(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx82(Text, { children: "Finish closing" }) }),
-    !!error && /* @__PURE__ */ jsx82(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
-  ] });
-}
+import { ScrollView as ScrollView12, useWindowDimensions as useWindowDimensions2, View as View48 } from "react-native";
+import { formatMoney as formatMoney8 } from "@tallyui/core";
 
 // src/register/register-count.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
-import { Platform, Pressable as Pressable22, ScrollView as ScrollView12, useWindowDimensions as useWindowDimensions2, View as View49 } from "react-native";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState11 } from "react";
+import { Platform, Pressable as Pressable22, ScrollView as ScrollView11, useWindowDimensions, View as View47 } from "react-native";
 import {
   closeNeedsApproval,
   countVariance,
@@ -3539,9 +3358,9 @@ import {
   validAmount as validAmount2,
   varianceText
 } from "@tallyui/pos";
-import { currencySymbol as currencySymbol3, formatMoney as formatMoney8, minorUnitDigits as minorUnitDigits5 } from "@tallyui/core";
+import { currencySymbol as currencySymbol3, formatMoney as formatMoney7, minorUnitDigits as minorUnitDigits5 } from "@tallyui/core";
 import { cn as cn76 } from "@tallyui/theme";
-import { jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
 var AMOUNT_LABEL_ID3 = "count-amount-label";
 var APPROVAL_REQUIRED_TEXT = "Manager approval needed. Ask a manager to approve, or count again.";
 function varianceWord(key) {
@@ -3562,7 +3381,7 @@ function tileLabel(value, currency) {
   }
   return formatter.format(value / 10 ** minorUnitDigits5(currency));
 }
-var tenderLabel = (method) => method.charAt(0).toUpperCase() + method.slice(1);
+var tenderLabel = (method) => (/* @__PURE__ */ new Map([["cash", "Cash"], ["external", "Card"]])).get(method) ?? method.charAt(0).toUpperCase() + method.slice(1);
 function DenominationTile({ value, count: count2, currency, onAdd }) {
   const label = tileLabel(value, currency);
   const held = useRef4(false);
@@ -3572,7 +3391,7 @@ function DenominationTile({ value, count: count2, currency, onAdd }) {
     timer.current = void 0;
   };
   useEffect3(() => stop, []);
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs40(
     Pressable22,
     {
       testID: `den-tile-${value}`,
@@ -3594,8 +3413,8 @@ function DenominationTile({ value, count: count2, currency, onAdd }) {
         if (!held.current) onAdd(1);
       },
       children: [
-        /* @__PURE__ */ jsx83(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
-        /* @__PURE__ */ jsx83(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count2 })
+        /* @__PURE__ */ jsx81(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
+        /* @__PURE__ */ jsx81(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count2 })
       ]
     }
   );
@@ -3604,20 +3423,20 @@ function RegisterCount({ register, currency, approve, className }) {
   const { session, expected, blind, varianceThreshold, actions } = register;
   const digits = minorUnitDigits5(currency);
   const faces = denominations[currency] ?? denominations.default;
-  const { width } = useWindowDimensions2();
+  const { width } = useWindowDimensions();
   const columns = width < 480 ? 3 : 4;
-  const [pieces, setPieces] = useState13({});
-  const [cashText, setCashText] = useState13(
+  const [pieces, setPieces] = useState11({});
+  const [cashText, setCashText] = useState11(
     () => session?.counted?.cash != null ? minorToDecimal(session.counted.cash, digits) : ""
   );
-  const [others, setOthers] = useState13(
+  const [others, setOthers] = useState11(
     () => Object.fromEntries(
       Object.entries(session?.counted ?? {}).filter(([method]) => method !== "cash").map(([method, minor]) => [method, minorToDecimal(minor, digits)])
     )
   );
-  const [busy, setBusy] = useState13(false);
-  const [error, setError] = useState13("");
-  const [refusal, setRefusal] = useState13("");
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11("");
+  const [refusal, setRefusal] = useState11("");
   const usingTiles = Object.keys(pieces).length > 0;
   const tilesTotal = denominationTotal(pieces);
   const displayAmount = usingTiles ? minorToDecimal(tilesTotal, digits) : cashText;
@@ -3665,11 +3484,11 @@ function RegisterCount({ register, currency, approve, className }) {
     void attempt(() => actions.closeSession({ counted }));
   };
   if (!session) return null;
-  return /* @__PURE__ */ jsxs42(View49, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
-    /* @__PURE__ */ jsxs42(ScrollView12, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
-      /* @__PURE__ */ jsx83(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
-      /* @__PURE__ */ jsx83(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
-      /* @__PURE__ */ jsx83(Input, { children: /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs40(View47, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
+    /* @__PURE__ */ jsxs40(ScrollView11, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
+      /* @__PURE__ */ jsx81(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
+      /* @__PURE__ */ jsx81(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
+      /* @__PURE__ */ jsx81(Input, { children: /* @__PURE__ */ jsx81(
         Input.Field,
         {
           testID: "count-amount",
@@ -3683,16 +3502,16 @@ function RegisterCount({ register, currency, approve, className }) {
           accessibilityLabelledBy: AMOUNT_LABEL_ID3
         }
       ) }),
-      !blind && valid && /* @__PURE__ */ jsx83(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney8({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
+      !blind && valid && /* @__PURE__ */ jsx81(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney7({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
         variance,
         digits,
-        (major) => formatMoney8({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
+        (major) => formatMoney7({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
         varianceWord
       )}` }),
-      /* @__PURE__ */ jsxs42(View49, { testID: "count-denominations", className: "gap-2", children: [
-        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx83(View49, { className: "flex-row gap-2", children: Array.from({ length: columns }, (_2, column) => {
+      /* @__PURE__ */ jsxs40(View47, { testID: "count-denominations", className: "gap-2", children: [
+        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx81(View47, { className: "flex-row gap-2", children: Array.from({ length: columns }, (_2, column) => {
           const value = faces[row * columns + column];
-          return value ? /* @__PURE__ */ jsx83(
+          return value ? /* @__PURE__ */ jsx81(
             DenominationTile,
             {
               value,
@@ -3701,9 +3520,9 @@ function RegisterCount({ register, currency, approve, className }) {
               onAdd: (n) => addPieces(value, n)
             },
             value
-          ) : /* @__PURE__ */ jsx83(View49, { className: "flex-1" }, column);
+          ) : /* @__PURE__ */ jsx81(View47, { className: "flex-1" }, column);
         }) }, row)),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx81(
           Button,
           {
             testID: "count-clear",
@@ -3713,16 +3532,16 @@ function RegisterCount({ register, currency, approve, className }) {
               setPieces({});
               setCashText(minorToDecimal(0, digits));
             },
-            children: /* @__PURE__ */ jsx83(Text, { children: "Clear" })
+            children: /* @__PURE__ */ jsx81(Text, { children: "Clear" })
           }
         )
       ] }),
       otherMethods.map((method) => {
         const labelId = `count-tender-${method}-label`;
         const label = `${tenderLabel(method)} counted (${currencySymbol3(currency)})`;
-        return /* @__PURE__ */ jsxs42(View49, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx83(Label, { testID: labelId, nativeID: labelId, children: label }),
-          /* @__PURE__ */ jsx83(Input, { children: /* @__PURE__ */ jsx83(
+        return /* @__PURE__ */ jsxs40(View47, { className: "gap-2", children: [
+          /* @__PURE__ */ jsx81(Label, { testID: labelId, nativeID: labelId, children: label }),
+          /* @__PURE__ */ jsx81(Input, { children: /* @__PURE__ */ jsx81(
             Input.Field,
             {
               testID: `count-tender-${method}`,
@@ -3735,11 +3554,11 @@ function RegisterCount({ register, currency, approve, className }) {
           ) })
         ] }, method);
       }),
-      !!refusal && /* @__PURE__ */ jsx83(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
-      !!error && /* @__PURE__ */ jsx83(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
+      !!refusal && /* @__PURE__ */ jsx81(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
+      !!error && /* @__PURE__ */ jsx81(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
     ] }),
-    /* @__PURE__ */ jsxs42(View49, { className: "gap-2 border-t border-border p-4", children: [
-      /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsxs40(View47, { className: "gap-2 border-t border-border p-4", children: [
+      /* @__PURE__ */ jsx81(
         Button,
         {
           testID: "count-back",
@@ -3747,23 +3566,214 @@ function RegisterCount({ register, currency, approve, className }) {
           className: "min-h-11",
           disabled: busy,
           onPress: () => attempt(actions.backToSelling),
-          children: /* @__PURE__ */ jsx83(Text, { children: "Back to selling" })
+          children: /* @__PURE__ */ jsx81(Text, { children: "Back to selling" })
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx81(
         Button,
         {
           testID: "count-close",
           className: "min-h-14",
           disabled: !valid || otherTendersInvalid || busy,
           onPress: onClose,
-          children: /* @__PURE__ */ jsx83(Text, { children: busy ? "Closing\u2026" : "Close register" })
+          children: /* @__PURE__ */ jsx81(Text, { children: busy ? "Closing\u2026" : "Close register" })
         }
       )
     ] })
   ] });
 }
 
+// src/register/register-panel.tsx
+import { jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
+var DIALOG_VERTICAL_MARGIN = 64;
+function RegisterPanel({ register, currency, registerName, open, onOpenChange, className }) {
+  const { session, expected, salesCount, blind, movements, lastClosure, actions } = register;
+  const otherTenders = Object.entries(expected).filter(([method, amount]) => method !== "cash" && amount !== 0);
+  const { height: windowHeight } = useWindowDimensions2();
+  const maxHeight = Math.max(280, windowHeight - DIALOG_VERTICAL_MARGIN);
+  const [movementType, setMovementType] = useState12(null);
+  const [expanded, setExpanded] = useState12(false);
+  const [error, setError] = useState12("");
+  const attempt = async (action) => {
+    try {
+      await action();
+    } catch (e) {
+      setError(String(e));
+    }
+  };
+  if (!session && !lastClosure) return null;
+  const activeMovements = movements.filter(
+    (row) => row.type !== "void" && !row.voided_by && !movements.some((entry) => entry.voids === row.id)
+  );
+  return /* @__PURE__ */ jsx82(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(
+    DialogContent,
+    {
+      testID: "register-panel",
+      className: `flex-col overflow-hidden ${className ?? ""}`,
+      style: { maxHeight },
+      children: [
+        /* @__PURE__ */ jsxs41(View48, { className: "flex-row items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx82(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
+          /* @__PURE__ */ jsx82(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx82(IconButton, { variant: "ghost", size: "sm", testID: "register-panel-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx82(XIcon, { size: 16 }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs41(Text, { testID: "register-panel-sales-count", children: [
+          salesCount,
+          " sale",
+          salesCount === 1 ? "" : "s",
+          " this session"
+        ] }),
+        /* @__PURE__ */ jsxs41(ScrollView12, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
+          /* @__PURE__ */ jsx82(View48, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx82(
+            Button,
+            {
+              testID: `register-panel-${type.replace("_", "-")}`,
+              className: "min-h-14 flex-1",
+              variant: "outline",
+              disabled: session?.status !== "open",
+              onPress: () => setMovementType(type),
+              children: /* @__PURE__ */ jsx82(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
+            },
+            type
+          )) }),
+          !blind && /* @__PURE__ */ jsxs41(View48, { testID: "register-panel-expected", className: "gap-1", children: [
+            /* @__PURE__ */ jsx82(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
+            Object.entries(expected).filter(([method]) => method === "cash").map(([method, amount]) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx82(Text, { children: tenderLabel("cash") }),
+              /* @__PURE__ */ jsx82(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
+            ] }, method))
+          ] }),
+          !blind && otherTenders.length > 0 && /* @__PURE__ */ jsxs41(View48, { testID: "register-panel-other-tenders", className: "gap-1", children: [
+            /* @__PURE__ */ jsx82(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Other tenders" }),
+            otherTenders.map(([method, amount]) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx82(Text, { children: tenderLabel(method) }),
+              /* @__PURE__ */ jsx82(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
+            ] }, method))
+          ] }),
+          /* @__PURE__ */ jsx82(
+            Button,
+            {
+              testID: "register-panel-movements",
+              variant: "ghost",
+              className: "min-h-11",
+              onPress: () => setExpanded(!expanded),
+              children: /* @__PURE__ */ jsx82(Text, { children: "Paid in / out" })
+            }
+          ),
+          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center gap-2", children: [
+            /* @__PURE__ */ jsxs41(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
+              row.type === "paid_in" ? "Paid in" : row.type === "paid_out" ? "Paid out" : "No sale",
+              !blind ? ` \xB7 ${formatMoney8({ amount: row.amountMinor, currency })} \xB7 ${row.reason}` : ""
+            ] }),
+            /* @__PURE__ */ jsx82(
+              Button,
+              {
+                variant: "ghost",
+                className: "min-h-11",
+                testID: `movement-void-${row.id}`,
+                disabled: session?.status !== "open",
+                onPress: () => attempt(() => actions.voidMovement(row.id)),
+                children: /* @__PURE__ */ jsx82(Text, { children: "Undo" })
+              }
+            )
+          ] }, row.id)),
+          !!error && /* @__PURE__ */ jsx82(Text, { className: "text-destructive", children: error }),
+          /* @__PURE__ */ jsx82(
+            Button,
+            {
+              testID: "register-panel-close",
+              disabled: !session,
+              variant: "outline",
+              className: "min-h-14",
+              onPress: () => attempt(async () => {
+                await actions.startCounting();
+                onOpenChange(false);
+              }),
+              children: /* @__PURE__ */ jsx82(Text, { children: "Close register" })
+            }
+          )
+        ] }),
+        movementType && /* @__PURE__ */ jsx82(
+          MovementSheet,
+          {
+            register,
+            type: movementType,
+            currency,
+            onOpenChange: (value) => {
+              if (!value) setMovementType(null);
+            },
+            onDone: () => setMovementType(null)
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/register/register-column.tsx
+import { useState as useState13 } from "react";
+import { View as View49 } from "react-native";
+import { Fragment as Fragment4, jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
+function RegisterColumn({
+  register,
+  registerId,
+  registers,
+  onPick,
+  currency,
+  configuredFloatMinor,
+  countSlot,
+  cartEmpty,
+  children
+}) {
+  const [finishing, setFinishing] = useState13(false);
+  if (registerId === null) {
+    return /* @__PURE__ */ jsx83(RegisterPicker, { registers, onPick, className: "flex-1" });
+  }
+  if (register.session?.status === "closed") {
+    return register.closing && !finishing ? /* @__PURE__ */ jsx83(Fragment4, { children: countSlot }) : /* @__PURE__ */ jsx83(FinishClose, { register, busy: finishing, setBusy: setFinishing });
+  }
+  if (!register.session) {
+    return /* @__PURE__ */ jsx83(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
+  }
+  if (register.session.status === "counting") {
+    return /* @__PURE__ */ jsx83(Fragment4, { children: countSlot });
+  }
+  return /* @__PURE__ */ jsxs42(View49, { testID: "register-column", className: "flex-1", children: [
+    register.overdue && cartEmpty && /* @__PURE__ */ jsxs42(View49, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx83(Text, { className: "flex-1", children: "This register is overdue for closing." }),
+      /* @__PURE__ */ jsx83(
+        Button,
+        {
+          testID: "register-column-close-overdue",
+          variant: "outline",
+          className: "min-h-11",
+          onPress: () => register.actions.startCounting(),
+          children: /* @__PURE__ */ jsx83(Text, { children: "Close register" })
+        }
+      )
+    ] }),
+    children
+  ] });
+}
+function FinishClose({ register, busy, setBusy }) {
+  const [error, setError] = useState13("");
+  const finish = async () => {
+    setBusy(true);
+    setError("");
+    try {
+      await register.actions.closeSession({ counted: register.session?.counted ?? {} });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs42(View49, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
+    /* @__PURE__ */ jsx83(Text, { children: "The last close didn't finish." }),
+    /* @__PURE__ */ jsx83(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx83(Text, { children: "Finish closing" }) }),
+    !!error && /* @__PURE__ */ jsx83(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
+  ] });
+}
+
 // src/register/closure-sheet.tsx
 import { useEffect as useEffect4, useRef as useRef5, useState as useState14 } from "react";
 import { AccessibilityInfo, Animated, View as View50 } from "react-native";
@@ -4250,8 +4260,8 @@ function laterOf(a, b) {
   if (!b) return a;
   return a.getTime() >= b.getTime() ? a : b;
 }
-function Catalogue({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, lastStockCheckAt, hour12, minCodeLength }) {
-  const isLoading = loading ?? lastSyncedAt === null;
+function Catalogue({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, pullError, lastStockCheckAt, hour12, minCodeLength }) {
+  const isLoading = loading ?? (lastSyncedAt === null && pullError == null);
   const shown = useStockOverlaid(products);
   const overlayAsOf = useStockOverlayAsOf();
   const parsedOverlayAsOf = overlayAsOf ? new Date(overlayAsOf) : void 0;
@@ -4261,7 +4271,7 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
   const [chooserId, setChooserId] = useState17(null);
   const [width, setWidth] = useState17(0);
   const columns = Math.max(2, Math.min(6, Math.floor((width - 8) / (MIN_TILE_WIDTH + 8))));
-  const entries = useMemo2(() => catalogueEntries(shown, traits), [shown, traits]);
+  const entries = useMemo2(() => catalogueEntries(shown, traits, { currency }), [shown, traits, currency]);
   const results = useMemo2(() => searchProducts(shown, query, traits), [shown, query, traits]);
   const choices = useMemo2(() => chooserId === null ? [] : entries.filter((entry) => traits.getId(entry.product) === chooserId), [entries, chooserId, traits]);
   useEffect5(() => {
@@ -5074,6 +5084,7 @@ export {
   iconVariants,
   injectPrintStyle,
   loaderVariants,
+  orderReference,
   parseDiscount,
   textVariants,
   toastVariants,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tallyui/components",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "type": "module",
   "description": "Universal POS UI components for Tally UI",
   "main": "./dist/index.js",
@@ -27,22 +27,22 @@
     "directory": "packages/components"
   },
   "peerDependencies": {
-    "@tallyui/core": "^3.0.2",
-    "@tallyui/primitives": "^3.0.2",
-    "@tallyui/theme": "^3.0.2",
+    "@tallyui/core": "^3.0.4",
+    "@tallyui/primitives": "^3.0.4",
+    "@tallyui/theme": "^3.0.4",
     "react": ">=18",
     "react-native": ">=0.74",
     "react-native-svg": ">=15"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "@tallyui/pos": "3.0.2"
+    "@tallyui/pos": "3.0.4"
   },
   "devDependencies": {
-    "@tallyui/connector-medusa": "3.0.2",
-    "@tallyui/connector-vendure": "3.0.2",
-    "@tallyui/connector-woocommerce": "3.0.2",
-    "@tallyui/mock-api": "3.0.2",
+    "@tallyui/connector-medusa": "3.0.4",
+    "@tallyui/connector-vendure": "3.0.4",
+    "@tallyui/connector-woocommerce": "3.0.4",
+    "@tallyui/mock-api": "3.0.4",
     "@types/react": ">=18",
     "react": "^19.2.4",
     "react-native-svg": "15.12.1",

package/src/index.ts

@@ -155,7 +155,7 @@ export {
 // Sale components
 export {
   Cart, CartBar, Tender, DiscountForm, DiscountChips, parseDiscount, discountLabel,
-  Catalogue, formatStockSyncTime, Receipt, injectPrintStyle, SyncStatus, OrdersList,
+  Catalogue, formatStockSyncTime, Receipt, injectPrintStyle, SyncStatus, OrdersList, orderReference,
 } from './sale';
 
 // Layout components

package/src/register/register-count.tsx

@@ -52,8 +52,11 @@ function tileLabel(value: number, currency: string): string {
   return formatter.format(value / 10 ** minorUnitDigits(currency));
 }
 
-/** Title-cases a tender method key ('card' -> 'Card') for a plain-English label. Shared with `ClosureSheet`. */
-export const tenderLabel = (method: string) => method.charAt(0).toUpperCase() + method.slice(1);
+/** Plain-English label for a tender method key: `external` is the till's card tender ('Card');
+ * other keys are title-cased. Shared with `ClosureSheet` and `RegisterPanel`. */
+export const tenderLabel = (method: string) =>
+  new Map([['cash', 'Cash'], ['external', 'Card']]).get(method) ??
+  method.charAt(0).toUpperCase() + method.slice(1);
 
 interface DenominationTileProps {
   value: number;

package/src/register/register-panel.tsx

@@ -9,6 +9,7 @@ import { IconButton } from '../ui/icon-button';
 import { XIcon } from '../ui/icon/x-icon';
 import { Text } from '../ui/text';
 import { MovementSheet } from './movement-sheet';
+import { tenderLabel } from './register-count';
 
 /** Margin kept clear above and below the dialog (LEDGER-free layout fix, 2026-09-28 review):
  * a phone-height viewport must never let the panel's top go under the page header. */
@@ -37,6 +38,7 @@ export interface RegisterPanelProps {
  */
 export function RegisterPanel({ register, currency, registerName, open, onOpenChange, className }: RegisterPanelProps) {
   const { session, expected, salesCount, blind, movements, lastClosure, actions } = register;
+  const otherTenders = Object.entries(expected).filter(([method, amount]) => method !== 'cash' && amount !== 0);
   const { height: windowHeight } = useWindowDimensions();
   const maxHeight = Math.max(280, windowHeight - DIALOG_VERTICAL_MARGIN);
   const [movementType, setMovementType] = useState<MovementType | null>(null);
@@ -93,9 +95,20 @@ export function RegisterPanel({ register, currency, registerName, open, onOpenCh
           {!blind && (
             <View testID="register-panel-expected" className="gap-1">
               <Text className="text-muted-foreground text-sm font-semibold">Expected in the drawer</Text>
-              {Object.entries(expected).map(([method, amount]) => (
+              {Object.entries(expected).filter(([method]) => method === 'cash').map(([method, amount]) => (
                 <View key={method} className="min-h-11 flex-row items-center justify-between">
-                  <Text className="capitalize">{method === 'cash' ? 'Cash' : method}</Text>
+                  <Text>{tenderLabel('cash')}</Text>
+                  <Text className="tabular-nums">{formatMoney({ amount, currency })}</Text>
+                </View>
+              ))}
+            </View>
+          )}
+          {!blind && otherTenders.length > 0 && (
+            <View testID="register-panel-other-tenders" className="gap-1">
+              <Text className="text-muted-foreground text-sm font-semibold">Other tenders</Text>
+              {otherTenders.map(([method, amount]) => (
+                <View key={method} className="min-h-11 flex-row items-center justify-between">
+                  <Text>{tenderLabel(method)}</Text>
                   <Text className="tabular-nums">{formatMoney({ amount, currency })}</Text>
                 </View>
               ))}

package/src/sale/catalogue.tsx

@@ -32,7 +32,7 @@ function laterOf(a: Date | null | undefined, b: Date | null | undefined): Date |
   return a.getTime() >= b.getTime() ? a : b;
 }
 
-export function Catalogue<Doc>({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, lastStockCheckAt, hour12, minCodeLength }: {
+export function Catalogue<Doc>({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, pullError, lastStockCheckAt, hour12, minCodeLength }: {
   products: Doc[];
   traits: ProductTraits<Doc>;
   currency: string;
@@ -42,9 +42,12 @@ export function Catalogue<Doc>({ products, traits, currency, onSelect, statusTex
   /** Rendered at the end of the status line, e.g. a register control at phone width; the row renders even without `statusText`. */
   statusAccessory?: ReactNode;
   lastSyncedAt: Date | null;
-  /** The catalogue's first pull is still running, so an empty grid says "Loading products…" rather than "No products yet.". Defaults to lastSyncedAt === null; pass false
+  /** The catalogue's first pull is still running, so an empty grid says "Loading products…" rather than "No products yet.". Defaults to lastSyncedAt === null with no pullError; pass false
    * when a null lastSyncedAt doesn't mean a pull is running (e.g. offline on first start). */
   loading?: boolean;
+  /** The product pull's last error (an Error, a SyncNotice, anything the app holds), or null/undefined when none. While it is
+   * set, a catalogue that has never synced isn't treated as loading, so its empty grid says "No products yet." beside the app's error. */
+  pullError?: unknown;
   /** The last completed stock reconcile pass, persisted across restarts. The "stock as of" time shown is the
    * latest of this, the provider's stockOverlayAsOf (when valid) and lastSyncedAt; null and omitted alike. */
   lastStockCheckAt?: Date | null;
@@ -56,7 +59,7 @@ export function Catalogue<Doc>({ products, traits, currency, onSelect, statusTex
    * in its unfocused wedge listener — not this prop's job. */
   minCodeLength?: number;
 }) {
-  const isLoading = loading ?? lastSyncedAt === null;
+  const isLoading = loading ?? (lastSyncedAt === null && pullError == null);
   // Idempotent (the adapter's overlay returns just the fields the stock map sets), so an app that already
   // merges the overlay itself keeps working, and can drop its own merge.
   const shown = useStockOverlaid(products) as Doc[];
@@ -71,7 +74,7 @@ export function Catalogue<Doc>({ products, traits, currency, onSelect, statusTex
   const [width, setWidth] = useState(0);
   // ProductGrid has 4 px padding on each side of the content and each cell.
   const columns = Math.max(2, Math.min(6, Math.floor((width - 8) / (MIN_TILE_WIDTH + 8))));
-  const entries = useMemo(() => catalogueEntries(shown, traits), [shown, traits]);
+  const entries = useMemo(() => catalogueEntries(shown, traits, { currency }), [shown, traits, currency]);
   const results = useMemo(() => searchProducts(shown, query, traits), [shown, query, traits]);
   const choices = useMemo(() => (chooserId === null ? []
     : entries.filter((entry) => traits.getId(entry.product) === chooserId)), [entries, chooserId, traits]);