@openrails/billing-ui 0.242.0 → 0.243.0

package/dist/admin-orders-dxC99Idl.js

@@ -0,0 +1,192 @@
+import { E as e, l as t, p as n, r, w as i } from "./admin-utils-BK4Vh1o_.js";
+import { t as a } from "./admin-button-CTL3DgOt.js";
+import { t as o } from "./admin-input-CcfQfJFN.js";
+import { o as s, s as c, u as l } from "./admin-format-DoohJ7Fg.js";
+import { i as u, n as d } from "./admin-dom-uMmZzRvU.js";
+import { t as f } from "./admin-status-badge-BFPgo71d.js";
+import { t as p } from "./admin-label-BiEN5cjb.js";
+import { t as m } from "./admin-data-table-qfXLOFmN.js";
+import { useState as h } from "react";
+import { useQuery as g } from "@tanstack/react-query";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/admin/pages/orders/index.tsx
+var b = (e) => e.usage?.due_at ?? e.renewal?.due_at ?? null, x = [
+	{
+		header: "Order",
+		cell: ({ row: e }) => /* @__PURE__ */ v(r, {
+			className: "underline",
+			to: `/orders/${e.original.id}`,
+			children: e.original.number ?? l(e.original.id)
+		})
+	},
+	{
+		header: "Customer",
+		cell: ({ row: e }) => /* @__PURE__ */ v(r, {
+			to: `/customers/${e.original.customer_id}`,
+			children: l(e.original.customer_id)
+		})
+	},
+	{
+		header: "Origin",
+		cell: ({ row: e }) => e.original.origin
+	},
+	{
+		header: "Status",
+		cell: ({ row: e }) => /* @__PURE__ */ y("span", {
+			className: "flex gap-1",
+			children: [/* @__PURE__ */ v(f, { status: e.original.status }), e.original.usage?.delinquent && /* @__PURE__ */ v(f, { status: "delinquent" })]
+		})
+	},
+	{
+		header: "Total",
+		cell: ({ row: e }) => c(e.original.total, e.original.currency)
+	},
+	{
+		header: "Unpaid",
+		cell: ({ row: e }) => e.original.usage ? c(e.original.usage.amount_due, e.original.currency) : "—"
+	},
+	{
+		header: "Due",
+		cell: ({ row: e }) => s(b(e.original))
+	},
+	{
+		header: "Created",
+		cell: ({ row: e }) => s(e.original.created_at)
+	}
+];
+function S() {
+	let { orderQueries: e } = n(), [r, a] = t(), o = Object.fromEntries([
+		"customer_id",
+		"origin",
+		"status",
+		"overdue"
+	].flatMap((e) => r.get(e) ? [[e, r.get(e)]] : [])), s = u(25), { data: c, isPending: l, isFetching: f, error: p } = g(e.list(o, s.size, s.cursor));
+	return /* @__PURE__ */ y("div", {
+		className: "flex flex-col gap-5",
+		children: [
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+				className: "text-xl font-semibold",
+				children: /* @__PURE__ */ v(i, { id: "Orders" })
+			}), /* @__PURE__ */ v("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ v(i, { id: "Purchases, subscription renewals and usage billed in arrears: what each owes and how it was paid." })
+			})] }),
+			/* @__PURE__ */ v(C, {
+				filters: o,
+				onApply: (e) => {
+					let t = new URLSearchParams();
+					for (let [n, r] of Object.entries(e)) r?.trim() && t.set(n, r.trim());
+					a(t);
+				}
+			}, JSON.stringify(o)),
+			p ? /* @__PURE__ */ v("p", {
+				role: "alert",
+				className: "text-destructive",
+				children: p.message
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
+				columns: x,
+				data: c?.data ?? [],
+				loading: l,
+				emptyMessage: "No orders match these filters."
+			}), /* @__PURE__ */ v(d, {
+				pages: s,
+				rows: c?.data?.length ?? 0,
+				nextCursor: c?.next_cursor,
+				busy: f
+			})] })
+		]
+	});
+}
+function C({ filters: t, onApply: n }) {
+	let { id: r } = e(), [s, c] = h(t), l = (e, t) => c((n) => ({
+		...n,
+		[e]: t
+	}));
+	return /* @__PURE__ */ y("form", {
+		className: "grid gap-3 md:grid-cols-3",
+		onSubmit: (e) => {
+			e.preventDefault(), n(s);
+		},
+		children: [
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(p, {
+				htmlFor: r("order-customer"),
+				children: /* @__PURE__ */ v(i, { id: "Customer ID" })
+			}), /* @__PURE__ */ v(o, {
+				id: r("order-customer"),
+				value: s.customer_id ?? "",
+				onChange: (e) => l("customer_id", e.target.value.trim())
+			})] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(p, {
+				htmlFor: r("order-origin"),
+				children: /* @__PURE__ */ v(i, { id: "Origin" })
+			}), /* @__PURE__ */ y("select", {
+				id: r("order-origin"),
+				className: "h-9 w-full rounded-md border bg-background px-2",
+				value: s.origin ?? "",
+				onChange: (e) => l("origin", e.target.value),
+				children: [/* @__PURE__ */ v("option", {
+					value: "",
+					children: /* @__PURE__ */ v(i, { id: "All origins" })
+				}), [
+					"customer",
+					"merchant",
+					"subscription",
+					"usage"
+				].map((e) => /* @__PURE__ */ v("option", {
+					value: e,
+					children: e
+				}, e))]
+			})] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(p, {
+				htmlFor: r("order-status"),
+				children: /* @__PURE__ */ v(i, { id: "Status" })
+			}), /* @__PURE__ */ y("select", {
+				id: r("order-status"),
+				className: "h-9 w-full rounded-md border bg-background px-2",
+				value: s.status ?? "",
+				onChange: (e) => l("status", e.target.value),
+				children: [/* @__PURE__ */ v("option", {
+					value: "",
+					children: /* @__PURE__ */ v(i, { id: "All statuses" })
+				}), [
+					"open",
+					"processing",
+					"complete",
+					"canceled",
+					"expired",
+					"void",
+					"uncollectible"
+				].map((e) => /* @__PURE__ */ v("option", {
+					value: e,
+					children: e
+				}, e))]
+			})] }),
+			/* @__PURE__ */ y("label", {
+				className: "flex items-center gap-2 text-sm md:col-span-3",
+				children: [/* @__PURE__ */ v("input", {
+					type: "checkbox",
+					checked: s.overdue === "true",
+					onChange: (e) => l("overdue", e.target.checked ? "true" : "")
+				}), /* @__PURE__ */ v(i, { id: "Overdue only: still owed past the due date" })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex gap-2 md:col-span-3",
+				children: [/* @__PURE__ */ v(a, {
+					type: "submit",
+					children: /* @__PURE__ */ v(i, { id: "Apply filters" })
+				}), /* @__PURE__ */ v(a, {
+					type: "button",
+					variant: "outline",
+					onClick: () => {
+						c({}), n({});
+					},
+					children: /* @__PURE__ */ v(i, { id: "Clear filters" })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { S as OrdersPage };
+
+//# sourceMappingURL=admin-orders-dxC99Idl.js.map

package/dist/admin-orders-dxC99Idl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-orders-dxC99Idl.js","names":[],"sources":["../src/admin/pages/orders/index.tsx"],"sourcesContent":["import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\nimport { useState } from \"react\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { Link, useSearchParams } from \"#orck/admin/router\"\nimport type { ColumnDef } from \"@tanstack/react-table\"\nimport { CursorPager } from \"#orck/admin/components/cursor-pager\"\nimport { DataTable } from \"#orck/admin/components/data-table\"\nimport { StatusBadge } from \"#orck/admin/components/status-badge\"\nimport { Input } from \"#orck/admin/components/ui/input\"\nimport { Label } from \"#orck/admin/components/ui/label\"\n\nimport type { Order } from \"#orck/client/generated/wire\"\nimport type { OrderFilters } from \"#orck/admin/lib/api/order-endpoints\"\nimport { useUrlCursor } from \"#orck/admin/lib/cursor-pages\"\nimport { formatDate, formatNativeAmount, shortId } from \"#orck/admin/lib/format\"\n\n// dueAt is when an order is owed: a usage order's or a renewal's due date.\nconst dueAt = (order: Order) =>\n  order.usage?.due_at ?? order.renewal?.due_at ?? null\nconst columns: ColumnDef<Order, unknown>[] = [\n  {\n    header: \"Order\",\n    cell: ({ row }) => (\n      <Link className=\"underline\" to={`/orders/${row.original.id}`}>\n        {row.original.number ?? shortId(row.original.id)}\n      </Link>\n    ),\n  },\n  {\n    header: \"Customer\",\n    cell: ({ row }) => (\n      <Link to={`/customers/${row.original.customer_id}`}>\n        {shortId(row.original.customer_id)}\n      </Link>\n    ),\n  },\n  { header: \"Origin\", cell: ({ row }) => row.original.origin },\n  {\n    header: \"Status\",\n    cell: ({ row }) => (\n      <span className=\"flex gap-1\">\n        <StatusBadge status={row.original.status} />\n        {/* Past grace: the customer's new usage in this currency is refused. */}\n        {row.original.usage?.delinquent && <StatusBadge status=\"delinquent\" />}\n      </span>\n    ),\n  },\n  {\n    header: \"Total\",\n    cell: ({ row }) =>\n      formatNativeAmount(row.original.total, row.original.currency),\n  },\n  {\n    header: \"Unpaid\",\n    cell: ({ row }) =>\n      row.original.usage\n        ? formatNativeAmount(\n            row.original.usage.amount_due,\n            row.original.currency\n          )\n        : \"—\",\n  },\n  { header: \"Due\", cell: ({ row }) => formatDate(dueAt(row.original)) },\n  { header: \"Created\", cell: ({ row }) => formatDate(row.original.created_at) },\n]\nexport function OrdersPage() {\n  const { orderQueries } = useAdminServices()\n\n  const [params, setParams] = useSearchParams()\n  const filters: OrderFilters = Object.fromEntries(\n    [\"customer_id\", \"origin\", \"status\", \"overdue\"].flatMap((key) =>\n      params.get(key) ? [[key, params.get(key)!]] : []\n    )\n  )\n  const paging = useUrlCursor(25)\n  const { data, isPending, isFetching, error } = useQuery(\n    orderQueries.list(filters, paging.size, paging.cursor)\n  )\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <div>\n        <h1 className=\"text-xl font-semibold\">\n          <AdminMessage id={\"Orders\"} />\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          <AdminMessage\n            id={\n              \"Purchases, subscription renewals and usage billed in arrears: what each owes and how it was paid.\"\n            }\n          />\n        </p>\n      </div>\n      <OrderFiltersForm\n        key={JSON.stringify(filters)}\n        filters={filters}\n        onApply={(next) => {\n          const p = new URLSearchParams()\n          for (const [key, value] of Object.entries(next)) {\n            if (value?.trim()) p.set(key, value.trim())\n          }\n          setParams(p)\n        }}\n      />\n      {error ? (\n        <p role=\"alert\" className=\"text-destructive\">\n          {error.message}\n        </p>\n      ) : (\n        <>\n          <DataTable\n            columns={columns}\n            data={data?.data ?? []}\n            loading={isPending}\n            emptyMessage=\"No orders match these filters.\"\n          />\n          <CursorPager\n            pages={paging}\n            rows={data?.data?.length ?? 0}\n            nextCursor={data?.next_cursor}\n            busy={isFetching}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction OrderFiltersForm({\n  filters,\n  onApply,\n}: {\n  filters: OrderFilters\n  onApply: (filters: OrderFilters) => void\n}) {\n  const { id: adminId } = useAdminUI()\n\n  const [draft, setDraft] = useState<OrderFilters>(filters)\n  const setFilter = (key: string, value: string) =>\n    setDraft((old) => ({ ...old, [key]: value }))\n  return (\n    <form\n      className=\"grid gap-3 md:grid-cols-3\"\n      onSubmit={(event) => {\n        event.preventDefault()\n        onApply(draft)\n      }}\n    >\n      <div>\n        <Label htmlFor={adminId(\"order-customer\")}>\n          <AdminMessage id={\"Customer ID\"} />\n        </Label>\n        <Input\n          id={adminId(\"order-customer\")}\n          value={draft.customer_id ?? \"\"}\n          onChange={(e) => setFilter(\"customer_id\", e.target.value.trim())}\n        />\n      </div>\n      <div>\n        <Label htmlFor={adminId(\"order-origin\")}>\n          <AdminMessage id={\"Origin\"} />\n        </Label>\n        <select\n          id={adminId(\"order-origin\")}\n          className=\"h-9 w-full rounded-md border bg-background px-2\"\n          value={draft.origin ?? \"\"}\n          onChange={(e) => setFilter(\"origin\", e.target.value)}\n        >\n          <option value=\"\">\n            <AdminMessage id={\"All origins\"} />\n          </option>\n          {[\"customer\", \"merchant\", \"subscription\", \"usage\"].map((origin) => (\n            <option key={origin} value={origin}>\n              {origin}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div>\n        <Label htmlFor={adminId(\"order-status\")}>\n          <AdminMessage id={\"Status\"} />\n        </Label>\n        <select\n          id={adminId(\"order-status\")}\n          className=\"h-9 w-full rounded-md border bg-background px-2\"\n          value={draft.status ?? \"\"}\n          onChange={(e) => setFilter(\"status\", e.target.value)}\n        >\n          <option value=\"\">\n            <AdminMessage id={\"All statuses\"} />\n          </option>\n          {[\n            \"open\",\n            \"processing\",\n            \"complete\",\n            \"canceled\",\n            \"expired\",\n            \"void\",\n            \"uncollectible\",\n          ].map((status) => (\n            <option key={status} value={status}>\n              {status}\n            </option>\n          ))}\n        </select>\n      </div>\n      <label className=\"flex items-center gap-2 text-sm md:col-span-3\">\n        <input\n          type=\"checkbox\"\n          checked={draft.overdue === \"true\"}\n          onChange={(e) => setFilter(\"overdue\", e.target.checked ? \"true\" : \"\")}\n        />\n        <AdminMessage id={\"Overdue only: still owed past the due date\"} />\n      </label>\n      <div className=\"flex gap-2 md:col-span-3\">\n        <Button type=\"submit\">\n          <AdminMessage id={\"Apply filters\"} />\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={() => {\n            setDraft({})\n            onApply({})\n          }}\n        >\n          <AdminMessage id={\"Clear filters\"} />\n        </Button>\n      </div>\n    </form>\n  )\n}\n"],"mappings":"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"}

package/dist/admin-payments-Bs7HSfP0.js

@@ -0,0 +1,246 @@
+import { E as e, l as t, p as n, s as r, w as i } from "./admin-utils-BK4Vh1o_.js";
+import { t as a } from "./admin-button-CTL3DgOt.js";
+import { t as o } from "./admin-input-CcfQfJFN.js";
+import { n as s, o as c, p as l, r as u, s as d, u as f } from "./admin-format-DoohJ7Fg.js";
+import { a as p, i as m, n as h, r as g, t as _ } from "./admin-select-DBgprVW6.js";
+import { i as v, n as y } from "./admin-dom-uMmZzRvU.js";
+import { t as b } from "./admin-status-badge-BFPgo71d.js";
+import { t as x } from "./admin-data-table-qfXLOFmN.js";
+import { t as S } from "./admin-csv-CPoNZj2D.js";
+import { i as C, r as w, t as T } from "./admin-tabs-528FJMjt.js";
+import * as E from "react";
+import { useMutation as D, useQuery as O } from "@tanstack/react-query";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { HugeiconsIcon as j } from "@hugeicons/react";
+import { Cancel01Icon as M, Download01Icon as N, Search01Icon as ee } from "@hugeicons/core-free-icons";
+//#region src/admin/pages/payments/index.tsx
+var P = [
+	"nmi",
+	"ccbill",
+	"stripe",
+	"solana"
+], F = [
+	["", "All"],
+	["charge", "Charges"],
+	["refund", "Refunds"],
+	["chargeback", "Chargebacks"]
+], I = [
+	{
+		header: "Amount",
+		cell: ({ row: e }) => /* @__PURE__ */ k("span", {
+			className: "font-medium tabular-nums",
+			children: d(e.original.amount, e.original.currency)
+		})
+	},
+	{
+		header: "Status",
+		cell: ({ row: e }) => /* @__PURE__ */ k(b, { status: e.original.status })
+	},
+	{
+		header: "Kind",
+		cell: ({ row: e }) => e.original.kind
+	},
+	{
+		header: "Rail",
+		cell: ({ row: e }) => e.original.rail ?? e.original.channel
+	},
+	{
+		header: "Payment",
+		cell: ({ row: e }) => /* @__PURE__ */ k("span", {
+			className: "text-xs text-muted-foreground",
+			children: f(e.original.id, 16)
+		})
+	},
+	{
+		header: "Refunded",
+		cell: ({ row: e }) => e.original.amount_refunded === "0" ? /* @__PURE__ */ k("span", {
+			className: "text-muted-foreground",
+			children: "—"
+		}) : /* @__PURE__ */ k("span", {
+			className: "text-muted-foreground tabular-nums",
+			children: d(e.original.amount_refunded, e.original.currency)
+		})
+	},
+	{
+		header: "Created",
+		cell: ({ row: e }) => /* @__PURE__ */ k("span", {
+			className: "text-muted-foreground tabular-nums",
+			children: c(e.original.created_at)
+		})
+	}
+];
+function L(e, t) {
+	let n = s(t), r = n === void 0 ? null : l(e, n);
+	if (r === null) throw Error(`${t} amount ${e} cannot be exported exactly`);
+	return r;
+}
+function R() {
+	let { toast: s, toastApiError: c, adminMutations: l, adminQueries: d } = n(), { text: b } = e(), [R, z] = t(), B = R.get("rail") ?? "", V = R.get("kind") ?? "", H = R.get("customer_id") ?? "", U = R.get("customer") ?? "", W = v(), [G, K] = E.useState(""), q = r(), J = D(l.findCustomer()), Y = D(l.exportPayments()), X = {
+		rail: B || void 0,
+		kind: V || void 0,
+		customer_id: H || void 0
+	}, { data: Z, isPending: Q, isFetching: te } = O(d.payments(X, W.size, W.cursor)), $ = (e, t) => {
+		let n = new URLSearchParams(R);
+		t ? n.set(e, t) : n.delete(e), n.delete("cursor"), z(n);
+	}, ne = async () => {
+		let e = G.trim();
+		if (e) try {
+			let t = await J.mutateAsync(e);
+			if (!t) {
+				s.info("No customer matches");
+				return;
+			}
+			let n = new URLSearchParams(R);
+			n.set("customer_id", t.id), n.set("customer", u(t)), n.delete("cursor"), z(n), K("");
+		} catch (e) {
+			c(e, "Search customers");
+		}
+	}, re = () => {
+		let e = new URLSearchParams(R);
+		e.delete("customer_id"), e.delete("customer"), e.delete("cursor"), z(e);
+	}, ie = async () => {
+		try {
+			let e = await Y.mutateAsync(X);
+			S(`payments-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, [
+				"id",
+				"kind",
+				"status",
+				"channel",
+				"amount",
+				"amount_refunded",
+				"currency",
+				"rail",
+				"customer_id",
+				"transaction_id",
+				"created_at"
+			], e.map((e) => [
+				e.id,
+				e.kind,
+				e.status,
+				e.channel,
+				L(e.amount, e.currency),
+				L(e.amount_refunded, e.currency),
+				e.currency,
+				e.rail,
+				e.customer_id,
+				e.transaction_id,
+				e.created_at
+			]));
+		} catch (e) {
+			c(e, "Export payments");
+		}
+	};
+	return /* @__PURE__ */ A("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ k("h1", {
+					className: "text-2xl font-semibold tracking-tight",
+					children: /* @__PURE__ */ k(i, { id: "Payments" })
+				}), /* @__PURE__ */ A("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: [
+						/* @__PURE__ */ A("form", {
+							className: "relative",
+							"aria-busy": J.isPending,
+							onSubmit: (e) => {
+								e.preventDefault(), ne();
+							},
+							children: [/* @__PURE__ */ k(j, {
+								icon: ee,
+								className: "absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground"
+							}), /* @__PURE__ */ k(o, {
+								className: "w-64 pl-8",
+								placeholder: b("Search customer email, ref, or id…"),
+								value: G,
+								disabled: J.isPending,
+								onChange: (e) => K(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ A(_, {
+							items: [{
+								value: "all",
+								label: "All rails"
+							}, ...P.map((e) => ({
+								value: e,
+								label: e
+							}))],
+							value: B || "all",
+							onValueChange: (e) => $("rail", !e || e === "all" ? "" : e),
+							children: [/* @__PURE__ */ k(m, {
+								className: "w-36",
+								children: /* @__PURE__ */ k(p, { placeholder: b("Rail") })
+							}), /* @__PURE__ */ A(h, { children: [/* @__PURE__ */ k(g, {
+								value: "all",
+								children: /* @__PURE__ */ k(i, { id: "All rails" })
+							}), P.map((e) => /* @__PURE__ */ k(g, {
+								value: e,
+								children: e
+							}, e))] })]
+						}),
+						/* @__PURE__ */ A(a, {
+							size: "sm",
+							onClick: ie,
+							disabled: Y.isPending || Q || !Z?.data.length,
+							children: [/* @__PURE__ */ k(j, {
+								icon: N,
+								className: "size-4"
+							}), Y.isPending ? "Exporting…" : "Export CSV"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ k(T, {
+				value: V,
+				onValueChange: (e) => $("kind", e ?? ""),
+				children: /* @__PURE__ */ k(w, {
+					variant: "line",
+					className: "w-full justify-start gap-6 rounded-none p-0",
+					children: F.map(([e, t]) => /* @__PURE__ */ k(C, {
+						value: e,
+						className: "flex-none px-0 after:bg-primary group-data-horizontal/tabs:after:bottom-[-1px]",
+						children: t
+					}, e))
+				})
+			}),
+			H ? /* @__PURE__ */ A("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ k("span", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ k(i, { id: "Customer" })
+				}), /* @__PURE__ */ A("span", {
+					className: "inline-flex items-center gap-1 rounded-md bg-muted py-0.5 pr-1 pl-2 font-medium",
+					children: [U || f(H, 13), /* @__PURE__ */ k(a, {
+						variant: "ghost",
+						size: "icon",
+						className: "size-5",
+						"aria-label": b("Clear customer filter"),
+						onClick: re,
+						children: /* @__PURE__ */ k(j, {
+							icon: M,
+							className: "size-3"
+						})
+					})]
+				})]
+			}) : null,
+			/* @__PURE__ */ k(x, {
+				columns: I,
+				data: Z?.data ?? [],
+				loading: Q,
+				onRowClick: (e) => q(`/payments/${e.id}`),
+				emptyMessage: "No payments match."
+			}),
+			/* @__PURE__ */ k(y, {
+				pages: W,
+				rows: Z?.data?.length ?? 0,
+				nextCursor: Z?.next_cursor,
+				busy: te
+			})
+		]
+	});
+}
+//#endregion
+export { R as PaymentsPage };
+
+//# sourceMappingURL=admin-payments-Bs7HSfP0.js.map

package/dist/admin-payments-Bs7HSfP0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-payments-Bs7HSfP0.js","names":[],"sources":["../src/admin/pages/payments/index.tsx"],"sourcesContent":["import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport {\n  Cancel01Icon,\n  Download01Icon,\n  Search01Icon,\n} from \"@hugeicons/core-free-icons\"\nimport * as React from \"react\"\nimport { useNavigate, useSearchParams } from \"#orck/admin/router\"\nimport { useMutation, useQuery } from \"@tanstack/react-query\"\nimport type { ColumnDef } from \"@tanstack/react-table\"\n\nimport { CursorPager } from \"#orck/admin/components/cursor-pager\"\nimport { DataTable } from \"#orck/admin/components/data-table\"\nimport { StatusBadge } from \"#orck/admin/components/status-badge\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport { Input } from \"#orck/admin/components/ui/input\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"#orck/admin/components/ui/select\"\nimport { Tabs, TabsList, TabsTrigger } from \"#orck/admin/components/ui/tabs\"\nimport type { PaymentFilters } from \"#orck/admin/lib/api/endpoints\"\nimport type { Payment } from \"#orck/client/generated/wire\"\nimport { downloadCsv } from \"#orck/admin/lib/csv\"\nimport { useUrlCursor } from \"#orck/admin/lib/cursor-pages\"\nimport {\n  currencyScale,\n  formatNativeAmount,\n  formatDate,\n  customerName,\n  shortId,\n  unitsToDecimal,\n} from \"#orck/admin/lib/format\"\n\nconst RAILS = [\"nmi\", \"ccbill\", \"stripe\", \"solana\"]\nconst KINDS = [\n  [\"\", \"All\"],\n  [\"charge\", \"Charges\"],\n  [\"refund\", \"Refunds\"],\n  [\"chargeback\", \"Chargebacks\"],\n] as const\n\nconst columns: ColumnDef<Payment, unknown>[] = [\n  {\n    header: \"Amount\",\n    cell: ({ row }) => (\n      <span className=\"font-medium tabular-nums\">\n        {formatNativeAmount(row.original.amount, row.original.currency)}\n      </span>\n    ),\n  },\n  {\n    header: \"Status\",\n    cell: ({ row }) => <StatusBadge status={row.original.status} />,\n  },\n  { header: \"Kind\", cell: ({ row }) => row.original.kind },\n  // Off-rail payments name their channel instead.\n  {\n    header: \"Rail\",\n    cell: ({ row }) => row.original.rail ?? row.original.channel,\n  },\n  {\n    header: \"Payment\",\n    cell: ({ row }) => (\n      <span className=\"text-xs text-muted-foreground\">\n        {shortId(row.original.id, 16)}\n      </span>\n    ),\n  },\n  {\n    header: \"Refunded\",\n    cell: ({ row }) =>\n      row.original.amount_refunded !== \"0\" ? (\n        <span className=\"text-muted-foreground tabular-nums\">\n          {formatNativeAmount(\n            row.original.amount_refunded,\n            row.original.currency\n          )}\n        </span>\n      ) : (\n        <span className=\"text-muted-foreground\">—</span>\n      ),\n  },\n  {\n    header: \"Created\",\n    cell: ({ row }) => (\n      <span className=\"text-muted-foreground tabular-nums\">\n        {formatDate(row.original.created_at)}\n      </span>\n    ),\n  },\n]\n\n// csvAmount exports an exact major-unit decimal; an amount that cannot be\n// represented exactly aborts the export rather than writing a wrong figure.\nfunction csvAmount(amount: string, currency: string): string {\n  const scale = currencyScale(currency)\n  const decimal = scale === undefined ? null : unitsToDecimal(amount, scale)\n  if (decimal === null)\n    throw new Error(`${currency} amount ${amount} cannot be exported exactly`)\n  return decimal\n}\n\nexport function PaymentsPage() {\n  const { toast, toastApiError, adminMutations, adminQueries } =\n    useAdminServices()\n\n  const { text: adminText } = useAdminUI()\n\n  const [params, setParams] = useSearchParams()\n  const rail = params.get(\"rail\") ?? \"\"\n  const kind = (params.get(\"kind\") ?? \"\") as Payment[\"kind\"] | \"\"\n  const userId = params.get(\"customer_id\") ?? \"\"\n  const customerLabel = params.get(\"customer\") ?? \"\"\n  const paging = useUrlCursor()\n  const [input, setInput] = React.useState(\"\")\n  const navigate = useNavigate()\n  const customerLookup = useMutation(adminMutations.findCustomer())\n  const exportPayments = useMutation(adminMutations.exportPayments())\n\n  const filters: PaymentFilters = {\n    rail: rail || undefined,\n    kind: kind || undefined,\n    customer_id: userId || undefined,\n  }\n  const {\n    data,\n    isPending: loading,\n    isFetching,\n  } = useQuery(adminQueries.payments(filters, paging.size, paging.cursor))\n\n  const setParam = (key: string, value: string) => {\n    const p = new URLSearchParams(params)\n    if (value) p.set(key, value)\n    else p.delete(key)\n    p.delete(\"cursor\")\n    setParams(p)\n  }\n\n  // The payments API has no free-text search: resolve the term to a customer,\n  // then filter by its id.\n  const searchCustomer = async () => {\n    const term = input.trim()\n    if (!term) return\n    try {\n      const c = await customerLookup.mutateAsync(term)\n      if (!c) {\n        toast.info(\"No customer matches\")\n        return\n      }\n      const p = new URLSearchParams(params)\n      p.set(\"customer_id\", c.id)\n      p.set(\"customer\", customerName(c))\n      p.delete(\"cursor\")\n      setParams(p)\n      setInput(\"\")\n    } catch (err) {\n      toastApiError(err, \"Search customers\")\n    }\n  }\n\n  const clearCustomer = () => {\n    const p = new URLSearchParams(params)\n    p.delete(\"customer_id\")\n    p.delete(\"customer\")\n    p.delete(\"cursor\")\n    setParams(p)\n  }\n\n  const exportCsv = async () => {\n    try {\n      const rows = await exportPayments.mutateAsync(filters)\n      downloadCsv(\n        `payments-${new Date().toISOString().slice(0, 10)}.csv`,\n        [\n          \"id\",\n          \"kind\",\n          \"status\",\n          \"channel\",\n          \"amount\",\n          \"amount_refunded\",\n          \"currency\",\n          \"rail\",\n          \"customer_id\",\n          \"transaction_id\",\n          \"created_at\",\n        ],\n        rows.map((r) => [\n          r.id,\n          r.kind,\n          r.status,\n          r.channel,\n          csvAmount(r.amount, r.currency),\n          csvAmount(r.amount_refunded, r.currency),\n          r.currency,\n          r.rail,\n          r.customer_id,\n          r.transaction_id,\n          r.created_at,\n        ])\n      )\n    } catch (err) {\n      toastApiError(err, \"Export payments\")\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <h1 className=\"text-2xl font-semibold tracking-tight\">\n          <AdminMessage id={\"Payments\"} />\n        </h1>\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <form\n            className=\"relative\"\n            aria-busy={customerLookup.isPending}\n            onSubmit={(e) => {\n              e.preventDefault()\n              void searchCustomer()\n            }}\n          >\n            <HugeiconsIcon\n              icon={Search01Icon}\n              className=\"absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\"\n            />\n            <Input\n              className=\"w-64 pl-8\"\n              placeholder={adminText(\"Search customer email, ref, or id…\")}\n              value={input}\n              disabled={customerLookup.isPending}\n              onChange={(e) => setInput(e.target.value)}\n            />\n          </form>\n          <Select\n            items={[\n              { value: \"all\", label: \"All rails\" },\n              ...RAILS.map((r) => ({ value: r, label: r })),\n            ]}\n            value={rail || \"all\"}\n            onValueChange={(v) => setParam(\"rail\", !v || v === \"all\" ? \"\" : v)}\n          >\n            <SelectTrigger className=\"w-36\">\n              <SelectValue placeholder={adminText(\"Rail\")} />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                <AdminMessage id={\"All rails\"} />\n              </SelectItem>\n              {RAILS.map((r) => (\n                <SelectItem key={r} value={r}>\n                  {r}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Button\n            size=\"sm\"\n            onClick={exportCsv}\n            disabled={exportPayments.isPending || loading || !data?.data.length}\n          >\n            <HugeiconsIcon icon={Download01Icon} className=\"size-4\" />\n            {exportPayments.isPending ? \"Exporting…\" : \"Export CSV\"}\n          </Button>\n        </div>\n      </div>\n\n      <Tabs value={kind} onValueChange={(v) => setParam(\"kind\", v ?? \"\")}>\n        <TabsList\n          variant=\"line\"\n          className=\"w-full justify-start gap-6 rounded-none p-0\"\n        >\n          {KINDS.map(([value, label]) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className=\"flex-none px-0 after:bg-primary group-data-horizontal/tabs:after:bottom-[-1px]\"\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      {userId ? (\n        <div className=\"flex items-center gap-2 text-sm\">\n          <span className=\"text-muted-foreground\">\n            <AdminMessage id={\"Customer\"} />\n          </span>\n          <span className=\"inline-flex items-center gap-1 rounded-md bg-muted py-0.5 pr-1 pl-2 font-medium\">\n            {customerLabel || shortId(userId, 13)}\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"size-5\"\n              aria-label={adminText(\"Clear customer filter\")}\n              onClick={clearCustomer}\n            >\n              <HugeiconsIcon icon={Cancel01Icon} className=\"size-3\" />\n            </Button>\n          </span>\n        </div>\n      ) : null}\n\n      <DataTable\n        columns={columns}\n        data={data?.data ?? []}\n        loading={loading}\n        onRowClick={(row) => navigate(`/payments/${row.id}`)}\n        emptyMessage=\"No payments match.\"\n      />\n      <CursorPager\n        pages={paging}\n        rows={data?.data?.length ?? 0}\n        nextCursor={data?.next_cursor}\n        busy={isFetching}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuCA,IAAM,IAAQ;CAAC;CAAO;CAAU;CAAU;AAAQ,GAC5C,IAAQ;CACZ,CAAC,IAAI,KAAK;CACV,CAAC,UAAU,SAAS;CACpB,CAAC,UAAU,SAAS;CACpB,CAAC,cAAc,aAAa;AAC9B,GAEM,IAAyC;CAC7C;EACE,QAAQ;EACR,OAAO,EAAE,aACP,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,EAAmB,EAAI,SAAS,QAAQ,EAAI,SAAS,QAAQ;EAC1D,CAAA;CAEV;CACA;EACE,QAAQ;EACR,OAAO,EAAE,aAAU,kBAAC,GAAD,EAAa,QAAQ,EAAI,SAAS,OAAS,CAAA;CAChE;CACA;EAAE,QAAQ;EAAQ,OAAO,EAAE,aAAU,EAAI,SAAS;CAAK;CAEvD;EACE,QAAQ;EACR,OAAO,EAAE,aAAU,EAAI,SAAS,QAAQ,EAAI,SAAS;CACvD;CACA;EACE,QAAQ;EACR,OAAO,EAAE,aACP,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,EAAQ,EAAI,SAAS,IAAI,EAAE;EACxB,CAAA;CAEV;CACA;EACE,QAAQ;EACR,OAAO,EAAE,aACP,EAAI,SAAS,oBAAoB,MAQ/B,kBAAC,QAAD;GAAM,WAAU;GAAwB,UAAA;EAAO,CAAA,IAP/C,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,EACC,EAAI,SAAS,iBACb,EAAI,SAAS,QACf;EACI,CAAA;CAIZ;CACA;EACE,QAAQ;EACR,OAAO,EAAE,aACP,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,EAAW,EAAI,SAAS,UAAU;EAC/B,CAAA;CAEV;AACF;AAIA,SAAS,EAAU,GAAgB,GAA0B;CAC3D,IAAM,IAAQ,EAAc,CAAQ,GAC9B,IAAU,MAAU,KAAA,IAAY,OAAO,EAAe,GAAQ,CAAK;CACzE,IAAI,MAAY,MACd,MAAU,MAAM,GAAG,EAAS,UAAU,EAAO,4BAA4B;CAC3E,OAAO;AACT;AAEA,SAAgB,IAAe;CAC7B,IAAM,EAAE,UAAO,kBAAe,mBAAgB,oBAC5C,EAAiB,GAEb,EAAE,MAAM,MAAc,EAAW,GAEjC,CAAC,GAAQ,KAAa,EAAgB,GACtC,IAAO,EAAO,IAAI,MAAM,KAAK,IAC7B,IAAQ,EAAO,IAAI,MAAM,KAAK,IAC9B,IAAS,EAAO,IAAI,aAAa,KAAK,IACtC,IAAgB,EAAO,IAAI,UAAU,KAAK,IAC1C,IAAS,EAAa,GACtB,CAAC,GAAO,KAAY,EAAM,SAAS,EAAE,GACrC,IAAW,EAAY,GACvB,IAAiB,EAAY,EAAe,aAAa,CAAC,GAC1D,IAAiB,EAAY,EAAe,eAAe,CAAC,GAE5D,IAA0B;EAC9B,MAAM,KAAQ,KAAA;EACd,MAAM,KAAQ,KAAA;EACd,aAAa,KAAU,KAAA;CACzB,GACM,EACJ,SACA,WAAW,GACX,mBACE,EAAS,EAAa,SAAS,GAAS,EAAO,MAAM,EAAO,MAAM,CAAC,GAEjE,KAAY,GAAa,MAAkB;EAC/C,IAAM,IAAI,IAAI,gBAAgB,CAAM;EAIpC,AAHI,IAAO,EAAE,IAAI,GAAK,CAAK,IACtB,EAAE,OAAO,CAAG,GACjB,EAAE,OAAO,QAAQ,GACjB,EAAU,CAAC;CACb,GAIM,KAAiB,YAAY;EACjC,IAAM,IAAO,EAAM,KAAK;EACnB,OACL,IAAI;GACF,IAAM,IAAI,MAAM,EAAe,YAAY,CAAI;GAC/C,IAAI,CAAC,GAAG;IACN,EAAM,KAAK,qBAAqB;IAChC;GACF;GACA,IAAM,IAAI,IAAI,gBAAgB,CAAM;GAKpC,AAJA,EAAE,IAAI,eAAe,EAAE,EAAE,GACzB,EAAE,IAAI,YAAY,EAAa,CAAC,CAAC,GACjC,EAAE,OAAO,QAAQ,GACjB,EAAU,CAAC,GACX,EAAS,EAAE;EACb,SAAS,GAAK;GACZ,EAAc,GAAK,kBAAkB;EACvC;CACF,GAEM,WAAsB;EAC1B,IAAM,IAAI,IAAI,gBAAgB,CAAM;EAIpC,AAHA,EAAE,OAAO,aAAa,GACtB,EAAE,OAAO,UAAU,GACnB,EAAE,OAAO,QAAQ,GACjB,EAAU,CAAC;CACb,GAEM,KAAY,YAAY;EAC5B,IAAI;GACF,IAAM,IAAO,MAAM,EAAe,YAAY,CAAO;GACrD,EACE,6BAAY,IAAI,KAAK,EAAA,CAAE,YAAY,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE,OAClD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,GACA,EAAK,KAAK,MAAM;IACd,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAU,EAAE,QAAQ,EAAE,QAAQ;IAC9B,EAAU,EAAE,iBAAiB,EAAE,QAAQ;IACvC,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;GACJ,CAAC,CACH;EACF,SAAS,GAAK;GACZ,EAAc,GAAK,iBAAiB;EACtC;CACF;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;KACZ,UAAA,kBAAC,GAAD,EAAc,IAAI,WAAa,CAAA;IAC7B,CAAA,GACJ,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,kBAAC,QAAD;OACE,WAAU;OACV,aAAW,EAAe;OAC1B,WAAW,MAAM;QAEf,AADA,EAAE,eAAe,GACjB,GAAoB;OACtB;OANF,UAAA,CAQE,kBAAC,GAAD;QACE,MAAM;QACN,WAAU;OACX,CAAA,GACD,kBAAC,GAAD;QACE,WAAU;QACV,aAAa,EAAU,oCAAoC;QAC3D,OAAO;QACP,UAAU,EAAe;QACzB,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;OACzC,CAAA,CACG;;MACN,kBAAC,GAAD;OACE,OAAO,CACL;QAAE,OAAO;QAAO,OAAO;OAAY,GACnC,GAAG,EAAM,KAAK,OAAO;QAAE,OAAO;QAAG,OAAO;OAAE,EAAE,CAC9C;OACA,OAAO,KAAQ;OACf,gBAAgB,MAAM,EAAS,QAAQ,CAAC,KAAK,MAAM,QAAQ,KAAK,CAAC;OANnE,UAAA,CAQE,kBAAC,GAAD;QAAe,WAAU;QACvB,UAAA,kBAAC,GAAD,EAAa,aAAa,EAAU,MAAM,EAAI,CAAA;OACjC,CAAA,GACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;QAChB,UAAA,kBAAC,GAAD,EAAc,IAAI,YAAc,CAAA;OACtB,CAAA,GACX,EAAM,KAAK,MACV,kBAAC,GAAD;QAAoB,OAAO;QACxB,UAAA;OACS,GAFK,CAEL,CACb,CACY,EAAA,CAAA,CACT;;MACR,kBAAC,GAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU,EAAe,aAAa,KAAW,CAAC,GAAM,KAAK;OAH/D,UAAA,CAKE,kBAAC,GAAD;QAAe,MAAM;QAAgB,WAAU;OAAU,CAAA,GACxD,EAAe,YAAY,eAAe,YACrC;;KACL;IACF,CAAA,CAAA;;GAEL,kBAAC,GAAD;IAAM,OAAO;IAAM,gBAAgB,MAAM,EAAS,QAAQ,KAAK,EAAE;IAC/D,UAAA,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;KAET,UAAA,EAAM,KAAK,CAAC,GAAO,OAClB,kBAAC,GAAD;MAES;MACP,WAAU;MAET,UAAA;KACU,GALN,CAKM,CACd;IACO,CAAA;GACN,CAAA;GAEL,IACC,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KACd,UAAA,kBAAC,GAAD,EAAc,IAAI,WAAa,CAAA;IAC3B,CAAA,GACN,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,KAAiB,EAAQ,GAAQ,EAAE,GACpC,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,WAAU;MACV,cAAY,EAAU,uBAAuB;MAC7C,SAAS;MAET,UAAA,kBAAC,GAAD;OAAe,MAAM;OAAc,WAAU;MAAU,CAAA;KACjD,CAAA,CACJ;IACH,CAAA,CAAA;GACH,CAAA,IAAA;GAEJ,kBAAC,GAAD;IACW;IACT,MAAM,GAAM,QAAQ,CAAC;IACZ;IACT,aAAa,MAAQ,EAAS,aAAa,EAAI,IAAI;IACnD,cAAa;GACd,CAAA;GACD,kBAAC,GAAD;IACE,OAAO;IACP,MAAM,GAAM,MAAM,UAAU;IAC5B,YAAY,GAAM;IAClB,MAAM;GACP,CAAA;EACE;;AAET"}