@classytic/pos-ui 0.1.0 → 1.2.0

package/dist/components/ReceiptReprintDialog.js

@@ -1,14 +1,18 @@
 "use client";
 
 import { usePosBranch } from "../runtime/branch-port.js";
-import { formatPaisa } from "../lib/money.js";
-import { transformOrderToReceipt } from "../utils/pos-helpers.js";
-import { useMemo } from "react";
+import { isTauri } from "../hardware/tauri-adapter.js";
+import { readAgentPairing } from "../hardware/agent-pairing.js";
+import { formatMinor } from "../lib/money.js";
+import { useHardware } from "../hardware/context.js";
+import { buildReceiptPayload, transformOrderToReceipt } from "../utils/pos-helpers.js";
+import { useCallback, useMemo } from "react";
 import { PrintableView, printDocument } from "@classytic/fluid/client/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Printer } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { getReceiptLocale, paymentMethodLabel } from "@classytic/commerce-sdk/client";
+import { toast } from "sonner";
 import { DocumentFooter, DocumentHeader, DocumentLineTable, DocumentPage, DocumentParty, DocumentSummary } from "@classytic/fluid/document";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 
@@ -26,10 +30,18 @@ import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "
 * locally is faster, requires no extra round-trip, and gives the host
 * full control over branding/format without involving a backend schema.
 *
-* Print path: `printDocument("pos-receipt-reprint")` isolates the rendered
-* `<PrintableView>` and triggers `window.print()` (or ESC/POS via Tauri).
-* The DOM id is intentionally *different* from the live ReceiptScreen's
-* `pos-receipt` so a reprint never clobbers an in-flight sale.
+* Print path: for the plain browser (no agent paired, no Tauri),
+* `printDocument("pos-receipt-reprint")` isolates the rendered
+* `<PrintableView>` and triggers `window.print()` directly — the DOM id is
+* intentionally *different* from the live ReceiptScreen's `pos-receipt` so
+* a reprint never clobbers an in-flight sale, and the web adapter's port
+* always targets the LIVE screen's DOM id, not this one.
+*
+* When an agent is paired or Tauri is active, this instead routes through
+* `hardware.printer.print(payload, "reprint")` — those adapters use the
+* structured `ReceiptPayload`, not DOM, so they reach the real thermal
+* printer correctly. Before this, a reprint ALWAYS called `printDocument()`
+* regardless of adapter, so a paired ESC/POS printer never received one.
 */
 const REPRINT_DOM_ID = "pos-receipt-reprint";
 function isShownPhone(phone) {
@@ -51,31 +63,46 @@ function buildLines(receipt) {
 			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)
+				unitPrice: formatMinor(item.unitPrice ?? 0),
+				subtotal: formatMinor(subtotal),
+				taxAmount: formatMinor(item.vatAmount ?? 0),
+				lineTotal: formatMinor(item.total)
 			}
 		};
 	});
 }
 function ReceiptReprintDialog({ order, open, onOpenChange }) {
 	const selectedBranch = usePosBranch();
+	const hardware = useHardware();
 	const receipt = useMemo(() => {
 		if (!order) return null;
-		return transformOrderToReceipt(order, {
+		const branchInfo = {
 			name: selectedBranch?.name ?? "Store",
 			...selectedBranch?.phone ? { phone: selectedBranch.phone } : {}
-		});
+		};
+		return transformOrderToReceipt(order, branchInfo);
 	}, [
 		order,
 		selectedBranch?.name,
 		selectedBranch?.phone
 	]);
-	const handlePrint = () => {
+	const handlePrint = useCallback(() => {
 		if (!receipt) return;
-		printDocument(REPRINT_DOM_ID);
-	};
+		if (!isTauri() && !readAgentPairing()) {
+			printDocument(REPRINT_DOM_ID);
+			return;
+		}
+		const payload = buildReceiptPayload(receipt, selectedBranch?.name ?? receipt.branch?.name ?? "Store", selectedBranch?.phone ?? receipt.branch?.phone);
+		hardware.printer.print(payload, "reprint").then((outcome) => {
+			if (outcome === "confirmed") return;
+			toast.error(outcome === "unknown" ? "Printer status unknown — it may have already printed." : "Couldn't reach the printer.");
+		});
+	}, [
+		receipt,
+		hardware.printer,
+		selectedBranch?.name,
+		selectedBranch?.phone
+	]);
 	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;
@@ -83,7 +110,7 @@ function ReceiptReprintDialog({ order, open, onOpenChange }) {
 	const summaryExtra = [];
 	if (receipt?.payment) summaryExtra.push({
 		label: `Paid (${paymentMethodLabel(receipt.payment.method)})`,
-		value: formatPaisa(receipt.payment.amount ?? receipt.total ?? 0),
+		value: formatMinor(receipt.payment.amount ?? receipt.total ?? 0),
 		muted: true,
 		separator: true
 	});
@@ -144,10 +171,10 @@ function ReceiptReprintDialog({ order, open, onOpenChange }) {
 									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),
+									subtotal: formatMinor(receipt.subtotal ?? 0),
+									...receipt.discount && receipt.discount > 0 ? { discount: formatMinor(receipt.discount) } : {},
+									...receipt.vat?.amount && receipt.vat.amount > 0 ? { tax: formatMinor(receipt.vat.amount) } : {},
+									total: formatMinor(receipt.total ?? 0),
 									extraRows: summaryExtra,
 									currency: locale.currency,
 									labels: { tax: locale.taxLabel },
@@ -170,7 +197,7 @@ function ReceiptReprintDialog({ order, open, onOpenChange }) {
 					}), /* @__PURE__ */ jsxs(Button, {
 						onClick: handlePrint,
 						disabled: !receipt,
-						children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 mr-2" }), "Print"]
+						children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 me-2" }), "Print"]
 					})]
 				})
 			]

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+import { CartSidebar } from "./CartSidebar.js";
+import { PosTopBar, PosTopBarProps } from "./PosTopBar.js";
+import { PrinterSettingsDialog } from "./PrinterSettingsDialog.js";
+import { ReceiptDeliveryDialog } from "./ReceiptDeliveryDialog.js";
+import { ReceiptReprintDialog } from "./ReceiptReprintDialog.js";
+export { CartSidebar, PosTopBar, type PosTopBarProps, PrinterSettingsDialog, ReceiptDeliveryDialog, ReceiptReprintDialog };

package/dist/components/index.js

@@ -0,0 +1,7 @@
+import { PosTopBar } from "./PosTopBar.js";
+import { CartSidebar } from "./CartSidebar.js";
+import { ReceiptReprintDialog } from "./ReceiptReprintDialog.js";
+import { PrinterSettingsDialog } from "./PrinterSettingsDialog.js";
+import { ReceiptDeliveryDialog } from "./ReceiptDeliveryDialog.js";
+
+export { CartSidebar, PosTopBar, PrinterSettingsDialog, ReceiptDeliveryDialog, ReceiptReprintDialog };

package/dist/dashboard/components/CustomerLookupDialog.js

@@ -3,116 +3,134 @@
 import { customerDisplayName, customerDisplayPhone } from "../../utils/customer-display.js";
 import { getReadableTextColor, getTierColor } from "../../lib/loyalty.js";
 import { useMemo } from "react";
-import { DialogWrapper } from "@classytic/fluid/client/core";
+import { useCustomers } from "@classytic/commerce-sdk/sales";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Search, UserPlus } from "lucide-react";
+import { UserPlus } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
+import { PickerQuery, PickerResults, PickerRow, SearchPickerDialog, useLocalSearch } from "@classytic/fluid/search";
 
 //#region src/dashboard/components/CustomerLookupDialog.tsx
-function CustomerLookupDialog({ open, onOpenChange, searchValue, onSearchValueChange, onSearch, results, isLoading, onSelect, onCreate }) {
-	const showEmpty = searchValue.trim().length < 2;
-	const content = useMemo(() => {
-		if (showEmpty) return /* @__PURE__ */ jsx("div", {
-			className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground",
-			children: "Type at least 2 characters to search customers."
-		});
-		if (isLoading) return /* @__PURE__ */ jsx("div", {
-			className: "space-y-2",
-			children: [
-				1,
-				2,
-				3
-			].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }, i))
-		});
-		if (results.length === 0) return /* @__PURE__ */ jsx("div", {
-			className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground",
-			children: "No customer found."
-		});
-		return /* @__PURE__ */ jsx("div", {
-			className: "space-y-2",
-			children: results.map((customer) => /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "outline",
-				className: "w-full h-auto justify-between px-3 py-2",
-				onClick: () => onSelect(customer),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "text-left",
-					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
-						children: customerDisplayName(customer)
-					}), (() => {
-						const phone = customerDisplayPhone(customer);
-						const email = customer.contact?.email;
-						return /* @__PURE__ */ jsx("p", {
-							className: "text-xs text-muted-foreground",
-							children: phone ?? email ?? "No contact info"
-						});
-					})()]
-				}), (customer.membership?.tier || customer.revenueTier) && (() => {
-					const tierName = customer.membership?.tier || customer.revenueTier;
-					const tierColor = getTierColor(tierName);
-					const tierTextColor = getReadableTextColor(tierColor);
-					return /* @__PURE__ */ jsx(Badge, {
-						variant: "secondary",
-						className: "capitalize",
-						style: tierColor ? {
-							backgroundColor: tierColor,
-							color: tierTextColor,
-							borderColor: "transparent"
-						} : void 0,
-						children: tierName
-					});
-				})()]
-			}, customer._id))
-		});
-	}, [
-		isLoading,
-		results,
-		showEmpty
-	]);
-	return /* @__PURE__ */ jsxs(DialogWrapper, {
+/**
+* Which field a cashier is searching. PHONE leads because a till is
+* phone-first — the number is what a returning customer recites.
+*
+* ## Why the field is CHOSEN, not guessed
+*
+* This used to infer the field from the text: `isValidPhone()` → exact phone,
+* `/^\d{4,}$/` → phone contains, otherwise name. Two problems. A guess that
+* lands wrong returns an empty list, which is indistinguishable from "this
+* customer is not in the system" — the cashier creates a duplicate. And the
+* inference lived in the POS hook while the accounting picker inferred nothing,
+* so one product had two answers to "how do I find a customer". Now both
+* declare their fields the same way and the operator picks.
+*/
+const SEARCH_TYPES = [
+	{
+		value: "phone",
+		label: "Phone"
+	},
+	{
+		value: "name",
+		label: "Name"
+	},
+	{
+		value: "email",
+		label: "Email"
+	}
+];
+/** type → API param. The same `searchFields` grammar the list pages use. */
+const SEARCH_FIELDS = {
+	phone: "contact.phone[contains]",
+	name: "name.given[like]",
+	email: "contact.email[like]"
+};
+/**
+* Find a customer at the till.
+*
+* Composed from fluid's picker parts, so the till, the invoice screen and the
+* partner statement all search through ONE implementation. What stays local is
+* the row: POS shows the loyalty tier, which nothing else does — and that is
+* exactly the part a shared `renderRow` prop would have made awkward.
+*
+* Nothing is fetched until the cashier presses Search (`enabled:
+* hasActiveSearch`), so opening the dialog costs no query and the customer
+* collection is never listed.
+*/
+function CustomerLookupDialog({ open, onOpenChange, onSelect, onCreate }) {
+	const search = useLocalSearch({
+		searchFields: SEARCH_FIELDS,
+		defaultSearchType: "phone",
+		baseParams: { limit: "10" }
+	});
+	const params = search.getSearchParams();
+	const { items, isLoading, isFetching } = useCustomers(params, {
+		enabled: open && search.hasActiveSearch,
+		refetchOnWindowFocus: false
+	});
+	const results = useMemo(() => items ?? [], [items]);
+	const typed = search.searchValue.trim();
+	const prefill = search.searchType === "phone" ? { phone: typed } : { name: typed };
+	return /* @__PURE__ */ jsxs(SearchPickerDialog, {
 		open,
 		onOpenChange,
+		search,
 		title: "Find customer",
-		description: "Search by phone or name and attach loyalty info.",
-		size: "lg",
+		description: "Search by phone, name or email, then attach loyalty.",
 		footer: /* @__PURE__ */ jsxs("div", {
 			className: "flex justify-end gap-2",
 			children: [/* @__PURE__ */ jsxs(Button, {
 				variant: "outline",
-				onClick: onCreate,
-				children: [/* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4 mr-2" }), "Add new"]
+				onClick: () => onCreate(prefill),
+				children: [/* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4 me-2" }), "Add new"]
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
 				onClick: () => onOpenChange(false),
 				children: "Close"
 			})]
 		}),
+		children: [/* @__PURE__ */ jsx(PickerQuery, {
+			types: SEARCH_TYPES,
+			placeholder: "Phone, name or email"
+		}), /* @__PURE__ */ jsx(PickerResults, {
+			isLoading: isLoading || isFetching,
+			isEmpty: results.length === 0,
+			prompt: "Enter a phone number or name and press Search.",
+			empty: "No customer found — use Add new to create one.",
+			children: results.map((customer) => /* @__PURE__ */ jsx(PickerRow, {
+				onSelect: () => onSelect(customer),
+				children: /* @__PURE__ */ jsx(CustomerRow, { customer })
+			}, customer._id))
+		})]
+	});
+}
+/** The till's own row: identity plus loyalty tier. */
+function CustomerRow({ customer }) {
+	const phone = customerDisplayPhone(customer);
+	const email = customer.contact?.email;
+	const tierName = customer.membership?.tier || customer.revenueTier;
+	const tierColor = tierName ? getTierColor(tierName) : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between gap-3",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ jsx(Input, {
-				placeholder: "Phone or name",
-				value: searchValue,
-				onChange: (e) => onSearchValueChange(e.target.value),
-				onKeyDown: (e) => {
-					if (e.key === "Enter") {
-						e.preventDefault();
-						onSearch();
-					}
-				}
-			}), /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				onClick: onSearch,
-				className: "shrink-0",
-				children: [/* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }), "Search"]
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "truncate text-sm font-medium",
+				children: customerDisplayName(customer)
+			}), /* @__PURE__ */ jsx("p", {
+				className: "truncate text-xs text-muted-foreground",
+				children: phone ?? email ?? "No contact info"
 			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "pt-3",
-			children: content
-		})]
+		}), tierName ? /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: "capitalize shrink-0",
+			style: tierColor ? {
+				backgroundColor: tierColor,
+				color: getReadableTextColor(tierColor),
+				borderColor: "transparent"
+			} : void 0,
+			children: tierName
+		}) : null]
 	});
 }
 

package/dist/dashboard/components/CustomerQuickAddDialog.js

@@ -7,6 +7,7 @@ import { customerApi } from "@classytic/commerce-sdk/sales";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getReceiptLocale, isValidPhone } from "@classytic/commerce-sdk/client";
 import { toast } from "sonner";
+import { presentError } from "@classytic/fluid/error-contract";
 import { Input } from "@/components/ui/input";
 
 //#region src/dashboard/components/CustomerQuickAddDialog.tsx
@@ -61,7 +62,8 @@ function CustomerQuickAddDialog({ token, open, onOpenChange, defaultName, defaul
 			onCreated(created);
 			onOpenChange(false);
 		} catch (error) {
-			toast.error(error instanceof Error ? error.message : "Failed to create customer");
+			const { title, message } = presentError(error, "The customer was not saved. Try again.", { fallbackTitle: "Could not add the customer" });
+			toast.error(title, { description: message });
 		} finally {
 			setIsSaving(false);
 		}

package/dist/dashboard/components/DeliveryPanel.js

@@ -0,0 +1,134 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Banknote, Store, Truck } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+//#region src/dashboard/components/DeliveryPanel.tsx
+/**
+* Delivery + payment-term controls for the sale being rung.
+*
+* Two decisions, deliberately rendered as two separate choices because they are
+* orthogonal: WHERE the goods go, and WHEN the customer pays. A phone order can be
+* prepaid by bKash and shipped; a walk-in can pay cash for something delivered
+* tomorrow.
+*
+* ## Collect-on-delivery is shown only where the deployment allows it
+*
+* `collectOnDeliveryEnabled` comes from the host (`PosShellProps.sales`), and it
+* decides whether the CONTROL RENDERS — never whether the sale is permitted. The
+* server is the authority and refuses an undeclared COD sale with
+* `PAYMENT_TERM_NOT_ENABLED`, so a host flag that disagrees produces a visible
+* error, not a sale that quietly books wrong. That asymmetry is the point: this is
+* a UI affordance, not a second copy of the policy.
+*
+* The option also only appears for a DELIVERY sale. "Collect on delivery" names a
+* delivery that has not happened yet; on a carryout the customer is standing at the
+* counter, so there is no later collection and the term is meaningless.
+*/
+function DeliveryPanel({ delivery, collectOnDeliveryEnabled, disabled }) {
+	const isDelivery = delivery.method === "delivery";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3 rounded-lg border p-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-2 gap-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: delivery.method === "pickup" ? "default" : "outline",
+				className: "h-11 text-sm",
+				disabled,
+				onClick: () => delivery.setMethod("pickup"),
+				children: [/* @__PURE__ */ jsx(Store, { className: "h-4 w-4 me-2" }), "Carryout"]
+			}), /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: isDelivery ? "default" : "outline",
+				className: "h-11 text-sm",
+				disabled,
+				onClick: () => delivery.setMethod("delivery"),
+				children: [/* @__PURE__ */ jsx(Truck, { className: "h-4 w-4 me-2" }), "Delivery"]
+			})]
+		}), isDelivery && /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					placeholder: "Recipient name",
+					value: delivery.address.recipientName,
+					disabled,
+					onChange: (e) => delivery.setAddressField("recipientName", e.target.value)
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					placeholder: "Recipient phone",
+					inputMode: "tel",
+					value: delivery.address.recipientPhone,
+					disabled,
+					onChange: (e) => delivery.setAddressField("recipientPhone", e.target.value)
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					placeholder: "Address *",
+					value: delivery.address.addressLine1,
+					disabled,
+					onChange: (e) => delivery.setAddressField("addressLine1", e.target.value)
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: [/* @__PURE__ */ jsx(Input, {
+						placeholder: "City / town *",
+						value: delivery.address.city,
+						disabled,
+						onChange: (e) => delivery.setAddressField("city", e.target.value)
+					}), /* @__PURE__ */ jsx(Input, {
+						placeholder: "Area",
+						value: delivery.address.area,
+						disabled,
+						onChange: (e) => delivery.setAddressField("area", e.target.value)
+					})]
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					placeholder: "Delivery note (landmark, timing)",
+					value: delivery.address.note,
+					disabled,
+					onChange: (e) => delivery.setAddressField("note", e.target.value)
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					placeholder: "Delivery charge",
+					inputMode: "decimal",
+					value: delivery.feeInput,
+					disabled,
+					onChange: (e) => delivery.setFeeInput(e.target.value)
+				}),
+				collectOnDeliveryEnabled && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2 pt-1",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-2 gap-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: delivery.paymentTerm === "prepaid" ? "default" : "outline",
+							className: "h-10 text-sm",
+							disabled,
+							onClick: () => delivery.setPaymentTerm("prepaid"),
+							children: "Pay now"
+						}), /* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: delivery.paymentTerm === "collect_on_delivery" ? "default" : "outline",
+							className: "h-10 text-sm",
+							disabled,
+							onClick: () => delivery.setPaymentTerm("collect_on_delivery"),
+							children: [/* @__PURE__ */ jsx(Banknote, { className: "h-4 w-4 me-2" }), "Cash on delivery"]
+						})]
+					}), delivery.paymentTerm === "collect_on_delivery" && /* @__PURE__ */ jsxs("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"No payment is taken now. The courier collects ",
+							delivery.fee > 0 ? "the goods and the delivery charge" : "the full amount",
+							" on delivery, and this sale adds nothing to the drawer."
+						]
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { DeliveryPanel };

package/dist/dashboard/components/ProductCard.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { formatBdt } from "../../lib/money.js";
+import { formatMajor } from "../../lib/money.js";
 import { cn } from "../../lib/cn.js";
 import { calculateVariantPrice, getAvailableVariants, getPosPrice, getPosProductImage, isVariantProduct } from "@classytic/commerce-sdk/sales";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,8 +10,18 @@ import { Card, CardContent } from "@/components/ui/card";
 //#region src/dashboard/components/ProductCard.tsx
 function ProductCard({ product, onAddToCart, onOpenVariantSelector }) {
 	const hasVariants = isVariantProduct(product);
-	const inStock = product.branchStock?.inStock ?? false;
-	const lowStock = product.branchStock?.lowStock ?? false;
+	/**
+	* Is this product COUNTED at all? Per-product, absent ⇒ tracked (the catalog default).
+	*
+	* A membership month, a PT session and a haircut hold no stock, so every stock signal
+	* below is meaningless for them — and the defaults all resolve to "unavailable":
+	* `inStock ?? false` refused them outright, and `quantity ?? 0` rendered "Qty: 0" beside
+	* a ৳3,000 membership. An untracked product is always sellable and has no quantity to
+	* show, which is what `isInStock` in the SDK now says too.
+	*/
+	const tracked = product.inventory?.stockTracked !== false;
+	const inStock = tracked ? product.branchStock?.inStock ?? false : true;
+	const lowStock = tracked ? product.branchStock?.lowStock ?? false : false;
 	const stockQty = product.branchStock?.quantity ?? 0;
 	const getPriceDisplay = () => {
 		if (!hasVariants) return {
@@ -46,7 +56,7 @@ function ProductCard({ product, onAddToCart, onOpenVariantSelector }) {
 			className: "p-0",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: "absolute top-2 right-2 z-10 flex flex-col gap-1 items-end",
+					className: "absolute top-2 end-2 z-10 flex flex-col gap-1 items-end",
 					children: [!inStock ? /* @__PURE__ */ jsx(Badge, {
 						variant: "destructive",
 						className: "text-xs shadow-md",
@@ -79,10 +89,10 @@ function ProductCard({ product, onAddToCart, onOpenVariantSelector }) {
 						children: [/* @__PURE__ */ jsxs("span", {
 							className: "text-base font-bold text-primary",
 							children: [showFrom && /* @__PURE__ */ jsx("span", {
-								className: "text-xs font-normal text-muted-foreground mr-1",
+								className: "text-xs font-normal text-muted-foreground me-1",
 								children: "From"
-							}), formatBdt(displayPrice)]
-						}), inStock && /* @__PURE__ */ jsxs("span", {
+							}), formatMajor(displayPrice)]
+						}), tracked && inStock && /* @__PURE__ */ jsxs("span", {
 							className: "text-xs text-muted-foreground",
 							children: ["Qty: ", stockQty]
 						})]

package/dist/dashboard/components/ProductsPanel.js

@@ -24,11 +24,11 @@ const ProductsPanel = memo(function ProductsPanel({ searchQuery, selectedCategor
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							className: "relative flex-1",
-							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, {
+							children: [/* @__PURE__ */ jsx(Search, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
 								placeholder: "Search products...",
 								value: searchQuery,
 								onChange: (e) => onSearchChange(e.target.value),
-								className: "pl-9"
+								className: "ps-9"
 							})]
 						}),
 						/* @__PURE__ */ jsx(Button, {
@@ -52,11 +52,11 @@ const ProductsPanel = memo(function ProductsPanel({ searchQuery, selectedCategor
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ jsx(Barcode, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+						children: [/* @__PURE__ */ jsx(Barcode, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
 							placeholder: "Scan barcode or SKU...",
 							value: barcodeInput,
 							onChange: (e) => onBarcodeInputChange(e.target.value),
-							className: "pl-9",
+							className: "ps-9",
 							disabled: isLookingUp
 						})]
 					}), /* @__PURE__ */ jsx(Button, {

package/dist/dashboard/components/SplitPaymentPanel.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { formatBdt } from "../../lib/money.js";
+import { formatMajor } from "../../lib/money.js";
 import { cn } from "../../lib/cn.js";
 import { useMemo } from "react";
 import { SelectDropdown } from "@classytic/fluid/client/core";
@@ -40,7 +40,7 @@ function SplitPaymentPanel({ options, entries, total, remaining, onAdd, onRemove
 					size: "sm",
 					className: "h-8",
 					onClick: () => onAdd(),
-					children: [/* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 mr-1" }), "Add"]
+					children: [/* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 me-1" }), "Add"]
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -92,7 +92,7 @@ function SplitPaymentPanel({ options, entries, total, remaining, onAdd, onRemove
 									size: "sm",
 									className: "h-6 px-2",
 									onClick: () => onUpdate(entry.id, { amount: String(remainingForRow) }),
-									children: ["Fill ", formatBdt(remainingForRow)]
+									children: ["Fill ", formatMajor(remainingForRow)]
 								})]
 							}),
 							needsRef && /* @__PURE__ */ jsx(Input, {
@@ -113,13 +113,13 @@ function SplitPaymentPanel({ options, entries, total, remaining, onAdd, onRemove
 				className: "flex items-center justify-between text-xs text-muted-foreground",
 				children: [/* @__PURE__ */ jsxs("span", { children: ["Total: ", /* @__PURE__ */ jsx("span", {
 					className: "font-medium text-foreground",
-					children: formatBdt(total)
+					children: formatMajor(total)
 				})] }), /* @__PURE__ */ jsxs("span", { children: [
 					"Remaining:",
 					" ",
 					/* @__PURE__ */ jsx("span", {
 						className: remaining === 0 ? "font-medium text-foreground" : "text-destructive font-medium",
-						children: formatBdt(remaining)
+						children: formatMajor(remaining)
 					})
 				] })]
 			})