@burdenoff/microfe-theglobalfuel 2026.705.4 → 2026.709.1

package/dist/theglobalfuel/pages/contracts/ContractsPage.js

@@ -1,24 +1,25 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
-import { PageLayout as ee } from "../../components/PageLayout.js";
-import { formatEnumLabel as t, formatMoney as n, formatUnit as r, formatVolume as i, toBackendDate as a } from "../../utils/formatters.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatEnumLabel as n, formatMoney as ee, formatUnit as r, formatVolume as i, toBackendDate as a } from "../../utils/formatters.js";
 import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { MiniBar as s } from "../../components/MiniBar.js";
-import { DataTable as c } from "../../components/DataTable.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
+import { DataTable as te } from "../../components/DataTable.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheContracts as f, useTheCreateContract as p } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as te } from "../../hooks/useCursorPager.js";
-import { useNotify as ne } from "../../hooks/useNotify.js";
+import { useTheContracts as ae, useTheCreateContract as c } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as oe } from "../../hooks/useCursorPager.js";
+import { useNotify as se } from "../../hooks/useNotify.js";
+import { useTheAnalytics as ce } from "../../hooks/useTheAnalytics.js";
 import "../../hooks/index.js";
-import { FilterTabs as re } from "../../components/FilterTabs.js";
-import { Pagination as ie } from "../../components/Pagination.js";
-import { useMemo as ae, useState as m } from "react";
-import { FileSignature as h, Plus as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, Input as x, Label as S, ResponsiveDialog as oe, ResponsiveDialogContent as se, ResponsiveDialogDescription as ce, ResponsiveDialogFooter as le, ResponsiveDialogHeader as ue, ResponsiveDialogTitle as de, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as fe } from "@burdenoff/fe-libs/ui";
+import { FilterTabs as le } from "../../components/FilterTabs.js";
+import { Pagination as ue } from "../../components/Pagination.js";
+import { useMemo as de, useState as l } from "react";
+import { FileSignature as u, Plus as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as fe, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as O } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/contracts/ContractsPage.tsx
-var O = [
+var k = [
 	{
 		value: "ALL",
 		label: "All"
@@ -51,12 +52,12 @@ var O = [
 		value: "TERMINATED",
 		label: "Terminated"
 	}
-], k = ["BUY", "SELL"], A = [
+], A = ["BUY", "SELL"], j = [
 	"FIXED",
 	"INDEX_LINKED",
 	"FORMULA",
 	"SPOT"
-], j = [
+], M = [
 	"CRUDE_OIL",
 	"NATURAL_GAS",
 	"LNG",
@@ -70,7 +71,7 @@ var O = [
 	"GOLD",
 	"LITHIUM",
 	"RARE_EARTH"
-], M = [
+], N = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -78,7 +79,7 @@ var O = [
 	"MWH",
 	"GJ",
 	"MCF"
-], N = 25, P = (e) => Math.max(0, Math.min(100, e)), F = (e) => e.contractedVolume > 0 ? P(e.deliveredVolume / e.contractedVolume * 100) : 0, I = {
+], P = 25, F = (e) => Math.max(0, Math.min(100, e)), I = (e) => e.contractedVolume > 0 ? F(e.deliveredVolume / e.contractedVolume * 100) : 0, L = {
 	reference: "",
 	counterparty: "",
 	commodity: "CRUDE_OIL",
@@ -94,30 +95,30 @@ var O = [
 	endDate: "",
 	notes: ""
 };
-function L() {
-	let { navigateTo: P } = e(), L = ne(), [R, z] = m("ALL"), [B, V] = m("ALL"), [H, pe] = m("ALL"), U = te(), [me, W] = m(!1), [G, K] = m(I), [q, J] = m(null), { data: Y, isLoading: he, isError: ge, refetch: _e } = f({
-		status: R === "ALL" ? void 0 : R,
-		side: B === "ALL" ? void 0 : B,
-		commodity: H === "ALL" ? void 0 : H,
+function R() {
+	let { navigateTo: F } = e(), R = se(), { trackContractCreateClicked: z, trackContractCreated: B } = ce(), [V, pe] = l("ALL"), [H, me] = l("ALL"), [U, he] = l("ALL"), W = oe(), [ge, G] = l(!1), [K, q] = l(L), [J, Y] = l(null), { data: X, isLoading: _e, isError: ve, refetch: ye } = ae({
+		status: V === "ALL" ? void 0 : V,
+		side: H === "ALL" ? void 0 : H,
+		commodity: U === "ALL" ? void 0 : U,
 		pagination: {
-			limit: N,
-			offset: U.page * N
+			limit: P,
+			offset: W.page * P
 		}
-	}), X = p(), Z = ae(() => Y?.items ?? [], [Y]), Q = [
+	}), Z = c(), Q = de(() => X?.items ?? [], [X]), be = [
 		{
 			key: "reference",
 			header: "Contract",
-			render: (e) => /* @__PURE__ */ y("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-					children: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ p(u, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ m("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ v("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "truncate font-semibold text-text-primary",
 						children: e.reference
-					}), /* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ p("p", {
 						className: "truncate text-xs text-text-tertiary",
 						children: e.counterparty
 					})]
@@ -127,21 +128,21 @@ function L() {
 		{
 			key: "side",
 			header: "Side",
-			render: (e) => /* @__PURE__ */ v(o, { status: e.side })
+			render: (e) => /* @__PURE__ */ p(o, { status: e.side })
 		},
 		{
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ v("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-text-secondary",
-				children: t(e.commodity)
+				children: n(e.commodity)
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ v(o, { status: e.status })
+			render: (e) => /* @__PURE__ */ p(o, { status: e.status })
 		},
 		{
 			key: "price",
@@ -149,9 +150,9 @@ function L() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.pricePerUnit,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [n(e.pricePerUnit, e.currency), /* @__PURE__ */ y("span", {
+				children: [ee(e.pricePerUnit, e.currency), /* @__PURE__ */ m("span", {
 					className: "text-text-tertiary",
 					children: ["/", r(e.unit)]
 				})]
@@ -160,14 +161,14 @@ function L() {
 		{
 			key: "delivery",
 			header: "Delivered",
-			sortValue: (e) => F(e),
-			render: (e) => /* @__PURE__ */ y("div", {
+			sortValue: (e) => I(e),
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "min-w-[9rem]",
-				children: [/* @__PURE__ */ v(s, {
-					value: F(e),
+				children: [/* @__PURE__ */ p(s, {
+					value: I(e),
 					barClassName: "bg-[var(--color-status-success-text)]",
 					className: "mb-1"
-				}), /* @__PURE__ */ y("p", {
+				}), /* @__PURE__ */ m("p", {
 					className: "text-xs tabular-nums text-text-tertiary",
 					children: [
 						i(e.deliveredVolume, e.unit),
@@ -182,7 +183,7 @@ function L() {
 			header: "Updated",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ v("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: new Date(e.updatedAt).toLocaleDateString(void 0, {
 					day: "numeric",
@@ -192,292 +193,294 @@ function L() {
 			})
 		}
 	], $ = () => {
-		K(I), J(null);
-	}, ve = async () => {
-		if (!G.reference.trim()) {
-			J("Contract reference is required.");
+		q(L), Y(null);
+	}, xe = async () => {
+		if (!K.reference.trim()) {
+			Y("Contract reference is required.");
 			return;
 		}
-		if (!G.counterparty.trim()) {
-			J("Counterparty is required.");
+		if (!K.counterparty.trim()) {
+			Y("Counterparty is required.");
 			return;
 		}
-		J(null);
+		Y(null), z();
 		try {
-			let e = await X.mutateAsync({
-				reference: G.reference.trim(),
-				counterparty: G.counterparty.trim(),
-				commodity: G.commodity,
-				side: G.side,
-				pricingBasis: G.pricingBasis,
-				pricePerUnit: G.pricePerUnit ? Number(G.pricePerUnit) : null,
-				priceIndex: G.priceIndex.trim() || null,
-				currency: G.currency.trim().toUpperCase() || "USD",
-				contractedVolume: G.contractedVolume ? Number(G.contractedVolume) : null,
-				unit: G.unit,
-				deliveryLocation: G.deliveryLocation.trim() || null,
-				startDate: a(G.startDate) ?? null,
-				endDate: a(G.endDate) ?? null,
-				notes: G.notes.trim() || null
+			let e = await Z.mutateAsync({
+				reference: K.reference.trim(),
+				counterparty: K.counterparty.trim(),
+				commodity: K.commodity,
+				side: K.side,
+				pricingBasis: K.pricingBasis,
+				pricePerUnit: K.pricePerUnit ? Number(K.pricePerUnit) : null,
+				priceIndex: K.priceIndex.trim() || null,
+				currency: K.currency.trim().toUpperCase() || "USD",
+				contractedVolume: K.contractedVolume ? Number(K.contractedVolume) : null,
+				unit: K.unit,
+				deliveryLocation: K.deliveryLocation.trim() || null,
+				startDate: a(K.startDate) ?? null,
+				endDate: a(K.endDate) ?? null,
+				notes: K.notes.trim() || null
 			});
-			L.success("Contract created"), W(!1), $(), P(`contracts/${e.id}`);
+			B(e.id), R.success("Contract created"), G(!1), $(), F(`contracts/${e.id}`);
 		} catch (e) {
-			J(e instanceof Error ? e.message : "Failed to create contract."), L.fromError(e);
+			Y(e instanceof Error ? e.message : "Failed to create contract."), R.fromError(e);
 		}
 	};
-	return /* @__PURE__ */ y(ee, {
+	return /* @__PURE__ */ m(t, {
 		title: "Offtake Contracts",
 		description: "Commodity purchase & sale agreements — pricing, contracted volume and delivery progress.",
-		actions: /* @__PURE__ */ y(b, {
-			onClick: () => W(!0),
-			children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+		actions: /* @__PURE__ */ m(h, {
+			onClick: () => G(!0),
+			"data-rybbit-event": "theglobalfuel.contract.create_clicked",
+			children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ m("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ v(re, {
-						options: O,
-						value: R,
+					/* @__PURE__ */ p(le, {
+						options: k,
+						value: V,
 						onChange: (e) => {
-							z(e), U.reset();
+							pe(e), W.reset();
 						}
 					}),
-					/* @__PURE__ */ y(C, {
-						value: B,
+					/* @__PURE__ */ m(C, {
+						value: H,
 						onValueChange: (e) => {
-							V(e), U.reset();
+							me(e), W.reset();
 						},
-						children: [/* @__PURE__ */ v(E, {
+						children: [/* @__PURE__ */ p(E, {
 							className: "w-40",
 							"aria-label": "Filter by side",
-							children: /* @__PURE__ */ v(D, { placeholder: "All sides" })
-						}), /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(T, {
+							children: /* @__PURE__ */ p(D, { placeholder: "All sides" })
+						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
 							value: "ALL",
 							children: "All sides"
-						}), k.map((e) => /* @__PURE__ */ v(T, {
+						}), A.map((e) => /* @__PURE__ */ p(T, {
 							value: e,
-							children: t(e)
+							children: n(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ y(C, {
-						value: H,
+					/* @__PURE__ */ m(C, {
+						value: U,
 						onValueChange: (e) => {
-							pe(e), U.reset();
+							he(e), W.reset();
 						},
-						children: [/* @__PURE__ */ v(E, {
+						children: [/* @__PURE__ */ p(E, {
 							className: "w-48",
 							"aria-label": "Filter by commodity",
-							children: /* @__PURE__ */ v(D, { placeholder: "All commodities" })
-						}), /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(T, {
+							children: /* @__PURE__ */ p(D, { placeholder: "All commodities" })
+						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
 							value: "ALL",
 							children: "All commodities"
-						}), j.map((e) => /* @__PURE__ */ v(T, {
+						}), M.map((e) => /* @__PURE__ */ p(T, {
 							value: e,
-							children: t(e)
+							children: n(e)
 						}, e))] })]
 					})
 				]
 			}),
-			he ? /* @__PURE__ */ v(u, { label: "Loading contracts…" }) : ge ? /* @__PURE__ */ v(l, {
+			_e ? /* @__PURE__ */ p(re, { label: "Loading contracts…" }) : ve ? /* @__PURE__ */ p(ne, {
 				message: "Couldn't load contracts.",
-				onRetry: () => _e()
-			}) : Z.length === 0 ? /* @__PURE__ */ v(d, {
+				onRetry: () => ye()
+			}) : Q.length === 0 ? /* @__PURE__ */ p(ie, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ p(u, { className: "h-10 w-10" }),
 				title: "No contracts yet",
-				description: R === "ALL" && B === "ALL" && H === "ALL" ? "Create your first offtake contract to track pricing, volume and delivery." : "No contracts match these filters.",
-				action: /* @__PURE__ */ y(b, {
-					onClick: () => W(!0),
-					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+				description: V === "ALL" && H === "ALL" && U === "ALL" ? "Create your first offtake contract to track pricing, volume and delivery." : "No contracts match these filters.",
+				action: /* @__PURE__ */ m(h, {
+					onClick: () => G(!0),
+					"data-rybbit-event": "theglobalfuel.contract.create_clicked",
+					children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 				})
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(c, {
-				columns: Q,
-				rows: Z,
+			}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(te, {
+				columns: be,
+				rows: Q,
 				rowKey: (e) => e.id,
-				onRowClick: (e) => P(`contracts/${e.id}`),
+				onRowClick: (e) => F(`contracts/${e.id}`),
 				rowLabel: (e) => `Open ${e.reference}`
-			}), /* @__PURE__ */ v(ie, {
-				page: U.page,
-				pageSize: N,
-				itemCount: Z.length,
-				hasMore: Y?.pageInfo?.hasMore ?? !1,
-				onPageChange: U.onPageChange
+			}), /* @__PURE__ */ p(ue, {
+				page: W.page,
+				pageSize: P,
+				itemCount: Q.length,
+				hasMore: X?.pageInfo?.hasMore ?? !1,
+				onPageChange: W.onPageChange
 			})] }),
-			/* @__PURE__ */ v(oe, {
-				open: me,
+			/* @__PURE__ */ p(v, {
+				open: ge,
 				onOpenChange: (e) => {
-					W(e), e || $();
+					G(e), e || $();
 				},
-				children: /* @__PURE__ */ y(se, { children: [/* @__PURE__ */ y(ue, { children: [/* @__PURE__ */ v(de, { children: "New offtake contract" }), /* @__PURE__ */ v(ce, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }), /* @__PURE__ */ y("form", {
+				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(fe, { children: "New offtake contract" }), /* @__PURE__ */ p(b, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), ve();
+						e.preventDefault(), xe();
 					},
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "reference",
 										children: "Reference *"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "reference",
-										value: G.reference,
-										onChange: (e) => K({
-											...G,
+										value: K.reference,
+										onChange: (e) => q({
+											...K,
 											reference: e.target.value
 										}),
 										placeholder: "OFT-2026-0142"
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "counterparty",
 										children: "Counterparty *"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "counterparty",
-										value: G.counterparty,
-										onChange: (e) => K({
-											...G,
+										value: K.counterparty,
+										onChange: (e) => q({
+											...K,
 											counterparty: e.target.value
 										}),
 										placeholder: "Vitol S.A."
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "commodity",
 										children: "Commodity *"
-									}), /* @__PURE__ */ y(C, {
-										value: G.commodity,
-										onValueChange: (e) => K({
-											...G,
+									}), /* @__PURE__ */ m(C, {
+										value: K.commodity,
+										onValueChange: (e) => q({
+											...K,
 											commodity: e
 										}),
-										children: [/* @__PURE__ */ v(E, {
+										children: [/* @__PURE__ */ p(E, {
 											id: "commodity",
-											children: /* @__PURE__ */ v(D, {})
-										}), /* @__PURE__ */ v(w, { children: j.map((e) => /* @__PURE__ */ v(T, {
+											children: /* @__PURE__ */ p(D, {})
+										}), /* @__PURE__ */ p(w, { children: M.map((e) => /* @__PURE__ */ p(T, {
 											value: e,
-											children: t(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "side",
 										children: "Side"
-									}), /* @__PURE__ */ y(C, {
-										value: G.side,
-										onValueChange: (e) => K({
-											...G,
+									}), /* @__PURE__ */ m(C, {
+										value: K.side,
+										onValueChange: (e) => q({
+											...K,
 											side: e
 										}),
-										children: [/* @__PURE__ */ v(E, {
+										children: [/* @__PURE__ */ p(E, {
 											id: "side",
-											children: /* @__PURE__ */ v(D, {})
-										}), /* @__PURE__ */ v(w, { children: k.map((e) => /* @__PURE__ */ v(T, {
+											children: /* @__PURE__ */ p(D, {})
+										}), /* @__PURE__ */ p(w, { children: A.map((e) => /* @__PURE__ */ p(T, {
 											value: e,
-											children: t(e)
+											children: n(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "pricingBasis",
 										children: "Pricing basis"
-									}), /* @__PURE__ */ y(C, {
-										value: G.pricingBasis,
-										onValueChange: (e) => K({
-											...G,
+									}), /* @__PURE__ */ m(C, {
+										value: K.pricingBasis,
+										onValueChange: (e) => q({
+											...K,
 											pricingBasis: e
 										}),
-										children: [/* @__PURE__ */ v(E, {
+										children: [/* @__PURE__ */ p(E, {
 											id: "pricingBasis",
-											children: /* @__PURE__ */ v(D, {})
-										}), /* @__PURE__ */ v(w, { children: A.map((e) => /* @__PURE__ */ v(T, {
+											children: /* @__PURE__ */ p(D, {})
+										}), /* @__PURE__ */ p(w, { children: j.map((e) => /* @__PURE__ */ p(T, {
 											value: e,
-											children: t(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "priceIndex",
 										children: "Price index"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "priceIndex",
-										value: G.priceIndex,
-										onChange: (e) => K({
-											...G,
+										value: K.priceIndex,
+										onChange: (e) => q({
+											...K,
 											priceIndex: e.target.value
 										}),
 										placeholder: "Brent, TTF, Henry Hub"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ v(S, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "pricePerUnit",
 											children: "Price / unit"
-										}), /* @__PURE__ */ v(x, {
+										}), /* @__PURE__ */ p(g, {
 											id: "pricePerUnit",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: G.pricePerUnit,
-											onChange: (e) => K({
-												...G,
+											value: K.pricePerUnit,
+											onChange: (e) => q({
+												...K,
 												pricePerUnit: e.target.value
 											}),
 											placeholder: "82.50"
 										})]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ v(S, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "currency",
 											children: "Currency"
-										}), /* @__PURE__ */ v(x, {
+										}), /* @__PURE__ */ p(g, {
 											id: "currency",
-											value: G.currency,
-											onChange: (e) => K({
-												...G,
+											value: K.currency,
+											onChange: (e) => q({
+												...K,
 												currency: e.target.value
 											}),
 											placeholder: "USD"
 										})]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ v(S, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "unit",
 											children: "Unit"
-										}), /* @__PURE__ */ y(C, {
-											value: G.unit,
-											onValueChange: (e) => K({
-												...G,
+										}), /* @__PURE__ */ m(C, {
+											value: K.unit,
+											onValueChange: (e) => q({
+												...K,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ v(E, {
+											children: [/* @__PURE__ */ p(E, {
 												id: "unit",
-												children: /* @__PURE__ */ v(D, {})
-											}), /* @__PURE__ */ v(w, { children: M.map((e) => /* @__PURE__ */ v(T, {
+												children: /* @__PURE__ */ p(D, {})
+											}), /* @__PURE__ */ p(w, { children: N.map((e) => /* @__PURE__ */ p(T, {
 												value: e,
 												children: r(e)
 											}, e)) })]
@@ -485,105 +488,105 @@ function L() {
 									})
 								]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "contractedVolume",
 										children: "Contracted volume"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "contractedVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: G.contractedVolume,
-										onChange: (e) => K({
-											...G,
+										value: K.contractedVolume,
+										onChange: (e) => q({
+											...K,
 											contractedVolume: e.target.value
 										}),
 										placeholder: "500000"
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "deliveryLocation",
 										children: "Delivery location"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "deliveryLocation",
-										value: G.deliveryLocation,
-										onChange: (e) => K({
-											...G,
+										value: K.deliveryLocation,
+										onChange: (e) => q({
+											...K,
 											deliveryLocation: e.target.value
 										}),
 										placeholder: "Rotterdam"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "startDate",
 										children: "Start date"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "startDate",
 										type: "date",
-										value: G.startDate,
-										onChange: (e) => K({
-											...G,
+										value: K.startDate,
+										onChange: (e) => q({
+											...K,
 											startDate: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "endDate",
 										children: "End date"
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ p(g, {
 										id: "endDate",
 										type: "date",
-										value: G.endDate,
-										onChange: (e) => K({
-											...G,
+										value: K.endDate,
+										onChange: (e) => q({
+											...K,
 											endDate: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ v(S, {
+								children: [/* @__PURE__ */ p(_, {
 									htmlFor: "notes",
 									children: "Notes"
-								}), /* @__PURE__ */ v(fe, {
+								}), /* @__PURE__ */ p(O, {
 									id: "notes",
 									rows: 2,
-									value: G.notes,
-									onChange: (e) => K({
-										...G,
+									value: K.notes,
+									onChange: (e) => q({
+										...K,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this contract."
 								})]
 							}),
-							q && /* @__PURE__ */ v("p", {
+							J && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: q
+								children: J
 							})
 						]
-					}), /* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(b, {
+					}), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
-							W(!1), $();
+							G(!1), $();
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ v(b, {
+					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: X.isPending,
-						children: X.isPending ? "Creating…" : "Create contract"
+						disabled: Z.isPending,
+						children: Z.isPending ? "Creating…" : "Create contract"
 					})] })]
 				})] })
 			})
@@ -591,6 +594,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as ContractsPage };
+export { R as ContractsPage };
 
 //# sourceMappingURL=ContractsPage.js.map