@burdenoff/microfe-movethewheels 2026.920.3 → 2026.921.1

package/dist/components/CarbonFootprintPanel.js

@@ -73,7 +73,7 @@ function p() {
 					children: "By vehicle"
 				}), /* @__PURE__ */ l("div", {
 					className: "space-y-2",
-					children: p.byVehicle.filter((e) => e.totalDistanceKm > 0 || e.co2eKg > 0).slice(0, 5).map((e) => /* @__PURE__ */ u("div", {
+					children: p.byVehicle.filter((e) => e.totalDistanceKm > 0 || e.co2eKg > 0).map((e) => /* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-2",
 						children: [/* @__PURE__ */ u("div", {
 							className: "flex items-center gap-2",

package/dist/components/CustomerPicker.js

@@ -16,11 +16,11 @@ var x = {
 function S(e, t) {
 	return !t || e.some((e) => e.id === t.id) ? e : [t, ...e];
 }
-function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCustomer: D, isLoading: O, error: k, onRetry: A, onOpenCustomers: j, selectedCustomer: M, disabled: N = !1 }) {
-	let [P, F] = v(!1), [I, L] = v(x), [R, z] = v(!1), [B, V] = v(null), H = S(C, M), U = () => {
-		V(null), L(x), F(!0);
-	}, W = () => {
-		R || F(!1);
+function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCustomer: D, isLoading: O, error: k, onRetry: A, onOpenCustomers: j, selectedCustomer: M, searchQuery: N = "", onSearchQueryChange: P, disabled: F = !1 }) {
+	let [I, L] = v(!1), [R, z] = v(x), [B, V] = v(!1), [H, U] = v(null), W = S(C, M), G = () => {
+		U(null), z(x), L(!0);
+	}, K = () => {
+		B || L(!1);
 	};
 	return /* @__PURE__ */ b("div", {
 		className: "space-y-2",
@@ -34,8 +34,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 					type: "button",
 					variant: "ghost",
 					size: "sm",
-					onClick: U,
-					disabled: N || O,
+					onClick: G,
+					disabled: F || O,
 					children: [/* @__PURE__ */ y(e, {
 						size: 14,
 						className: "mr-1"
@@ -44,32 +44,43 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 			}),
 			/* @__PURE__ */ b("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-start",
-				children: [/* @__PURE__ */ b(f, {
-					value: w,
-					onValueChange: T,
-					disabled: N || O || !!k,
-					children: [/* @__PURE__ */ y(h, {
-						id: "customer",
-						className: "flex-1",
-						children: /* @__PURE__ */ y(g, { placeholder: O ? "Loading customers..." : "Select customer" })
-					}), /* @__PURE__ */ y(p, { children: H.map((e) => /* @__PURE__ */ b(m, {
-						value: e.id,
-						children: [
-							e.name,
-							" ",
-							e.email ? `(${e.email})` : ""
-						]
-					}, e.id)) })]
-				}), k && /* @__PURE__ */ b(r, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					onClick: A,
-					children: [/* @__PURE__ */ y(t, {
-						size: 14,
-						className: "mr-1"
-					}), "Retry"]
-				})]
+				children: [
+					P && /* @__PURE__ */ y(u, {
+						value: N,
+						onChange: (e) => P(e.target.value),
+						placeholder: "Search customers",
+						"aria-label": "Search customers",
+						disabled: F,
+						className: "sm:max-w-56"
+					}),
+					/* @__PURE__ */ b(f, {
+						value: w,
+						onValueChange: T,
+						disabled: F || O || !!k,
+						children: [/* @__PURE__ */ y(h, {
+							id: "customer",
+							className: "flex-1",
+							children: /* @__PURE__ */ y(g, { placeholder: O ? "Loading customers..." : "Select customer" })
+						}), /* @__PURE__ */ y(p, { children: W.map((e) => /* @__PURE__ */ b(m, {
+							value: e.id,
+							children: [
+								e.name,
+								" ",
+								e.email ? `(${e.email})` : ""
+							]
+						}, e.id)) })]
+					}),
+					k && /* @__PURE__ */ b(r, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: A,
+						children: [/* @__PURE__ */ y(t, {
+							size: 14,
+							className: "mr-1"
+						}), "Retry"]
+					})
+				]
 			}),
 			k ? /* @__PURE__ */ b("div", {
 				className: "flex flex-wrap items-center gap-2",
@@ -84,7 +95,7 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 					onClick: j,
 					children: "Open customer page"
 				})]
-			}) : !O && H.length === 0 ? /* @__PURE__ */ b("div", {
+			}) : !O && W.length === 0 ? /* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-seam bg-bg-sunken/40 p-3",
 				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-start gap-2",
@@ -102,8 +113,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 					type: "button",
 					size: "sm",
 					className: "mt-3",
-					onClick: U,
-					disabled: N,
+					onClick: G,
+					disabled: F,
 					children: [/* @__PURE__ */ y(e, {
 						size: 14,
 						className: "mr-1.5"
@@ -111,34 +122,34 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 				})]
 			}) : null,
 			/* @__PURE__ */ y(i, {
-				open: P,
-				onOpenChange: (e) => e ? F(!0) : W(),
+				open: I,
+				onOpenChange: (e) => e ? L(!0) : K(),
 				children: /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(l, { children: "Create customer" }), /* @__PURE__ */ y(o, { children: "Add the customer without leaving this order. They will be selected automatically." })] }), /* @__PURE__ */ b("form", {
 					onSubmit: async (e) => {
 						e.preventDefault(), e.stopPropagation();
-						let t = I.name.trim();
+						let t = R.name.trim();
 						if (!t) {
-							V("Customer name is required.");
+							U("Customer name is required.");
 							return;
 						}
-						z(!0), V(null);
+						V(!0), U(null);
 						try {
 							E(await D({
 								name: t,
-								type: I.type,
-								email: I.email.trim() || void 0,
-								phone: I.phone.trim() || void 0,
-								company: I.company.trim() || void 0
-							})), F(!1), L(x);
+								type: R.type,
+								email: R.email.trim() || void 0,
+								phone: R.phone.trim() || void 0,
+								company: R.company.trim() || void 0
+							})), L(!1), z(x);
 						} catch (e) {
-							V(e instanceof Error ? e.message : "Could not create the customer. Please try again.");
+							U(e instanceof Error ? e.message : "Could not create the customer. Please try again.");
 						} finally {
-							z(!1);
+							V(!1);
 						}
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ y(_, { message: B }),
+						/* @__PURE__ */ y(_, { message: H }),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ y(d, {
@@ -146,8 +157,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								children: "Name"
 							}), /* @__PURE__ */ y(u, {
 								id: "quick-customer-name",
-								value: I.name,
-								onChange: (e) => L((t) => ({
+								value: R.name,
+								onChange: (e) => z((t) => ({
 									...t,
 									name: e.target.value
 								})),
@@ -162,8 +173,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								htmlFor: "quick-customer-type",
 								children: "Customer type"
 							}), /* @__PURE__ */ b(f, {
-								value: I.type,
-								onValueChange: (e) => L((t) => ({
+								value: R.type,
+								onValueChange: (e) => z((t) => ({
 									...t,
 									type: e
 								})),
@@ -189,8 +200,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								}), /* @__PURE__ */ y(u, {
 									id: "quick-customer-email",
 									type: "email",
-									value: I.email,
-									onChange: (e) => L((t) => ({
+									value: R.email,
+									onChange: (e) => z((t) => ({
 										...t,
 										email: e.target.value
 									})),
@@ -203,8 +214,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 									children: "Phone"
 								}), /* @__PURE__ */ y(u, {
 									id: "quick-customer-phone",
-									value: I.phone,
-									onChange: (e) => L((t) => ({
+									value: R.phone,
+									onChange: (e) => z((t) => ({
 										...t,
 										phone: e.target.value
 									})),
@@ -219,8 +230,8 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								children: "Company"
 							}), /* @__PURE__ */ y(u, {
 								id: "quick-customer-company",
-								value: I.company,
-								onChange: (e) => L((t) => ({
+								value: R.company,
+								onChange: (e) => z((t) => ({
 									...t,
 									company: e.target.value
 								})),
@@ -232,22 +243,22 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								type: "button",
 								variant: "outline",
 								onClick: () => {
-									W(), j();
+									K(), j();
 								},
-								disabled: R,
+								disabled: B,
 								children: "Use customer page"
 							}),
 							/* @__PURE__ */ y(r, {
 								type: "button",
 								variant: "outline",
-								onClick: W,
-								disabled: R,
+								onClick: K,
+								disabled: B,
 								children: "Cancel"
 							}),
 							/* @__PURE__ */ b(r, {
 								type: "submit",
-								disabled: R,
-								children: [/* @__PURE__ */ y(e, { size: 16 }), R ? "Creating..." : "Create and select"]
+								disabled: B,
+								children: [/* @__PURE__ */ y(e, { size: 16 }), B ? "Creating..." : "Create and select"]
 							})
 						] })
 					]