@tallyui/components 3.1.0 → 3.2.0

package/dist/index.d.ts

@@ -1358,17 +1358,19 @@ declare function OrdersList({ orders, onRetry, formatDate, footer, stuck }: {
     stuck?: OutboxState['stuck'];
 }): react_jsx_runtime.JSX.Element;
 
-/** Pass `useParkedSales(drafts)`'s `parked` and `discard`. */
+/** Pass `useParkedSales(drafts)`'s `parked` and `discard`, or your own parked store's list and handlers (`onPark`, `onResume`, `onDiscard`) with the same results. */
 interface ParkedSalesProps {
     sale: ReturnType<typeof useSale>;
     parked: ParkedOrderSummary[];
     onDiscard: (id: string) => Promise<void>;
+    onPark?: () => Promise<string | null>;
+    onResume?: (id: string) => Promise<string | null>;
     currency: string;
     open: boolean;
     onOpenChange: (open: boolean) => void;
     hour12?: boolean;
 }
-declare function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenChange, hour12 }: ParkedSalesProps): JSX.Element;
+declare function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open, onOpenChange, hour12 }: ParkedSalesProps): JSX.Element;
 
 interface POSLayoutProps extends Omit<ViewProps, 'children'> {
     browseSlot: ReactNode;

package/dist/index.js

@@ -3978,7 +3978,7 @@ function parseDiscount(type, text, currency) {
   if (!/^-?\d+(\.\d+)?$/.test(trimmed)) return "Enter a number.";
   const value = Number(trimmed);
   if (value <= 0) return "Enter a discount above 0.";
-  const digits = type === "percentage" ? 2 : Math.min(2, minorUnitDigits7(currency));
+  const digits = type === "percentage" ? 2 : minorUnitDigits7(currency);
   if ((trimmed.split(".")[1]?.length ?? 0) > digits) return digits ? `Use at most ${digits} decimal places.` : "Use a whole amount.";
   if (type === "percentage") return value > 100 ? "A percentage can be at most 100." : { type, value };
   const money = moneyFromDecimalString2(trimmed, currency);
@@ -4068,7 +4068,7 @@ function parsePrice(text, currency) {
   if (!trimmed) return "Enter a price.";
   if (!/^-?\d+(\.\d+)?$/.test(trimmed)) return "Enter a number.";
   if (Number(trimmed) < 0) return "Enter a price of 0 or more.";
-  const digits = Math.min(2, minorUnitDigits8(currency));
+  const digits = minorUnitDigits8(currency);
   if ((trimmed.split(".")[1]?.length ?? 0) > digits) return digits ? `Use at most ${digits} decimal places.` : "Use a whole amount.";
   return moneyFromDecimalString3(trimmed, currency)?.amount ?? "Enter a number.";
 }
@@ -4752,7 +4752,7 @@ import { useState as useState22 } from "react";
 import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View62 } from "react-native";
 import { formatMoney as formatMoney16 } from "@tallyui/core";
 import { Fragment as Fragment9, jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
-function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenChange, hour12 }) {
+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] = useState22(null);
@@ -4777,7 +4777,7 @@ function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenChange, ho
           testID: "parked-sales-park",
           accessibilityLabel: "Park this sale",
           disabled: sale.order.lineItems.length === 0,
-          onPress: () => attempt(async () => setError(await sale.park() ?? "")),
+          onPress: () => attempt(async () => setError(await (onPark ?? sale.park)() ?? "")),
           children: /* @__PURE__ */ jsx97(Text, { children: "Park this sale" })
         }
       ),
@@ -4816,7 +4816,7 @@ function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenChange, ho
               testID: `parked-resume-${row.id}`,
               accessibilityLabel: "Resume parked sale",
               onPress: () => attempt(async () => {
-                const refusal = await sale.resume(row.id);
+                const refusal = await (onResume ?? ((id) => sale.resume(id)))(row.id);
                 if (refusal === null) onOpenChange(false);
                 else setError(refusal);
               }),

package/package.json

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

package/src/sale/discount-form.tsx

@@ -13,8 +13,9 @@ export function parseDiscount(type: Discount['type'], text: string, currency: st
   if (!/^-?\d+(\.\d+)?$/.test(trimmed)) return 'Enter a number.';
   const value = Number(trimmed);
   if (value <= 0) return 'Enter a discount above 0.';
-  // At most 2 decimals in both modes: "1,000" or "1.000" may be a thousands separator, so it is refused, never read as 1.
-  const digits = type === 'percentage' ? 2 : Math.min(2, minorUnitDigits(currency));
+  // Percentages take 2 decimals; a fixed amount takes the currency's own exponent.
+  // "1,000" or "1.000" with more digits than allowed is refused, never read as 1.
+  const digits = type === 'percentage' ? 2 : minorUnitDigits(currency);
   if ((trimmed.split('.')[1]?.length ?? 0) > digits) return digits ? `Use at most ${digits} decimal places.` : 'Use a whole amount.';
   if (type === 'percentage') return value > 100 ? 'A percentage can be at most 100.' : { type, value };
   const money = moneyFromDecimalString(trimmed, currency);

package/src/sale/parked-sales.tsx

@@ -9,18 +9,20 @@ import { XIcon } from '../ui/icon/x-icon';
 import { Text } from '../ui/text';
 import { formatStockSyncTime } from './catalogue';
 
-/** Pass `useParkedSales(drafts)`'s `parked` and `discard`. */
+/** Pass `useParkedSales(drafts)`'s `parked` and `discard`, or your own parked store's list and handlers (`onPark`, `onResume`, `onDiscard`) with the same results. */
 export interface ParkedSalesProps {
   sale: ReturnType<typeof useSale>;
   parked: ParkedOrderSummary[];
   onDiscard: (id: string) => Promise<void>;
+  onPark?: () => Promise<string | null>;
+  onResume?: (id: string) => Promise<string | null>;
   currency: string;
   open: boolean;
   onOpenChange: (open: boolean) => void;
   hour12?: boolean;
 }
 
-export function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenChange, hour12 }: ParkedSalesProps): JSX.Element {
+export function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open, onOpenChange, hour12 }: ParkedSalesProps): JSX.Element {
   const { height: windowHeight } = useWindowDimensions();
   const maxHeight = Math.max(280, windowHeight - 64);
   const [confirming, setConfirming] = useState<string | null>(null);
@@ -49,7 +51,7 @@ export function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenCha
         <ScrollView className="flex-1" contentContainerClassName="gap-3">
           <Button testID="parked-sales-park" accessibilityLabel="Park this sale"
             disabled={sale.order.lineItems.length === 0}
-            onPress={() => attempt(async () => setError((await sale.park()) ?? ''))}>
+            onPress={() => attempt(async () => setError((await (onPark ?? sale.park)()) ?? ''))}>
             <Text>Park this sale</Text>
           </Button>
           {!!error && <Text testID="parked-sales-error" className="text-destructive">{error}</Text>}
@@ -81,7 +83,7 @@ export function ParkedSales({ sale, parked, onDiscard, currency, open, onOpenCha
                   <View className="flex-row gap-2">
                     <Button testID={`parked-resume-${row.id}`} accessibilityLabel="Resume parked sale"
                       onPress={() => attempt(async () => {
-                        const refusal = await sale.resume(row.id);
+                        const refusal = await (onResume ?? ((id) => sale.resume(id)))(row.id);
                         if (refusal === null) onOpenChange(false);
                         else setError(refusal);
                       })}>

package/src/sale/price-form.tsx

@@ -9,7 +9,7 @@ export function parsePrice(text: string, currency: string): number | string {
   if (!trimmed) return 'Enter a price.';
   if (!/^-?\d+(\.\d+)?$/.test(trimmed)) return 'Enter a number.';
   if (Number(trimmed) < 0) return 'Enter a price of 0 or more.';
-  const digits = Math.min(2, minorUnitDigits(currency));
+  const digits = minorUnitDigits(currency);
   if ((trimmed.split('.')[1]?.length ?? 0) > digits) return digits ? `Use at most ${digits} decimal places.` : 'Use a whole amount.';
   return moneyFromDecimalString(trimmed, currency)?.amount ?? 'Enter a number.';
 }