@classytic/pos-ui 0.1.0

package/dist/runtime/auth-port.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from "react";
+
+//#region src/runtime/auth-port.d.ts
+/**
+ * `PosAuthPort` — the auth seam the POS app needs, injected by the host.
+ *
+ * POS itself is auth-agnostic: it needs a bearer token for a few manual calls,
+ * the current session user, and a *manager override* sign-in (for discount /
+ * variance approvals). The host wires these to its own auth client (Better Auth
+ * on the web; whatever a desktop shell uses). The package declares the contract,
+ * the host supplies the implementation. Types are structural (no better-auth
+ * import), so a Tauri / RN shell can implement it against a different client.
+ */
+interface PosSessionUser {
+  id?: string;
+  name?: string;
+  email?: string;
+  role?: unknown;
+}
+interface PosAuthPort {
+  /** Current bearer token (or null). Used for the few manual POS API calls. */
+  getToken: () => string | null;
+  /** Reactive current session user (null when signed out). */
+  useSessionUser: () => PosSessionUser | null;
+  /**
+   * Manager-override sign-in — validates a manager's credentials WITHOUT
+   * replacing the cashier's session (temporary elevation for approvals).
+   * Resolves with the authorizing user, rejects on bad credentials / role.
+   */
+  signInManager: (input: {
+    email: string;
+    password: string;
+  }) => Promise<{
+    user: PosSessionUser;
+  }>;
+}
+declare function PosAuthProvider({
+  auth,
+  children
+}: {
+  auth: PosAuthPort;
+  children: ReactNode;
+}): import("react").JSX.Element;
+declare function usePosAuth(): PosAuthPort;
+//#endregion
+export { PosAuthPort, PosAuthProvider, PosSessionUser, usePosAuth };

package/dist/runtime/auth-port.js

@@ -0,0 +1,21 @@
+"use client";
+
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/runtime/auth-port.tsx
+const PosAuthContext = createContext(null);
+function PosAuthProvider({ auth, children }) {
+	return /* @__PURE__ */ jsx(PosAuthContext.Provider, {
+		value: auth,
+		children
+	});
+}
+function usePosAuth() {
+	const ctx = useContext(PosAuthContext);
+	if (!ctx) throw new Error("usePosAuth() must be used within <PosShell> / <PosAuthProvider>. Inject a PosAuthPort (host wires it to its auth client).");
+	return ctx;
+}
+
+//#endregion
+export { PosAuthProvider, usePosAuth };

package/dist/runtime/branch-port.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from "react";
+
+//#region src/runtime/branch-port.d.ts
+/**
+ * `PosBranchPort` — the active-branch seam, injected by the host. POS is
+ * branch-scoped (products, shifts, receipts) but must NOT depend on the
+ * dashboard's branch context (`@classytic/erp-shell/branch`) — that would drag
+ * the dashboard stack into a desktop register. So the host provides the active
+ * branch: on the web it wires this to `erp-shell`'s `useBranch`; a Tauri/RN
+ * register wires its own branch selection.
+ */
+interface PosBranch {
+  id: string;
+  name: string;
+  /** Branch role (head_office / sub_branch), if the host distinguishes. */
+  role?: string;
+  /** Receipt header fields. */
+  address?: string;
+  bin?: string;
+  phone?: string;
+}
+interface PosBranchPort {
+  /** Reactive active branch (null before one is selected). */
+  useActiveBranch: () => PosBranch | null;
+}
+declare function PosBranchProvider({
+  branch,
+  children
+}: {
+  branch: PosBranchPort;
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** Read the injected active-branch port. */
+declare function usePosBranchPort(): PosBranchPort;
+/** Convenience: the active branch directly. */
+declare function usePosBranch(): PosBranch | null;
+//#endregion
+export { PosBranch, PosBranchPort, PosBranchProvider, usePosBranch, usePosBranchPort };

package/dist/runtime/branch-port.js

@@ -0,0 +1,26 @@
+"use client";
+
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/runtime/branch-port.tsx
+const PosBranchContext = createContext(null);
+function PosBranchProvider({ branch, children }) {
+	return /* @__PURE__ */ jsx(PosBranchContext.Provider, {
+		value: branch,
+		children
+	});
+}
+/** Read the injected active-branch port. */
+function usePosBranchPort() {
+	const ctx = useContext(PosBranchContext);
+	if (!ctx) throw new Error("usePosBranchPort() must be used within <PosShell> / <PosBranchProvider>. Inject a PosBranchPort (host wires it to its branch context).");
+	return ctx;
+}
+/** Convenience: the active branch directly. */
+function usePosBranch() {
+	return usePosBranchPort().useActiveBranch();
+}
+
+//#endregion
+export { PosBranchProvider, usePosBranch, usePosBranchPort };

package/dist/runtime/config.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+
+//#region src/runtime/config.d.ts
+/**
+ * `PosRuntime` — host-provided runtime services that are genuinely app/
+ * deployment-specific (not auth, not hardware): navigation and money
+ * formatting. Injected once by `<PosShell>`; screens read it via
+ * `usePosRuntime()`. Keeps the package free of hardcoded routes and currency
+ * conventions — the host owns those (same rule as branding elsewhere).
+ */
+interface PosRuntime {
+  /** Navigate to a host route (e.g. back to `/dashboard`, out to `/sign-in`). */
+  onNavigate: (path: string) => void;
+}
+declare function PosRuntimeProvider({
+  runtime,
+  children
+}: {
+  runtime: PosRuntime;
+  children: ReactNode;
+}): import("react").JSX.Element;
+declare function usePosRuntime(): PosRuntime;
+//#endregion
+export { PosRuntime, PosRuntimeProvider, usePosRuntime };

package/dist/runtime/config.js

@@ -0,0 +1,21 @@
+"use client";
+
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/runtime/config.tsx
+const PosRuntimeContext = createContext(null);
+function PosRuntimeProvider({ runtime, children }) {
+	return /* @__PURE__ */ jsx(PosRuntimeContext.Provider, {
+		value: runtime,
+		children
+	});
+}
+function usePosRuntime() {
+	const ctx = useContext(PosRuntimeContext);
+	if (!ctx) throw new Error("usePosRuntime() must be used within <PosShell> / <PosRuntimeProvider>. Inject a PosRuntime (onNavigate + formatMoney).");
+	return ctx;
+}
+
+//#endregion
+export { PosRuntimeProvider, usePosRuntime };

package/dist/runtime/index.d.ts

@@ -0,0 +1,4 @@
+import { PosAuthPort, PosAuthProvider, PosSessionUser, usePosAuth } from "./auth-port.js";
+import { PosRuntime, PosRuntimeProvider, usePosRuntime } from "./config.js";
+import { PosBranch, PosBranchPort, PosBranchProvider, usePosBranch, usePosBranchPort } from "./branch-port.js";
+export { type PosAuthPort, PosAuthProvider, type PosBranch, type PosBranchPort, PosBranchProvider, type PosRuntime, PosRuntimeProvider, type PosSessionUser, usePosAuth, usePosBranch, usePosBranchPort, usePosRuntime };

package/dist/runtime/index.js

@@ -0,0 +1,5 @@
+import { PosAuthProvider, usePosAuth } from "./auth-port.js";
+import { PosRuntimeProvider, usePosRuntime } from "./config.js";
+import { PosBranchProvider, usePosBranch, usePosBranchPort } from "./branch-port.js";
+
+export { PosAuthProvider, PosBranchProvider, PosRuntimeProvider, usePosAuth, usePosBranch, usePosBranchPort, usePosRuntime };

package/dist/screens/OrderHistoryDrawer.js

@@ -0,0 +1,245 @@
+"use client";
+
+import { formatPaisa } from "../lib/money.js";
+import { ReceiptReprintDialog } from "../components/ReceiptReprintDialog.js";
+import { useCallback, useState } from "react";
+import { SheetWrapper } from "@classytic/fluid/client/core";
+import { usePosOrderDetail, usePosOrderHistory, usePosRefundOrder, usePosVoidOrder } from "@classytic/commerce-sdk/sales";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Ban, ChevronRight, Loader2, Package, Printer, RotateCcw, Search } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { StatusBadge } from "@classytic/fluid";
+import { Input } from "@/components/ui/input";
+
+//#region src/screens/OrderHistoryDrawer.tsx
+/**
+* OrderHistoryDrawer — Slide-out panel with recent POS orders.
+*
+* Powered by SDK hooks (`usePosOrderHistory`, `usePosOrderDetail`,
+* `usePosVoidOrder`, `usePosRefundOrder`) — no inline `handleApiRequest`
+* calls or hand-rolled query keys. Cache invalidation + mutation toasts
+* are handled inside the SDK hooks; this component just composes them
+* with fluid's `SheetWrapper`.
+*/
+const STATUS_VARIANT = {
+	pending: "warning",
+	confirmed: "info",
+	processing: "info",
+	completed: "success",
+	cancelled: "error",
+	refunded: "error"
+};
+function OrderHistoryDrawer({ open, onOpenChange }) {
+	const [search, setSearch] = useState("");
+	const [selectedOrderId, setSelectedOrderId] = useState(null);
+	const [reprintOrderId, setReprintOrderId] = useState(null);
+	const trimmedSearch = search.trim();
+	const { orders, isLoading } = usePosOrderHistory({
+		limit: 30,
+		...trimmedSearch ? { search: trimmedSearch } : {}
+	}, open);
+	const { order: selectedOrder, isLoading: detailLoading } = usePosOrderDetail(selectedOrderId, open);
+	const { voidOrder, isPending: isVoiding } = usePosVoidOrder();
+	const { refundOrder, isPending: isRefunding } = usePosRefundOrder();
+	const handleVoid = useCallback(async () => {
+		if (!selectedOrderId || !window.confirm("Void this order?")) return;
+		try {
+			await voidOrder({
+				orderId: selectedOrderId,
+				reason: "Voided from POS"
+			});
+			setSelectedOrderId(null);
+		} catch {}
+	}, [selectedOrderId, voidOrder]);
+	const handleRefund = useCallback(async () => {
+		if (!selectedOrderId || !window.confirm("Process full refund?")) return;
+		try {
+			await refundOrder({
+				orderId: selectedOrderId,
+				reason: "Full refund from POS"
+			});
+			setSelectedOrderId(null);
+		} catch {}
+	}, [selectedOrderId, refundOrder]);
+	return /* @__PURE__ */ jsxs(SheetWrapper, {
+		open,
+		onOpenChange,
+		title: "Order History",
+		side: "right",
+		size: "lg",
+		contentClassName: "p-0",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "px-4 py-2 border-b",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+						placeholder: "Search by order number...",
+						value: search,
+						onChange: (e) => setSearch(e.target.value),
+						className: "pl-9 h-9"
+					})]
+				})
+			}),
+			selectedOrderId && selectedOrder ? /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 overflow-y-auto",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "px-4 py-3 border-b",
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => setSelectedOrderId(null),
+						className: "h-7 text-xs -ml-2",
+						children: "Back to list"
+					})
+				}), detailLoading ? /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center py-12",
+					children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "px-4 py-4 space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h3", {
+								className: "font-semibold",
+								children: ["#", String(selectedOrder.orderNumber ?? "N/A")]
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-muted-foreground",
+								children: new Date(String(selectedOrder.createdAt)).toLocaleString()
+							})] }), /* @__PURE__ */ jsx(StatusBadge, {
+								variant: STATUS_VARIANT[String(selectedOrder.status)] ?? "neutral",
+								children: String(selectedOrder.status)
+							})]
+						}),
+						selectedOrder.customerSnapshot ? /* @__PURE__ */ jsxs("div", {
+							className: "text-sm",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: "Customer: "
+							}), /* @__PURE__ */ jsx("span", { children: String(selectedOrder.customerSnapshot?.name ?? "Walk-in") })]
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx("h4", {
+								className: "text-sm font-medium",
+								children: "Items"
+							}), (selectedOrder.lines ?? []).map((line, i) => {
+								const lineTotalMoney = line.lineTotal;
+								const snapshot = line.snapshot;
+								const unitPriceMoney = snapshot?.unitPrice;
+								const qty = Number(line.quantity ?? 0);
+								const unitPaisa = typeof unitPriceMoney === "number" ? unitPriceMoney : unitPriceMoney?.amount ?? 0;
+								const lineTotalPaisa = typeof lineTotalMoney?.amount === "number" ? lineTotalMoney.amount : unitPaisa * qty;
+								return /* @__PURE__ */ jsxs("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ jsxs("span", { children: [String(snapshot?.name ?? "Item"), /* @__PURE__ */ jsxs("span", {
+										className: "text-muted-foreground ml-1",
+										children: ["x", qty]
+									})] }), /* @__PURE__ */ jsx("span", {
+										className: "tabular-nums",
+										children: formatPaisa(lineTotalPaisa)
+									})]
+								}, i);
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-between font-semibold text-base pt-2 border-t",
+							children: [/* @__PURE__ */ jsx("span", { children: "Total" }), /* @__PURE__ */ jsx("span", {
+								className: "tabular-nums",
+								children: formatPaisa(Number((selectedOrder.totals?.grandTotal)?.amount ?? 0))
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-2 pt-4 border-t",
+							children: [
+								/* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => selectedOrderId && setReprintOrderId(selectedOrderId),
+									children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 mr-2" }), "Reprint Receipt"]
+								}),
+								(selectedOrder.status === "pending" || selectedOrder.status === "confirmed") && /* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									className: "text-destructive",
+									onClick: handleVoid,
+									disabled: isVoiding,
+									children: [/* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mr-2" }), isVoiding ? "Voiding..." : "Void Order"]
+								}),
+								selectedOrder.status === "completed" && /* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									className: "text-orange-600",
+									onClick: handleRefund,
+									disabled: isRefunding,
+									children: [/* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4 mr-2" }), isRefunding ? "Processing..." : "Full Refund"]
+								})
+							]
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto",
+				children: isLoading ? /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center py-12",
+					children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+				}) : orders.length === 0 ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center py-12 text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(Package, { className: "h-10 w-10 mb-3 opacity-30" }), /* @__PURE__ */ jsx("p", {
+						className: "text-sm",
+						children: "No POS orders found"
+					})]
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "divide-y",
+					children: orders.map((order) => /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-center gap-3",
+						onClick: () => setSelectedOrderId(String(order.orderNumber ?? order._id)),
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsxs("span", {
+										className: "font-medium text-sm",
+										children: ["#", String(order.orderNumber ?? "N/A")]
+									}), /* @__PURE__ */ jsx(StatusBadge, {
+										variant: STATUS_VARIANT[String(order.status)] ?? "neutral",
+										size: "sm",
+										children: String(order.status)
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2 text-xs text-muted-foreground mt-0.5",
+									children: [/* @__PURE__ */ jsx("span", { children: new Date(String(order.createdAt)).toLocaleString("en-US", {
+										month: "short",
+										day: "numeric",
+										hour: "2-digit",
+										minute: "2-digit"
+									}) }), order.customerSnapshot?.name ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "-" }), /* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: String(order.customerSnapshot.name)
+									})] }) : null]
+								})]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "font-semibold text-sm tabular-nums shrink-0",
+								children: formatPaisa(Number((order.totals?.grandTotal)?.amount ?? 0))
+							}),
+							/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+						]
+					}, String(order.orderNumber ?? order._id)))
+				})
+			}),
+			/* @__PURE__ */ jsx(ReceiptReprintDialog, {
+				order: reprintOrderId && selectedOrder ? selectedOrder : null,
+				open: !!reprintOrderId,
+				onOpenChange: (o) => {
+					if (!o) setReprintOrderId(null);
+				}
+			})
+		]
+	});
+}
+
+//#endregion
+export { OrderHistoryDrawer };

package/dist/screens/ParkedOrdersDrawer.js

@@ -0,0 +1,128 @@
+"use client";
+
+import { formatBdt } from "../lib/money.js";
+import { calculateCartTotals } from "../utils/pos-helpers.js";
+import { useCallback } from "react";
+import { SheetWrapper } from "@classytic/fluid/client/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Inbox, PlayCircle, Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+
+//#region src/screens/ParkedOrdersDrawer.tsx
+/**
+* ParkedOrdersDrawer — slide-out list of parked sales.
+*
+* Backed by `usePosMultiOrder` (localStorage, max 5 slots, 8h TTL per
+* branch). Resume drops the parked cart back into the active session and
+* removes the slot. Delete discards without resuming.
+*
+* Use case: cashier mid-sale, customer steps away to grab one more item;
+* cashier parks the sale, serves the next customer, resumes when the
+* first returns. Same pattern as Square "Save sale" / Lightspeed "On hold".
+*/
+function formatRelative(timestamp) {
+	const diffMs = Date.now() - timestamp;
+	const diffMin = Math.floor(diffMs / 6e4);
+	if (diffMin < 1) return "just now";
+	if (diffMin < 60) return `${diffMin} min ago`;
+	return `${Math.floor(diffMin / 60)}h ${diffMin % 60}m ago`;
+}
+function ParkedOrdersDrawer({ open, onOpenChange, orders, onResume, onDelete }) {
+	const handleDelete = useCallback((id) => {
+		if (window.confirm("Discard this parked sale?")) onDelete(id);
+	}, [onDelete]);
+	return /* @__PURE__ */ jsx(SheetWrapper, {
+		open,
+		onOpenChange,
+		title: "Parked sales",
+		description: "Hold an in-progress sale and resume later. Max 5 per branch.",
+		side: "right",
+		size: "default",
+		contentClassName: "p-0",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex-1 overflow-y-auto",
+			children: orders.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center justify-center py-12 text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsx(Inbox, { className: "h-10 w-10 mb-3 opacity-30" }),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm",
+						children: "No parked sales"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-xs mt-1",
+						children: [
+							"Press ",
+							/* @__PURE__ */ jsx("kbd", {
+								className: "px-1.5 py-0.5 rounded border text-[10px]",
+								children: "F6"
+							}),
+							" on a sale to park it"
+						]
+					})
+				]
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "divide-y",
+				children: orders.map((order) => {
+					const totals = calculateCartTotals(order.cart, order.discountInput);
+					const itemCount = order.cart.reduce((sum, item) => sum + item.quantity, 0);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "px-4 py-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-start justify-between gap-2 mb-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2 flex-wrap",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "font-medium text-sm truncate",
+										children: order.label
+									}), /* @__PURE__ */ jsxs(Badge, {
+										variant: "secondary",
+										className: "text-[10px]",
+										children: [
+											itemCount,
+											" ",
+											itemCount === 1 ? "item" : "items"
+										]
+									})]
+								}), /* @__PURE__ */ jsxs("p", {
+									className: "text-xs text-muted-foreground mt-0.5",
+									children: [formatRelative(order.parkedAt), order.customerName && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+										className: "mx-1",
+										children: "·"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: order.customerName
+									})] })]
+								})]
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm font-semibold tabular-nums shrink-0",
+								children: formatBdt(totals.total)
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								className: "h-8 flex-1",
+								onClick: () => onResume(order.id),
+								children: [/* @__PURE__ */ jsx(PlayCircle, { className: "h-3.5 w-3.5 mr-1.5" }), "Resume"]
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "sm",
+								className: "h-8 text-destructive",
+								onClick: () => handleDelete(order.id),
+								"aria-label": "Discard parked sale",
+								children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+							})]
+						})]
+					}, order.id);
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { ParkedOrdersDrawer };