@nxgt/material 3.75.0 → 3.76.0

package/dist/pos-variant-GrUfbTTP.js

@@ -0,0 +1,603 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./use-material-translation-CD6QoVal.js";
+import { t as n } from "./icon-button-Cogxy1cy.js";
+import { n as r } from "./calculator-context-BugcKuVG.js";
+import { a as i, n as a, r as o, t as s } from "./pos-types-DKCkOTYy.js";
+import { i as c, n as l, s as u } from "./key-layout-cR79xfGE.js";
+import { n as d, t as f } from "./currency-B-r3ig11.js";
+import { t as p } from "./calculator-segment-BlJE1LaS.js";
+import { useId as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ChevronDown as y, X as b } from "lucide-react";
+import { formatDecimal as x, isZero as S, parseDecimal as C, toPlain as w } from "@nxgt/material-core/calculator";
+import { EMPTY_TICKET as T, addLine as ee, billShortcuts as te, computeTotals as E, decimalToMinor as D, enterMinor as O, minorToDecimal as k, setLineDiscount as A, setTicketDiscount as j, settle as M } from "@nxgt/material-core/calculator/pos";
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-ticket-data.ts
+var N = (e, t) => e.kind === "percent" ? { percent: e.value } : { amount: P(k(BigInt(e.value), t.digits), t) }, P = (e, t) => d(e, t.digits);
+function F(e, t, n) {
+	return {
+		...n.currency ? { currency: n.currency } : {},
+		taxInclusive: a(e, n),
+		lines: e.lines.map((e, r) => ({
+			id: e.id,
+			unitPrice: P(k(BigInt(e.price), n.digits), n),
+			quantity: e.quantity,
+			vatRate: e.rate,
+			...e.discount ? { discount: N(e.discount, n) } : {},
+			total: P(t.lines[r]?.total ?? k(0n), n)
+		})),
+		...e.discount ? { discount: N(e.discount, n) } : {},
+		totals: {
+			subtotal: P(t.subtotal, n),
+			discount: P(t.discountTotal, n),
+			vatByRate: t.vat.map((e) => ({
+				rate: w(e.rate),
+				base: P(e.base, n),
+				vat: P(e.vat, n)
+			})),
+			total: P(t.total, n)
+		}
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-view.ts
+var I = (e, t) => e.kind === "percent" ? { percent: e.value } : { amount: w(k(BigInt(e.value), t)) };
+function L(e, t) {
+	let n = T;
+	for (let r of e.lines) n = ee(n, {
+		id: r.id,
+		unitPrice: w(k(BigInt(r.price), t)),
+		quantity: r.quantity,
+		vatRate: r.rate
+	}), r.discount && (n = A(n, r.id, I(r.discount, t)));
+	return e.discount ? j(n, I(e.discount, t)) : n;
+}
+function R(e, t, n, r) {
+	let i = a(e, t), o = E(L(e, t.digits), {
+		taxInclusive: i,
+		digits: t.digits
+	}), s = BigInt(e.tendered), c = s > 0n ? M(o.total, k(s, t.digits)) : null, l = e.lines.length > 0;
+	return {
+		ticket: F(e, o, t),
+		totals: o,
+		settlement: c,
+		shortcuts: l ? te(o.total, n, { limit: 3 }) : [],
+		money: (e) => x(e, {
+			locale: r,
+			fractionDigits: t.digits
+		}),
+		withCode: (e) => f(e, {
+			locale: r,
+			currency: t.currency,
+			digits: t.digits
+		}),
+		number: (e) => x(e, { locale: r }),
+		total: d(o.total, t.digits),
+		canCharge: l && c?.status !== "short"
+	};
+}
+function z(e, t, n) {
+	let r = (e) => n.money(k(BigInt(e), t.digits));
+	switch (e.field) {
+		case "quantity": return `× ${e.quantity}`;
+		case "discount": return e.kind === "percent" ? `− ${e.entry} %` : `− ${r(e.entry)}`;
+		case "tender": return r(e.tendered);
+		default: return r(e.price);
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-announce.ts
+function B(e, t, n) {
+	let { settlement: r, withCode: i } = R(e, t, n.denominations, n.locale);
+	return r ? r.status === "paid" ? {
+		key: "material.calculator.pos.announce.change",
+		fallback: "Change {change}",
+		values: { change: i(r.change) }
+	} : {
+		key: "material.calculator.pos.announce.due",
+		fallback: "{due} still due",
+		values: { due: i(r.due) }
+	} : null;
+}
+var V = (e, t, n) => {
+	let { totals: r, withCode: i } = R(e, t, n.denominations, n.locale);
+	return {
+		key: "material.calculator.pos.announce.total",
+		fallback: "Total {total}",
+		values: { total: i(r.total) }
+	};
+};
+function ne(e, t, n, r, i) {
+	switch (n.type) {
+		case "remove":
+		case "remove-discount": return V(t, r, i);
+		case "charged": {
+			let { totals: t, withCode: n } = R(e, r, i.denominations, i.locale);
+			return {
+				key: "material.calculator.pos.announce.charged",
+				fallback: "Charged {total}",
+				values: { total: n(t.total) }
+			};
+		}
+		case "tender": return B(t, r, i);
+		case "key": return n.key === "=" ? e.field === "tender" ? B(t, r, i) : t.lines.length !== e.lines.length || t.discount !== e.discount ? V(t, r, i) : null : null;
+		default: return null;
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-tender.tsx
+function H() {
+	let { t: e } = t(), { pos: n, state: i } = r(), { view: a, env: o, props: s } = n;
+	if (!a || i.pos.lines.length === 0) return null;
+	let { settlement: c, money: l, shortcuts: u } = a, d = c?.status === "paid" ? e("material.calculator.pos.tender.change", "Change {change}", { change: l(c.change) }) : c ? e("material.calculator.pos.tender.due", "{due} still due", { due: l(c.due) }) : "";
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "pos-tender",
+		className: "nxgt-pos-tender",
+		children: [
+			/* @__PURE__ */ _("div", {
+				role: "group",
+				"aria-label": e("material.calculator.pos.tender.label", "Tendered"),
+				className: "nxgt-pos-bills",
+				children: u.map((e) => /* @__PURE__ */ _("button", {
+					type: "button",
+					"data-slot": "pos-bill",
+					className: "nxgt-pos-bill",
+					onClick: () => n.dispatch({
+						type: "tender",
+						amount: D(e, o.digits).toString()
+					}),
+					children: l(e)
+				}, `${e.c}e${e.e}`))
+			}),
+			/* @__PURE__ */ _("p", {
+				"data-slot": "pos-settlement",
+				"data-status": c?.status,
+				className: "nxgt-pos-settlement",
+				children: d || "\xA0"
+			}),
+			/* @__PURE__ */ v("button", {
+				type: "button",
+				className: "nxgt-pos-charge",
+				"data-slot": "pos-charge",
+				disabled: !a.canCharge,
+				onClick: () => {
+					s.onCharge?.(a.total, a.ticket), n.dispatch({ type: "charged" });
+				},
+				children: [e("material.calculator.pos.charge", "Charge"), ` ${a.withCode(a.totals.total)}`]
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-line.tsx
+function U({ line: e, index: i }) {
+	let { t: a } = t(), { pos: o } = r(), { view: s, env: c } = o;
+	if (!s) return null;
+	let l = a("material.calculator.pos.ticket.item", "Item {n}", { n: e.id.replace("line-", "") }), u = s.money(k(BigInt(e.price), c.digits)), d = s.totals.lines[i]?.total;
+	return /* @__PURE__ */ v("li", {
+		"data-slot": "pos-line",
+		className: "nxgt-pos-line",
+		children: [
+			/* @__PURE__ */ v("span", {
+				className: "nxgt-pos-line-name",
+				children: [l, /* @__PURE__ */ _("small", { children: `${e.quantity} × ${u}` })]
+			}),
+			/* @__PURE__ */ _("span", {
+				className: "nxgt-pos-amount",
+				children: d ? s.money(d) : ""
+			}),
+			/* @__PURE__ */ _(n, {
+				size: "sm",
+				variant: "ghost",
+				className: "nxgt-calc-tool",
+				"aria-label": a("material.calculator.pos.ticket.remove", "Remove {name}", { name: l }),
+				onClick: () => o.dispatch({
+					type: "remove",
+					id: e.id
+				}),
+				children: /* @__PURE__ */ _(b, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-totals.tsx
+function W() {
+	let { t: e } = t(), { pos: i, state: a } = r(), { view: o } = i;
+	if (!o || a.pos.lines.length === 0) return null;
+	let { totals: s, money: c } = o, l = !S(s.discountTotal), u = (e, t, n, r) => /* @__PURE__ */ v("div", {
+		className: "nxgt-pos-row",
+		"data-row": r ?? e,
+		children: [/* @__PURE__ */ _("dt", { children: t }), /* @__PURE__ */ _("dd", { children: n })]
+	}, e);
+	return /* @__PURE__ */ v("dl", {
+		"data-slot": "pos-totals",
+		className: "nxgt-pos-totals",
+		children: [
+			l ? u("subtotal", e("material.calculator.pos.totals.subtotal", "Subtotal"), c(s.subtotal)) : null,
+			l ? /* @__PURE__ */ v("div", {
+				className: "nxgt-pos-row",
+				"data-row": "discount",
+				children: [/* @__PURE__ */ _("dt", { children: e("material.calculator.pos.totals.discount", "Discount") }), /* @__PURE__ */ v("dd", { children: [`− ${c(s.discountTotal)}`, a.pos.discount ? /* @__PURE__ */ _(n, {
+					size: "sm",
+					variant: "ghost",
+					className: "nxgt-calc-tool",
+					"aria-label": e("material.calculator.pos.totals.remove-discount", "Remove the ticket discount"),
+					onClick: () => i.dispatch({ type: "remove-discount" }),
+					children: /* @__PURE__ */ _(b, {})
+				}) : null] })]
+			}) : null,
+			s.vat.filter((e) => !S(e.rate)).map((t) => u(`vat-${t.rate.c}e${t.rate.e}`, e("material.calculator.pos.totals.vat", "VAT {rate} %", { rate: o.number(t.rate) }), c(t.vat), "vat")),
+			u("total", e("material.calculator.pos.totals.total", "Total"), c(s.total))
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-ticket.tsx
+function G() {
+	let { t: n } = t(), { pos: i, state: a } = r(), [o, s] = h(!0), c = m(), { view: l } = i;
+	if (!l) return null;
+	let { lines: u } = a.pos;
+	return /* @__PURE__ */ v("section", {
+		"data-slot": "pos-ticket",
+		"data-collapsed": o ? void 0 : "",
+		"aria-label": n("material.calculator.pos.ticket.title", "Ticket"),
+		className: "nxgt-pos-ticket bg-muted",
+		children: [/* @__PURE__ */ v("div", {
+			className: "nxgt-pos-ticket-head",
+			children: [/* @__PURE__ */ v("h3", {
+				className: "nxgt-pos-heading",
+				children: [n("material.calculator.pos.ticket.title", "Ticket"), /* @__PURE__ */ _("span", {
+					className: "nxgt-pos-count",
+					children: u.length
+				})]
+			}), /* @__PURE__ */ _("button", {
+				type: "button",
+				"aria-expanded": o,
+				"aria-controls": c,
+				"aria-label": o ? n("material.calculator.pos.ticket.hide", "Hide the ticket") : n("material.calculator.pos.ticket.show", "Show the ticket"),
+				className: "nxgt-pos-fold nxgt-calc-tool",
+				onClick: () => s(!o),
+				children: /* @__PURE__ */ _(y, {
+					"aria-hidden": "true",
+					className: e(o && "rotate-180")
+				})
+			})]
+		}), /* @__PURE__ */ v("div", {
+			id: c,
+			className: "nxgt-pos-ticket-body",
+			children: [u.length === 0 ? /* @__PURE__ */ _("p", {
+				className: "nxgt-pos-empty",
+				children: n("material.calculator.pos.ticket.empty", "No items yet")
+			}) : /* @__PURE__ */ _("ul", {
+				className: "nxgt-pos-lines",
+				children: u.map((e, t) => /* @__PURE__ */ _(U, {
+					line: e,
+					index: t
+				}, e.id))
+			}), /* @__PURE__ */ _(W, {})]
+		})]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-aside.tsx
+function K() {
+	return /* @__PURE__ */ v("div", {
+		className: "nxgt-pos-side",
+		children: [/* @__PURE__ */ _(G, {}), /* @__PURE__ */ _(H, {})]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-display.tsx
+function q() {
+	let { t: e } = t(), { pos: n, state: a } = r(), { view: o, env: s } = n;
+	if (!o) return null;
+	let c = z(a.pos, s, o);
+	return /* @__PURE__ */ v("div", {
+		role: "group",
+		tabIndex: -1,
+		"aria-label": e("material.calculator.display.label", "Display"),
+		dir: "ltr",
+		"data-slot": "calculator-display",
+		className: "nxgt-calc-display nxgt-pos-display bg-muted",
+		children: [/* @__PURE__ */ v("p", {
+			"data-slot": "pos-total",
+			className: "nxgt-calc-expression nxgt-pos-total",
+			children: [
+				/* @__PURE__ */ _("span", { children: e("material.calculator.pos.totals.total", "Total") }),
+				/* @__PURE__ */ _("strong", { children: o.money(o.totals.total) }),
+				s.currency ? /* @__PURE__ */ _("span", { children: s.currency }) : null
+			]
+		}), /* @__PURE__ */ _("output", {
+			"aria-live": "off",
+			"data-slot": "calculator-result",
+			"data-field": a.pos.field,
+			"data-size": i(c),
+			className: "nxgt-calc-result",
+			children: /* @__PURE__ */ _("span", {
+				className: "nxgt-calc-swap",
+				children: c
+			}, c)
+		})]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-vat.tsx
+function J() {
+	let { t: e } = t(), { pos: n, state: i } = r(), { env: s } = n;
+	if (s.rates.length === 0) return null;
+	let c = s.rates.map((t) => {
+		let r = C(t), i = e("material.calculator.pos.vat.rate", "{rate} %", { rate: r ? x(r, { locale: n.format.locale }) : t });
+		return {
+			id: t,
+			name: i,
+			glyph: i,
+			spoken: i
+		};
+	}), l = [{
+		id: "vat",
+		name: "Incl. VAT",
+		glyph: e("material.calculator.pos.vat.included", "Incl. VAT"),
+		spoken: e("material.calculator.pos.vat.included-name", "Prices include VAT")
+	}, {
+		id: "none",
+		name: "Excl. VAT",
+		glyph: e("material.calculator.pos.vat.excluded", "Excl. VAT"),
+		spoken: e("material.calculator.pos.vat.excluded-name", "Prices exclude VAT")
+	}];
+	return /* @__PURE__ */ v(g, { children: [c.length > 1 ? /* @__PURE__ */ _(p, {
+		label: e("material.calculator.pos.vat.label", "VAT rate"),
+		choices: c,
+		value: o(i.pos, s),
+		onChange: (e) => n.dispatch({
+			type: "rate",
+			rate: e
+		})
+	}) : null, /* @__PURE__ */ _(p, {
+		label: e("material.calculator.pos.vat.prices", "Prices"),
+		choices: l,
+		value: a(i.pos, s) ? "vat" : "none",
+		onChange: (e) => n.dispatch({
+			type: "inclusive",
+			on: e === "vat"
+		})
+	})] });
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-fields.tsx
+var Y = [
+	{
+		id: "price",
+		name: "Price"
+	},
+	{
+		id: "quantity",
+		name: "Quantity"
+	},
+	{
+		id: "discount",
+		name: "Discount"
+	},
+	{
+		id: "tender",
+		name: "Tendered"
+	}
+], X = [{
+	id: "percent",
+	glyph: "%",
+	name: "Percent"
+}, {
+	id: "amount",
+	glyph: "−",
+	name: "Amount"
+}];
+function Z() {
+	let { t: e } = t(), { pos: n, state: i } = r(), a = i.pos.lines.length > 0, o = Y.filter((e) => e.id !== "tender" || a).map(({ id: t, name: n }) => {
+		let r = e(`material.calculator.pos.field.${t}`, n);
+		return {
+			id: t,
+			name: n,
+			glyph: r,
+			spoken: r
+		};
+	});
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "pos-fields",
+		className: "nxgt-calc-toolbar nxgt-pos-fields",
+		children: [
+			/* @__PURE__ */ _(p, {
+				label: e("material.calculator.pos.field.label", "Typing into"),
+				choices: o,
+				value: i.pos.field,
+				onChange: (e) => n.dispatch({
+					type: "field",
+					field: e
+				})
+			}),
+			i.pos.field === "discount" ? /* @__PURE__ */ _(p, {
+				label: e("material.calculator.pos.discount.label", "Discount type"),
+				choices: X.map((t) => ({
+					...t,
+					spoken: e(`material.calculator.pos.discount.${t.id}`, t.name)
+				})),
+				value: i.pos.kind,
+				onChange: (e) => n.dispatch({
+					type: "kind",
+					kind: e
+				})
+			}) : null,
+			/* @__PURE__ */ _(J, {})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-layout.ts
+var re = {
+	columns: 12,
+	rows: [
+		u([
+			l(7),
+			l(8),
+			l(9),
+			c("backspace", "backspace", "⌫", "utility", "backspace", "Delete last digit")
+		]),
+		u([
+			l(4),
+			l(5),
+			l(6),
+			c("clear", "C", "C", "utility", "clear", "Clear the amount")
+		]),
+		u([
+			l(1),
+			l(2),
+			l(3),
+			c("quantity", "*", "×", "operator", "quantity", "Enter a quantity")
+		]),
+		u([
+			c("double-zero", "00", "00", "digit", "double-zero", "Double zero"),
+			l(0),
+			c("discount", "%", "%", "operator", "discount", "Enter a discount"),
+			c("add-line", "=", "+", "equals", "add-line", "Add to ticket")
+		])
+	]
+}, ie = [], ae = 6, oe = 3, se = /* @__PURE__ */ new Set([
+	"00",
+	"backspace",
+	"C"
+]);
+function Q(e, t) {
+	let n = t === "C" ? "clear" : /^\d$/.test(t) || se.has(t) ? t : null;
+	if (!n) return e;
+	let r = (e, t) => O(BigInt(e), n, t).toString();
+	switch (e.field) {
+		case "price": return {
+			...e,
+			price: r(e.price)
+		};
+		case "tender": return {
+			...e,
+			tendered: r(e.tendered)
+		};
+		case "quantity": return {
+			...e,
+			fresh: !1,
+			quantity: r(e.fresh ? "0" : e.quantity, ae)
+		};
+		default: return {
+			...e,
+			entry: r(e.entry, e.kind === "percent" ? oe : void 0)
+		};
+	}
+}
+function ce(e) {
+	if (BigInt(e.entry) === 0n) return;
+	let t = e.kind === "percent" && BigInt(e.entry) > 100n ? "100" : e.entry;
+	return {
+		kind: e.kind,
+		value: t
+	};
+}
+var $ = (e) => ({
+	...e,
+	field: "price",
+	price: "0",
+	quantity: "1",
+	fresh: !1,
+	entry: "0"
+});
+function le(e, t) {
+	if (e.field === "tender") return e;
+	let n = ce(e);
+	if (BigInt(e.price) === 0n) return !n || e.lines.length === 0 ? e : {
+		...$(e),
+		discount: n
+	};
+	let r = BigInt(e.quantity) === 0n ? "1" : e.quantity, i = {
+		id: `line-${e.next}`,
+		price: e.price,
+		quantity: r,
+		rate: o(e, t),
+		...n ? { discount: n } : {}
+	};
+	return {
+		...$(e),
+		lines: [...e.lines, i],
+		next: e.next + 1
+	};
+}
+function ue(e, t, n) {
+	return t === "*" ? {
+		...e,
+		field: e.field === "quantity" ? "price" : "quantity",
+		fresh: !0
+	} : t === "%" ? {
+		...e,
+		field: e.field === "discount" ? "price" : "discount"
+	} : t === "=" ? le(e, n) : Q(e, t);
+}
+function de(e, t, n) {
+	switch (t.type) {
+		case "key": return ue(e, t.key, n);
+		case "field": return {
+			...e,
+			field: t.field,
+			fresh: t.field === "quantity"
+		};
+		case "kind": return {
+			...e,
+			kind: t.kind,
+			entry: "0"
+		};
+		case "rate": return {
+			...e,
+			rate: t.rate
+		};
+		case "inclusive": return {
+			...e,
+			inclusive: t.on
+		};
+		case "remove": {
+			let n = e.lines.filter((e) => e.id !== t.id), r = n.length === 0;
+			return {
+				...e,
+				lines: n,
+				...r ? {
+					tendered: "0",
+					field: e.field === "tender" ? "price" : e.field
+				} : {}
+			};
+		}
+		case "remove-discount": {
+			let { discount: t, ...n } = e;
+			return n;
+		}
+		case "tender": return {
+			...e,
+			tendered: t.amount,
+			field: "tender"
+		};
+		default: return {
+			...s,
+			rate: e.rate,
+			inclusive: e.inclusive,
+			next: e.next
+		};
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/pos/pos-variant.ts
+var fe = {
+	part: {
+		layout: re,
+		extraKeys: ie,
+		display: q,
+		toolbar: Z,
+		aside: K
+	},
+	logic: {
+		reducePos: de,
+		announcePos: ne,
+		selectPos: R
+	}
+};
+//#endregion
+export { fe as variant };

package/dist/print.js

@@ -1,4 +1,4 @@
-import { i as e, t } from "./translate-material-pVlPJ1v4.js";
+import { i as e, t } from "./translate-material-BypJJ1l5.js";
 import { Children as n, createContext as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { resolvePdfFileName as f } from "@nxgt/material-core/pdf-file-name";