@burdenoff/microfe-movethewheels 2026.920.2 → 2026.920.3

package/dist/components/CustomerPicker.js

@@ -0,0 +1,260 @@
+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, 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);
+	};
+	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: U,
+					disabled: N || 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: [/* @__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"]
+				})]
+			}),
+			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 && H.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: U,
+					disabled: N,
+					children: [/* @__PURE__ */ y(e, {
+						size: 14,
+						className: "mr-1.5"
+					}), "Create customer"]
+				})]
+			}) : null,
+			/* @__PURE__ */ y(i, {
+				open: P,
+				onOpenChange: (e) => e ? F(!0) : W(),
+				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();
+						if (!t) {
+							V("Customer name is required.");
+							return;
+						}
+						z(!0), V(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);
+						} catch (e) {
+							V(e instanceof Error ? e.message : "Could not create the customer. Please try again.");
+						} finally {
+							z(!1);
+						}
+					},
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ y(_, { message: B }),
+						/* @__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: I.name,
+								onChange: (e) => L((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: I.type,
+								onValueChange: (e) => L((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: I.email,
+									onChange: (e) => L((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: I.phone,
+									onChange: (e) => L((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: I.company,
+								onChange: (e) => L((t) => ({
+									...t,
+									company: e.target.value
+								})),
+								placeholder: "Company name (optional)"
+							})]
+						}),
+						/* @__PURE__ */ b(s, { children: [
+							j && /* @__PURE__ */ y(r, {
+								type: "button",
+								variant: "outline",
+								onClick: () => {
+									W(), j();
+								},
+								disabled: R,
+								children: "Use customer page"
+							}),
+							/* @__PURE__ */ y(r, {
+								type: "button",
+								variant: "outline",
+								onClick: W,
+								disabled: R,
+								children: "Cancel"
+							}),
+							/* @__PURE__ */ b(r, {
+								type: "submit",
+								disabled: R,
+								children: [/* @__PURE__ */ y(e, { size: 16 }), R ? "Creating..." : "Create and select"]
+							})
+						] })
+					]
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+export { C as CustomerPicker };

package/dist/movethewheels/components/CustomerPicker.d.ts

@@ -0,0 +1,17 @@
+import { Customer } from '../types';
+
+interface CustomerPickerProps {
+    customers: Customer[];
+    value: string;
+    onValueChange: (value: string) => void;
+    onCreated: (customer: Customer) => void;
+    createCustomer: (customer: Partial<Customer>) => Promise<Customer>;
+    isLoading: boolean;
+    error: Error | null;
+    onRetry: () => void;
+    onOpenCustomers?: () => void;
+    selectedCustomer?: Customer | null;
+    disabled?: boolean;
+}
+export declare function CustomerPicker({ customers, value, onValueChange, onCreated, createCustomer, isLoading, error, onRetry, onOpenCustomers, selectedCustomer, disabled, }: CustomerPickerProps): import("react").JSX.Element;
+export {};

package/dist/movethewheels/utils/navigation.d.ts

@@ -21,3 +21,17 @@ export declare function buildUrl(base: string, params?: Record<string, string |
  * Parse query parameters from a URL.
  */
 export declare function parseQueryParams(search: string): Record<string, string>;
+/**
+ * Return only an internal order destination for customer create-and-return flows.
+ * Query strings are intentionally discarded so callers cannot smuggle a second
+ * return target or an open redirect through the customer form.
+ */
+export declare function getSafeCustomerReturnPath(value: string | null | undefined): string | null;
+/**
+ * Build an order route with a customer preselected after a customer is created.
+ */
+export declare function buildOrderCustomerPath(orderPath: string, customerId: string): string;
+/**
+ * Build the local customer creation route while preserving a safe order return path.
+ */
+export declare function buildCustomerCreatePath(orderPath: string): string;