@burdenoff/microfe-movethewheels 2026.624.1 → 2026.626.1

package/dist/SettingsPage-BYNCBOpN.js

@@ -0,0 +1,298 @@
+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, it as g, j as _, p as v, u as y } from "./PageLayout-D3N8MCTm.js";
+import { n as b, t as x } from "./settings-3Rw5NwFF.js";
+import { t as S } from "./save-XH8vydOn.js";
+import { t as C } from "./user-Dz5TJZFs.js";
+import { useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { EmphasisPanel as D, NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/bell.js
+var A = g("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"
+}]]), j = g("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"
+}]]), M = g("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"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/SettingsPage.tsx
+function N() {
+	let [g, N] = w("general");
+	return /* @__PURE__ */ E(h, {
+		title: "Settings",
+		subtitle: "Manage your account and preferences",
+		icon: /* @__PURE__ */ T(x, { size: 24 }),
+		children: [
+			/* @__PURE__ */ T(k, {
+				icon: /* @__PURE__ */ T(x, { 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."
+			}),
+			/* @__PURE__ */ T(O, {
+				storageKey: "movethewheels-settings",
+				steps: [
+					{
+						id: "company",
+						label: "Confirm company details & localization",
+						description: "Set your name, contact info, timezone, currency and language.",
+						icon: /* @__PURE__ */ T(C, { size: 16 }),
+						onClick: () => N("general")
+					},
+					{
+						id: "notifications",
+						label: "Choose your notifications",
+						description: "Decide which order, delivery and report emails you receive.",
+						icon: /* @__PURE__ */ T(A, { size: 16 }),
+						onClick: () => N("notifications")
+					},
+					{
+						id: "security",
+						label: "Secure your account",
+						description: "Update your password and enable two-factor authentication.",
+						icon: /* @__PURE__ */ T(j, { size: 16 }),
+						onClick: () => N("security")
+					},
+					{
+						id: "integrations",
+						label: "Connect your tools",
+						description: "Link maps, payments and messaging providers.",
+						icon: /* @__PURE__ */ T(M, { size: 16 }),
+						onClick: () => N("integrations")
+					}
+				]
+			}),
+			/* @__PURE__ */ E(r, {
+				value: g,
+				onValueChange: N,
+				children: [
+					/* @__PURE__ */ E(c, {
+						className: "mb-6",
+						children: [
+							/* @__PURE__ */ E(u, {
+								value: "general",
+								children: [/* @__PURE__ */ T(C, { size: 16 }), " General"]
+							}),
+							/* @__PURE__ */ E(u, {
+								value: "notifications",
+								children: [/* @__PURE__ */ T(A, { size: 16 }), " Notifications"]
+							}),
+							/* @__PURE__ */ E(u, {
+								value: "security",
+								children: [/* @__PURE__ */ T(j, { size: 16 }), " Security"]
+							}),
+							/* @__PURE__ */ E(u, {
+								value: "integrations",
+								children: [/* @__PURE__ */ T(M, { size: 16 }), " Integrations"]
+							})
+						]
+					}),
+					/* @__PURE__ */ E(l, {
+						value: "general",
+						className: "space-y-6",
+						children: [/* @__PURE__ */ E(D, { children: [
+							/* @__PURE__ */ T("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Company Information"
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-sm text-text-secondary mb-4",
+								children: "Basic company details"
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Company Name" }), /* @__PURE__ */ T(e, { defaultValue: "QuickLogistics Pro" })] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Contact Email" }), /* @__PURE__ */ T(e, { defaultValue: "contact@quicklogistics.com" })] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Phone" }), /* @__PURE__ */ T(e, { defaultValue: "+1-555-QUICK" })] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Website" }), /* @__PURE__ */ T(e, { defaultValue: "https://quicklogistics.com" })] })
+								]
+							})
+						] }), /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(m, { children: /* @__PURE__ */ E(p, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(b, { size: 18 }), " Localization"]
+						}) }), /* @__PURE__ */ T(f, {
+							className: "space-y-4",
+							children: /* @__PURE__ */ E("div", {
+								className: "grid grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Timezone" }), /* @__PURE__ */ E(a, {
+										defaultValue: "pst",
+										children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(o, {}) }), /* @__PURE__ */ E(t, { children: [
+											/* @__PURE__ */ T(n, {
+												value: "pst",
+												children: "Pacific Time (PST)"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "est",
+												children: "Eastern Time (EST)"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "utc",
+												children: "UTC"
+											})
+										] })]
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Currency" }), /* @__PURE__ */ E(a, {
+										defaultValue: "usd",
+										children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(o, {}) }), /* @__PURE__ */ E(t, { children: [
+											/* @__PURE__ */ T(n, {
+												value: "usd",
+												children: "USD ($)"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "eur",
+												children: "EUR (€)"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "gbp",
+												children: "GBP (£)"
+											})
+										] })]
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Language" }), /* @__PURE__ */ E(a, {
+										defaultValue: "en",
+										children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(o, {}) }), /* @__PURE__ */ E(t, { children: [
+											/* @__PURE__ */ T(n, {
+												value: "en",
+												children: "English"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "es",
+												children: "Spanish"
+											}),
+											/* @__PURE__ */ T(n, {
+												value: "fr",
+												children: "French"
+											})
+										] })]
+									})] })
+								]
+							})
+						})] })]
+					}),
+					/* @__PURE__ */ T(l, {
+						value: "notifications",
+						className: "space-y-6",
+						children: /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(m, { children: /* @__PURE__ */ T(p, { children: "Email Notifications" }) }), /* @__PURE__ */ T(f, {
+							className: "space-y-4",
+							children: [
+								{
+									label: "Order updates",
+									desc: "Receive notifications for order status changes"
+								},
+								{
+									label: "Delivery alerts",
+									desc: "Get notified about delivery issues"
+								},
+								{
+									label: "System notifications",
+									desc: "Important system updates and maintenance"
+								},
+								{
+									label: "Weekly reports",
+									desc: "Receive weekly performance summary"
+								}
+							].map((e) => /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: e.label
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: e.desc
+								})] }), /* @__PURE__ */ T(s, { defaultChecked: !0 })]
+							}, e.label))
+						})] })
+					}),
+					/* @__PURE__ */ E(l, {
+						value: "security",
+						className: "space-y-6",
+						children: [/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(m, { children: /* @__PURE__ */ T(p, { children: "Password" }) }), /* @__PURE__ */ E(f, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Current Password" }), /* @__PURE__ */ T(e, { type: "password" })] }),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "New Password" }), /* @__PURE__ */ T(e, { type: "password" })] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(_, { children: "Confirm Password" }), /* @__PURE__ */ T(e, { type: "password" })] })]
+								}),
+								/* @__PURE__ */ T(y, { children: "Update Password" })
+							]
+						})] }), /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(m, { children: [/* @__PURE__ */ T(p, { children: "Two-Factor Authentication" }), /* @__PURE__ */ T(v, { children: "Add an extra layer of security" })] }), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ E("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ T("div", { children: /* @__PURE__ */ E("p", { children: ["Status: ", /* @__PURE__ */ T("span", {
+								className: "text-red-500 font-medium",
+								children: "Disabled"
+							})] }) }), /* @__PURE__ */ T(y, {
+								variant: "outline",
+								children: "Enable 2FA"
+							})]
+						}) })] })]
+					}),
+					/* @__PURE__ */ E(l, {
+						value: "integrations",
+						className: "space-y-6",
+						children: [/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(m, { children: [/* @__PURE__ */ T(p, { children: "API Keys" }), /* @__PURE__ */ T(v, { children: "Manage your API access" })] }), /* @__PURE__ */ E(f, {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ E("div", {
+								className: "p-4 bg-bg-sunken rounded-lg",
+								children: [/* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: "Production API Key"
+								}), /* @__PURE__ */ T("code", {
+									className: "text-sm",
+									children: "pk_live_••••••••••••••••"
+								})]
+							}), /* @__PURE__ */ T(y, {
+								variant: "outline",
+								children: "Generate New Key"
+							})]
+						})] }), /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(m, { children: /* @__PURE__ */ T(p, { children: "Connected Services" }) }), /* @__PURE__ */ T(f, {
+							className: "space-y-3",
+							children: [
+								{
+									name: "Google Maps",
+									status: "Connected"
+								},
+								{
+									name: "Stripe",
+									status: "Connected"
+								},
+								{
+									name: "Twilio",
+									status: "Not Connected"
+								}
+							].map((e) => /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ T("span", { children: e.name }), /* @__PURE__ */ T(y, {
+									variant: e.status === "Connected" ? "outline" : "default",
+									size: "sm",
+									children: e.status === "Connected" ? "Manage" : "Connect"
+								})]
+							}, e.name))
+						})] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ E(y, { children: [/* @__PURE__ */ T(S, { size: 16 }), " Save Changes"] })
+			})
+		]
+	});
+}
+//#endregion
+export { N as default };

package/dist/{StatusBadge-C--7NhoW.js → StatusBadge-CijYQXtb.js}

@@ -1,4 +1,4 @@
-import { l as e, rt as t } from "./PageLayout-xDTiBTDS.js";
+import { l as e, rt as t } from "./PageLayout-D3N8MCTm.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/movethewheels/constants/index.ts
 var i = {
@@ -116,7 +116,10 @@ function c({ status: c, type: l = "custom", customColors: u, size: d = "md", sho
 	return /* @__PURE__ */ r(e, {
 		variant: "outline",
 		className: t("font-medium capitalize border-0 whitespace-nowrap inline-flex items-center", m.bg, m.text, s[d], p),
-		children: [f && /* @__PURE__ */ n("span", { className: t("w-1.5 h-1.5 rounded-full mr-1.5 flex-shrink-0", m.text.replace("text-", "bg-")) }), h]
+		children: [f && /* @__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", m.text.replace("text-", "bg-"))
+		}), h]
 	});
 }
 function l({ priority: r, size: i = "md", className: a }) {