@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.1

package/dist/SettingsPage-CQVIOaNs.js

@@ -0,0 +1,421 @@
+import { A as e, F as t, I as n, J as r, L as i, P as a, R as o, V as s, X as c, Y as l, Z as u, d, f, g as p, h as m, i as h, j as g, lt as _, p as v, u as y } from "./PageLayout-D4LDHJJq.js";
+import { n as b, r as x, t as S } from "./useSettings-CkDH_-gM.js";
+import { t as C } from "./save-CojywNhG.js";
+import { t as w } from "./user-CjSoudeu.js";
+import { useEffect as T, useMemo as E, useState as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/bell.js
+var N = _("Bell", [["path", {
+	d: "M10.268 21a2 2 0 0 0 3.464 0",
+	key: "vwvbt9"
+}], ["path", {
+	d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
+	key: "11g9vi"
+}]]), P = _("Shield", [["path", {
+	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+	key: "oel41y"
+}]]), F = _("Webhook", [
+	["path", {
+		d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2",
+		key: "q3hayz"
+	}],
+	["path", {
+		d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06",
+		key: "1go1hn"
+	}],
+	["path", {
+		d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8",
+		key: "qlwsc0"
+	}]
+]), I = [
+	{
+		key: "googleMaps",
+		name: "Google Maps"
+	},
+	{
+		key: "stripe",
+		name: "Stripe"
+	},
+	{
+		key: "twilio",
+		name: "Twilio"
+	}
+], L = [
+	{
+		key: "orderUpdates",
+		label: "Order updates",
+		desc: "Receive notifications for order status changes"
+	},
+	{
+		key: "deliveryAlerts",
+		label: "Delivery alerts",
+		desc: "Get notified about delivery issues"
+	},
+	{
+		key: "systemNotifications",
+		label: "System notifications",
+		desc: "Important system updates and maintenance"
+	},
+	{
+		key: "weeklyReports",
+		label: "Weekly reports",
+		desc: "Receive weekly performance summary"
+	}
+];
+function R(e) {
+	let t = e.company ?? {}, n = e.localization ?? {}, r = e.notifications ?? {}, i = e.security ?? {}, a = e.integrations ?? {};
+	return {
+		company: {
+			name: t.name ?? "",
+			email: t.email ?? "",
+			phone: t.phone ?? "",
+			website: t.website ?? ""
+		},
+		localization: {
+			timezone: n.timezone ?? "utc",
+			currency: n.currency ?? "usd",
+			language: n.language ?? "en"
+		},
+		notifications: {
+			orderUpdates: r.orderUpdates ?? !0,
+			deliveryAlerts: r.deliveryAlerts ?? !0,
+			systemNotifications: r.systemNotifications ?? !0,
+			weeklyReports: r.weeklyReports ?? !1
+		},
+		twoFactorEnabled: i.twoFactorEnabled ?? !1,
+		integrations: a
+	};
+}
+function z() {
+	let { preferences: _, isLoading: z, isSaving: B, error: V, savePreferences: H } = S(), [U, W] = D("general"), [G, K] = D(() => R({})), [q, J] = D(!1), Y = E(() => R(_), [_]);
+	T(() => {
+		K(Y);
+	}, [Y]);
+	let X = (e) => K((t) => ({
+		...t,
+		company: {
+			...t.company,
+			...e
+		}
+	})), Z = (e) => K((t) => ({
+		...t,
+		localization: {
+			...t.localization,
+			...e
+		}
+	})), Q = (e, t) => K((n) => ({
+		...n,
+		notifications: {
+			...n.notifications,
+			[e]: t
+		}
+	})), $ = async () => {
+		J(!1);
+		try {
+			await H({
+				company: G.company,
+				localization: G.localization,
+				notifications: G.notifications,
+				security: { twoFactorEnabled: G.twoFactorEnabled },
+				integrations: G.integrations
+			}), J(!0);
+		} catch {}
+	};
+	return /* @__PURE__ */ k(h, {
+		title: "Settings",
+		subtitle: "Manage your account and preferences",
+		icon: /* @__PURE__ */ O(b, { size: 24 }),
+		children: [
+			/* @__PURE__ */ O(M, {
+				icon: /* @__PURE__ */ O(b, { size: 18 }),
+				children: "Configure how MoveTheWheels works for your business — company details and localization, which notifications you receive, account security, and the integrations (maps, payments, messaging) that power deliveries. Set these once so the rest of the app behaves the way you expect."
+			}),
+			(q || V) && /* @__PURE__ */ O("div", {
+				role: "status",
+				className: `rounded-lg p-3 text-sm ${V ? "bg-status-error-bg-subtle text-status-error-text" : "bg-status-success-bg-subtle text-status-success-text"}`,
+				children: V ? V.message : "Settings saved."
+			}),
+			/* @__PURE__ */ O(j, {
+				storageKey: "movethewheels-settings",
+				steps: [
+					{
+						id: "company",
+						label: "Confirm company details & localization",
+						description: "Set your name, contact info, timezone, currency and language.",
+						icon: /* @__PURE__ */ O(w, { size: 16 }),
+						onClick: () => W("general")
+					},
+					{
+						id: "notifications",
+						label: "Choose your notifications",
+						description: "Decide which order, delivery and report emails you receive.",
+						icon: /* @__PURE__ */ O(N, { size: 16 }),
+						onClick: () => W("notifications")
+					},
+					{
+						id: "security",
+						label: "Secure your account",
+						description: "Update your password and enable two-factor authentication.",
+						icon: /* @__PURE__ */ O(P, { size: 16 }),
+						onClick: () => W("security")
+					},
+					{
+						id: "integrations",
+						label: "Connect your tools",
+						description: "Link maps, payments and messaging providers.",
+						icon: /* @__PURE__ */ O(F, { size: 16 }),
+						onClick: () => W("integrations")
+					}
+				]
+			}),
+			/* @__PURE__ */ k(r, {
+				value: U,
+				onValueChange: W,
+				children: [
+					/* @__PURE__ */ k(c, {
+						className: "mb-6",
+						children: [
+							/* @__PURE__ */ k(u, {
+								value: "general",
+								children: [/* @__PURE__ */ O(w, { size: 16 }), " General"]
+							}),
+							/* @__PURE__ */ k(u, {
+								value: "notifications",
+								children: [/* @__PURE__ */ O(N, { size: 16 }), " Notifications"]
+							}),
+							/* @__PURE__ */ k(u, {
+								value: "security",
+								children: [/* @__PURE__ */ O(P, { size: 16 }), " Security"]
+							}),
+							/* @__PURE__ */ k(u, {
+								value: "integrations",
+								children: [/* @__PURE__ */ O(F, { size: 16 }), " Integrations"]
+							})
+						]
+					}),
+					/* @__PURE__ */ k(l, {
+						value: "general",
+						className: "space-y-6",
+						children: [/* @__PURE__ */ k(A, { children: [
+							/* @__PURE__ */ O("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Company Information"
+							}),
+							/* @__PURE__ */ O("p", {
+								className: "text-sm text-text-secondary mb-4",
+								children: "Basic company details"
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Company Name" }), /* @__PURE__ */ O(e, {
+										value: G.company.name,
+										placeholder: "Your company name",
+										disabled: z,
+										onChange: (e) => X({ name: e.target.value })
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Contact Email" }), /* @__PURE__ */ O(e, {
+										type: "email",
+										value: G.company.email,
+										placeholder: "contact@example.com",
+										disabled: z,
+										onChange: (e) => X({ email: e.target.value })
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Phone" }), /* @__PURE__ */ O(e, {
+										value: G.company.phone,
+										placeholder: "+1-555-0100",
+										disabled: z,
+										onChange: (e) => X({ phone: e.target.value })
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Website" }), /* @__PURE__ */ O(e, {
+										value: G.company.website,
+										placeholder: "https://example.com",
+										disabled: z,
+										onChange: (e) => X({ website: e.target.value })
+									})] })
+								]
+							})
+						] }), /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(p, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ O(x, { size: 18 }), " Localization"]
+						}) }), /* @__PURE__ */ O(f, {
+							className: "space-y-4",
+							children: /* @__PURE__ */ k("div", {
+								className: "grid grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Timezone" }), /* @__PURE__ */ k(a, {
+										value: G.localization.timezone,
+										onValueChange: (e) => Z({ timezone: e }),
+										children: [/* @__PURE__ */ O(i, { children: /* @__PURE__ */ O(o, {}) }), /* @__PURE__ */ k(t, { children: [
+											/* @__PURE__ */ O(n, {
+												value: "pst",
+												children: "Pacific Time (PST)"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "est",
+												children: "Eastern Time (EST)"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "utc",
+												children: "UTC"
+											})
+										] })]
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Currency" }), /* @__PURE__ */ k(a, {
+										value: G.localization.currency,
+										onValueChange: (e) => Z({ currency: e }),
+										children: [/* @__PURE__ */ O(i, { children: /* @__PURE__ */ O(o, {}) }), /* @__PURE__ */ k(t, { children: [
+											/* @__PURE__ */ O(n, {
+												value: "usd",
+												children: "USD ($)"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "eur",
+												children: "EUR (€)"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "gbp",
+												children: "GBP (£)"
+											})
+										] })]
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Language" }), /* @__PURE__ */ k(a, {
+										value: G.localization.language,
+										onValueChange: (e) => Z({ language: e }),
+										children: [/* @__PURE__ */ O(i, { children: /* @__PURE__ */ O(o, {}) }), /* @__PURE__ */ k(t, { children: [
+											/* @__PURE__ */ O(n, {
+												value: "en",
+												children: "English"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "es",
+												children: "Spanish"
+											}),
+											/* @__PURE__ */ O(n, {
+												value: "fr",
+												children: "French"
+											})
+										] })]
+									})] })
+								]
+							})
+						})] })]
+					}),
+					/* @__PURE__ */ O(l, {
+						value: "notifications",
+						className: "space-y-6",
+						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ O(p, { children: "Email Notifications" }) }), /* @__PURE__ */ O(f, {
+							className: "space-y-4",
+							children: L.map((e) => /* @__PURE__ */ k("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+									className: "font-medium",
+									children: e.label
+								}), /* @__PURE__ */ O("p", {
+									className: "text-sm text-text-secondary",
+									children: e.desc
+								})] }), /* @__PURE__ */ O(s, {
+									checked: G.notifications[e.key],
+									disabled: z,
+									onCheckedChange: (t) => Q(e.key, t)
+								})]
+							}, e.key))
+						})] })
+					}),
+					/* @__PURE__ */ k(l, {
+						value: "security",
+						className: "space-y-6",
+						children: [/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Password" }), /* @__PURE__ */ O(v, { children: "Passwords are managed by your workspace identity provider." })] }), /* @__PURE__ */ k(f, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Current Password" }), /* @__PURE__ */ O(e, {
+									type: "password",
+									autoComplete: "current-password"
+								})] }),
+								/* @__PURE__ */ k("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "New Password" }), /* @__PURE__ */ O(e, {
+										type: "password",
+										autoComplete: "new-password"
+									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Confirm Password" }), /* @__PURE__ */ O(e, {
+										type: "password",
+										autoComplete: "new-password"
+									})] })]
+								}),
+								/* @__PURE__ */ O(y, {
+									variant: "outline",
+									children: "Update Password"
+								})
+							]
+						})] }), /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Two-Factor Authentication" }), /* @__PURE__ */ O(v, { children: "Add an extra layer of security" })] }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ k("p", { children: [
+								"Status:",
+								" ",
+								/* @__PURE__ */ O("span", {
+									className: `font-medium ${G.twoFactorEnabled ? "text-status-success-text" : "text-status-warning-text"}`,
+									children: G.twoFactorEnabled ? "Enabled" : "Disabled"
+								})
+							] }), /* @__PURE__ */ O(y, {
+								variant: "outline",
+								disabled: B,
+								onClick: () => K((e) => ({
+									...e,
+									twoFactorEnabled: !e.twoFactorEnabled
+								})),
+								children: G.twoFactorEnabled ? "Disable 2FA" : "Enable 2FA"
+							})]
+						}) })] })]
+					}),
+					/* @__PURE__ */ O(l, {
+						value: "integrations",
+						className: "space-y-6",
+						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Connected Services" }), /* @__PURE__ */ O(v, { children: "Connect the providers that power maps, payments and messaging." })] }), /* @__PURE__ */ O(f, {
+							className: "space-y-3",
+							children: I.map((e) => {
+								let t = G.integrations[e.key] === !0;
+								return /* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between p-3 border rounded-lg",
+									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("span", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										children: t ? "Connected" : "Not configured"
+									})] }), /* @__PURE__ */ O(y, {
+										variant: t ? "outline" : "default",
+										size: "sm",
+										disabled: B,
+										onClick: () => K((n) => ({
+											...n,
+											integrations: {
+												...n.integrations,
+												[e.key]: !t
+											}
+										})),
+										children: t ? "Disconnect" : "Connect"
+									})]
+								}, e.key);
+							})
+						})] })
+					})
+				]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ k(y, {
+					onClick: () => void $(),
+					disabled: B || z,
+					children: [
+						/* @__PURE__ */ O(C, { size: 16 }),
+						" ",
+						B ? "Saving…" : "Save Changes"
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { z as default };

package/dist/StatusBadge-NpTeHVlw.js

@@ -0,0 +1,152 @@
+import { l as e, rt as t } from "./PageLayout-D4LDHJJq.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/movethewheels/constants/index.ts
+var i = {
+	bg: "bg-status-success-bg-subtle",
+	text: "text-status-success-text",
+	border: "border-status-success-border"
+}, a = {
+	bg: "bg-status-warning-bg-subtle",
+	text: "text-status-warning-text",
+	border: "border-status-warning-border"
+}, o = {
+	bg: "bg-status-error-bg-subtle",
+	text: "text-status-error-text",
+	border: "border-status-error-border"
+}, s = {
+	bg: "bg-status-info-bg-subtle",
+	text: "text-status-info-text",
+	border: "border-status-info-border"
+}, c = {
+	bg: "bg-bg-sunken",
+	text: "text-text-secondary"
+}, l = {
+	pending: a,
+	confirmed: s,
+	assigned: s,
+	picked_up: s,
+	in_transit: s,
+	out_for_delivery: a,
+	delivered: i,
+	cancelled: o,
+	failed: o
+}, u = {
+	available: i,
+	assigned: s,
+	maintenance: a,
+	out_of_service: o
+}, d = {
+	available: i,
+	busy: s,
+	offline: c,
+	on_break: a
+}, f = {
+	low: c,
+	normal: s,
+	high: a,
+	urgent: o
+}, p = {
+	planned: s,
+	in_progress: a,
+	completed: i,
+	cancelled: o
+}, m = {
+	sm: "text-xs px-2 py-0.5",
+	md: "text-sm px-2.5 py-1",
+	lg: "text-base px-3 py-1.5"
+};
+function h({ status: i, type: a = "custom", customColors: o, size: s = "md", showDot: c = !0, className: f }) {
+	let p = o, h = {
+		bg: "bg-bg-sunken",
+		text: "text-text-secondary"
+	};
+	if (!p) switch (a) {
+		case "order":
+			p = l[i] || h;
+			break;
+		case "vehicle":
+			p = u[i] || h;
+			break;
+		case "driver":
+			p = d[i] || h;
+			break;
+		default: p = h;
+	}
+	let g = i.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap inline-flex items-center", p.bg, p.text, m[s], f),
+		children: [c && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: t("w-1.5 h-1.5 rounded-full mr-1.5 flex-shrink-0 motion-safe:animate-vc-glow-pulse", p.text.replace("text-", "bg-"))
+		}), g]
+	});
+}
+function g({ priority: r, size: i = "md", className: a }) {
+	let o = f[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap", o.bg, o.text, m[i], a),
+		children: r
+	});
+}
+function _({ type: r, size: i = "md", className: a }) {
+	let o = {
+		b2b: {
+			bg: "bg-status-info-bg-subtle",
+			text: "text-status-info-text"
+		},
+		b2c: {
+			bg: "bg-status-success-bg-subtle",
+			text: "text-status-success-text"
+		}
+	}[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium uppercase border-0 whitespace-nowrap", o.bg, o.text, m[i], a),
+		children: r
+	});
+}
+function v({ status: r, size: i = "md", className: a }) {
+	let o = {
+		pending: {
+			bg: "bg-status-warning-bg-subtle",
+			text: "text-status-warning-text"
+		},
+		paid: {
+			bg: "bg-status-success-bg-subtle",
+			text: "text-status-success-text"
+		},
+		failed: {
+			bg: "bg-status-error-bg-subtle",
+			text: "text-status-error-text"
+		},
+		refunded: {
+			bg: "bg-bg-sunken",
+			text: "text-text-secondary"
+		}
+	}[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap", o.bg, o.text, m[i], a),
+		children: r
+	});
+}
+function y({ type: i, size: a = "md", className: o }) {
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t("font-medium capitalize whitespace-nowrap inline-flex items-center", m[a], o),
+		children: [/* @__PURE__ */ n("span", {
+			className: "mr-1",
+			children: {
+				van: "🚐",
+				truck: "🚚",
+				motorcycle: "🏍️",
+				bicycle: "🚲",
+				car: "🚗"
+			}[i]
+		}), i]
+	});
+}
+//#endregion
+export { y as a, _ as i, g as n, p as o, h as r, v as t };