@classytic/pos-ui 0.1.0

package/dist/screens/ProductScreen.js

@@ -0,0 +1,322 @@
+"use client";
+
+import { usePosAuth } from "../runtime/auth-port.js";
+import { usePosBranch } from "../runtime/branch-port.js";
+import { useBarcodeScan } from "../hardware/context.js";
+import { usePosContext } from "../state/pos-context.js";
+import { usePosCart } from "../hooks/usePosCart.js";
+import { calculateOrderTotals } from "../utils/pos-helpers.js";
+import { usePosCustomer } from "../hooks/usePosCustomer.js";
+import { usePosMultiOrder } from "../hooks/usePosMultiOrder.js";
+import { ParkedOrdersDrawer } from "./ParkedOrdersDrawer.js";
+import { useManagerAuth } from "../hooks/useManagerAuth.js";
+import { ProductsPanel } from "../dashboard/components/ProductsPanel.js";
+import { VariantSelectorDialog } from "../dashboard/components/VariantSelectorDialog.js";
+import { CustomerLookupDialog } from "../dashboard/components/CustomerLookupDialog.js";
+import { CustomerQuickAddDialog } from "../dashboard/components/CustomerQuickAddDialog.js";
+import { ManagerAuthDialog } from "../dashboard/components/ManagerAuthDialog.js";
+import { CartSidebar } from "../components/CartSidebar.js";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { useKeyboardShortcut } from "@classytic/fluid/client/hooks";
+import { ResponsiveSplitLayout } from "@classytic/fluid/client/core";
+import { usePosLookupMutation, usePosProducts } from "@classytic/commerce-sdk/sales";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ShoppingBag, ShoppingCart } from "lucide-react";
+import { useCategoryTree } from "@classytic/commerce-sdk/catalog";
+import { useMembershipConfig } from "@classytic/commerce-sdk/platform";
+import { isValidPhone } from "@classytic/commerce-sdk/client";
+import { toast } from "sonner";
+
+//#region src/screens/ProductScreen.tsx
+/**
+* ProductScreen — Main selling screen.
+*
+* 65/35 split: product grid (left) + cart sidebar (right).
+* Payment and receipt flow into their own screens via the POS state machine.
+*/
+function ProductScreen() {
+	const token = usePosAuth().getToken() || "";
+	const selectedBranch = usePosBranch();
+	const { dispatch } = usePosContext();
+	const branchId = selectedBranch?.id;
+	const [searchQuery, setSearchQuery] = useState("");
+	const [appliedSearch, setAppliedSearch] = useState("");
+	const [selectedCategory, setSelectedCategory] = useState("all");
+	const [variantSelectorOpen, setVariantSelectorOpen] = useState(false);
+	const [selectedProductForVariant, setSelectedProductForVariant] = useState(null);
+	const [barcodeInput, setBarcodeInput] = useState("");
+	const searchRef = useRef(null);
+	const barcodeRef = useRef(null);
+	const [discountAuthDialogOpen, setDiscountAuthDialogOpen] = useState(false);
+	const cart = usePosCart(branchId);
+	const customer = usePosCustomer(token);
+	const multiOrder = usePosMultiOrder(branchId);
+	const [parkedDrawerOpen, setParkedDrawerOpen] = useState(false);
+	const { membershipConfig: membership } = useMembershipConfig();
+	const discountAuth = useManagerAuth();
+	const orderTotals = useMemo(() => calculateOrderTotals({
+		items: cart.cart,
+		manualDiscountInput: cart.discountInput,
+		membershipConfig: membership,
+		customer: customer.selectedCustomer,
+		pointsToRedeemInput: cart.pointsToRedeemInput
+	}), [
+		cart.cart,
+		cart.discountInput,
+		membership,
+		customer.selectedCustomer,
+		cart.pointsToRedeemInput
+	]);
+	const { products, isLoading: productsLoading, isFetching, refetch } = usePosProducts(branchId, useMemo(() => ({
+		search: appliedSearch.trim() || void 0,
+		category: selectedCategory !== "all" ? selectedCategory : void 0,
+		inStockOnly: true,
+		limit: 50
+	}), [appliedSearch, selectedCategory]), { enabled: !!branchId });
+	const lookupMutation = usePosLookupMutation();
+	const { items: categoryTree = [] } = useCategoryTree();
+	const categories = useMemo(() => categoryTree.map((cat) => ({
+		slug: cat.slug,
+		label: cat.name
+	})), [categoryTree]);
+	useKeyboardShortcut("f3", () => searchRef.current?.focus(), {
+		description: "Focus product search",
+		category: "Sale"
+	});
+	useKeyboardShortcut("f4", () => barcodeRef.current?.focus(), {
+		description: "Focus barcode input (manual entry)",
+		category: "Sale"
+	});
+	useKeyboardShortcut("f5", () => customer.setLookupDialogOpen(true), {
+		description: "Customer lookup",
+		category: "Sale"
+	});
+	useKeyboardShortcut("enter", () => {
+		if (cart.cart.length > 0) dispatch({ type: "GO_TO_PAYMENT" });
+	}, {
+		description: "Go to payment (when cart has items)",
+		category: "Sale"
+	});
+	useKeyboardShortcut("f6", () => handleParkSale(), {
+		description: "Park sale (hold for later)",
+		category: "Sale"
+	});
+	useKeyboardShortcut("f7", () => setParkedDrawerOpen(true), {
+		description: "Open parked sales",
+		category: "Sale"
+	});
+	const lookupAndAdd = useCallback(async (code) => {
+		const trimmed = code.trim();
+		if (!trimmed || !branchId) return;
+		const result = await lookupMutation.lookup({
+			code: trimmed,
+			branchId
+		});
+		if (!result?.product) {
+			toast.error("Product not found");
+			return;
+		}
+		const { product: lookupProduct, variantSku } = result;
+		const normalizedProduct = products.find((p) => p._id === lookupProduct._id) ?? {
+			_id: lookupProduct._id,
+			name: lookupProduct.name,
+			slug: lookupProduct.slug ?? lookupProduct._id,
+			productType: lookupProduct.productType,
+			status: "active",
+			createdAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+			updatedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+			categorySlug: lookupProduct.category,
+			images: lookupProduct.images,
+			variants: lookupProduct.variants?.map((v) => ({
+				...v,
+				isActive: true
+			})),
+			costPrice: lookupProduct.costPrice
+		};
+		cart.addToCart(normalizedProduct, variantSku || void 0);
+	}, [
+		branchId,
+		lookupMutation,
+		products,
+		cart
+	]);
+	useBarcodeScan((event) => {
+		lookupAndAdd(event.code);
+	}, { minCodeLength: 4 });
+	const handleBarcodeSubmit = useCallback(async (e) => {
+		e.preventDefault();
+		const code = barcodeInput;
+		setBarcodeInput("");
+		await lookupAndAdd(code);
+	}, [barcodeInput, lookupAndAdd]);
+	const handleOpenVariantSelector = useCallback((product) => {
+		setSelectedProductForVariant(product);
+		setVariantSelectorOpen(true);
+	}, []);
+	const handleVariantSelected = useCallback((variantSku) => {
+		if (selectedProductForVariant) cart.addToCart(selectedProductForVariant, variantSku);
+	}, [selectedProductForVariant, cart]);
+	const handleCheckout = useCallback(() => {
+		if (cart.cart.length === 0) {
+			toast.error("Cart is empty");
+			return;
+		}
+		dispatch({ type: "GO_TO_PAYMENT" });
+	}, [cart.cart.length, dispatch]);
+	const handleParkSale = useCallback(() => {
+		if (cart.cart.length === 0) {
+			toast.error("Nothing to park — cart is empty");
+			return;
+		}
+		if (!multiOrder.canPark) {
+			toast.error("Maximum 5 parked sales reached. Resume or discard one first.");
+			return;
+		}
+		const customerLabel = customer.customerName.trim() || "Walk-in";
+		const itemCount = cart.cart.reduce((sum, it) => sum + it.quantity, 0);
+		multiOrder.parkOrder({
+			label: `${customerLabel} — ${itemCount} ${itemCount === 1 ? "item" : "items"}`,
+			cart: cart.cart,
+			customerName: customer.customerName,
+			customerPhone: customer.customerPhone,
+			membershipCardId: cart.membershipCardId,
+			discountInput: cart.discountInput
+		});
+		cart.resetCart();
+		customer.resetCustomer();
+		toast.success("Sale parked");
+	}, [
+		cart,
+		customer,
+		multiOrder
+	]);
+	const handleResumeSale = useCallback((id) => {
+		if (cart.cart.length > 0) {
+			if (!window.confirm("Replace current cart with the parked sale?")) return;
+		}
+		const order = multiOrder.resumeOrder(id);
+		if (!order) {
+			toast.error("Parked sale not found");
+			return;
+		}
+		cart.replaceCart(order.cart);
+		cart.setDiscountInput(order.discountInput);
+		cart.setMembershipCardId(order.membershipCardId);
+		customer.setCustomerName(order.customerName);
+		customer.setCustomerPhone(order.customerPhone);
+		setParkedDrawerOpen(false);
+		toast.success(`Resumed: ${order.label}`);
+	}, [
+		cart,
+		customer,
+		multiOrder
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ jsx(ResponsiveSplitLayout, {
+				className: "flex-1 min-h-0",
+				defaultLayout: [65, 35],
+				minSizes: [40, 25],
+				persistLayoutKey: "pos-products-cart-split",
+				mobileVariant: "tabs",
+				mobileTabsPreset: "line",
+				rightPanelClassName: "bg-card",
+				leftPanel: {
+					title: "Products",
+					icon: /* @__PURE__ */ jsx(ShoppingBag, { className: "h-4 w-4" }),
+					content: /* @__PURE__ */ jsx(ProductsPanel, {
+						barcodeInput,
+						categories,
+						isLookingUp: lookupMutation.isLooking,
+						onBarcodeInputChange: setBarcodeInput,
+						onBarcodeSubmit: handleBarcodeSubmit,
+						onCategoryChange: setSelectedCategory,
+						onOpenVariantSelector: handleOpenVariantSelector,
+						onProductAdd: cart.addToCart,
+						products,
+						productsLoading,
+						searchQuery,
+						selectedCategory,
+						onSearchChange: (value) => {
+							setSearchQuery(value);
+							if (!value.trim()) setAppliedSearch("");
+						},
+						onSearchSubmit: () => setAppliedSearch(searchQuery)
+					})
+				},
+				rightPanel: {
+					title: "Cart",
+					icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }),
+					content: /* @__PURE__ */ jsx(CartSidebar, {
+						cart,
+						customer,
+						membership,
+						orderTotals,
+						discountAuth,
+						onCheckout: handleCheckout,
+						onRequestDiscountAuth: () => setDiscountAuthDialogOpen(true),
+						onClearDiscountAuth: () => {
+							discountAuth.clearAuth();
+							cart.setDiscountInput("");
+						},
+						onParkSale: handleParkSale,
+						onOpenParked: () => setParkedDrawerOpen(true),
+						parkedCount: multiOrder.orders.length,
+						canPark: multiOrder.canPark
+					})
+				}
+			}),
+			/* @__PURE__ */ jsx(ParkedOrdersDrawer, {
+				open: parkedDrawerOpen,
+				onOpenChange: setParkedDrawerOpen,
+				orders: multiOrder.orders,
+				onResume: handleResumeSale,
+				onDelete: multiOrder.deleteOrder
+			}),
+			/* @__PURE__ */ jsx(VariantSelectorDialog, {
+				product: selectedProductForVariant,
+				open: variantSelectorOpen,
+				onOpenChange: setVariantSelectorOpen,
+				onSelect: handleVariantSelected
+			}),
+			/* @__PURE__ */ jsx(CustomerLookupDialog, {
+				open: customer.lookupDialogOpen,
+				onOpenChange: customer.setLookupDialogOpen,
+				searchValue: customer.customerSearch,
+				onSearchValueChange: customer.setCustomerSearch,
+				onSearch: customer.triggerSearch,
+				results: customer.customerResults,
+				isLoading: customer.isSearching,
+				onSelect: customer.selectCustomer,
+				onCreate: () => {
+					customer.setLookupDialogOpen(false);
+					customer.setCreateDialogOpen(true);
+				}
+			}),
+			/* @__PURE__ */ jsx(CustomerQuickAddDialog, {
+				token,
+				open: customer.createDialogOpen,
+				onOpenChange: customer.setCreateDialogOpen,
+				defaultName: customer.customerName,
+				defaultPhone: isValidPhone(customer.customerSearch.trim()) ? customer.customerSearch.trim() : customer.customerPhone,
+				onCreated: customer.handleCustomerCreated
+			}),
+			/* @__PURE__ */ jsx(ManagerAuthDialog, {
+				open: discountAuthDialogOpen,
+				onOpenChange: (open) => {
+					setDiscountAuthDialogOpen(open);
+					if (!open) discountAuth.reset();
+				},
+				onAuthorize: discountAuth.authorize,
+				isPending: discountAuth.isPending,
+				error: discountAuth.error,
+				title: "Discount Authorization",
+				description: "Enter manager or admin credentials to authorize discounts for this sale."
+			})
+		]
+	});
+}
+
+//#endregion
+export { ProductScreen };

package/dist/screens/ReceiptScreen.js

@@ -0,0 +1,288 @@
+"use client";
+
+import { usePosBranch } from "../runtime/branch-port.js";
+import { RECEIPT_DOM_ID } from "../hardware/web-adapter.js";
+import { useHardware } from "../hardware/context.js";
+import { usePrinterAvailability } from "../hardware/use-printer-availability.js";
+import { usePosContext } from "../state/pos-context.js";
+import { formatPaisa } from "../lib/money.js";
+import { useCallback, useMemo } from "react";
+import { useKeyboardShortcut } from "@classytic/fluid/client/hooks";
+import { PrintableView, ResponsiveSplitLayout } from "@classytic/fluid/client/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, Plus, Printer, ReceiptText } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { getReceiptLocale, paymentMethodLabel } from "@classytic/commerce-sdk/client";
+import { DocumentFooter, DocumentHeader, DocumentLineTable, DocumentPage, DocumentParty, DocumentSummary } from "@classytic/fluid/document";
+
+//#region src/screens/ReceiptScreen.tsx
+/**
+* ReceiptScreen — Post-checkout receipt with print + new sale.
+*
+* Composed from fluid's `document/*` family:
+*   - `<DocumentPage size="receipt">` — 80mm thermal-receipt width, prints
+*     via @page CSS in `printDocument()` isolation
+*   - `<DocumentHeader>` — branch name, contact, document title/number/date
+*   - `<DocumentParty>` — customer block (skipped for walk-ins / pending phones)
+*   - `<DocumentLineTable compact>` — line items
+*   - `<DocumentSummary>` — subtotal/discount/tax/total + change due
+*   - `<DocumentFooter>` — thanks + loyalty notes
+*   - `<PrintableView id="pos-receipt">` — print-isolation root
+*   - `printDocument("pos-receipt")` — driven by the printer port
+*
+* The `ReceiptPayload` for the printer port is built from the same
+* receipt object so Tauri / agent adapters get a structured render
+* payload (lines, payments, customer, change) when they replace the
+* web stub.
+*/
+function isShownPhone(phone) {
+	return Boolean(phone && !phone.startsWith("pending_"));
+}
+function buildReceiptPayload(receipt, branchName, branchPhone) {
+	const items = receipt.items ?? [];
+	const customerName = receipt.customer?.name?.trim() ?? "";
+	const showCustomer = customerName.length > 0 && customerName !== "Walk-in Customer";
+	const customerPhoneRaw = receipt.customer?.phone ?? null;
+	return {
+		branch: {
+			name: branchName,
+			phone: branchPhone
+		},
+		shift: {
+			id: "",
+			cashierId: "",
+			cashierName: receipt.cashier ?? ""
+		},
+		order: {
+			number: String(receipt.orderNumber ?? ""),
+			placedAt: receipt.date ? new Date(receipt.date) : /* @__PURE__ */ new Date(),
+			lines: items.map((item) => ({
+				name: item.name,
+				variant: item.variant,
+				qty: item.quantity,
+				unitPrice: item.unitPrice ?? 0,
+				total: item.total,
+				taxRate: item.vatRate,
+				taxAmount: item.vatAmount
+			})),
+			subtotal: receipt.subtotal ?? 0,
+			tax: receipt.vat?.amount ?? 0,
+			discount: receipt.discount,
+			deliveryFee: receipt.deliveryCharge,
+			grandTotal: receipt.total ?? 0,
+			currency: getReceiptLocale().currency
+		},
+		payments: receipt.payment ? [{
+			method: receipt.payment.method,
+			amount: receipt.payment.amount ?? receipt.total ?? 0,
+			reference: receipt.payment.reference
+		}] : [],
+		customer: showCustomer ? {
+			name: customerName,
+			phone: isShownPhone(customerPhoneRaw) ? customerPhoneRaw : void 0,
+			loyaltyId: receipt.membership?.cardId
+		} : void 0
+	};
+}
+function buildDocumentLines(receipt) {
+	return (receipt.items ?? []).map((item, idx) => {
+		const subtotal = (item.unitPrice ?? 0) * item.quantity;
+		return {
+			sequence: idx + 1,
+			description: item.name + (item.variant ? ` (${item.variant})` : ""),
+			quantity: item.quantity,
+			uom: "pcs",
+			unitPrice: item.unitPrice ?? 0,
+			discountType: "flat",
+			discountValue: 0,
+			subtotal,
+			taxRate: item.vatRate ?? 0,
+			taxAmount: item.vatAmount ?? 0,
+			lineTotal: item.total,
+			formatted: {
+				unitPrice: formatPaisa(item.unitPrice ?? 0),
+				subtotal: formatPaisa(subtotal),
+				taxAmount: formatPaisa(item.vatAmount ?? 0),
+				lineTotal: formatPaisa(item.total)
+			}
+		};
+	});
+}
+function ReceiptScreen() {
+	const { state, dispatch } = usePosContext();
+	const selectedBranch = usePosBranch();
+	const hardware = useHardware();
+	const { available: printerAvailable, checking: printerChecking } = usePrinterAvailability();
+	const receipt = state.lastReceipt;
+	const branchName = selectedBranch?.name || receipt?.branch?.name || "Store";
+	const branchPhone = selectedBranch?.phone || receipt?.branch?.phone;
+	const lines = useMemo(() => receipt ? buildDocumentLines(receipt) : [], [receipt]);
+	const handlePrint = useCallback(() => {
+		if (!receipt) return;
+		hardware.printer.print(buildReceiptPayload(receipt, branchName, branchPhone)).catch((err) => {
+			console.warn("[pos] print failed", err);
+		});
+	}, [
+		hardware.printer,
+		receipt,
+		branchName,
+		branchPhone
+	]);
+	const handleNewSale = useCallback(() => {
+		dispatch({ type: "NEW_SALE" });
+	}, [dispatch]);
+	useKeyboardShortcut("f2", handleNewSale, {
+		description: "New sale",
+		category: "Sale"
+	});
+	useKeyboardShortcut("mod+p", handlePrint, {
+		description: "Print receipt",
+		category: "Sale"
+	});
+	if (!receipt) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "No receipt data available"
+			}), /* @__PURE__ */ jsxs(Button, {
+				className: "mt-4",
+				onClick: handleNewSale,
+				children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }), "New Sale"]
+			})]
+		})
+	});
+	const customerName = receipt.customer?.name?.trim() ?? "";
+	const showCustomer = customerName.length > 0 && customerName !== "Walk-in Customer";
+	const customerPhone = isShownPhone(receipt.customer?.phone) ? receipt.customer.phone : null;
+	const locale = getReceiptLocale();
+	const summaryExtra = receipt.payment ? [{
+		label: `Paid (${paymentMethodLabel(receipt.payment.method)})`,
+		value: formatPaisa(receipt.payment.amount ?? receipt.total ?? 0),
+		muted: true,
+		separator: true
+	}] : [];
+	if (receipt.membership?.pointsEarned && receipt.membership.pointsEarned > 0) summaryExtra.push({
+		label: "Points earned",
+		value: `+${receipt.membership.pointsEarned}`,
+		muted: true,
+		separator: false
+	});
+	return /* @__PURE__ */ jsx(ResponsiveSplitLayout, {
+		className: "h-full",
+		defaultLayout: [40, 60],
+		minSizes: [25, 30],
+		persistLayoutKey: "pos-receipt-split",
+		mobileVariant: "tabs",
+		mobileTabsPreset: "line",
+		rightPanelClassName: "bg-muted/30",
+		leftPanel: {
+			title: "Done",
+			icon: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
+			content: /* @__PURE__ */ jsxs("div", {
+				className: "flex h-full flex-col items-center justify-center gap-6 p-8",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-3 text-center",
+						children: [
+							/* @__PURE__ */ jsx(CheckCircle2, { className: "h-16 w-16 text-green-500" }),
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-2xl font-bold",
+								children: "Sale Complete"
+							}),
+							receipt.orderNumber && /* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground",
+								children: ["Order #", receipt.orderNumber]
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-3xl font-bold tabular-nums mt-2",
+								children: formatPaisa(receipt.total || 0)
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-3 w-full max-w-xs",
+						children: [/* @__PURE__ */ jsxs(Button, {
+							size: "lg",
+							className: "h-14 text-lg",
+							onClick: handlePrint,
+							disabled: !printerAvailable && !printerChecking,
+							title: printerChecking ? "Checking printer..." : printerAvailable ? "Print receipt (Ctrl+P)" : "No printer reachable — set POS_PRINTER_HOST or check network",
+							children: [/* @__PURE__ */ jsx(Printer, { className: "h-5 w-5 mr-2" }), "Print Receipt"]
+						}), /* @__PURE__ */ jsxs(Button, {
+							size: "lg",
+							variant: "outline",
+							className: "h-14 text-lg",
+							onClick: handleNewSale,
+							children: [/* @__PURE__ */ jsx(Plus, { className: "h-5 w-5 mr-2" }), "New Sale (F2)"]
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs text-muted-foreground mt-4",
+						children: printerAvailable ? "Ctrl+P to print" : "No printer reachable"
+					})
+				]
+			})
+		},
+		rightPanel: {
+			title: "Receipt",
+			icon: /* @__PURE__ */ jsx(ReceiptText, { className: "h-4 w-4" }),
+			content: /* @__PURE__ */ jsx("div", {
+				className: "flex h-full items-start justify-center overflow-y-auto p-8",
+				children: /* @__PURE__ */ jsx(PrintableView, {
+					id: RECEIPT_DOM_ID,
+					className: "bg-white dark:bg-card shadow-lg",
+					children: /* @__PURE__ */ jsxs(DocumentPage, {
+						size: "receipt",
+						children: [
+							/* @__PURE__ */ jsx(DocumentHeader, {
+								companyName: branchName,
+								companyContact: branchPhone,
+								...receipt.vat?.sellerBin ? { companyTaxId: `${locale.taxIdLabel}: ${receipt.vat.sellerBin}` } : {},
+								documentTitle: "Receipt",
+								documentNumber: receipt.orderNumber,
+								date: receipt.date ?? ""
+							}),
+							showCustomer && /* @__PURE__ */ jsx(DocumentParty, {
+								billTo: {
+									name: customerName,
+									...customerPhone ? { contact: customerPhone } : {},
+									...receipt.membership?.cardId ? { extra: { Loyalty: receipt.membership.cardId } } : {}
+								},
+								billToLabel: "Customer"
+							}),
+							/* @__PURE__ */ jsx(DocumentLineTable, {
+								lines,
+								columns: [
+									"description",
+									"quantity",
+									"lineTotal"
+								],
+								showSequence: false,
+								compact: true
+							}),
+							/* @__PURE__ */ jsx(DocumentSummary, {
+								subtotal: formatPaisa(receipt.subtotal ?? 0),
+								...receipt.discount && receipt.discount > 0 ? { discount: formatPaisa(receipt.discount) } : {},
+								...receipt.vat?.amount && receipt.vat.amount > 0 ? { tax: formatPaisa(receipt.vat.amount) } : {},
+								total: formatPaisa(receipt.total ?? 0),
+								extraRows: summaryExtra,
+								currency: locale.currency,
+								labels: { tax: locale.taxLabel },
+								width: "w-full"
+							}),
+							/* @__PURE__ */ jsx(DocumentFooter, { notes: /* @__PURE__ */ jsx("p", {
+								className: "text-center",
+								children: locale.thankYouText
+							}) })
+						]
+					})
+				})
+			})
+		}
+	});
+}
+
+//#endregion
+export { ReceiptScreen };