@classytic/pos-ui 0.2.0 → 1.2.0

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

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/runtime/auth-port.d.ts
 /**
  * `PosAuthPort` — the auth seam the POS app needs, injected by the host.
@@ -34,10 +33,7 @@ interface PosAuthPort {
     user: PosSessionUser;
   }>;
 }
-declare function PosAuthProvider({
-  auth,
-  children
-}: {
+declare function PosAuthProvider({ auth, children }: {
   auth: PosAuthPort;
   children: ReactNode;
 }): import("react").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/runtime/branch-port.d.ts
 /**
  * `PosBranchPort` — the active-branch seam, injected by the host. POS is
@@ -23,10 +22,7 @@ interface PosBranchPort {
   /** Reactive active branch (null before one is selected). */
   useActiveBranch: () => PosBranch | null;
 }
-declare function PosBranchProvider({
-  branch,
-  children
-}: {
+declare function PosBranchProvider({ branch, children }: {
   branch: PosBranchPort;
   children: ReactNode;
 }): import("react").JSX.Element;

package/dist/runtime/config.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/runtime/config.d.ts
 /**
  * `PosRuntime` — host-provided runtime services that are genuinely app/
@@ -12,13 +11,51 @@ 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
-}: {
+declare function PosRuntimeProvider({ runtime, children }: {
   runtime: PosRuntime;
   children: ReactNode;
 }): import("react").JSX.Element;
 declare function usePosRuntime(): PosRuntime;
+/**
+ * Which SALES CAPABILITIES this deployment has turned on.
+ *
+ * Deliberately narrow, and every flag defaults to OFF. A capability the host has
+ * not declared must not render a control, because the server refuses the request
+ * and the cashier is left with an option that never works.
+ *
+ * ## This decides what RENDERS, never what is ALLOWED
+ *
+ * The server is the authority: `@spinekit/pos` refuses a collect-on-delivery sale
+ * unless the deployment declared `paymentTerms.collectOnDelivery`, and it refuses
+ * loudly (`PAYMENT_TERM_NOT_ENABLED`, 400). So a host flag that disagrees produces
+ * a visible error rather than a sale that books wrong — which is why a UI-side
+ * copy of the flag is acceptable here at all.
+ *
+ * That asymmetry is the whole design. The failure this avoids is the one AGENTS.md
+ * names: a UI rendering an option with no server behind it that silently no-ops.
+ * Here the mismatch is impossible to miss.
+ */
+interface PosSalesCapabilities {
+  /**
+   * May the till take a collect-on-delivery order (no money now, courier collects)?
+   *
+   * OFF unless declared. A COD sale is an order with no money against it, so the
+   * deployment needs a sales profile whose money is a receivable, a settlement path
+   * for the courier's remittance, and a cancellation path for a refused delivery.
+   */
+  collectOnDelivery?: boolean | undefined;
+}
+declare function PosSalesCapabilitiesProvider({ sales, children }: {
+  sales: PosSalesCapabilities;
+  children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Does NOT throw when unprovided, unlike the other runtime seams.
+ *
+ * An absent declaration is a complete answer here — "this deployment enabled
+ * nothing extra" — and it is the safe one, because every flag is off. Throwing
+ * would force every existing host to edit its mount for a feature it does not use.
+ */
+declare function usePosSalesCapabilities(): PosSalesCapabilities;
 //#endregion
-export { PosRuntime, PosRuntimeProvider, usePosRuntime };
+export { PosRuntime, PosRuntimeProvider, PosSalesCapabilities, PosSalesCapabilitiesProvider, usePosRuntime, usePosSalesCapabilities };

package/dist/runtime/config.js

@@ -16,6 +16,23 @@ function usePosRuntime() {
 	if (!ctx) throw new Error("usePosRuntime() must be used within <PosShell> / <PosRuntimeProvider>. Inject a PosRuntime (onNavigate + formatMoney).");
 	return ctx;
 }
+const PosSalesCapabilitiesContext = createContext({});
+function PosSalesCapabilitiesProvider({ sales, children }) {
+	return /* @__PURE__ */ jsx(PosSalesCapabilitiesContext.Provider, {
+		value: sales,
+		children
+	});
+}
+/**
+* Does NOT throw when unprovided, unlike the other runtime seams.
+*
+* An absent declaration is a complete answer here — "this deployment enabled
+* nothing extra" — and it is the safe one, because every flag is off. Throwing
+* would force every existing host to edit its mount for a feature it does not use.
+*/
+function usePosSalesCapabilities() {
+	return useContext(PosSalesCapabilitiesContext);
+}
 
 //#endregion
-export { PosRuntimeProvider, usePosRuntime };
+export { PosRuntimeProvider, PosSalesCapabilitiesProvider, usePosRuntime, usePosSalesCapabilities };

package/dist/runtime/index.d.ts

@@ -1,4 +1,4 @@
 import { PosAuthPort, PosAuthProvider, PosSessionUser, usePosAuth } from "./auth-port.js";
-import { PosRuntime, PosRuntimeProvider, usePosRuntime } from "./config.js";
+import { PosRuntime, PosRuntimeProvider, PosSalesCapabilities, PosSalesCapabilitiesProvider, usePosRuntime, usePosSalesCapabilities } 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 };
+export { type PosAuthPort, PosAuthProvider, type PosBranch, type PosBranchPort, PosBranchProvider, type PosRuntime, PosRuntimeProvider, type PosSalesCapabilities, PosSalesCapabilitiesProvider, type PosSessionUser, usePosAuth, usePosBranch, usePosBranchPort, usePosRuntime, usePosSalesCapabilities };

package/dist/runtime/index.js

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

package/dist/screens/OrderHistoryDrawer.d.ts

@@ -0,0 +1,8 @@
+//#region src/screens/OrderHistoryDrawer.d.ts
+interface OrderHistoryDrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+declare function OrderHistoryDrawer({ open, onOpenChange }: OrderHistoryDrawerProps): import("react").JSX.Element;
+//#endregion
+export { OrderHistoryDrawer };

package/dist/screens/OrderHistoryDrawer.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { formatPaisa } from "../lib/money.js";
+import { formatMinor } from "../lib/money.js";
 import { ReceiptReprintDialog } from "../components/ReceiptReprintDialog.js";
 import { useCallback, useState } from "react";
 import { SheetWrapper } from "@classytic/fluid/client/core";
@@ -8,8 +8,8 @@ import { usePosOrderDetail, usePosOrderHistory, usePosRefundOrder, usePosVoidOrd
 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";
+import { StatusBadge } from "@classytic/fluid/server";
 
 //#region src/screens/OrderHistoryDrawer.tsx
 /**
@@ -73,11 +73,11 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 				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, {
+					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 by order number...",
 						value: search,
 						onChange: (e) => setSearch(e.target.value),
-						className: "pl-9 h-9"
+						className: "ps-9 h-9"
 					})]
 				})
 			}),
@@ -89,7 +89,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => setSelectedOrderId(null),
-						className: "h-7 text-xs -ml-2",
+						className: "h-7 text-xs -ms-2",
 						children: "Back to list"
 					})
 				}), detailLoading ? /* @__PURE__ */ jsx("div", {
@@ -128,16 +128,16 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 								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;
+								const unitMinor = typeof unitPriceMoney === "number" ? unitPriceMoney : unitPriceMoney?.amount ?? 0;
+								const lineTotalMinor = typeof lineTotalMoney?.amount === "number" ? lineTotalMoney.amount : unitMinor * 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",
+										className: "text-muted-foreground ms-1",
 										children: ["x", qty]
 									})] }), /* @__PURE__ */ jsx("span", {
 										className: "tabular-nums",
-										children: formatPaisa(lineTotalPaisa)
+										children: formatMinor(lineTotalMinor)
 									})]
 								}, i);
 							})]
@@ -146,7 +146,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 							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))
+								children: formatMinor(Number((selectedOrder.totals?.grandTotal)?.amount ?? 0))
 							})]
 						}),
 						/* @__PURE__ */ jsxs("div", {
@@ -156,7 +156,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 									variant: "outline",
 									size: "sm",
 									onClick: () => selectedOrderId && setReprintOrderId(selectedOrderId),
-									children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 mr-2" }), "Reprint Receipt"]
+									children: [/* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 me-2" }), "Reprint Receipt"]
 								}),
 								(selectedOrder.status === "pending" || selectedOrder.status === "confirmed") && /* @__PURE__ */ jsxs(Button, {
 									variant: "outline",
@@ -164,7 +164,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 									className: "text-destructive",
 									onClick: handleVoid,
 									disabled: isVoiding,
-									children: [/* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mr-2" }), isVoiding ? "Voiding..." : "Void Order"]
+									children: [/* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 me-2" }), isVoiding ? "Voiding..." : "Void Order"]
 								}),
 								selectedOrder.status === "completed" && /* @__PURE__ */ jsxs(Button, {
 									variant: "outline",
@@ -172,7 +172,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 									className: "text-orange-600",
 									onClick: handleRefund,
 									disabled: isRefunding,
-									children: [/* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4 mr-2" }), isRefunding ? "Processing..." : "Full Refund"]
+									children: [/* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4 me-2" }), isRefunding ? "Processing..." : "Full Refund"]
 								})
 							]
 						})
@@ -193,7 +193,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 					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",
+						className: "w-full px-4 py-3 text-start hover:bg-muted/50 transition-colors flex items-center gap-3",
 						onClick: () => setSelectedOrderId(String(order.orderNumber ?? order._id)),
 						children: [
 							/* @__PURE__ */ jsxs("div", {
@@ -223,7 +223,7 @@ function OrderHistoryDrawer({ open, onOpenChange }) {
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "font-semibold text-sm tabular-nums shrink-0",
-								children: formatPaisa(Number((order.totals?.grandTotal)?.amount ?? 0))
+								children: formatMinor(Number((order.totals?.grandTotal)?.amount ?? 0))
 							}),
 							/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
 						]

package/dist/screens/ParkedOrdersDrawer.d.ts

@@ -0,0 +1,12 @@
+import { ParkedOrder } from "../hooks/usePosMultiOrder.js";
+//#region src/screens/ParkedOrdersDrawer.d.ts
+interface ParkedOrdersDrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  orders: ParkedOrder[];
+  onResume: (id: string) => void;
+  onDelete: (id: string) => void;
+}
+declare function ParkedOrdersDrawer({ open, onOpenChange, orders, onResume, onDelete }: ParkedOrdersDrawerProps): import("react").JSX.Element;
+//#endregion
+export { ParkedOrdersDrawer };

package/dist/screens/ParkedOrdersDrawer.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { formatBdt } from "../lib/money.js";
+import { formatMajor } from "../lib/money.js";
 import { calculateCartTotals } from "../utils/pos-helpers.js";
 import { useCallback } from "react";
 import { SheetWrapper } from "@classytic/fluid/client/core";
@@ -99,7 +99,7 @@ function ParkedOrdersDrawer({ open, onOpenChange, orders, onResume, onDelete })
 								})]
 							}), /* @__PURE__ */ jsx("span", {
 								className: "text-sm font-semibold tabular-nums shrink-0",
-								children: formatBdt(totals.total)
+								children: formatMajor(totals.total)
 							})]
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "flex gap-2",
@@ -107,7 +107,7 @@ function ParkedOrdersDrawer({ open, onOpenChange, orders, onResume, onDelete })
 								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"]
+								children: [/* @__PURE__ */ jsx(PlayCircle, { className: "h-3.5 w-3.5 me-1.5" }), "Resume"]
 							}), /* @__PURE__ */ jsx(Button, {
 								variant: "outline",
 								size: "sm",

package/dist/screens/PaymentScreen.d.ts

@@ -0,0 +1,4 @@
+//#region src/screens/PaymentScreen.d.ts
+declare function PaymentScreen(): import("react").JSX.Element;
+//#endregion
+export { PaymentScreen };