@classytic/pos-ui 0.2.0 → 1.3.0

package/dist/components/PrinterSettingsDialog.js

@@ -1,31 +1,514 @@
 "use client";
 
+import { usePosBranch } from "../runtime/branch-port.js";
 import { usePrinterConfig } from "../hardware/use-printer-config.js";
 import { isTauri } from "../hardware/tauri-adapter.js";
+import { useAgentPairing } from "../hardware/agent-pairing.js";
 import { useHardware } from "../hardware/context.js";
 import { useForm } from "../node_modules/react-hook-form/dist/index.esm.js";
 import { useCallback, useEffect, useState } from "react";
-import { DialogWrapper } from "@classytic/fluid/client/core";
+import { DialogWrapper, EmptyState, LoadingButton, StatusBanner } from "@classytic/fluid/client/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertTriangle, Check, Loader2, Printer } from "lucide-react";
+import { AlertTriangle, Check, Link2, Printer, ScanLine, Usb, Wifi } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import { FormInput } from "@classytic/fluid/forms";
+import { Label } from "@/components/ui/label";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from "@/components/ui/item";
+import { DEVICE_KINDS, useDeviceActions, useIssueDeviceToken } from "@classytic/commerce-sdk/iot";
+import { getBaseUrl } from "@classytic/commerce-sdk/core";
 
 //#region src/components/PrinterSettingsDialog.tsx
 /**
 * PrinterSettingsDialog — runtime printer config for the cashier.
 *
-* Persists `{ host, port, timeoutMs }` to localStorage via
-* `usePrinterConfig`. The Tauri adapter reads the same key on every
-* invoke, so saved settings take effect immediately on the next print
-* — no app restart, no env-var changes.
+* Two independent modes, chosen by host at runtime — never both:
 *
-* Browser users see this dialog too (via the topbar action menu) but
-* it has no effect on browser printing — `window.print()` runs against
-* whatever printer the OS has configured. The dialog is informational
-* for browser, functional for Tauri.
+*   - **Tauri**: persists `{ host, port, timeoutMs }` to localStorage via
+*     `usePrinterConfig`. The native adapter reads the same key on every
+*     invoke, so saved settings take effect immediately on the next print.
+*   - **Browser + `@classytic/pos-agent`** (the plan's Stream 1.0/1.4):
+*     pairing is BACKEND-MEDIATED, entirely through `@classytic/commerce-sdk`'s
+*     existing `iot/` hooks — never a raw fetch to `/devices`:
+*       1. `useDeviceActions().create` registers a `Device` row
+*          (`vendor: 'escpos'`, `kind: DEVICE_KINDS.printer`, this branch as
+*          `scope`).
+*       2. `useIssueDeviceToken()` mints the one-time bearer secret.
+*       3. The plaintext token is handed to the LOCAL `pos-agent` via its own
+*          `POST /v1/pair` (a different, narrower concern — see
+*          `@classytic/pos-agent/protocol`'s pairing module).
+*       4. The LOCAL token `pos-agent` returns is stored via
+*          `useAgentPairing()` — `createWebHardware()`'s composite adapter
+*          picks it up on the very next print, no remount needed.
+*     No query fires eagerly: every network call here is a MUTATION, run
+*     only on an explicit button press — never a background poll, and
+*     nothing fires at all while this dialog is closed or unpaired.
+*
+* Browser users with no agent paired still see this dialog (via the topbar
+* action menu); it is purely informational until they pair one.
 */
 function PrinterSettingsDialog({ open, onOpenChange }) {
+	return typeof window !== "undefined" && isTauri() ? /* @__PURE__ */ jsx(TauriPrinterConfigDialog, {
+		open,
+		onOpenChange
+	}) : /* @__PURE__ */ jsx(AgentPairingDialog, {
+		open,
+		onOpenChange
+	});
+}
+function AgentPairingDialog({ open, onOpenChange }) {
+	const { pairing, setPairing } = useAgentPairing();
+	const { printer } = useHardware();
+	const branch = usePosBranch();
+	const deviceActions = useDeviceActions();
+	const issueToken = useIssueDeviceToken();
+	const [probe, setProbe] = useState({ kind: "idle" });
+	const [pairState, setPairState] = useState({ kind: "idle" });
+	const form = useForm({ defaultValues: {
+		agentUrl: pairing?.agentUrl ?? "http://127.0.0.1:9191",
+		label: pairing?.sn ?? ""
+	} });
+	useEffect(() => {
+		if (!open) return;
+		form.reset({
+			agentUrl: pairing?.agentUrl ?? "http://127.0.0.1:9191",
+			label: pairing?.sn ?? ""
+		});
+		setProbe({ kind: "idle" });
+		setPairState({ kind: "idle" });
+	}, [
+		open,
+		pairing,
+		form
+	]);
+	const handlePair = useCallback(async (values) => {
+		const agentUrl = values.agentUrl.trim().replace(/\/+$/, "");
+		const label = values.label.trim();
+		if (!agentUrl || !label) {
+			setPairState({
+				kind: "error",
+				message: "Agent URL and a printer label are required"
+			});
+			return;
+		}
+		if (!branch?.id) {
+			setPairState({
+				kind: "error",
+				message: "No active branch — cannot register a device"
+			});
+			return;
+		}
+		setPairState({ kind: "pairing" });
+		try {
+			const device = await deviceActions.create({ data: {
+				sn: label,
+				vendor: "escpos",
+				kind: DEVICE_KINDS.printer,
+				timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+				scope: branch.id,
+				name: label
+			} });
+			const issued = await issueToken.mutateAsync({ id: device._id });
+			const { pairAgent } = await import("@classytic/pos-agent/client");
+			const heartbeatUrl = `${getBaseUrl()}/pos/devices/heartbeat`;
+			const res = await pairAgent({ baseUrl: agentUrl }, {
+				deviceId: device._id,
+				sn: issued.sn,
+				registryToken: issued.token,
+				heartbeatUrl
+			});
+			if (!res.ok) {
+				setPairState({
+					kind: "error",
+					message: res.timedOut ? "pos-agent did not respond — is it running?" : res.error?.message ?? "Pairing failed"
+				});
+				return;
+			}
+			setPairing({
+				agentUrl,
+				deviceId: device._id,
+				sn: issued.sn,
+				localToken: res.data.localToken,
+				pairedAt: res.data.pairedAt
+			});
+			setPairState({ kind: "idle" });
+			setProbe({ kind: "ok" });
+		} catch (err) {
+			setPairState({
+				kind: "error",
+				message: err instanceof Error ? err.message : "Pairing failed"
+			});
+		}
+	}, [
+		branch?.id,
+		deviceActions,
+		issueToken,
+		setPairing
+	]);
+	const handleTest = useCallback(async () => {
+		setProbe({ kind: "probing" });
+		try {
+			const ok = await printer.isAvailable();
+			setProbe(ok ? { kind: "ok" } : {
+				kind: "fail",
+				reason: "Printer not reachable"
+			});
+		} catch (err) {
+			setProbe({
+				kind: "fail",
+				reason: err instanceof Error ? err.message : "Probe failed"
+			});
+		}
+	}, [printer]);
+	const handleUnpair = useCallback(() => {
+		setPairing(null);
+		setProbe({ kind: "idle" });
+	}, [setPairing]);
+	return /* @__PURE__ */ jsxs(DialogWrapper, {
+		open,
+		onOpenChange,
+		title: "Printer settings",
+		description: pairing ? `Paired to "${pairing.sn}" via pos-agent at ${pairing.agentUrl}.` : "Pair a local pos-agent to print receipts to a network ESC/POS printer. Without one, receipts print via the browser's print dialog.",
+		footer: /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-between gap-2 w-full",
+			children: [pairing ? /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsxs(LoadingButton, {
+					variant: "outline",
+					onClick: handleTest,
+					isLoading: probe.kind === "probing",
+					loadingText: "Testing…",
+					children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4" }), "Test connection"]
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: handleUnpair,
+					children: "Unpair"
+				})]
+			}) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: () => onOpenChange(false),
+					children: "Close"
+				}), /* @__PURE__ */ jsxs(LoadingButton, {
+					onClick: form.handleSubmit(handlePair),
+					isLoading: pairState.kind === "pairing",
+					loadingText: "Pairing…",
+					children: [/* @__PURE__ */ jsx(Link2, { className: "h-4 w-4" }), pairing ? "Re-pair" : "Pair printer"]
+				})]
+			})]
+		}),
+		children: [/* @__PURE__ */ jsxs("form", {
+			onSubmit: form.handleSubmit(handlePair),
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsx(FormInput, {
+					control: form.control,
+					name: "agentUrl",
+					label: "Agent URL",
+					placeholder: "http://127.0.0.1:9191",
+					helperText: "Where the local pos-agent process is listening on THIS till.",
+					required: true
+				}),
+				/* @__PURE__ */ jsx(FormInput, {
+					control: form.control,
+					name: "label",
+					label: "Printer label",
+					placeholder: "TILL-1-PRINTER",
+					helperText: "A name for this printer — becomes its registry serial number.",
+					required: true
+				}),
+				pairState.kind === "error" && /* @__PURE__ */ jsx(StatusBanner, {
+					variant: "warning",
+					icon: AlertTriangle,
+					children: pairState.message
+				}),
+				probe.kind === "ok" && /* @__PURE__ */ jsx(StatusBanner, {
+					variant: "success",
+					icon: Check,
+					children: "Printer responded."
+				}),
+				probe.kind === "fail" && /* @__PURE__ */ jsx(StatusBanner, {
+					variant: "warning",
+					icon: AlertTriangle,
+					children: probe.reason
+				})
+			]
+		}), pairing && /* @__PURE__ */ jsx("div", {
+			className: "mt-4 pt-4 border-t space-y-3",
+			children: /* @__PURE__ */ jsx(ConnectionSection, { pairing })
+		})]
+	});
+}
+/**
+* Sets the printer's actual TRANSPORT (`PATCH /v1/devices/:id/config`) —
+* separate from pairing above, per the plan's Stream 1.2 ("local settings
+* endpoints only after pairing"). Requires `pairing.localToken`, which only
+* exists once the pairing step above has succeeded.
+*/
+function ConnectionSection({ pairing }) {
+	const [kind, setKind] = useState("tcp");
+	const [host, setHost] = useState("");
+	const [port, setPort] = useState("");
+	const [selectedUsb, setSelectedUsb] = useState(null);
+	const [scan, setScan] = useState({ kind: "idle" });
+	const [save, setSave] = useState({ kind: "idle" });
+	const [paperWidthMm, setPaperWidthMm] = useState(null);
+	const [timeoutMs, setTimeoutMs] = useState("");
+	const handleScan = useCallback(async () => {
+		setScan({ kind: "scanning" });
+		try {
+			const { listUsbDevices } = await import("@classytic/pos-agent/client");
+			const res = await listUsbDevices({
+				baseUrl: pairing.agentUrl,
+				localToken: pairing.localToken
+			});
+			if (!res.ok) {
+				setScan({
+					kind: "error",
+					message: res.timedOut ? "pos-agent did not respond" : res.error?.message ?? "USB support is not configured on this agent"
+				});
+				return;
+			}
+			setScan({
+				kind: "done",
+				devices: res.data.devices
+			});
+		} catch (err) {
+			setScan({
+				kind: "error",
+				message: err instanceof Error ? err.message : "Scan failed"
+			});
+		}
+	}, [pairing.agentUrl, pairing.localToken]);
+	const handleSaveConnection = useCallback(async () => {
+		setSave({ kind: "saving" });
+		try {
+			const { setDeviceConfig } = await import("@classytic/pos-agent/client");
+			const timeoutMsNum = Number(timeoutMs);
+			const shared = {
+				...paperWidthMm !== null ? { paperWidthMm } : {},
+				...Number.isFinite(timeoutMsNum) && timeoutMsNum > 0 ? { timeoutMs: timeoutMsNum } : {}
+			};
+			const body = kind === "tcp" ? (() => {
+				const trimmedHost = host.trim();
+				if (!trimmedHost) throw new Error("Enter a printer host");
+				const portNum = Number(port);
+				return {
+					kind: "tcp",
+					host: trimmedHost,
+					...Number.isFinite(portNum) && portNum > 0 ? { port: portNum } : {},
+					...shared
+				};
+			})() : (() => {
+				if (!selectedUsb) throw new Error("Select a USB device first");
+				return {
+					kind: "usb",
+					vendorId: selectedUsb.vendorId,
+					productId: selectedUsb.productId,
+					...shared
+				};
+			})();
+			const res = await setDeviceConfig({
+				baseUrl: pairing.agentUrl,
+				localToken: pairing.localToken
+			}, pairing.deviceId, body);
+			if (!res.ok) {
+				setSave({
+					kind: "error",
+					message: res.timedOut ? "pos-agent did not respond" : res.error?.message ?? "Save failed"
+				});
+				return;
+			}
+			setSave({ kind: "saved" });
+		} catch (err) {
+			setSave({
+				kind: "error",
+				message: err instanceof Error ? err.message : "Save failed"
+			});
+		}
+	}, [
+		kind,
+		host,
+		port,
+		selectedUsb,
+		paperWidthMm,
+		timeoutMs,
+		pairing.agentUrl,
+		pairing.localToken,
+		pairing.deviceId
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-sm font-medium",
+				children: "Connection"
+			}),
+			/* @__PURE__ */ jsxs(ToggleGroup, {
+				value: [kind],
+				onValueChange: (next) => {
+					const value = next[0];
+					if (value === "tcp" || value === "usb") setKind(value);
+				},
+				variant: "outline",
+				size: "sm",
+				children: [/* @__PURE__ */ jsxs(ToggleGroupItem, {
+					value: "tcp",
+					"aria-label": "Network printer",
+					children: [/* @__PURE__ */ jsx(Wifi, { className: "h-4 w-4" }), "Network"]
+				}), /* @__PURE__ */ jsxs(ToggleGroupItem, {
+					value: "usb",
+					"aria-label": "USB printer",
+					children: [/* @__PURE__ */ jsx(Usb, { className: "h-4 w-4" }), "USB"]
+				})]
+			}),
+			kind === "tcp" ? /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "printer-host",
+						className: "text-xs text-muted-foreground",
+						children: "Printer host"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "printer-host",
+						placeholder: "192.168.1.100",
+						value: host,
+						onChange: (e) => setHost(e.target.value)
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "printer-port",
+						className: "text-xs text-muted-foreground",
+						children: "Port (default 9100)"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "printer-port",
+						placeholder: "9100",
+						value: port,
+						onChange: (e) => setPort(e.target.value)
+					})]
+				})]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsxs(LoadingButton, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: handleScan,
+						isLoading: scan.kind === "scanning",
+						loadingText: "Scanning…",
+						children: [/* @__PURE__ */ jsx(ScanLine, { className: "h-4 w-4" }), "Scan for USB printers"]
+					}),
+					scan.kind === "done" && (scan.devices.filter((d) => d.isPrinterClass).length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+						variant: "compact",
+						icon: /* @__PURE__ */ jsx(Usb, { className: "h-5 w-5" }),
+						title: "No USB Printer-class device found",
+						description: "It may need a WinUSB driver bound (e.g. via Zadig) before pos-agent can access it — its OS driver commonly holds the interface exclusively."
+					}) : /* @__PURE__ */ jsx("div", {
+						role: "list",
+						className: "space-y-1.5",
+						children: scan.devices.filter((d) => d.isPrinterClass).map((d) => {
+							const isSelected = selectedUsb?.vendorId === d.vendorId && selectedUsb?.productId === d.productId;
+							return /* @__PURE__ */ jsxs(Item, {
+								render: /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => setSelectedUsb(d)
+								}),
+								variant: isSelected ? "outline" : "default",
+								size: "sm",
+								className: isSelected ? "border-primary bg-primary/5" : void 0,
+								children: [
+									/* @__PURE__ */ jsx(ItemMedia, {
+										variant: "icon",
+										children: /* @__PURE__ */ jsx(Usb, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ jsxs(ItemContent, { children: [/* @__PURE__ */ jsx(ItemTitle, { children: (d.manufacturer ?? "Unknown") + " " + (d.product ?? "device") }), /* @__PURE__ */ jsxs(ItemDescription, { children: [
+										d.vendorId.toString(16),
+										":",
+										d.productId.toString(16)
+									] })] }),
+									isSelected && /* @__PURE__ */ jsx(ItemActions, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" }) })
+								]
+							}, `${d.vendorId}:${d.productId}`);
+						})
+					})),
+					scan.kind === "error" && /* @__PURE__ */ jsx(StatusBanner, {
+						variant: "warning",
+						icon: AlertTriangle,
+						children: scan.message
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ jsx(Label, {
+						className: "text-xs text-muted-foreground",
+						children: "Paper width"
+					}), /* @__PURE__ */ jsxs(ToggleGroup, {
+						value: paperWidthMm !== null ? [String(paperWidthMm)] : [],
+						onValueChange: (next) => {
+							const value = next[0];
+							setPaperWidthMm(value === "58" || value === "80" ? Number(value) : null);
+						},
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
+							value: "58",
+							children: "58mm"
+						}), /* @__PURE__ */ jsx(ToggleGroupItem, {
+							value: "80",
+							children: "80mm"
+						})]
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "printer-timeout",
+						className: "text-xs text-muted-foreground",
+						children: "Timeout (ms)"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "printer-timeout",
+						placeholder: "2000",
+						value: timeoutMs,
+						onChange: (e) => setTimeoutMs(e.target.value)
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(LoadingButton, {
+						type: "button",
+						size: "sm",
+						onClick: handleSaveConnection,
+						isLoading: save.kind === "saving",
+						loadingText: "Saving…",
+						children: "Save connection"
+					}),
+					save.kind === "saved" && /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1 text-sm text-green-700 dark:text-green-300",
+						children: [/* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }), " Saved"]
+					}),
+					save.kind === "error" && /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1 text-sm text-amber-700 dark:text-amber-300",
+						children: [
+							/* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
+							" ",
+							save.message
+						]
+					})
+				]
+			})
+		]
+	});
+}
+function TauriPrinterConfigDialog({ open, onOpenChange }) {
 	const { config, setConfig } = usePrinterConfig();
 	const { printer } = useHardware();
 	const [probe, setProbe] = useState({ kind: "idle" });
@@ -98,14 +581,15 @@ function PrinterSettingsDialog({ open, onOpenChange }) {
 		open,
 		onOpenChange,
 		title: "Printer settings",
-		description: typeof window !== "undefined" && isTauri() ? "Configure the network thermal printer for receipts and cash-drawer kicks." : "Browser POS uses the OS print dialog. These settings only apply in the desktop (Tauri) shell.",
+		description: "Configure the network thermal printer for receipts and cash-drawer kicks.",
 		footer: /* @__PURE__ */ jsxs("div", {
 			className: "flex justify-between gap-2 w-full",
-			children: [/* @__PURE__ */ jsxs(Button, {
+			children: [/* @__PURE__ */ jsxs(LoadingButton, {
 				variant: "outline",
 				onClick: handleTest,
-				disabled: probe.kind === "probing",
-				children: [probe.kind === "probing" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }) : /* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 mr-2" }), "Test connection"]
+				isLoading: probe.kind === "probing",
+				loadingText: "Testing…",
+				children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4" }), "Test connection"]
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "flex gap-2",
 				children: [/* @__PURE__ */ jsx(Button, {
@@ -146,13 +630,15 @@ function PrinterSettingsDialog({ open, onOpenChange }) {
 						helperText: "Default 2000"
 					})]
 				}),
-				probe.kind === "ok" && /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-300",
-					children: [/* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }), "Printer responded — saved."]
+				probe.kind === "ok" && /* @__PURE__ */ jsx(StatusBanner, {
+					variant: "success",
+					icon: Check,
+					children: "Printer responded — saved."
 				}),
-				probe.kind === "fail" && /* @__PURE__ */ jsxs("div", {
-					className: "flex items-start gap-2 text-sm text-amber-700 dark:text-amber-300",
-					children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: probe.reason })]
+				probe.kind === "fail" && /* @__PURE__ */ jsx(StatusBanner, {
+					variant: "warning",
+					icon: AlertTriangle,
+					children: probe.reason
 				})
 			]
 		})

package/dist/components/ReceiptDeliveryDialog.d.ts

@@ -0,0 +1,11 @@
+//#region src/components/ReceiptDeliveryDialog.d.ts
+interface ReceiptDeliveryDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  orderId: string | null;
+  customerEmail?: string;
+  customerPhone?: string;
+}
+declare function ReceiptDeliveryDialog({ open, onOpenChange, orderId, customerEmail, customerPhone }: ReceiptDeliveryDialogProps): import("react").JSX.Element;
+//#endregion
+export { ReceiptDeliveryDialog };

package/dist/components/ReceiptDeliveryDialog.js

@@ -0,0 +1,98 @@
+"use client";
+
+import { useCallback, useState } from "react";
+import { DialogWrapper } from "@classytic/fluid/client/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, Mail, Send, Smartphone } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { getReceiptLocale } from "@classytic/commerce-sdk/client";
+import { toast } from "sonner";
+import { presentError } from "@classytic/fluid/error-contract";
+import { Input } from "@/components/ui/input";
+
+//#region src/components/ReceiptDeliveryDialog.tsx
+/**
+* ReceiptDeliveryDialog — Send receipt via email or SMS.
+*
+* Uses fluid's DialogWrapper. Opt-in only — backend stub ready for
+* POST /pos/orders/:id/send-receipt when notifications are wired.
+*/
+function ReceiptDeliveryDialog({ open, onOpenChange, orderId, customerEmail, customerPhone }) {
+	const [method, setMethod] = useState("email");
+	const [destination, setDestination] = useState(customerEmail || customerPhone || "");
+	const [isSending, setIsSending] = useState(false);
+	const handleSend = useCallback(async () => {
+		if (!destination.trim() || !orderId) return;
+		setIsSending(true);
+		try {
+			toast.info(`Receipt delivery (${method}) is not yet connected. Destination: ${destination}`);
+			onOpenChange(false);
+		} catch (err) {
+			const { title, message } = presentError(err, "The receipt was not sent. Try again.", { fallbackTitle: "Could not send the receipt" });
+			toast.error(title, { description: message });
+		} finally {
+			setIsSending(false);
+		}
+	}, [
+		orderId,
+		method,
+		destination,
+		onOpenChange
+	]);
+	const footer = /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-end gap-2",
+		children: [/* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			onClick: () => onOpenChange(false),
+			children: "Cancel"
+		}), /* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			onClick: handleSend,
+			disabled: !destination.trim() || isSending,
+			children: [isSending ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 me-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "h-4 w-4 me-1.5" }), "Send"]
+		})]
+	});
+	return /* @__PURE__ */ jsx(DialogWrapper, {
+		open,
+		onOpenChange,
+		title: "Send Receipt",
+		description: "Send a digital receipt to the customer.",
+		size: "sm",
+		footer,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					variant: method === "email" ? "default" : "outline",
+					size: "sm",
+					className: "flex-1",
+					onClick: () => {
+						setMethod("email");
+						setDestination(customerEmail || "");
+					},
+					children: [/* @__PURE__ */ jsx(Mail, { className: "h-4 w-4 me-1.5" }), "Email"]
+				}), /* @__PURE__ */ jsxs(Button, {
+					variant: method === "sms" ? "default" : "outline",
+					size: "sm",
+					className: "flex-1",
+					onClick: () => {
+						setMethod("sms");
+						setDestination(customerPhone || "");
+					},
+					children: [/* @__PURE__ */ jsx(Smartphone, { className: "h-4 w-4 me-1.5" }), "SMS"]
+				})]
+			}), /* @__PURE__ */ jsx(Input, {
+				type: method === "email" ? "email" : "tel",
+				placeholder: method === "email" ? "customer@example.com" : getReceiptLocale().phonePlaceholder,
+				value: destination,
+				onChange: (e) => setDestination(e.target.value),
+				autoFocus: true
+			})]
+		})
+	});
+}
+
+//#endregion
+export { ReceiptDeliveryDialog };

package/dist/components/ReceiptReprintDialog.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/ReceiptReprintDialog.d.ts
+interface ReceiptReprintDialogProps {
+  /** Raw order document from `usePosOrderDetail` — null while loading or when closed. */
+  order: unknown;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+declare function ReceiptReprintDialog({ order, open, onOpenChange }: ReceiptReprintDialogProps): import("react").JSX.Element;
+//#endregion
+export { ReceiptReprintDialog };