@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/CustomerDetailsPage-B6nwFyLO.js

@@ -1,406 +0,0 @@
-import { A as e, F as t, I as n, L as r, P as i, R as a, ct as o, d as s, f as c, g as l, h as u, i as d, j as f, l as p, lt as m, n as h, ot as g, r as _, u as v } from "./PageLayout-D4LDHJJq.js";
-import { t as y } from "./arrow-left-n48Y-Wis.js";
-import { t as b } from "./file-text-DWWY6_f5.js";
-import { n as x, t as S } from "./phone-Ac9s3mo_.js";
-import { t as C } from "./map-pin-BGiCvyCs.js";
-import { t as w } from "./save-CojywNhG.js";
-import { t as T } from "./square-pen-CopE9GmB.js";
-import { t as E } from "./star-nHlLjDKR.js";
-import { t as D } from "./users-DZ-ilS6B.js";
-import { r as O, t as k } from "./useCustomers-BmTNGxiI.js";
-import { i as A } from "./StatusBadge-BZurYHMy.js";
-import { r as j, t as M } from "./formatters-CF2S2l1m.js";
-import { t as N } from "./FormError-BlOjnXOq.js";
-import { useState as P } from "react";
-import { useParams as F } from "react-router-dom";
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/building.js
-var V = m("Building", [
-	["rect", {
-		width: "16",
-		height: "20",
-		x: "4",
-		y: "2",
-		rx: "2",
-		ry: "2",
-		key: "76otgf"
-	}],
-	["path", {
-		d: "M9 22v-4h6v4",
-		key: "r93iot"
-	}],
-	["path", {
-		d: "M8 6h.01",
-		key: "1dz90k"
-	}],
-	["path", {
-		d: "M16 6h.01",
-		key: "1x0f13"
-	}],
-	["path", {
-		d: "M12 6h.01",
-		key: "1vi96p"
-	}],
-	["path", {
-		d: "M12 10h.01",
-		key: "1nrarc"
-	}],
-	["path", {
-		d: "M12 14h.01",
-		key: "1etili"
-	}],
-	["path", {
-		d: "M16 10h.01",
-		key: "1m94wz"
-	}],
-	["path", {
-		d: "M16 14h.01",
-		key: "1gbofw"
-	}],
-	["path", {
-		d: "M8 10h.01",
-		key: "19clt8"
-	}],
-	["path", {
-		d: "M8 14h.01",
-		key: "6423bh"
-	}]
-]);
-//#endregion
-//#region src/movethewheels/pages/CustomerDetailsPage.tsx
-function H() {
-	let { basePath: s, navigate: c } = g(), { createCustomer: l } = O(), [u, p] = P({
-		name: "",
-		type: "b2c",
-		email: "",
-		phone: "",
-		company: ""
-	}), [m, h] = P(!1), [_, b] = P(null), x = () => c?.(o(s, "customers")), S = async (e) => {
-		if (e.preventDefault(), !u.name.trim()) {
-			b("Customer name is required.");
-			return;
-		}
-		h(!0), b(null);
-		try {
-			let e = await l({
-				name: u.name.trim(),
-				type: u.type,
-				email: u.email.trim() || void 0,
-				phone: u.phone.trim() || void 0,
-				company: u.company.trim() || void 0
-			});
-			c?.(o(s, `customers/${e.id}`));
-		} catch (e) {
-			console.error("Failed to create customer:", e), b(e instanceof Error ? e.message : "Failed to create customer. Please try again."), h(!1);
-		}
-	};
-	return /* @__PURE__ */ L(d, {
-		title: "New Customer",
-		subtitle: "Add a new customer to your account",
-		icon: /* @__PURE__ */ I(D, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
-				variant: "outline",
-				onClick: x,
-				disabled: m,
-				children: [/* @__PURE__ */ I(y, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(v, {
-				onClick: S,
-				disabled: m,
-				children: [
-					/* @__PURE__ */ I(w, { size: 16 }),
-					" ",
-					m ? "Saving..." : "Create Customer"
-				]
-			})]
-		}),
-		children: [/* @__PURE__ */ I(B, {
-			icon: /* @__PURE__ */ I(D, { size: 18 }),
-			children: "Add a customer once and their contact details auto-fill every future order you book for them. Only a name is required — add email, phone and company to make deliveries easier to arrange."
-		}), /* @__PURE__ */ L("form", {
-			onSubmit: S,
-			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ I(N, { message: _ }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
-				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Customer Details"
-			}), /* @__PURE__ */ L("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ L("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ L(f, {
-								htmlFor: "name",
-								children: ["Name ", /* @__PURE__ */ I("span", {
-									className: "text-status-error-text",
-									children: "*"
-								})]
-							}), /* @__PURE__ */ I(e, {
-								id: "name",
-								value: u.name,
-								onChange: (e) => p((t) => ({
-									...t,
-									name: e.target.value
-								})),
-								placeholder: "Acme Corp or Jane Doe",
-								required: !0
-							})]
-						}), /* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "type",
-								children: "Customer Type"
-							}), /* @__PURE__ */ L(i, {
-								value: u.type,
-								onValueChange: (e) => p((t) => ({
-									...t,
-									type: e
-								})),
-								children: [/* @__PURE__ */ I(r, {
-									id: "type",
-									children: /* @__PURE__ */ I(a, {})
-								}), /* @__PURE__ */ L(t, { children: [/* @__PURE__ */ I(n, {
-									value: "b2c",
-									children: "B2C (Individual)"
-								}), /* @__PURE__ */ I(n, {
-									value: "b2b",
-									children: "B2B (Business)"
-								})] })]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ L("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "email",
-								children: "Email"
-							}), /* @__PURE__ */ I(e, {
-								id: "email",
-								type: "email",
-								value: u.email,
-								onChange: (e) => p((t) => ({
-									...t,
-									email: e.target.value
-								})),
-								placeholder: "customer@example.com"
-							})]
-						}), /* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "phone",
-								children: "Phone"
-							}), /* @__PURE__ */ I(e, {
-								id: "phone",
-								value: u.phone,
-								onChange: (e) => p((t) => ({
-									...t,
-									phone: e.target.value
-								})),
-								placeholder: "+1-555-0100"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ L("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ I(f, {
-							htmlFor: "company",
-							children: "Company"
-						}), /* @__PURE__ */ I(e, {
-							id: "company",
-							value: u.company,
-							onChange: (e) => p((t) => ({
-								...t,
-								company: e.target.value
-							})),
-							placeholder: "Company name (for B2B accounts)"
-						})]
-					})
-				]
-			})] })]
-		})]
-	});
-}
-function U() {
-	let { customerId: e } = F(), { basePath: t, navigate: n } = g(), { customer: r, isLoading: i, error: a, refetch: f } = k(e), m = () => n?.(o(t, "customers")), w = (e) => n?.(o(t, e));
-	return e ? i ? /* @__PURE__ */ I(_, { message: "Loading customer details..." }) : a || !r ? /* @__PURE__ */ I(h, {
-		title: "Customer not found",
-		onRetry: f
-	}) : /* @__PURE__ */ L(d, {
-		title: r.name,
-		subtitle: r.company || r.email,
-		icon: /* @__PURE__ */ I(D, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
-				variant: "outline",
-				onClick: m,
-				children: [/* @__PURE__ */ I(y, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(T, { size: 16 }), " Edit"] })]
-		}),
-		headerContent: /* @__PURE__ */ L("div", {
-			className: "flex items-center gap-4",
-			children: [
-				/* @__PURE__ */ I(A, { type: r.type }),
-				/* @__PURE__ */ I(p, {
-					variant: r.isActive ? "default" : "secondary",
-					children: r.isActive ? "Active" : "Inactive"
-				}),
-				/* @__PURE__ */ L("div", {
-					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ I(E, {
-						size: 16,
-						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ I("span", {
-						className: "font-medium",
-						children: r.rating.toFixed(1)
-					})]
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ I(B, {
-				icon: /* @__PURE__ */ I(D, { size: 18 }),
-				children: "Everything you know about this customer — how to reach them, where they are, and their account standing. Use it to confirm contact details before a delivery, check their rating, or book their next order."
-			}),
-			/* @__PURE__ */ I(z, {
-				storageKey: "movethewheels-customer-details",
-				steps: [{
-					id: "new-order",
-					label: "Book a delivery for this customer",
-					description: "Start a new order pre-filled for this account.",
-					icon: /* @__PURE__ */ I(b, { size: 16 }),
-					onClick: () => w("orders/new")
-				}, {
-					id: "edit",
-					label: "Update contact details",
-					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ I(T, { size: 16 }),
-					onClick: () => {}
-				}]
-			}),
-			/* @__PURE__ */ L("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ L("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: "Contact Information"
-						}), /* @__PURE__ */ L("div", {
-							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ L("div", {
-								className: "space-y-4",
-								children: [/* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(x, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Email"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.email
-									})] })]
-								}), /* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(S, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Phone"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.phone
-									})] })]
-								})]
-							}), /* @__PURE__ */ L("div", {
-								className: "space-y-4",
-								children: [r.company && /* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(V, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Company"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.company
-									})] })]
-								}), r.website && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-									className: "text-sm text-text-secondary",
-									children: "Website"
-								}), /* @__PURE__ */ I("a", {
-									href: r.website,
-									className: "text-primary hover:underline",
-									children: r.website
-								})] })]
-							})]
-						})] }),
-						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(C, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: M(r.address) }) })] }),
-						r.notes && /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(b, { size: 18 }), " Notes"]
-						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: r.notes }) })] })
-					]
-				}), /* @__PURE__ */ L("div", {
-					className: "space-y-6",
-					children: [/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Business Details" }) }), /* @__PURE__ */ L(c, {
-						className: "space-y-3",
-						children: [
-							r.businessLicense && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Business License"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-mono",
-								children: r.businessLicense
-							})] }),
-							r.taxId && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Tax ID"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-mono",
-								children: r.taxId
-							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Preferred Contact"
-							}), /* @__PURE__ */ I("p", {
-								className: "capitalize",
-								children: r.preferredContactMethod
-							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Marketing Opt-in"
-							}), /* @__PURE__ */ I(p, {
-								variant: r.marketingOptIn ? "default" : "secondary",
-								children: r.marketingOptIn ? "Yes" : "No"
-							})] })
-						]
-					})] }), /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Account Info" }) }), /* @__PURE__ */ L(c, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-							className: "text-sm text-text-secondary",
-							children: "Created"
-						}), /* @__PURE__ */ I("p", { children: j(r.createdAt, "full") })] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-							className: "text-sm text-text-secondary",
-							children: "Last Updated"
-						}), /* @__PURE__ */ I("p", { children: j(r.updatedAt, "relative") })] })]
-					})] })]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ I(H, {});
-}
-//#endregion
-export { U as default };

package/dist/CustomersPage-BKxMS1AV.js

@@ -1,161 +0,0 @@
-import { ct as e, i as t, l as n, o as r, ot as i, s as a, u as o } from "./PageLayout-D4LDHJJq.js";
-import { t as s } from "./DataTable-DmciIKKM.js";
-import { t as c } from "./download-DRXxoiQR.js";
-import { t as l } from "./plus-Z76q-FZm.js";
-import { t as u } from "./refresh-cw-DKt6f5T6.js";
-import { t as d } from "./star-nHlLjDKR.js";
-import { t as f } from "./users-DZ-ilS6B.js";
-import { r as p } from "./useCustomers-BmTNGxiI.js";
-import { i as m } from "./StatusBadge-BZurYHMy.js";
-import { r as h } from "./formatters-CF2S2l1m.js";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CTAOverflowMenu as v, EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/CustomersPage.tsx
-function x() {
-	let { basePath: x, navigate: S } = i(), { customers: C, totalCustomers: w, isLoading: T, refetch: E } = p({ limit: 100 }), D = (t) => S?.(e(x, t));
-	return /* @__PURE__ */ _(t, {
-		title: "Customers",
-		subtitle: `${w} customers`,
-		icon: /* @__PURE__ */ g(f, { size: 24 }),
-		headerActions: /* @__PURE__ */ g(v, {
-			primary: {
-				label: "Add Customer",
-				icon: /* @__PURE__ */ g(l, { size: 16 }),
-				onSelect: () => D("customers/new")
-			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ g(u, { size: 16 }),
-				onSelect: () => E()
-			}, {
-				label: "Export",
-				icon: /* @__PURE__ */ g(c, { size: 16 }),
-				onSelect: () => D("import-export")
-			}]
-		}),
-		children: [
-			/* @__PURE__ */ g(b, {
-				icon: /* @__PURE__ */ g(f, { size: 18 }),
-				children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
-			}),
-			/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g("p", {
-				className: "text-sm font-medium text-text-secondary",
-				children: "Customer base at a glance"
-			}), /* @__PURE__ */ _("div", {
-				className: "mt-3 grid grid-cols-3 gap-4",
-				children: [
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: w
-					}), /* @__PURE__ */ g("p", {
-						className: "text-xs text-text-secondary",
-						children: "Total customers"
-					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: C.filter((e) => e.isActive).length
-					}), /* @__PURE__ */ g("p", {
-						className: "text-xs text-text-secondary",
-						children: "Active"
-					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: C.filter((e) => e.type === "b2b").length
-					}), /* @__PURE__ */ g("p", {
-						className: "text-xs text-text-secondary",
-						children: "Business accounts"
-					})] })
-				]
-			})] }),
-			/* @__PURE__ */ g(s, {
-				columns: [
-					{
-						id: "customer",
-						header: "Customer",
-						cell: (e) => /* @__PURE__ */ _("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(a, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-								className: "font-medium",
-								children: e.name
-							}), /* @__PURE__ */ g("p", {
-								className: "text-sm text-text-secondary",
-								children: e.email
-							})] })]
-						})
-					},
-					{
-						id: "type",
-						header: "Type",
-						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ g(m, { type: e.type })
-					},
-					{
-						id: "company",
-						header: "Company",
-						accessorKey: "company",
-						cell: (e) => e.company || "-"
-					},
-					{
-						id: "phone",
-						header: "Phone",
-						accessorKey: "phone"
-					},
-					{
-						id: "location",
-						header: "Location",
-						cell: (e) => `${e.address.city}, ${e.address.state}`
-					},
-					{
-						id: "rating",
-						header: "Rating",
-						cell: (e) => /* @__PURE__ */ _("div", {
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ g(d, {
-								size: 14,
-								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ g("span", { children: e.rating.toFixed(1) })]
-						})
-					},
-					{
-						id: "status",
-						header: "Status",
-						cell: (e) => /* @__PURE__ */ g(n, {
-							variant: e.isActive ? "default" : "secondary",
-							children: e.isActive ? "Active" : "Inactive"
-						})
-					},
-					{
-						id: "created",
-						header: "Created",
-						accessorKey: "createdAt",
-						sortable: !0,
-						cell: (e) => h(e.createdAt, "short")
-					}
-				],
-				data: C,
-				isLoading: T,
-				searchable: !0,
-				searchPlaceholder: "Search customers...",
-				searchFields: [
-					"name",
-					"email",
-					"company"
-				],
-				onRowClick: (e) => D(`customers/${e.id}`),
-				getRowId: (e) => e.id,
-				emptyIllustration: "empty-people",
-				emptyTitle: "No customers yet",
-				emptyDescription: "Add your first customer to start booking deliveries for them.",
-				emptyAction: /* @__PURE__ */ _(o, {
-					onClick: () => D("customers/new"),
-					children: [/* @__PURE__ */ g(l, {
-						size: 16,
-						className: "mr-1.5"
-					}), "Add Customer"]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { x as default };