@burdenoff/microfe-movethewheels 2026.510.105

package/dist/CustomerDetailsPage-DNDEw7IW.js

@@ -0,0 +1,239 @@
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-B7b0vl0R.js";
+import { t as u } from "./arrow-left-6CiLhqVp.js";
+import { t as d } from "./file-text-Dd_thxkn.js";
+import { n as f, t as p } from "./phone-KdwpVmC4.js";
+import { t as m } from "./map-pin-CFBOmh-A.js";
+import { t as h } from "./square-pen-BwQ67vLE.js";
+import { t as g } from "./star-BlVsC3Ad.js";
+import { t as _ } from "./users-i-igmsP4.js";
+import { r as v } from "./graphqlClient-CdJyR_ed.js";
+import { t as y } from "./useCustomers-bS3a4ytk.js";
+import { i as b } from "./StatusBadge-BrrwraIA.js";
+import { r as x, t as S } from "./formatters-_vJlC-47.js";
+import { t as C } from "./navigation-BgnOfsVd.js";
+import { useParams as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/building.js
+var D = a("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 O() {
+	let { customerId: a } = w(), { basePath: O, navigate: k } = v(), { customer: A, isLoading: j, error: M, refetch: N } = y(a), P = () => k?.(C(O, "customers"));
+	return a ? j ? /* @__PURE__ */ T(c, { message: "Loading customer details..." }) : M || !A ? /* @__PURE__ */ T(s, {
+		title: "Customer not found",
+		onRetry: N
+	}) : /* @__PURE__ */ T(i, {
+		title: A.name,
+		subtitle: A.company || A.email,
+		icon: /* @__PURE__ */ T(_, { size: 24 }),
+		headerActions: /* @__PURE__ */ E("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ E(l, {
+				variant: "outline",
+				onClick: P,
+				children: [/* @__PURE__ */ T(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ E(l, { children: [/* @__PURE__ */ T(h, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ E("div", {
+			className: "flex items-center gap-4",
+			children: [
+				/* @__PURE__ */ T(b, { type: A.type }),
+				/* @__PURE__ */ T(o, {
+					variant: A.isActive ? "default" : "secondary",
+					children: A.isActive ? "Active" : "Inactive"
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ T(g, {
+						size: 16,
+						className: "text-yellow-500 fill-yellow-500"
+					}), /* @__PURE__ */ T("span", {
+						className: "font-medium",
+						children: A.rating.toFixed(1)
+					})]
+				})
+			]
+		}),
+		children: /* @__PURE__ */ E("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ E("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [
+					/* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(n, { children: "Contact Information" }) }), /* @__PURE__ */ T(t, { children: /* @__PURE__ */ E("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+						children: [/* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ T(f, {
+									size: 18,
+									className: "text-muted-foreground"
+								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Email"
+								}), /* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: A.email
+								})] })]
+							}), /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ T(p, {
+									size: 18,
+									className: "text-muted-foreground"
+								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Phone"
+								}), /* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: A.phone
+								})] })]
+							})]
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [A.company && /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ T(D, {
+									size: 18,
+									className: "text-muted-foreground"
+								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Company"
+								}), /* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: A.company
+								})] })]
+							}), A.website && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Website"
+							}), /* @__PURE__ */ T("a", {
+								href: A.website,
+								className: "text-primary hover:underline",
+								children: A.website
+							})] })]
+						})]
+					}) })] }),
+					/* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ E(n, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T(m, { size: 18 }), " Address"]
+					}) }), /* @__PURE__ */ T(t, { children: /* @__PURE__ */ T("p", { children: S(A.address) }) })] }),
+					A.notes && /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ E(n, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T(d, { size: 18 }), " Notes"]
+					}) }), /* @__PURE__ */ T(t, { children: /* @__PURE__ */ T("p", { children: A.notes }) })] })
+				]
+			}), /* @__PURE__ */ E("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(n, { children: "Business Details" }) }), /* @__PURE__ */ E(t, {
+					className: "space-y-3",
+					children: [
+						A.businessLicense && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Business License"
+						}), /* @__PURE__ */ T("p", {
+							className: "font-mono",
+							children: A.businessLicense
+						})] }),
+						A.taxId && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Tax ID"
+						}), /* @__PURE__ */ T("p", {
+							className: "font-mono",
+							children: A.taxId
+						})] }),
+						/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Preferred Contact"
+						}), /* @__PURE__ */ T("p", {
+							className: "capitalize",
+							children: A.preferredContactMethod
+						})] }),
+						/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Marketing Opt-in"
+						}), /* @__PURE__ */ T(o, {
+							variant: A.marketingOptIn ? "default" : "secondary",
+							children: A.marketingOptIn ? "Yes" : "No"
+						})] })
+					]
+				})] }), /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(n, { children: "Account Info" }) }), /* @__PURE__ */ E(t, {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Created"
+					}), /* @__PURE__ */ T("p", { children: x(A.createdAt, "full") })] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Last Updated"
+					}), /* @__PURE__ */ T("p", { children: x(A.updatedAt, "relative") })] })]
+				})] })]
+			})]
+		})
+	}) : /* @__PURE__ */ T(i, {
+		title: "New Customer",
+		subtitle: "Add a new customer",
+		icon: /* @__PURE__ */ T(_, { size: 24 }),
+		headerActions: /* @__PURE__ */ E(l, {
+			variant: "outline",
+			onClick: P,
+			children: [/* @__PURE__ */ T(u, { size: 16 }), " Back"]
+		}),
+		children: /* @__PURE__ */ T(e, { children: /* @__PURE__ */ T(t, {
+			className: "p-8 text-center",
+			children: /* @__PURE__ */ T("p", {
+				className: "text-muted-foreground",
+				children: "Customer creation form would go here"
+			})
+		}) })
+	});
+}
+//#endregion
+export { O as default };

package/dist/CustomersPage-CDjjeCEL.js

@@ -0,0 +1,119 @@
+import { i as e, l as t, o as n, s as r, u as i } from "./PageLayout-B7b0vl0R.js";
+import { t as a } from "./DataTable-CRIKfdIN.js";
+import { t as o } from "./download-CIuG04pJ.js";
+import { t as s } from "./plus-Bl7uX6Ji.js";
+import { t as c } from "./refresh-cw-BYjl3K-8.js";
+import { t as l } from "./star-BlVsC3Ad.js";
+import { t as u } from "./users-i-igmsP4.js";
+import { r as d } from "./graphqlClient-CdJyR_ed.js";
+import { r as f } from "./useCustomers-bS3a4ytk.js";
+import { i as p } from "./StatusBadge-BrrwraIA.js";
+import { r as m } from "./formatters-_vJlC-47.js";
+import { t as h } from "./navigation-BgnOfsVd.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/movethewheels/pages/CustomersPage.tsx
+function v() {
+	let { basePath: v, navigate: y } = d(), { customers: b, totalCustomers: x, isLoading: S, refetch: C } = f({ limit: 100 }), w = (e) => y?.(h(v, e));
+	return /* @__PURE__ */ g(e, {
+		title: "Customers",
+		subtitle: `${x} customers`,
+		icon: /* @__PURE__ */ g(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ _("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ _(i, {
+					variant: "outline",
+					onClick: C,
+					children: [/* @__PURE__ */ g(c, { size: 16 }), " Refresh"]
+				}),
+				/* @__PURE__ */ _(i, {
+					variant: "outline",
+					children: [/* @__PURE__ */ g(o, { size: 16 }), " Export"]
+				}),
+				/* @__PURE__ */ _(i, {
+					onClick: () => w("customers/new"),
+					children: [/* @__PURE__ */ g(s, { size: 16 }), " Add Customer"]
+				})
+			]
+		}),
+		children: /* @__PURE__ */ g(a, {
+			columns: [
+				{
+					id: "customer",
+					header: "Customer",
+					cell: (e) => /* @__PURE__ */ _("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(r, { 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-muted-foreground",
+							children: e.email
+						})] })]
+					})
+				},
+				{
+					id: "type",
+					header: "Type",
+					accessorKey: "type",
+					cell: (e) => /* @__PURE__ */ g(p, { 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(l, {
+							size: 14,
+							className: "text-yellow-500 fill-yellow-500"
+						}), /* @__PURE__ */ g("span", { children: e.rating.toFixed(1) })]
+					})
+				},
+				{
+					id: "status",
+					header: "Status",
+					cell: (e) => /* @__PURE__ */ g(t, {
+						variant: e.isActive ? "default" : "secondary",
+						children: e.isActive ? "Active" : "Inactive"
+					})
+				},
+				{
+					id: "created",
+					header: "Created",
+					accessorKey: "createdAt",
+					sortable: !0,
+					cell: (e) => m(e.createdAt, "short")
+				}
+			],
+			data: b,
+			isLoading: S,
+			searchable: !0,
+			searchPlaceholder: "Search customers...",
+			searchFields: [
+				"name",
+				"email",
+				"company"
+			],
+			onRowClick: (e) => w(`customers/${e.id}`),
+			getRowId: (e) => e.id
+		})
+	});
+}
+//#endregion
+export { v as default };