@burdenoff/microfe-movethewheels 2026.920.2 → 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

@@ -0,0 +1,271 @@
+import { Plus as e } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { RefreshCw as t } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { UserPlus as n } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
+import { Button as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogFooter as s, DialogHeader as c, DialogTitle as l, Input as u, Label as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "./ui.js";
+import { FormError as _ } from "./FormError.js";
+import { useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/movethewheels/components/CustomerPicker.tsx
+var x = {
+	name: "",
+	type: "b2c",
+	email: "",
+	phone: "",
+	company: ""
+};
+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, 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",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ y(d, {
+					htmlFor: "customer",
+					children: "Customer"
+				}), /* @__PURE__ */ b(r, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: G,
+					disabled: F || O,
+					children: [/* @__PURE__ */ y(e, {
+						size: 14,
+						className: "mr-1"
+					}), "Add customer"]
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-start",
+				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",
+				children: [/* @__PURE__ */ y("p", {
+					role: "alert",
+					className: "text-sm text-status-error-text",
+					children: "Customers could not be loaded. Retry or add a customer to continue."
+				}), j && /* @__PURE__ */ y(r, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: j,
+					children: "Open customer page"
+				})]
+			}) : !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",
+					children: [/* @__PURE__ */ y(n, {
+						size: 16,
+						className: "mt-0.5 shrink-0 text-text-secondary"
+					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: "Add a customer to continue"
+					}), /* @__PURE__ */ y("p", {
+						className: "text-sm text-text-secondary",
+						children: "The customer will be selected automatically and your order details will stay here."
+					})] })]
+				}), /* @__PURE__ */ b(r, {
+					type: "button",
+					size: "sm",
+					className: "mt-3",
+					onClick: G,
+					disabled: F,
+					children: [/* @__PURE__ */ y(e, {
+						size: 14,
+						className: "mr-1.5"
+					}), "Create customer"]
+				})]
+			}) : null,
+			/* @__PURE__ */ y(i, {
+				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 = R.name.trim();
+						if (!t) {
+							U("Customer name is required.");
+							return;
+						}
+						V(!0), U(null);
+						try {
+							E(await D({
+								name: t,
+								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) {
+							U(e instanceof Error ? e.message : "Could not create the customer. Please try again.");
+						} finally {
+							V(!1);
+						}
+					},
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ y(_, { message: H }),
+						/* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ y(d, {
+								htmlFor: "quick-customer-name",
+								children: "Name"
+							}), /* @__PURE__ */ y(u, {
+								id: "quick-customer-name",
+								value: R.name,
+								onChange: (e) => z((t) => ({
+									...t,
+									name: e.target.value
+								})),
+								placeholder: "Acme Corp or Jane Doe",
+								autoFocus: !0,
+								required: !0
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ y(d, {
+								htmlFor: "quick-customer-type",
+								children: "Customer type"
+							}), /* @__PURE__ */ b(f, {
+								value: R.type,
+								onValueChange: (e) => z((t) => ({
+									...t,
+									type: e
+								})),
+								children: [/* @__PURE__ */ y(h, {
+									id: "quick-customer-type",
+									children: /* @__PURE__ */ y(g, {})
+								}), /* @__PURE__ */ b(p, { children: [/* @__PURE__ */ y(m, {
+									value: "b2c",
+									children: "B2C (Individual)"
+								}), /* @__PURE__ */ y(m, {
+									value: "b2b",
+									children: "B2B (Business)"
+								})] })]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ y(d, {
+									htmlFor: "quick-customer-email",
+									children: "Email"
+								}), /* @__PURE__ */ y(u, {
+									id: "quick-customer-email",
+									type: "email",
+									value: R.email,
+									onChange: (e) => z((t) => ({
+										...t,
+										email: e.target.value
+									})),
+									placeholder: "customer@example.com"
+								})]
+							}), /* @__PURE__ */ b("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ y(d, {
+									htmlFor: "quick-customer-phone",
+									children: "Phone"
+								}), /* @__PURE__ */ y(u, {
+									id: "quick-customer-phone",
+									value: R.phone,
+									onChange: (e) => z((t) => ({
+										...t,
+										phone: e.target.value
+									})),
+									placeholder: "+1-555-0100"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ y(d, {
+								htmlFor: "quick-customer-company",
+								children: "Company"
+							}), /* @__PURE__ */ y(u, {
+								id: "quick-customer-company",
+								value: R.company,
+								onChange: (e) => z((t) => ({
+									...t,
+									company: e.target.value
+								})),
+								placeholder: "Company name (optional)"
+							})]
+						}),
+						/* @__PURE__ */ b(s, { children: [
+							j && /* @__PURE__ */ y(r, {
+								type: "button",
+								variant: "outline",
+								onClick: () => {
+									K(), j();
+								},
+								disabled: B,
+								children: "Use customer page"
+							}),
+							/* @__PURE__ */ y(r, {
+								type: "button",
+								variant: "outline",
+								onClick: K,
+								disabled: B,
+								children: "Cancel"
+							}),
+							/* @__PURE__ */ b(r, {
+								type: "submit",
+								disabled: B,
+								children: [/* @__PURE__ */ y(e, { size: 16 }), B ? "Creating..." : "Create and select"]
+							})
+						] })
+					]
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+export { C as CustomerPicker };