@openrails/billing-ui 0.242.0 → 0.244.0

package/dist/admin-metering-COFcSPQy.js

@@ -0,0 +1,1721 @@
+import { E as e, S as t, c as n, p as r, r as i, s as a, w as o } from "./admin-utils-BK4Vh1o_.js";
+import { t as s } from "./admin-button-CTL3DgOt.js";
+import { t as c } from "./admin-input-CcfQfJFN.js";
+import { t as l } from "./admin-skeleton-DsM7crYi.js";
+import { s as u } from "./admin-capabilities-BuigAgtm.js";
+import { c as d, d as f, l as p, n as m, o as h, s as g } from "./admin-format-DoohJ7Fg.js";
+import { n as _ } from "./admin-confirm-katGq0Qo.js";
+import { t as v } from "./admin-form-field-errors-hbUMIriS.js";
+import { a as y, i as b, n as x, r as S, t as C } from "./admin-select-DBgprVW6.js";
+import { n as w, r as T } from "./admin-dom-uMmZzRvU.js";
+import { a as E, n as ee, o as te, r as D, s as O, t as k } from "./admin-table-CH9TrXJf.js";
+import { t as ne } from "./admin-linked-table-row-BsaUruCN.js";
+import { t as A } from "./admin-badge-DR5-1qd8.js";
+import { a as re, i as ie, n as ae, o as oe, r as se, s as ce, t as le } from "./admin-dialog-BjuKI5Hp.js";
+import { t as j } from "./admin-label-BiEN5cjb.js";
+import { t as ue } from "./admin-switch-BJUxLCsa.js";
+import { n as de, r as fe } from "./admin-dialog-width-BPrgdYlj.js";
+import * as M from "react";
+import { useMutation as pe, useQuery as me, useQueryClient as he } from "@tanstack/react-query";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { HugeiconsIcon as I } from "@hugeicons/react";
+import { Activity01Icon as ge, Add01Icon as L, ArrowLeft01Icon as _e, ArrowRight01Icon as ve, Delete02Icon as R, Edit02Icon as z, InformationCircleIcon as ye, Money03Icon as be, Search01Icon as xe } from "@hugeicons/core-free-icons";
+import { useForm as Se } from "@tanstack/react-form";
+//#region src/admin/pages/catalog/metering-model.ts
+var Ce = class extends Error {
+	fieldId;
+	constructor(e, t) {
+		super(t), this.name = "RateCardFormError", this.fieldId = e;
+	}
+};
+function we(e) {
+	return e.pending ? "loading" : e.error?.status === 403 ? "permission" : e.error ? "error" : e.count === 0 ? "empty" : "ready";
+}
+function Te(e) {
+	return e.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^[-_]+|[-_]+$/g, "");
+}
+function Ee(e) {
+	return {
+		key: e?.key ?? "",
+		eventType: e?.event_type ?? "",
+		aggregation: e?.aggregation === "count" ? "count" : "sum",
+		valueProperty: e?.value_property ?? "",
+		unit: e?.unit ?? "",
+		groupBy: Object.entries(e?.group_by ?? {}).map(([e, t]) => ({
+			key: e,
+			value: t
+		}))
+	};
+}
+function De(e) {
+	let t = Te(e.key);
+	if (!t) throw Error("Enter a meter key.");
+	let n = e.eventType.trim(), r = e.valueProperty.trim();
+	if (e.aggregation === "sum" && !r) throw Error("Sum meters require a value property.");
+	let i = Me(e.groupBy, "group");
+	return {
+		key: t,
+		meter: {
+			event_type: n,
+			aggregation: e.aggregation,
+			value_property: e.aggregation === "sum" ? r : "",
+			unit: e.unit.trim() || void 0,
+			group_by: i
+		}
+	};
+}
+function Oe(e) {
+	let t = e?.price, n = t?.per_unit?.matrix, r = e?.allowance, i = r?.included === void 0 ? "none" : "included", a = t?.currency ?? "USD";
+	return {
+		productId: e?.product_id ?? "",
+		model: t?.model && t.model !== "flat" ? t.model : "per_unit",
+		currency: a,
+		unitAmount: U(a, t?.per_unit?.unit_amount),
+		divideBy: W(t?.per_unit?.divide_by, "1"),
+		round: t?.per_unit?.round ?? "half_up",
+		maximumAmount: U(a, t?.per_unit?.maximum_amount),
+		matrixEnabled: !!n,
+		matrixDimension: n?.dimension ?? "",
+		matrixCells: Object.entries(n?.cells ?? {}).map(([e, t]) => ({
+			key: e,
+			unitAmount: U(a, t.unit_amount),
+			maximumAmount: U(a, t.maximum_amount)
+		})),
+		tierMode: "graduated",
+		tiers: (t?.tiered?.tiers ?? [{
+			up_to: null,
+			unit_amount: "0",
+			flat_amount: "0"
+		}]).map((e) => ({
+			upTo: e.up_to === null ? "" : String(e.up_to),
+			unitAmount: U(a, e.unit_amount),
+			flatAmount: U(a, e.flat_amount)
+		})),
+		packageAmount: U(a, t?.package?.amount),
+		packageSize: W(t?.package?.package_size, "1"),
+		freeUnits: W(t?.package?.free_units),
+		filters: Object.entries(e?.filter ?? {}).map(([e, t]) => ({
+			key: e,
+			value: t.join(", ")
+		})),
+		allowanceMode: i,
+		allowanceIncluded: W(r?.included)
+	};
+}
+function ke(e) {
+	e.productId || H("rate-product", "Select a product.");
+	let t = e.currency.trim().toUpperCase();
+	m(t) === void 0 && H("rate-currency", `Use a supported currency: ${f.join(", ")}.`);
+	let n = Ae(e, t), r = e.model === "dynamic" ? void 0 : je(e);
+	return {
+		product_id: e.productId,
+		filter: Ne(e.filters),
+		price: n,
+		...r ? { allowance: r } : {}
+	};
+}
+function Ae(e, t) {
+	if (e.model === "dynamic") return {
+		model: "dynamic",
+		currency: t
+	};
+	if (e.model === "per_unit") {
+		let n = Pe(e.divideBy, "Divisor", "rate-divide-by"), r = V(t, e.maximumAmount, "Maximum amount", "rate-maximum");
+		if (e.matrixEnabled) {
+			let i = e.matrixDimension.trim();
+			i || H("matrix-dimension", "Select a matrix dimension."), e.matrixCells.length === 0 && H("matrix-add-cell", "Add at least one matrix cell.");
+			let a = {};
+			for (let [n, r] of e.matrixCells.entries()) {
+				let e = r.key.trim(), i = `matrix-cell-${n}`;
+				e || H(`${i}-value`, "Each matrix cell needs a value."), a[e] && H(`${i}-value`, `Duplicate matrix value “${e}”.`), a[e] = {
+					unit_amount: B(t, r.unitAmount, `Price for ${e}`, `${i}-unit-price`, !0),
+					...V(t, r.maximumAmount, `Maximum for ${e}`, `${i}-maximum`) === "0" ? {} : { maximum_amount: V(t, r.maximumAmount, `Maximum for ${e}`, `${i}-maximum`) }
+				};
+			}
+			return {
+				model: "per_unit",
+				currency: t,
+				per_unit: {
+					divide_by: n,
+					round: e.round,
+					...r === "0" ? {} : { maximum_amount: r },
+					matrix: {
+						dimension: i,
+						cells: a
+					}
+				}
+			};
+		}
+		return {
+			model: "per_unit",
+			currency: t,
+			per_unit: {
+				unit_amount: B(t, e.unitAmount, "Unit price", "rate-unit-amount", !0),
+				divide_by: n,
+				round: e.round,
+				...r === "0" ? {} : { maximum_amount: r }
+			}
+		};
+	}
+	if (e.model === "tiered") {
+		e.tiers.length === 0 && H("tier-add", "Add at least one tier.");
+		let n = e.tiers.map((n, r) => {
+			let i = r === e.tiers.length - 1, a = n.upTo.trim();
+			return i && a && H(`tier-${r}-limit`, "The final tier must be unbounded."), !i && !a && H(`tier-${r}-limit`, "Only the final tier can be unbounded."), {
+				up_to: i ? null : Pe(a, `Tier ${r + 1} limit`, `tier-${r}-limit`),
+				unit_amount: B(t, n.unitAmount, `Tier ${r + 1} unit price`, `tier-${r}-unit-price`, !0),
+				flat_amount: V(t, n.flatAmount, `Tier ${r + 1} flat amount`, `tier-${r}-flat-amount`)
+			};
+		});
+		for (let e = 1; e < n.length - 1; e += 1) (n[e].up_to ?? 0) <= (n[e - 1].up_to ?? 0) && H(`tier-${e}-limit`, "Tier limits must increase.");
+		return {
+			model: "tiered",
+			currency: t,
+			tiered: {
+				mode: e.tierMode,
+				tiers: n
+			}
+		};
+	}
+	return {
+		model: "package",
+		currency: t,
+		package: {
+			amount: B(t, e.packageAmount, "Package price", "package-amount"),
+			package_size: Pe(e.packageSize, "Package size", "package-size"),
+			free_units: Fe(e.freeUnits, "Free units", "package-free")
+		}
+	};
+}
+function je(e) {
+	if (e.allowanceMode !== "none") return { included: Fe(e.allowanceIncluded, "Included allowance", "allowance-included") };
+}
+function Me(e, t) {
+	let n = {};
+	for (let r of e) {
+		let e = r.key.trim(), i = r.value.trim();
+		if (!e || !i) throw Error(`Each ${t} row needs both fields.`);
+		if (n[e]) throw Error(`Duplicate ${t} key “${e}”.`);
+		n[e] = i;
+	}
+	return n;
+}
+function Ne(e) {
+	let t = {};
+	for (let [n, r] of e.entries()) {
+		let e = r.key.trim(), i = [...new Set(r.value.split(",").map((e) => e.trim()))].filter(Boolean);
+		e || H(`filter-${n}-dimension`, "Select a dimension for this filter."), i.length === 0 && H(`filter-${n}-values`, "Enter at least one value for this filter."), t[e] && H(`filter-${n}-dimension`, `Duplicate filter dimension “${e}”.`), t[e] = i;
+	}
+	return t;
+}
+function B(e, t, n, r, i = !1) {
+	let a = d(t, e);
+	return (a === null || BigInt(a) < 0n || !i && BigInt(a) === 0n) && H(r, `${n} must be ${i ? "zero or more" : "greater than zero"}.`), a;
+}
+function V(e, t, n, r) {
+	return t.trim() ? B(e, t, n, r, !0) : "0";
+}
+function Pe(e, t, n) {
+	let r = Number(e);
+	return (!Number.isSafeInteger(r) || r <= 0) && H(n, `${t} must be a positive whole number.`), r;
+}
+function Fe(e, t, n) {
+	if (!e.trim()) return 0;
+	let r = Number(e);
+	return (!Number.isSafeInteger(r) || r < 0) && H(n, `${t} must be zero or a positive whole number.`), r;
+}
+function H(e, t) {
+	throw new Ce(e, t);
+}
+function U(e, t) {
+	return t && t !== "0" ? p(t, e) : "";
+}
+function W(e, t = "") {
+	return e ? String(e) : t;
+}
+function Ie(e) {
+	if (!e) return "Not priced";
+	let { price: t } = e, n = t.currency ?? "";
+	return t.model === "dynamic" ? `Event amount · ${n}` : t.model === "per_unit" && t.per_unit ? t.per_unit.matrix ? `${Object.keys(t.per_unit.matrix.cells ?? {}).length} matrix rates · ${n}` : `${g(t.per_unit.unit_amount ?? "0", n)} per ${t.per_unit.divide_by || 1} units` : t.model === "tiered" && t.tiered ? `${t.tiered.tiers?.length ?? 0} ${t.tiered.mode} tiers · ${n}` : t.model === "package" && t.package ? `${g(t.package.amount ?? "0", n)} per ${(t.package.package_size ?? 1).toLocaleString()} units` : `Unsupported price · ${n}`;
+}
+function Le(e, t) {
+	return t ? e.has_activity ? "Meter definitions lock after the first event." : null : "Catalog updates are disabled.";
+}
+//#endregion
+//#region src/admin/pages/catalog/meter-form.tsx
+function Re({ meter: t, writesAllowed: n }) {
+	let { toast: i, toastApiError: a, adminMutations: l } = r(), { id: u, text: d } = e(), [f, p] = M.useState(!1), [m, h] = M.useState(""), g = he(), _ = pe(l.putUsageMeter(g)), w = t ? Le(t, n) : null, T = Se({
+		defaultValues: Ee(t),
+		onSubmit: async ({ value: e }) => {
+			h("");
+			try {
+				let n = De(e);
+				n.meter.expected_revision = t?.revision ?? 0, await _.mutateAsync(n), i.success(t ? "Meter updated" : "Meter created"), p(!1), T.reset();
+			} catch (e) {
+				if (e instanceof Error && !("status" in e)) {
+					h(e.message);
+					return;
+				}
+				a(e, t ? "Update meter" : "Create meter");
+			}
+		}
+	});
+	return w ? /* @__PURE__ */ F(s, {
+		variant: "outline",
+		size: "sm",
+		disabled: !0,
+		title: w,
+		children: [/* @__PURE__ */ P(I, {
+			icon: z,
+			className: "size-4"
+		}), /* @__PURE__ */ P(o, { id: "Edit definition" })]
+	}) : /* @__PURE__ */ F(le, {
+		open: f,
+		onOpenChange: (e) => {
+			p(e), h(""), e || T.reset();
+		},
+		children: [/* @__PURE__ */ P(ce, { render: /* @__PURE__ */ F(s, {
+			variant: t ? "outline" : "default",
+			size: "sm",
+			children: [/* @__PURE__ */ P(I, {
+				icon: t ? z : L,
+				className: "size-4"
+			}), t ? "Edit definition" : "Create meter"]
+		}) }), /* @__PURE__ */ P(ae, {
+			className: de,
+			children: /* @__PURE__ */ F("form", {
+				className: "grid gap-5",
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), T.handleSubmit();
+				},
+				children: [
+					/* @__PURE__ */ F(re, { children: [/* @__PURE__ */ P(oe, { children: t ? "Edit meter" : "Create meter" }), /* @__PURE__ */ P(se, { children: /* @__PURE__ */ P(o, { id: "Define the event fields OpenRails will aggregate. Your host still reports each event through the usage API." }) })] }),
+					/* @__PURE__ */ F("div", {
+						className: "grid gap-4",
+						children: [
+							/* @__PURE__ */ P(T.Field, {
+								name: "key",
+								validators: { onBlur: ({ value: e }) => e.trim() ? void 0 : "Enter a meter key." },
+								children: (e) => /* @__PURE__ */ F("div", {
+									className: "grid gap-1.5",
+									children: [
+										/* @__PURE__ */ P(j, {
+											htmlFor: u("meter-key"),
+											children: /* @__PURE__ */ P(o, { id: "Key" })
+										}),
+										/* @__PURE__ */ P(c, {
+											id: u("meter-key"),
+											value: e.state.value,
+											onChange: (t) => e.handleChange(t.target.value),
+											onBlur: e.handleBlur,
+											disabled: !!t,
+											placeholder: d("api-tokens"),
+											autoComplete: "off"
+										}),
+										/* @__PURE__ */ P("p", {
+											className: "text-xs text-muted-foreground",
+											children: /* @__PURE__ */ P(o, { id: "Stable identifier. It cannot be renamed after creation." })
+										}),
+										/* @__PURE__ */ P(v, { errors: e.state.meta.errors })
+									]
+								})
+							}),
+							/* @__PURE__ */ F("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ P(T.Field, {
+									name: "eventType",
+									children: (e) => /* @__PURE__ */ F("div", {
+										className: "grid gap-1.5",
+										children: [
+											/* @__PURE__ */ P(j, {
+												htmlFor: u("meter-event-type"),
+												children: /* @__PURE__ */ P(o, { id: "Event type" })
+											}),
+											/* @__PURE__ */ P(c, {
+												id: u("meter-event-type"),
+												value: e.state.value,
+												onChange: (t) => e.handleChange(t.target.value),
+												placeholder: d("token.used"),
+												autoComplete: "off"
+											}),
+											/* @__PURE__ */ P("p", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ P(o, { id: "Leave blank to use the meter key." })
+											})
+										]
+									})
+								}), /* @__PURE__ */ P(T.Field, {
+									name: "unit",
+									children: (e) => /* @__PURE__ */ F("div", {
+										className: "grid gap-1.5",
+										children: [
+											/* @__PURE__ */ P(j, {
+												htmlFor: u("meter-unit"),
+												children: /* @__PURE__ */ P(o, { id: "Unit" })
+											}),
+											/* @__PURE__ */ P(c, {
+												id: u("meter-unit"),
+												value: e.state.value,
+												onChange: (t) => e.handleChange(t.target.value),
+												placeholder: d("tokens"),
+												autoComplete: "off"
+											}),
+											/* @__PURE__ */ P("p", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ P(o, { id: "Human-readable quantity shown in billing." })
+											})
+										]
+									})
+								})]
+							}),
+							/* @__PURE__ */ F("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ P(T.Field, {
+									name: "aggregation",
+									children: (e) => /* @__PURE__ */ F("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ P(j, {
+											htmlFor: u("meter-aggregation"),
+											children: /* @__PURE__ */ P(o, { id: "Aggregation" })
+										}), /* @__PURE__ */ F(C, {
+											value: e.state.value,
+											onValueChange: (t) => e.handleChange(t),
+											children: [/* @__PURE__ */ P(b, {
+												id: u("meter-aggregation"),
+												className: "w-full",
+												children: /* @__PURE__ */ P(y, {})
+											}), /* @__PURE__ */ F(x, { children: [/* @__PURE__ */ P(S, {
+												value: "sum",
+												children: /* @__PURE__ */ P(o, { id: "Sum a numeric field" })
+											}), /* @__PURE__ */ P(S, {
+												value: "count",
+												children: /* @__PURE__ */ P(o, { id: "Count events" })
+											})] })]
+										})]
+									})
+								}), /* @__PURE__ */ P(T.Subscribe, {
+									selector: (e) => e.values.aggregation,
+									children: (e) => e === "sum" ? /* @__PURE__ */ P(T.Field, {
+										name: "valueProperty",
+										validators: { onBlur: ({ value: e }) => e.trim() ? void 0 : "Sum meters require a value property." },
+										children: (e) => /* @__PURE__ */ F("div", {
+											className: "grid gap-1.5",
+											children: [
+												/* @__PURE__ */ P(j, {
+													htmlFor: u("meter-value-property"),
+													children: /* @__PURE__ */ P(o, { id: "Value property" })
+												}),
+												/* @__PURE__ */ P(c, {
+													id: u("meter-value-property"),
+													value: e.state.value,
+													onChange: (t) => e.handleChange(t.target.value),
+													onBlur: e.handleBlur,
+													placeholder: d("tokens"),
+													autoComplete: "off"
+												}),
+												/* @__PURE__ */ P(v, { errors: e.state.meta.errors })
+											]
+										})
+									}) : /* @__PURE__ */ P("div", {
+										className: "self-end rounded-lg bg-muted/50 px-3 py-2 text-xs text-muted-foreground",
+										children: /* @__PURE__ */ P(o, { id: "Count uses one unit for every matching event." })
+									})
+								})]
+							}),
+							/* @__PURE__ */ P(T.Field, {
+								name: "groupBy",
+								mode: "array",
+								children: (e) => /* @__PURE__ */ F("fieldset", {
+									className: "grid gap-2",
+									children: [/* @__PURE__ */ F("div", {
+										className: "flex items-center justify-between gap-3",
+										children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(j, { children: /* @__PURE__ */ P(o, { id: "Dimensions" }) }), /* @__PURE__ */ P("p", {
+											className: "text-xs text-muted-foreground",
+											children: /* @__PURE__ */ P(o, { id: "Register event properties used by filters or matrix rates." })
+										})] }), /* @__PURE__ */ F(s, {
+											type: "button",
+											variant: "outline",
+											size: "sm",
+											onClick: () => e.pushValue({
+												key: "",
+												value: ""
+											}),
+											children: [/* @__PURE__ */ P(I, {
+												icon: L,
+												className: "size-4"
+											}), /* @__PURE__ */ P(o, { id: "Add dimension" })]
+										})]
+									}), e.state.value.map((t, n) => /* @__PURE__ */ F("div", {
+										className: "grid grid-cols-[1fr_1fr_auto] gap-2",
+										children: [
+											/* @__PURE__ */ P(c, {
+												"aria-label": `Dimension ${n + 1} name`,
+												value: t.key,
+												onChange: (e) => T.setFieldValue(`groupBy[${n}].key`, e.target.value),
+												placeholder: d("model"),
+												autoComplete: "off"
+											}),
+											/* @__PURE__ */ P(c, {
+												"aria-label": `Dimension ${n + 1} property`,
+												value: t.value,
+												onChange: (e) => T.setFieldValue(`groupBy[${n}].value`, e.target.value),
+												placeholder: d("metadata.model"),
+												autoComplete: "off"
+											}),
+											/* @__PURE__ */ P(s, {
+												type: "button",
+												variant: "ghost",
+												size: "icon",
+												"aria-label": `Remove dimension ${n + 1}`,
+												onClick: () => e.removeValue(n),
+												children: /* @__PURE__ */ P(I, {
+													icon: R,
+													className: "size-4"
+												})
+											})
+										]
+									}, n))]
+								})
+							})
+						]
+					}),
+					m && /* @__PURE__ */ P("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: m
+					}),
+					/* @__PURE__ */ F(ie, { children: [/* @__PURE__ */ P(s, {
+						type: "button",
+						variant: "outline",
+						onClick: () => p(!1),
+						children: /* @__PURE__ */ P(o, { id: "Cancel" })
+					}), /* @__PURE__ */ P(T.Subscribe, {
+						selector: (e) => e.isSubmitting,
+						children: (e) => /* @__PURE__ */ P(s, {
+							type: "submit",
+							disabled: e || _.isPending,
+							children: e || _.isPending ? "Saving…" : "Save meter"
+						})
+					})] })
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/admin/pages/catalog/rate-card-editor.tsx
+var G = M.createContext(null);
+function ze({ meter: t, writesAllowed: n = !1, products: a, productsPending: l = !1, productsError: u = !1, productsForbidden: d = !1 }) {
+	let { toast: f, toastApiError: p, adminMutations: m } = r(), { id: h, text: g } = e(), [v, w] = M.useState(!1), [T, E] = M.useState(null), ee = _(), te = he(), D = pe(m.putDefaultUsageRateCard(te)), O = a.filter((e) => !e.archived), k = t.rate_card, ne = D.isPending, A = Se({
+		defaultValues: Oe(k),
+		onSubmit: async ({ value: e }) => {
+			E(null);
+			try {
+				let t = ke(e);
+				if (k && !await ee({
+					title: "Replace the default rate?",
+					description: "Amounts already charged do not change. New events use the new rate; admitted work keeps its pinned rate.",
+					confirmLabel: "Replace rate",
+					cancelLabel: "Keep current rate"
+				})) return;
+				await ue(t);
+			} catch (e) {
+				if (e instanceof Ce) {
+					E({
+						fieldId: e.fieldId,
+						message: e.message
+					}), requestAnimationFrame(() => {
+						document.getElementById(h(e.fieldId))?.focus();
+					});
+					return;
+				}
+				p(e, "Save rate card");
+			}
+		}
+	}), ue = async (e) => {
+		try {
+			await D.mutateAsync({
+				meter: t,
+				rateCard: e
+			}), f.success(k ? "Default rate replaced" : "Default rate added"), w(!1);
+		} catch (e) {
+			p(e, "Save default rate");
+		}
+	};
+	return !n || !t.billing_supported ? null : /* @__PURE__ */ P(G.Provider, {
+		value: T,
+		children: /* @__PURE__ */ F(le, {
+			open: v,
+			onOpenChange: (e) => {
+				w(e), E(null), e || A.reset();
+			},
+			children: [/* @__PURE__ */ P(ce, { render: /* @__PURE__ */ F(s, {
+				variant: k ? "outline" : "default",
+				size: "sm",
+				children: [/* @__PURE__ */ P(I, {
+					icon: k ? z : be,
+					className: "size-4"
+				}), k ? "Edit default rate" : "Add default rate"]
+			}) }), /* @__PURE__ */ P(ae, {
+				className: `${fe} max-h-[calc(100dvh-2rem)] overflow-y-auto`,
+				children: /* @__PURE__ */ F("form", {
+					className: "grid gap-6",
+					onChange: () => E(null),
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), A.handleSubmit();
+					},
+					children: [
+						/* @__PURE__ */ F(re, { children: [/* @__PURE__ */ P(oe, { children: k ? "Edit default rate" : "Add default rate" }), /* @__PURE__ */ P(se, { children: /* @__PURE__ */ P(o, { id: "Set the price that charges every customer's usage as it is recorded. Money is entered in major currency units." }) })] }),
+						/* @__PURE__ */ F("section", {
+							className: "grid gap-4",
+							children: [/* @__PURE__ */ P("h3", {
+								className: "text-sm font-medium",
+								children: /* @__PURE__ */ P(o, { id: "Product and model" })
+							}), l ? /* @__PURE__ */ P("div", {
+								className: "rounded-lg bg-muted/50 p-3 text-sm text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Loading products…" })
+							}) : u ? /* @__PURE__ */ P("div", {
+								role: "alert",
+								className: "rounded-lg bg-muted/50 p-3 text-sm text-destructive",
+								children: d ? "Your role cannot read products for this merchant." : "Products could not be loaded. Close this form and try again."
+							}) : O.length === 0 ? /* @__PURE__ */ F("div", {
+								className: "rounded-lg bg-muted/50 p-3 text-sm",
+								children: [/* @__PURE__ */ P("p", { children: /* @__PURE__ */ P(o, { id: "No active products are available." }) }), /* @__PURE__ */ P(i, {
+									className: "text-primary underline underline-offset-3",
+									to: "/catalog",
+									children: /* @__PURE__ */ P(o, { id: "Create or activate a product first" })
+								})]
+							}) : /* @__PURE__ */ F("div", {
+								className: "grid gap-4 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ P(A.Field, {
+										name: "productId",
+										children: (e) => /* @__PURE__ */ F("div", {
+											className: "grid gap-1.5 sm:col-span-2",
+											children: [
+												/* @__PURE__ */ P(j, {
+													htmlFor: h("rate-product"),
+													children: /* @__PURE__ */ P(o, { id: "Product" })
+												}),
+												/* @__PURE__ */ F(C, {
+													value: e.state.value || null,
+													onValueChange: (t) => e.handleChange(t ?? ""),
+													children: [/* @__PURE__ */ P(b, {
+														id: h("rate-product"),
+														className: "w-full",
+														...Y("rate-product", T),
+														children: /* @__PURE__ */ P(y, { placeholder: g("Select product") })
+													}), /* @__PURE__ */ P(x, { children: O.map((e) => /* @__PURE__ */ P(S, {
+														value: e.id,
+														children: e.display_name
+													}, e.id)) })]
+												}),
+												/* @__PURE__ */ P(X, { fieldId: "rate-product" })
+											]
+										})
+									}),
+									/* @__PURE__ */ P(A.Field, {
+										name: "currency",
+										children: (e) => /* @__PURE__ */ F("div", {
+											className: "grid gap-1.5",
+											children: [
+												/* @__PURE__ */ P(j, {
+													htmlFor: h("rate-currency"),
+													children: /* @__PURE__ */ P(o, { id: "Currency" })
+												}),
+												/* @__PURE__ */ P(c, {
+													id: h("rate-currency"),
+													value: e.state.value,
+													onChange: (t) => e.handleChange(t.target.value.toUpperCase()),
+													maxLength: 3,
+													placeholder: g("USD"),
+													className: "uppercase",
+													autoComplete: "off",
+													...Y("rate-currency", T)
+												}),
+												/* @__PURE__ */ P(X, { fieldId: "rate-currency" })
+											]
+										})
+									}),
+									/* @__PURE__ */ P(Be, {
+										form: A,
+										meter: t
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ P(A.Subscribe, {
+							selector: (e) => e.values.model,
+							children: (e) => /* @__PURE__ */ F("section", {
+								className: "grid gap-4 border-t pt-5",
+								children: [
+									/* @__PURE__ */ P("h3", {
+										className: "text-sm font-medium",
+										children: /* @__PURE__ */ P(o, { id: "Rate" })
+									}),
+									e === "per_unit" && /* @__PURE__ */ P(Ve, {
+										form: A,
+										meter: t
+									}),
+									e === "tiered" && /* @__PURE__ */ P(Ue, { form: A }),
+									e === "package" && /* @__PURE__ */ P(We, { form: A }),
+									e === "dynamic" && /* @__PURE__ */ P("p", {
+										className: "text-sm text-muted-foreground",
+										children: /* @__PURE__ */ P(o, { id: "Charge each event’s stated amount when it reports positive units. Missing amounts or zero units charge nothing." })
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ P(Ge, {
+							form: A,
+							meter: t
+						}),
+						/* @__PURE__ */ P(A.Subscribe, {
+							selector: (e) => e.values.model,
+							children: (e) => e !== "dynamic" && /* @__PURE__ */ P(Ke, { form: A })
+						}),
+						/* @__PURE__ */ P(A.Subscribe, {
+							selector: (e) => e.values,
+							children: (e) => /* @__PURE__ */ P(qe, { values: e })
+						}),
+						T && /* @__PURE__ */ P("p", {
+							role: "alert",
+							className: "text-sm text-destructive",
+							children: T.message
+						}),
+						/* @__PURE__ */ F(ie, { children: [/* @__PURE__ */ P(s, {
+							type: "button",
+							variant: "outline",
+							onClick: () => w(!1),
+							children: /* @__PURE__ */ P(o, { id: "Cancel" })
+						}), /* @__PURE__ */ P(s, {
+							type: "submit",
+							disabled: ne || l || u || O.length === 0,
+							children: ne ? "Saving…" : k ? "Review replacement" : "Save default rate"
+						})] })
+					]
+				})
+			})]
+		})
+	});
+}
+function Be({ form: t, meter: n }) {
+	let { id: r } = e();
+	return /* @__PURE__ */ P(t.Field, {
+		name: "model",
+		children: (e) => /* @__PURE__ */ F("div", {
+			className: "grid gap-1.5 sm:col-span-3",
+			children: [/* @__PURE__ */ P(j, {
+				htmlFor: r("rate-model"),
+				children: /* @__PURE__ */ P(o, { id: "Pricing model" })
+			}), /* @__PURE__ */ F(C, {
+				value: e.state.value,
+				onValueChange: (t) => e.handleChange(t),
+				children: [/* @__PURE__ */ P(b, {
+					id: r("rate-model"),
+					className: "w-full",
+					children: /* @__PURE__ */ P(y, {})
+				}), /* @__PURE__ */ F(x, { children: [
+					/* @__PURE__ */ P(S, {
+						value: "per_unit",
+						children: /* @__PURE__ */ P(o, { id: "Per unit" })
+					}),
+					/* @__PURE__ */ P(S, {
+						value: "tiered",
+						children: /* @__PURE__ */ P(o, { id: "Tiered" })
+					}),
+					/* @__PURE__ */ P(S, {
+						value: "package",
+						children: /* @__PURE__ */ P(o, { id: "Package" })
+					}),
+					/* @__PURE__ */ P(S, {
+						value: "dynamic",
+						disabled: n.aggregation !== "sum",
+						children: /* @__PURE__ */ P(o, { id: "Dynamic (event amount)" })
+					})
+				] })]
+			})]
+		})
+	});
+}
+function Ve({ form: t, meter: n }) {
+	let { id: r, text: i } = e();
+	return /* @__PURE__ */ F(N, { children: [
+		/* @__PURE__ */ P(t.Field, {
+			name: "matrixEnabled",
+			children: (e) => /* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between gap-4 rounded-lg bg-muted/50 px-3 py-2.5",
+				children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(j, {
+					htmlFor: r("rate-matrix"),
+					children: /* @__PURE__ */ P(o, { id: "Use matrix rates" })
+				}), /* @__PURE__ */ P("p", {
+					className: "text-xs text-muted-foreground",
+					children: /* @__PURE__ */ P(o, { id: "Price each value of one registered dimension separately." })
+				})] }), /* @__PURE__ */ P(ue, {
+					id: r("rate-matrix"),
+					checked: e.state.value,
+					onCheckedChange: e.handleChange,
+					disabled: Object.keys(n.group_by ?? {}).length === 0
+				})]
+			})
+		}),
+		/* @__PURE__ */ P(t.Subscribe, {
+			selector: (e) => e.values.matrixEnabled,
+			children: (e) => e ? /* @__PURE__ */ P(He, {
+				form: t,
+				meter: n
+			}) : /* @__PURE__ */ P(t.Field, {
+				name: "unitAmount",
+				children: (e) => /* @__PURE__ */ P(q, {
+					id: "rate-unit-amount",
+					label: i("Price per divisor"),
+					value: e.state.value,
+					onChange: e.handleChange,
+					placeholder: "0.0025"
+				})
+			})
+		}),
+		/* @__PURE__ */ F("div", {
+			className: "grid gap-4 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ P(t.Field, {
+					name: "divideBy",
+					children: (e) => /* @__PURE__ */ P(K, {
+						id: "rate-divide-by",
+						label: i("Divisor"),
+						value: e.state.value,
+						onChange: e.handleChange,
+						inputMode: "numeric",
+						placeholder: "1"
+					})
+				}),
+				/* @__PURE__ */ P(t.Field, {
+					name: "round",
+					children: (e) => /* @__PURE__ */ F("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ P(j, {
+							htmlFor: r("rate-round"),
+							children: /* @__PURE__ */ P(o, { id: "Rounding" })
+						}), /* @__PURE__ */ F(C, {
+							value: e.state.value,
+							onValueChange: (t) => e.handleChange(t),
+							children: [/* @__PURE__ */ P(b, {
+								id: r("rate-round"),
+								className: "w-full",
+								children: /* @__PURE__ */ P(y, {})
+							}), /* @__PURE__ */ F(x, { children: [
+								/* @__PURE__ */ P(S, {
+									value: "half_up",
+									children: /* @__PURE__ */ P(o, { id: "Nearest" })
+								}),
+								/* @__PURE__ */ P(S, {
+									value: "up",
+									children: /* @__PURE__ */ P(o, { id: "Up" })
+								}),
+								/* @__PURE__ */ P(S, {
+									value: "down",
+									children: /* @__PURE__ */ P(o, { id: "Down" })
+								})
+							] })]
+						})]
+					})
+				}),
+				/* @__PURE__ */ P(t.Field, {
+					name: "maximumAmount",
+					children: (e) => /* @__PURE__ */ P(q, {
+						id: "rate-maximum",
+						label: i("Period maximum"),
+						value: e.state.value,
+						onChange: e.handleChange,
+						placeholder: i("No maximum")
+					})
+				})
+			]
+		})
+	] });
+}
+function He({ form: t, meter: n }) {
+	let { id: r, text: i } = e(), a = M.useContext(G);
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(t.Field, {
+		name: "matrixDimension",
+		children: (e) => /* @__PURE__ */ F("div", {
+			className: "grid gap-1.5",
+			children: [
+				/* @__PURE__ */ P(j, {
+					htmlFor: r("matrix-dimension"),
+					children: /* @__PURE__ */ P(o, { id: "Dimension" })
+				}),
+				/* @__PURE__ */ F(C, {
+					value: e.state.value || null,
+					onValueChange: (t) => e.handleChange(t ?? ""),
+					children: [/* @__PURE__ */ P(b, {
+						id: r("matrix-dimension"),
+						className: "w-full",
+						...Y("matrix-dimension", a),
+						children: /* @__PURE__ */ P(y, { placeholder: i("Select dimension") })
+					}), /* @__PURE__ */ P(x, { children: Object.keys(n.group_by ?? {}).map((e) => /* @__PURE__ */ P(S, {
+						value: e,
+						children: e
+					}, e)) })]
+				}),
+				/* @__PURE__ */ P(X, { fieldId: "matrix-dimension" })
+			]
+		})
+	}), /* @__PURE__ */ P(t.Field, {
+		name: "matrixCells",
+		mode: "array",
+		children: (e) => /* @__PURE__ */ F("div", {
+			className: "grid gap-2",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ P(j, { children: /* @__PURE__ */ P(o, { id: "Matrix cells" }) }), /* @__PURE__ */ F(s, {
+						id: r("matrix-add-cell"),
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: () => e.pushValue({
+							key: "",
+							unitAmount: "",
+							maximumAmount: ""
+						}),
+						children: [/* @__PURE__ */ P(I, {
+							icon: L,
+							className: "size-4"
+						}), /* @__PURE__ */ P(o, { id: "Add cell" })]
+					})]
+				}),
+				/* @__PURE__ */ P(X, { fieldId: "matrix-add-cell" }),
+				e.state.value.length > 0 && /* @__PURE__ */ F("div", {
+					className: "hidden gap-2 px-0.5 text-xs text-muted-foreground sm:grid sm:grid-cols-[1fr_1fr_1fr_auto]",
+					children: [
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Value" }) }),
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Unit price" }) }),
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Maximum" }) }),
+						/* @__PURE__ */ P("span", {
+							className: "size-8",
+							"aria-hidden": "true"
+						})
+					]
+				}),
+				e.state.value.map((n, r) => /* @__PURE__ */ F("div", {
+					className: "grid gap-2 sm:grid-cols-[1fr_1fr_1fr_auto]",
+					children: [
+						/* @__PURE__ */ P(J, {
+							id: `matrix-cell-${r}-value`,
+							label: i("Value"),
+							value: n.key,
+							onChange: (e) => t.setFieldValue(`matrixCells[${r}].key`, e),
+							placeholder: i("gpt-5")
+						}),
+						/* @__PURE__ */ P(J, {
+							id: `matrix-cell-${r}-unit-price`,
+							label: i("Unit price"),
+							value: n.unitAmount,
+							onChange: (e) => t.setFieldValue(`matrixCells[${r}].unitAmount`, e),
+							inputMode: "decimal",
+							placeholder: i("Price")
+						}),
+						/* @__PURE__ */ P(J, {
+							id: `matrix-cell-${r}-maximum`,
+							label: i("Maximum"),
+							value: n.maximumAmount,
+							onChange: (e) => t.setFieldValue(`matrixCells[${r}].maximumAmount`, e),
+							inputMode: "decimal",
+							placeholder: i("Maximum")
+						}),
+						/* @__PURE__ */ P(Ye, {
+							label: `Remove matrix cell ${r + 1}`,
+							onClick: () => e.removeValue(r)
+						})
+					]
+				}, r))
+			]
+		})
+	})] });
+}
+function Ue({ form: t }) {
+	let { id: n, text: r } = e();
+	return /* @__PURE__ */ P(N, { children: /* @__PURE__ */ P(t.Field, {
+		name: "tiers",
+		mode: "array",
+		children: (e) => /* @__PURE__ */ F("div", {
+			className: "grid gap-2",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(j, { children: /* @__PURE__ */ P(o, { id: "Tiers" }) }), /* @__PURE__ */ P("p", {
+						className: "text-xs text-muted-foreground",
+						children: /* @__PURE__ */ P(o, { id: "Leave the final limit blank for the unbounded tier." })
+					})] }), /* @__PURE__ */ F(s, {
+						id: n("tier-add"),
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: () => e.pushValue({
+							upTo: "",
+							unitAmount: "",
+							flatAmount: ""
+						}),
+						children: [/* @__PURE__ */ P(I, {
+							icon: L,
+							className: "size-4"
+						}), /* @__PURE__ */ P(o, { id: "Add tier" })]
+					})]
+				}),
+				/* @__PURE__ */ P(X, { fieldId: "tier-add" }),
+				e.state.value.length > 0 && /* @__PURE__ */ F("div", {
+					className: "hidden gap-2 px-0.5 text-xs text-muted-foreground sm:grid sm:grid-cols-[1fr_1fr_1fr_auto]",
+					children: [
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Upper limit" }) }),
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Unit price" }) }),
+						/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Flat amount" }) }),
+						/* @__PURE__ */ P("span", {
+							className: "size-8",
+							"aria-hidden": "true"
+						})
+					]
+				}),
+				e.state.value.map((n, i) => /* @__PURE__ */ F("div", {
+					className: "grid gap-2 sm:grid-cols-[1fr_1fr_1fr_auto]",
+					children: [
+						/* @__PURE__ */ P(J, {
+							id: `tier-${i}-limit`,
+							label: r("Upper limit"),
+							value: n.upTo,
+							onChange: (e) => t.setFieldValue(`tiers[${i}].upTo`, e),
+							inputMode: "numeric",
+							placeholder: i === e.state.value.length - 1 ? "No limit" : "Up to"
+						}),
+						/* @__PURE__ */ P(J, {
+							id: `tier-${i}-unit-price`,
+							label: r("Unit price"),
+							value: n.unitAmount,
+							onChange: (e) => t.setFieldValue(`tiers[${i}].unitAmount`, e),
+							inputMode: "decimal",
+							placeholder: r("Unit price")
+						}),
+						/* @__PURE__ */ P(J, {
+							id: `tier-${i}-flat-amount`,
+							label: r("Flat amount"),
+							value: n.flatAmount,
+							onChange: (e) => t.setFieldValue(`tiers[${i}].flatAmount`, e),
+							inputMode: "decimal",
+							placeholder: r("Flat amount")
+						}),
+						/* @__PURE__ */ P(Ye, {
+							label: `Remove tier ${i + 1}`,
+							onClick: () => e.removeValue(i),
+							disabled: e.state.value.length === 1
+						})
+					]
+				}, i))
+			]
+		})
+	}) });
+}
+function We({ form: t }) {
+	let { text: n } = e();
+	return /* @__PURE__ */ F("div", {
+		className: "grid gap-4 sm:grid-cols-3",
+		children: [
+			/* @__PURE__ */ P(t.Field, {
+				name: "packageAmount",
+				children: (e) => /* @__PURE__ */ P(q, {
+					id: "package-amount",
+					label: n("Package price"),
+					value: e.state.value,
+					onChange: e.handleChange,
+					placeholder: "10.00"
+				})
+			}),
+			/* @__PURE__ */ P(t.Field, {
+				name: "packageSize",
+				children: (e) => /* @__PURE__ */ P(K, {
+					id: "package-size",
+					label: n("Units per package"),
+					value: e.state.value,
+					onChange: e.handleChange,
+					inputMode: "numeric",
+					placeholder: "1000"
+				})
+			}),
+			/* @__PURE__ */ P(t.Field, {
+				name: "freeUnits",
+				children: (e) => /* @__PURE__ */ P(K, {
+					id: "package-free",
+					label: n("Free units"),
+					value: e.state.value,
+					onChange: e.handleChange,
+					inputMode: "numeric",
+					placeholder: "0"
+				})
+			})
+		]
+	});
+}
+function Ge({ form: t, meter: n }) {
+	let { id: r, text: i } = e(), a = M.useContext(G);
+	return /* @__PURE__ */ F("section", {
+		className: "grid gap-3 border-t pt-5",
+		children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h3", {
+			className: "text-sm font-medium",
+			children: /* @__PURE__ */ P(o, { id: "Event filters" })
+		}), /* @__PURE__ */ P("p", {
+			className: "text-xs text-muted-foreground",
+			children: /* @__PURE__ */ P(o, { id: "Optional. Only events with one of the listed dimension values are rated." })
+		})] }), /* @__PURE__ */ P(t.Field, {
+			name: "filters",
+			mode: "array",
+			children: (e) => /* @__PURE__ */ F("div", {
+				className: "grid gap-2",
+				children: [
+					e.state.value.length > 0 && /* @__PURE__ */ F("div", {
+						className: "hidden gap-2 px-0.5 text-xs text-muted-foreground sm:grid sm:grid-cols-[1fr_2fr_auto]",
+						children: [
+							/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Dimension" }) }),
+							/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, { id: "Values" }) }),
+							/* @__PURE__ */ P("span", {
+								className: "size-8",
+								"aria-hidden": "true"
+							})
+						]
+					}),
+					e.state.value.map((s, c) => /* @__PURE__ */ F("div", {
+						className: "grid gap-2 sm:grid-cols-[1fr_2fr_auto]",
+						children: [
+							/* @__PURE__ */ F("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ P(j, {
+										htmlFor: r(`filter-${c}-dimension`),
+										className: "text-xs text-muted-foreground sm:sr-only",
+										children: /* @__PURE__ */ P(o, { id: "Dimension" })
+									}),
+									/* @__PURE__ */ F(C, {
+										value: s.key || null,
+										onValueChange: (e) => t.setFieldValue(`filters[${c}].key`, e ?? ""),
+										children: [/* @__PURE__ */ P(b, {
+											id: r(`filter-${c}-dimension`),
+											className: "w-full",
+											...Y(`filter-${c}-dimension`, a),
+											children: /* @__PURE__ */ P(y, { placeholder: i("Dimension") })
+										}), /* @__PURE__ */ P(x, { children: Object.keys(n.group_by ?? {}).map((e) => /* @__PURE__ */ P(S, {
+											value: e,
+											children: e
+										}, e)) })]
+									}),
+									/* @__PURE__ */ P(X, { fieldId: `filter-${c}-dimension` })
+								]
+							}),
+							/* @__PURE__ */ P(J, {
+								id: `filter-${c}-values`,
+								label: i("Values"),
+								value: s.value,
+								onChange: (e) => t.setFieldValue(`filters[${c}].value`, e),
+								placeholder: i("eu, us")
+							}),
+							/* @__PURE__ */ P(Ye, {
+								label: `Remove filter ${c + 1}`,
+								onClick: () => e.removeValue(c)
+							})
+						]
+					}, c)),
+					/* @__PURE__ */ F(s, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						className: "w-fit",
+						disabled: Object.keys(n.group_by ?? {}).length === 0,
+						onClick: () => e.pushValue({
+							key: "",
+							value: ""
+						}),
+						children: [/* @__PURE__ */ P(I, {
+							icon: L,
+							className: "size-4"
+						}), /* @__PURE__ */ P(o, { id: "Add filter" })]
+					})
+				]
+			})
+		})]
+	});
+}
+function Ke({ form: t }) {
+	let { id: n, text: r } = e();
+	return /* @__PURE__ */ F("section", {
+		className: "grid gap-4 border-t pt-5",
+		children: [
+			/* @__PURE__ */ P("h3", {
+				className: "text-sm font-medium",
+				children: /* @__PURE__ */ P(o, { id: "Allowance" })
+			}),
+			/* @__PURE__ */ P(t.Field, {
+				name: "allowanceMode",
+				children: (e) => /* @__PURE__ */ F("div", {
+					className: "grid gap-1.5",
+					children: [/* @__PURE__ */ P(j, {
+						htmlFor: n("allowance-mode"),
+						children: /* @__PURE__ */ P(o, { id: "Included usage" })
+					}), /* @__PURE__ */ F(C, {
+						value: e.state.value,
+						onValueChange: (t) => e.handleChange(t),
+						children: [/* @__PURE__ */ P(b, {
+							id: n("allowance-mode"),
+							className: "w-full",
+							children: /* @__PURE__ */ P(y, {})
+						}), /* @__PURE__ */ F(x, { children: [/* @__PURE__ */ P(S, {
+							value: "none",
+							children: /* @__PURE__ */ P(o, { id: "No allowance" })
+						}), /* @__PURE__ */ P(S, {
+							value: "included",
+							children: /* @__PURE__ */ P(o, { id: "Fixed included units" })
+						})] })]
+					})]
+				})
+			}),
+			/* @__PURE__ */ P(t.Subscribe, {
+				selector: (e) => e.values.allowanceMode,
+				children: (e) => e === "included" ? /* @__PURE__ */ P(t.Field, {
+					name: "allowanceIncluded",
+					children: (e) => /* @__PURE__ */ P(K, {
+						id: "allowance-included",
+						label: r("Included units per period"),
+						value: e.state.value,
+						onChange: e.handleChange,
+						inputMode: "numeric",
+						placeholder: "1000"
+					})
+				}) : null
+			})
+		]
+	});
+}
+function qe({ values: e }) {
+	let t = "Complete the required fields to preview this rate.";
+	try {
+		let n = ke(e);
+		t = Ie({ price: n.price }), n.allowance?.included !== void 0 && (t += ` · ${n.allowance.included.toLocaleString()} included`);
+	} catch {}
+	return /* @__PURE__ */ F("section", {
+		className: "rounded-lg bg-muted/50 px-3 py-2.5",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ P("p", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: /* @__PURE__ */ P(o, { id: "Rate preview" })
+		}), /* @__PURE__ */ P("p", {
+			className: "mt-1 text-sm font-medium tabular-nums",
+			children: t
+		})]
+	});
+}
+function K({ id: t, label: n, value: r, onChange: i, placeholder: a, inputMode: o }) {
+	let { id: s } = e(), l = Je(t);
+	return /* @__PURE__ */ F("div", {
+		className: "grid gap-1.5",
+		children: [
+			/* @__PURE__ */ P(j, {
+				htmlFor: s(t),
+				children: n
+			}),
+			/* @__PURE__ */ P(c, {
+				id: s(t),
+				value: r,
+				onChange: (e) => i(e.target.value),
+				placeholder: a,
+				inputMode: o,
+				autoComplete: "off",
+				...Y(t, l ? {
+					fieldId: t,
+					message: l
+				} : null)
+			}),
+			/* @__PURE__ */ P(X, { fieldId: t })
+		]
+	});
+}
+function q(e) {
+	return /* @__PURE__ */ P(K, {
+		...e,
+		inputMode: "decimal"
+	});
+}
+function J({ id: t, label: n, value: r, onChange: i, placeholder: a, inputMode: o }) {
+	let { id: s } = e(), l = Je(t);
+	return /* @__PURE__ */ F("div", {
+		className: "grid gap-1.5",
+		children: [
+			/* @__PURE__ */ P(j, {
+				htmlFor: s(t),
+				className: "text-xs text-muted-foreground sm:sr-only",
+				children: n
+			}),
+			/* @__PURE__ */ P(c, {
+				id: s(t),
+				value: r,
+				onChange: (e) => i(e.target.value),
+				placeholder: a,
+				inputMode: o,
+				autoComplete: "off",
+				...Y(t, l ? {
+					fieldId: t,
+					message: l
+				} : null)
+			}),
+			/* @__PURE__ */ P(X, { fieldId: t })
+		]
+	});
+}
+function Je(e) {
+	let t = M.useContext(G);
+	return t?.fieldId === e ? t.message : void 0;
+}
+function Y(e, t) {
+	let n = t?.fieldId === e;
+	return {
+		"aria-invalid": n || void 0,
+		"aria-describedby": n ? `${e}-error` : void 0
+	};
+}
+function X({ fieldId: t }) {
+	let { id: n } = e(), r = Je(t);
+	return r ? /* @__PURE__ */ P("p", {
+		id: n(`${t}-error`),
+		className: "text-xs text-destructive",
+		children: r
+	}) : null;
+}
+function Ye({ label: e, onClick: t, disabled: n }) {
+	return /* @__PURE__ */ P(s, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		"aria-label": e,
+		onClick: t,
+		disabled: n,
+		className: "self-end",
+		children: /* @__PURE__ */ P(I, {
+			icon: R,
+			className: "size-4"
+		})
+	});
+}
+//#endregion
+//#region src/admin/pages/catalog/metering.tsx
+var Xe = 200;
+function Ze() {
+	let { text: n } = e(), { adminQueries: i } = r(), [a, l] = M.useState(""), d = T("", Xe), { data: f, isPending: p, error: m, refetch: h } = me(i.usageMeters(d.size, d.cursor)), g = u(), _ = f?.data ?? [], v = a.trim().toLowerCase(), y = v ? _.filter((e) => [
+		e.key,
+		e.event_type,
+		e.aggregation,
+		e.unit,
+		e.rate_card?.product_key
+	].some((e) => e?.toLowerCase().includes(v))) : _, b = we({
+		pending: p,
+		error: m instanceof t ? m : m ? { status: 500 } : null,
+		count: _.length
+	});
+	return /* @__PURE__ */ F("div", {
+		className: "flex min-w-0 flex-col gap-5",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ F("div", {
+					className: "max-w-2xl",
+					children: [/* @__PURE__ */ P("h1", {
+						className: "text-2xl font-semibold tracking-tight text-balance",
+						children: /* @__PURE__ */ P(o, { id: "Metering" })
+					}), /* @__PURE__ */ P("p", {
+						className: "mt-1 text-sm text-pretty text-muted-foreground",
+						children: /* @__PURE__ */ P(o, { id: "Define usage streams and the default rates charged when usage is recorded. Applications report the events separately." })
+					})]
+				}), g && b !== "permission" && /* @__PURE__ */ P(Re, { writesAllowed: !0 })]
+			}),
+			f && !g && /* @__PURE__ */ P(Q, { children: /* @__PURE__ */ P(o, { id: "Catalog updates are disabled. Meter definitions and rates are visible here; changes require the host operator." }) }),
+			b === "loading" ? /* @__PURE__ */ P(tt, {}) : b === "permission" ? /* @__PURE__ */ P($, {
+				title: n("Metering access is restricted"),
+				description: n("Your role does not have permission to read the merchant catalog.")
+			}) : b === "error" ? /* @__PURE__ */ P($, {
+				title: n("Metering could not be loaded"),
+				description: n("Try again. If the problem continues, check the OpenRails API logs."),
+				action: /* @__PURE__ */ P(s, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => void h(),
+					children: /* @__PURE__ */ P(o, { id: "Try again" })
+				})
+			}) : b === "empty" ? /* @__PURE__ */ P($, {
+				title: n("No usage meters yet"),
+				description: n("Create a meter to describe the events your application will report and bill."),
+				action: g ? /* @__PURE__ */ P(Re, { writesAllowed: !0 }) : void 0
+			}) : /* @__PURE__ */ F(N, { children: [
+				/* @__PURE__ */ F("div", {
+					className: "relative w-full sm:max-w-xs",
+					children: [/* @__PURE__ */ P(I, {
+						icon: xe,
+						className: "absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground"
+					}), /* @__PURE__ */ P(c, {
+						value: a,
+						onChange: (e) => l(e.target.value),
+						className: "pl-8",
+						placeholder: n("Filter this page…"),
+						"aria-label": n("Filter meters on this page")
+					})]
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "max-w-full overflow-x-auto",
+					children: /* @__PURE__ */ F(k, { children: [/* @__PURE__ */ P(te, { children: /* @__PURE__ */ F(O, {
+						className: "hover:bg-transparent",
+						children: [
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Meter" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Event" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Aggregation" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Default price" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Product" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Activity" })
+							}),
+							/* @__PURE__ */ P(E, {
+								className: "text-muted-foreground",
+								children: /* @__PURE__ */ P(o, { id: "Last event" })
+							}),
+							/* @__PURE__ */ P(E, { children: /* @__PURE__ */ P("span", {
+								className: "sr-only",
+								children: /* @__PURE__ */ P(o, { id: "Open" })
+							}) })
+						]
+					}) }), /* @__PURE__ */ F(ee, { children: [y.map((e) => /* @__PURE__ */ P(Qe, { meter: e }, e.key)), y.length === 0 && /* @__PURE__ */ P(O, { children: /* @__PURE__ */ F(D, {
+						colSpan: 9,
+						className: "h-24 text-center text-muted-foreground",
+						children: [
+							/* @__PURE__ */ P(o, { id: "No meters on this page match “" }),
+							a,
+							"”."
+						]
+					}) })] })] })
+				}),
+				/* @__PURE__ */ P(w, {
+					pages: d,
+					rows: f?.data?.length ?? 0,
+					nextCursor: f?.next_cursor,
+					busy: p,
+					sizes: [
+						100,
+						200,
+						500
+					]
+				})
+			] })
+		]
+	});
+}
+function Qe({ meter: e }) {
+	return /* @__PURE__ */ F(ne, {
+		to: `/catalog/metering/${encodeURIComponent(e.key)}`,
+		children: [
+			/* @__PURE__ */ F(D, { children: [/* @__PURE__ */ P(i, {
+				className: "font-medium underline-offset-3 hover:underline",
+				to: `/catalog/metering/${encodeURIComponent(e.key)}`,
+				children: e.key
+			}), e.unit && /* @__PURE__ */ P("p", {
+				className: "text-xs text-muted-foreground",
+				children: e.unit
+			})] }),
+			/* @__PURE__ */ P(D, { children: e.event_type }),
+			/* @__PURE__ */ P(D, { children: /* @__PURE__ */ P(A, {
+				variant: "secondary",
+				children: e.aggregation
+			}) }),
+			/* @__PURE__ */ P(D, {
+				className: "font-medium tabular-nums",
+				children: Ie(e.rate_card)
+			}),
+			/* @__PURE__ */ P(D, { children: e.rate_card?.product_key ?? "—" }),
+			/* @__PURE__ */ P(D, { children: /* @__PURE__ */ F("span", {
+				className: "inline-flex items-center gap-1.5 text-sm",
+				children: [/* @__PURE__ */ P("span", { className: `size-1.5 rounded-full ${e.has_activity ? "bg-settled" : "bg-muted-foreground/50"}` }), e.has_activity ? "Active" : "No events"]
+			}) }),
+			/* @__PURE__ */ P(D, {
+				className: "text-muted-foreground tabular-nums",
+				children: h(e.last_event_at)
+			}),
+			/* @__PURE__ */ P(D, {
+				className: "text-right",
+				children: /* @__PURE__ */ P(I, {
+					icon: ve,
+					className: "ml-auto size-4 text-muted-foreground"
+				})
+			})
+		]
+	});
+}
+function $e() {
+	let { text: i } = e(), { adminQueries: c } = r(), { key: l = "" } = n(), d = l, f = a(), p = me(c.usageMeter(d)), m = u(), h = me(c.allProducts({ errorAction: "Load products for metering" }));
+	if (p.isPending) return /* @__PURE__ */ P(nt, {});
+	if (p.error) {
+		let e = p.error instanceof t && p.error.status === 404, n = p.error instanceof t && p.error.status === 403;
+		return /* @__PURE__ */ P($, {
+			title: n ? "Metering access is restricted" : e ? "Meter not found" : "Meter could not be loaded",
+			description: n ? "Your role does not have permission to read this meter." : e ? "This meter does not exist in the active merchant catalog." : "Try loading the meter again.",
+			action: n ? void 0 : /* @__PURE__ */ P(s, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => e ? f("/catalog/metering") : void p.refetch(),
+				children: e ? "Back to metering" : "Try again"
+			})
+		});
+	}
+	let g = p.data;
+	if (!g) return null;
+	let _ = Le(g, m);
+	return /* @__PURE__ */ F("div", {
+		className: "flex min-w-0 flex-col gap-8",
+		children: [
+			/* @__PURE__ */ F("header", {
+				className: "flex flex-wrap items-start gap-3",
+				children: [
+					/* @__PURE__ */ P(s, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => f("/catalog/metering"),
+						"aria-label": i("Back to metering"),
+						children: /* @__PURE__ */ P(I, {
+							icon: _e,
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ F("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ P("h1", {
+								className: "truncate text-xl font-semibold tracking-tight",
+								children: g.key
+							}), !m && /* @__PURE__ */ P(A, {
+								variant: "secondary",
+								children: /* @__PURE__ */ P(o, { id: "read-only" })
+							})]
+						}), /* @__PURE__ */ F("p", {
+							className: "mt-1 text-sm text-muted-foreground",
+							children: [
+								g.event_type,
+								" · ",
+								g.aggregation,
+								g.unit ? ` · ${g.unit}` : ""
+							]
+						})]
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "flex flex-wrap gap-2",
+						children: [/* @__PURE__ */ P(Re, {
+							meter: g,
+							writesAllowed: m
+						}), /* @__PURE__ */ P(ze, {
+							meter: g,
+							writesAllowed: m,
+							products: h.data?.data ?? [],
+							productsPending: h.isPending,
+							productsError: !!h.error,
+							productsForbidden: h.error instanceof t && h.error.status === 403
+						})]
+					})
+				]
+			}),
+			!m && /* @__PURE__ */ P(Q, { children: /* @__PURE__ */ P(o, { id: "Catalog updates are disabled. The console is read-only." }) }),
+			/* @__PURE__ */ F("section", {
+				className: "grid gap-4",
+				children: [
+					/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h2", {
+						className: "text-base font-semibold",
+						children: /* @__PURE__ */ P(o, { id: "Event contract" })
+					}), /* @__PURE__ */ F("p", {
+						className: "mt-1 max-w-3xl text-sm text-pretty text-muted-foreground",
+						children: [
+							/* @__PURE__ */ P(o, { id: "Creating this meter does not send events. The host application must report idempotent usage to" }),
+							" ",
+							/* @__PURE__ */ P("code", {
+								className: "text-foreground",
+								children: /* @__PURE__ */ P(o, { id: "/app/usage-events" })
+							}),
+							/* @__PURE__ */ P(o, { id: " with this shape." })
+						]
+					})] }),
+					/* @__PURE__ */ F("dl", {
+						className: "grid gap-x-8 gap-y-4 border-y py-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							/* @__PURE__ */ P(Z, {
+								label: i("Event type"),
+								value: g.event_type
+							}),
+							/* @__PURE__ */ P(Z, {
+								label: i("Aggregation"),
+								value: g.aggregation === "sum" ? `Sum ${g.value_property}` : "Count each event"
+							}),
+							/* @__PURE__ */ P(Z, {
+								label: i("Meter key"),
+								value: g.key
+							}),
+							/* @__PURE__ */ P(Z, {
+								label: i("Billing support"),
+								value: g.billing_supported ? "Supported" : "Read only"
+							}),
+							Object.entries(g.group_by ?? {}).map(([e, t]) => /* @__PURE__ */ P(Z, {
+								label: `Dimension: ${e}`,
+								value: t
+							}, e))
+						]
+					}),
+					_ && m && /* @__PURE__ */ F("p", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ P(I, {
+							icon: ge,
+							className: "size-4"
+						}), _]
+					})
+				]
+			}),
+			/* @__PURE__ */ P(et, {
+				meter: g,
+				writesAllowed: m
+			})
+		]
+	});
+}
+function et({ meter: t, writesAllowed: n }) {
+	let { toast: i, toastApiError: a, adminMutations: c } = r(), { text: l } = e(), u = _(), d = he(), f = pe(c.deleteDefaultUsageRateCard(d)), p = t.rate_card, m = async () => {
+		if (await u({
+			title: "Remove the default rate?",
+			description: "New usage for this meter will stop being rated after removal. Billed usage orders and accrued amounts remain unchanged.",
+			confirmLabel: "Remove default",
+			cancelLabel: "Keep rate",
+			tone: "destructive"
+		})) try {
+			await f.mutateAsync(t), i.success("Default rate removed");
+		} catch (e) {
+			a(e, "Remove default rate");
+		}
+	};
+	return /* @__PURE__ */ F("section", {
+		className: "grid gap-4 border-t pt-7",
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h2", {
+				className: "text-base font-semibold",
+				children: /* @__PURE__ */ P(o, { id: "Default rate" })
+			}), /* @__PURE__ */ P("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: /* @__PURE__ */ P(o, { id: "Used for every customer." })
+			})] }), p && n && /* @__PURE__ */ F(s, {
+				variant: "outline",
+				size: "sm",
+				disabled: f.isPending,
+				onClick: () => void m(),
+				children: [/* @__PURE__ */ P(I, {
+					icon: R,
+					className: "size-4"
+				}), f.isPending ? "Removing…" : "Remove default"]
+			})]
+		}), t.billing_supported ? p ? /* @__PURE__ */ F("dl", {
+			className: "grid gap-x-8 gap-y-4 border-y py-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ P(Z, {
+					label: l("Price"),
+					value: Ie(p)
+				}),
+				/* @__PURE__ */ P(Z, {
+					label: l("Product"),
+					value: p.product_key
+				}),
+				/* @__PURE__ */ P(Z, {
+					label: l("Model"),
+					value: p.price.model.replace("_", " ")
+				}),
+				/* @__PURE__ */ P(Z, {
+					label: l("Filter"),
+					value: Object.keys(p.filter ?? {}).length ? Object.entries(p.filter ?? {}).map(([e, t]) => `${e}: ${t.join(", ")}`).join(" · ") : "All matching events"
+				}),
+				/* @__PURE__ */ P(Z, {
+					label: l("Allowance"),
+					value: p.allowance?.included === void 0 ? "None" : `${p.allowance.included.toLocaleString()} included`
+				}),
+				/* @__PURE__ */ P(Z, {
+					label: l("Updated"),
+					value: h(p.updated_at)
+				})
+			]
+		}) : /* @__PURE__ */ P("p", {
+			className: "border-y py-6 text-sm text-muted-foreground",
+			children: /* @__PURE__ */ P(o, { id: "No default rate. Usage is recorded but is not billed by this meter." })
+		}) : /* @__PURE__ */ P(Q, { children: /* @__PURE__ */ P(o, { id: "This meter uses an aggregation that the billing engine cannot rate." }) })]
+	});
+}
+function Z({ label: e, value: t }) {
+	return /* @__PURE__ */ F("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ P("dt", {
+			className: "text-xs text-muted-foreground",
+			children: e
+		}), /* @__PURE__ */ P("dd", {
+			className: "mt-1 text-sm font-medium break-words tabular-nums",
+			children: t || "—"
+		})]
+	});
+}
+function Q({ children: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: "flex items-start gap-2 rounded-lg bg-muted/50 px-3 py-2.5 text-sm text-muted-foreground",
+		children: [/* @__PURE__ */ P(I, {
+			icon: ye,
+			className: "mt-0.5 size-4 shrink-0"
+		}), /* @__PURE__ */ P("p", { children: e })]
+	});
+}
+function $({ title: e, description: t, action: n }) {
+	return /* @__PURE__ */ F("div", {
+		className: "flex flex-col items-start gap-3 border-y py-10",
+		children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h2", {
+			className: "text-sm font-medium",
+			children: e
+		}), /* @__PURE__ */ P("p", {
+			className: "mt-1 text-sm text-muted-foreground",
+			children: t
+		})] }), n]
+	});
+}
+function tt() {
+	return /* @__PURE__ */ F("div", {
+		className: "grid gap-3",
+		children: [/* @__PURE__ */ P(l, { className: "h-8 w-64" }), Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ P(l, { className: "h-11 w-full" }, t))]
+	});
+}
+function nt() {
+	return /* @__PURE__ */ F("div", {
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ P(l, { className: "h-10 w-72" }),
+			/* @__PURE__ */ P(l, { className: "h-28 w-full" }),
+			/* @__PURE__ */ P(l, { className: "h-36 w-full" }),
+			/* @__PURE__ */ P(l, { className: "h-40 w-full" })
+		]
+	});
+}
+//#endregion
+export { Ze as CatalogMeteringPage, $e as MeterDetailPage };
+
+//# sourceMappingURL=admin-metering-COFcSPQy.js.map