@tallyui/components 3.5.3 → 3.6.0

package/dist/index.d.ts

@@ -1411,7 +1411,7 @@ declare function Catalogue<Doc>({ products, traits, currency, onSelect, statusTe
 
 /** `store`/`taxLabel`/`topInset`/`formatDate` replace the app's Medusa settings, hard-coded VAT (default matches
  * TV6a's `Cart`), outbox strip and date util, so `Receipt` stays platform-neutral (ADR-052). */
-declare function Receipt({ order, posOrder, store, cashier, registerId, newSale, taxLabel, topInset, formatDate }: {
+declare function Receipt({ order, posOrder, store, cashier, registerId, registerName, newSale, taxLabel, topInset, formatDate, footerSlot }: {
     order: SentOrder;
     store: {
         name: string;
@@ -1420,12 +1420,16 @@ declare function Receipt({ order, posOrder, store, cashier, registerId, newSale,
     cashier: string;
     registerId: string;
     newSale: () => void;
+    /** The register's name, printed as `Register: <name>`; the id is never printed. */
+    registerName?: string;
     /** The finalized order (useSale's receipt stage has it). With it the receipt prints its reference and time, the
      * same as Orders; without it (a preview before finalize) the sale id is marked as a draft. */
     posOrder?: PosOrder;
     taxLabel?: (ratePpm: number) => string;
     topInset?: number;
     formatDate?: (iso: string) => string;
+    /** Prints after the Change row and above the on-screen buttons (e.g. an app's register/software block). */
+    footerSlot?: ReactNode;
 }): 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

package/dist/index.js

@@ -5021,17 +5021,20 @@ function Receipt({
   store,
   cashier,
   registerId,
+  registerName,
   newSale,
   taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`,
   topInset = 0,
-  formatDate = defaultFormatDate
+  formatDate = defaultFormatDate,
+  footerSlot
 }) {
   useEffect6(injectPrintStyle, []);
   const receipt = buildReceiptData3(order, {
     storeName: store.name,
     storeAddress: store.address,
     cashier,
-    register: registerId
+    register: registerId,
+    registerName
   });
   const money = (amount) => formatMoney16({ amount, currency: receipt.currency }) ?? "";
   const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs56(View63, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
@@ -5052,6 +5055,10 @@ function Receipt({
         "Cashier: ",
         receipt.header.cashier
       ] }),
+      receipt.register.name ? /* @__PURE__ */ jsxs56(Text41, { testID: "receipt-register", className: "text-muted-foreground", children: [
+        "Register: ",
+        receipt.register.name
+      ] }) : null,
       receipt.header.customer && /* @__PURE__ */ jsxs56(Text41, { className: "text-muted-foreground", children: [
         "Customer: ",
         receipt.header.customer
@@ -5078,6 +5085,7 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
+      footerSlot ? /* @__PURE__ */ jsx98(View63, { testID: "receipt-footer", className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot }) : null,
       /* @__PURE__ */ jsxs56(View63, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
         /* @__PURE__ */ jsx98(Pressable33, { accessibilityRole: "button", onPress: () => {
           if (typeof window !== "undefined" && typeof window.print === "function") window.print();
@@ -5277,7 +5285,7 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
               setRetryingIds(new Set(retrying.current));
             }
           }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx100(Text43, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
-          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx100(View65, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx100(Text43, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `${warning.quantity} sold without stock: ${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))
+          knownWarnings(order.warnings).filter((warning) => warning.code !== "register_session_unknown").map((warning, index) => /* @__PURE__ */ jsx100(View65, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx100(Text43, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `${warning.quantity} sold without stock: ${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)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tallyui/components",
-  "version": "3.5.3",
+  "version": "3.6.0",
   "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.5.3",
-    "@tallyui/primitives": "^3.5.3",
-    "@tallyui/theme": "^3.5.3",
+    "@tallyui/core": "^3.6.0",
+    "@tallyui/primitives": "^3.6.0",
+    "@tallyui/theme": "^3.6.0",
     "react": ">=18",
     "react-native": ">=0.74",
     "react-native-svg": ">=15"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "@tallyui/pos": "3.5.3"
+    "@tallyui/pos": "3.6.0"
   },
   "devDependencies": {
-    "@tallyui/connector-medusa": "3.5.3",
-    "@tallyui/connector-vendure": "3.5.3",
-    "@tallyui/connector-woocommerce": "3.5.3",
-    "@tallyui/mock-api": "3.5.3",
+    "@tallyui/connector-medusa": "3.6.0",
+    "@tallyui/connector-vendure": "3.6.0",
+    "@tallyui/connector-woocommerce": "3.6.0",
+    "@tallyui/mock-api": "3.6.0",
     "@types/react": ">=18",
     "react": "^19.2.4",
     "react-native-svg": "15.12.1",

package/src/sale/orders-list.tsx

@@ -105,7 +105,7 @@ export function OrdersList({ orders, onRetry, formatDate = defaultFormatDate, fo
               }} className="rounded-md bg-primary px-4 py-2">
                 <Text className="text-center font-semibold text-primary-foreground">Retry</Text>
               </Pressable> : null}
-            {knownWarnings(order.warnings).map((warning, index) => <View key={index} className="border-l-4 border-warning pl-2"><Text className="text-foreground">
+            {knownWarnings(order.warnings).filter((warning) => warning.code !== 'register_session_unknown').map((warning, index) => <View key={index} className="border-l-4 border-warning pl-2"><Text className="text-foreground">
               {warning.code === 'insufficient_stock'
                 ? `${warning.quantity} sold without stock: ${order.lines.find((line) => line.variantId === warning.variantId)?.name}`
                 : warning.code === 'tax_rate_mismatch'

package/src/sale/receipt.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, type ReactNode } from 'react';
 import { Pressable, Text, View } from 'react-native';
 import { formatMoney } from '@tallyui/core';
 import { buildReceiptData, type SentOrder } from '@tallyui/pos';
@@ -11,17 +11,21 @@ const defaultFormatDate = (iso: string) => new Intl.DateTimeFormat(undefined, {
 
 /** `store`/`taxLabel`/`topInset`/`formatDate` replace the app's Medusa settings, hard-coded VAT (default matches
  * TV6a's `Cart`), outbox strip and date util, so `Receipt` stays platform-neutral (ADR-052). */
-export function Receipt({ order, posOrder, store, cashier, registerId, newSale, taxLabel = (ratePpm: number) => `Tax ${ratePpm / 10000}%`,
-  topInset = 0, formatDate = defaultFormatDate }: {
+export function Receipt({ order, posOrder, store, cashier, registerId, registerName, newSale, taxLabel = (ratePpm: number) => `Tax ${ratePpm / 10000}%`,
+  topInset = 0, formatDate = defaultFormatDate, footerSlot }: {
   order: SentOrder; store: { name: string; address?: string }; cashier: string; registerId: string; newSale: () => void;
+  /** The register's name, printed as `Register: <name>`; the id is never printed. */
+  registerName?: string;
   /** The finalized order (useSale's receipt stage has it). With it the receipt prints its reference and time, the
    * same as Orders; without it (a preview before finalize) the sale id is marked as a draft. */
   posOrder?: PosOrder;
   taxLabel?: (ratePpm: number) => string; topInset?: number; formatDate?: (iso: string) => string;
+  /** Prints after the Change row and above the on-screen buttons (e.g. an app's register/software block). */
+  footerSlot?: ReactNode;
 }) {
   useEffect(injectPrintStyle, []);
   const receipt = buildReceiptData(order, {
-    storeName: store.name, storeAddress: store.address, cashier, register: registerId,
+    storeName: store.name, storeAddress: store.address, cashier, register: registerId, registerName,
   });
   const money = (amount: number) => formatMoney({ amount, currency: receipt.currency }) ?? '';
   const row = (label: string, amount: string, bold = false, key?: number) => <View key={key} accessibilityLabel={`${label}: ${amount}`} className="flex-row justify-between gap-4">
@@ -40,6 +44,7 @@ export function Receipt({ order, posOrder, store, cashier, registerId, newSale,
     <Text testID="receipt-order" className="text-foreground">{posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)`}</Text>
     <Text className="text-muted-foreground">{formatDate(posOrder?.createdAt ?? receipt.header.date)}</Text>
     <Text className="text-muted-foreground">Cashier: {receipt.header.cashier}</Text>
+    {receipt.register.name ? <Text testID="receipt-register" className="text-muted-foreground">Register: {receipt.register.name}</Text> : null}
     {receipt.header.customer && <Text className="text-muted-foreground">Customer: {receipt.header.customer}</Text>}
     {receipt.lineItems.map((line, index) => <View key={index}>
       <Text className="text-foreground">{line.name}</Text>
@@ -61,6 +66,7 @@ export function Receipt({ order, posOrder, store, cashier, registerId, newSale,
     {receipt.payments.map((payment, index) => row(payment.method === 'cash' ? 'Cash tendered' : 'Card terminal',
       money(payment.amountMinor) + (payment.reference ? ` · ${payment.reference}` : ''), false, index))}
     {row('Change', money(receipt.changeDueMinor))}
+    {footerSlot ? <View testID="receipt-footer" className="mt-3 items-center border-t border-dashed border-border pt-3">{footerSlot}</View> : null}
     <View dataSet={{ print: 'hide' }} className="flex-row gap-4">
       <Pressable 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">
         <Text className="text-center text-foreground">Print receipt</Text>