@burdenoff/microfe-movethewheels 2026.510.105

package/dist/MarketplacePage-DjEqudfM.js

@@ -0,0 +1,192 @@
+import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-B7b0vl0R.js";
+import { t as c } from "./clock-CvwBKbQP.js";
+import { t as l } from "./filter-DyRMX9CU.js";
+import { t as u } from "./map-pin-CFBOmh-A.js";
+import { t as d } from "./search-5pdn5eOO.js";
+import { t as f } from "./star-BlVsC3Ad.js";
+import { t as p } from "./store-DTmQT5M0.js";
+import { r as m, t as h } from "./graphqlClient-CdJyR_ed.js";
+import { n as g } from "./formatters-_vJlC-47.js";
+import { useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/movethewheels/pages/MarketplacePage.tsx
+var C = "\n  query ListServiceProviders($filter: ServiceProviderFilterInput, $pagination: PaginationInput) {\n    serviceProviders(filter: $filter, pagination: $pagination) {\n      id\n      name\n      type\n      description\n      rating\n      isVerified\n      isActive\n      services\n      contactInfo\n    }\n  }\n", w = "\n  query ListServiceOfferings($filter: ServiceOfferingFilterInput, $pagination: PaginationInput) {\n    serviceOfferings(filter: $filter, pagination: $pagination) {\n      id\n      providerId\n      name\n      description\n      category\n      price\n      currency\n      availability\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n";
+function T() {
+	let { apiGatewayUrl: T, authToken: E, workspaceToken: D, workspaceId: O, tenantId: k, currentUser: A } = m(), [j, M] = b([]), [N, P] = b([]), [F, I] = b(""), L = y(() => ({
+		apiGatewayUrl: T,
+		authToken: E,
+		workspaceToken: D,
+		workspaceId: O,
+		tenantId: k,
+		actorId: A?.id
+	}), [
+		T,
+		E,
+		D,
+		O,
+		k,
+		A?.id
+	]), R = _(async () => {
+		let [e, t] = await Promise.all([h(L, C, { pagination: {
+			limit: 200,
+			offset: 0
+		} }), h(L, w, { pagination: {
+			limit: 200,
+			offset: 0
+		} })]);
+		M(e.serviceProviders), P(t.serviceOfferings);
+	}, [L]);
+	v(() => {
+		R();
+	}, [R]);
+	let z = y(() => {
+		let e = F.trim().toLowerCase();
+		return e ? j.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || t.type.toLowerCase().includes(e)) : j;
+	}, [j, F]), B = y(() => {
+		let e = F.trim().toLowerCase();
+		return e ? N.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || (t.category ?? "").toLowerCase().includes(e)) : N;
+	}, [N, F]);
+	return /* @__PURE__ */ S(a, {
+		title: "Marketplace",
+		subtitle: "Find logistics service providers",
+		icon: /* @__PURE__ */ x(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(s, {
+			variant: "outline",
+			children: [/* @__PURE__ */ x(l, { size: 16 }), " Filters"]
+		}),
+		children: [/* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(n, {
+			className: "p-4",
+			children: /* @__PURE__ */ S("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ x(d, {
+					className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+					size: 20
+				}), /* @__PURE__ */ x(e, {
+					placeholder: "Search services, providers, locations...",
+					className: "pl-10",
+					value: F,
+					onChange: (e) => I(e.target.value)
+				})]
+			})
+		}) }), /* @__PURE__ */ S("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ S("div", {
+				className: "lg:col-span-2 space-y-4",
+				children: [/* @__PURE__ */ S("h3", {
+					className: "font-semibold",
+					children: [
+						"Service Providers (",
+						z.length,
+						")"
+					]
+				}), z.map((e) => /* @__PURE__ */ x(t, {
+					className: "hover:shadow-md transition-shadow cursor-pointer",
+					children: /* @__PURE__ */ x(n, {
+						className: "p-6",
+						children: /* @__PURE__ */ S("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ S("div", { children: [
+								/* @__PURE__ */ S("div", {
+									className: "flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ x("h4", {
+											className: "font-semibold text-lg",
+											children: e.name
+										}),
+										e.isVerified && /* @__PURE__ */ x(o, {
+											variant: "default",
+											children: "Verified"
+										}),
+										/* @__PURE__ */ x(o, {
+											variant: e.isActive ? "default" : "secondary",
+											children: e.isActive ? "active" : "inactive"
+										})
+									]
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "text-muted-foreground mt-1",
+									children: e.description
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "flex items-center gap-4 mt-3 text-sm text-muted-foreground",
+									children: [
+										/* @__PURE__ */ S("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ x(f, {
+													size: 14,
+													className: "text-yellow-500 fill-yellow-500"
+												}),
+												" ",
+												e.rating ?? 0
+											]
+										}),
+										/* @__PURE__ */ S("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ x(u, { size: 14 }),
+												" ",
+												e.type
+											]
+										}),
+										/* @__PURE__ */ S("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ x(c, { size: 14 }), " Listed"]
+										})
+									]
+								})
+							] }), /* @__PURE__ */ S("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ x("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Services"
+								}), /* @__PURE__ */ x("p", {
+									className: "text-lg font-bold",
+									children: Array.isArray(e.services) ? e.services.length : 0
+								})]
+							})]
+						})
+					})
+				}, e.id))]
+			}), /* @__PURE__ */ S("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ x("h3", {
+					className: "font-semibold",
+					children: "Popular Services"
+				}), B.map((e) => /* @__PURE__ */ S(t, { children: [/* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(r, {
+					className: "text-base",
+					children: e.name
+				}) }), /* @__PURE__ */ S(n, { children: [
+					/* @__PURE__ */ x("p", {
+						className: "text-sm text-muted-foreground mb-3",
+						children: e.description
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "flex flex-wrap gap-1 mb-3",
+						children: [/* @__PURE__ */ x(o, {
+							variant: "outline",
+							className: "text-xs",
+							children: e.category ?? "general"
+						}), /* @__PURE__ */ x(o, {
+							variant: "outline",
+							className: "text-xs",
+							children: e.provider?.name ?? "provider"
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ x("span", {
+							className: "font-bold",
+							children: g(e.price)
+						}), /* @__PURE__ */ x("span", {
+							className: "text-sm text-muted-foreground",
+							children: e.currency
+						})]
+					})
+				] })] }, e.id))]
+			})]
+		})]
+	});
+}
+//#endregion
+export { T as default };

package/dist/MetricCard-GTbxAk1a.js

@@ -0,0 +1,135 @@
+import { d as e, f as t, rt as n } from "./PageLayout-B7b0vl0R.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/movethewheels/components/MetricCard.tsx
+var a = {
+	sm: {
+		card: "p-3",
+		value: "text-xl font-bold",
+		label: "text-xs",
+		icon: "w-8 h-8"
+	},
+	md: {
+		card: "p-4",
+		value: "text-2xl font-bold",
+		label: "text-sm",
+		icon: "w-10 h-10"
+	},
+	lg: {
+		card: "p-6",
+		value: "text-3xl font-bold",
+		label: "text-base",
+		icon: "w-12 h-12"
+	}
+};
+function o({ value: o, label: s, icon: c, change: l, changeType: u = "neutral", subtitle: d, trend: f, size: p = "md", onClick: m, className: h }) {
+	let g = a[p], _ = {
+		positive: "text-green-600 dark:text-green-400",
+		negative: "text-red-600 dark:text-red-400",
+		neutral: "text-muted-foreground"
+	}, v = {
+		up: /* @__PURE__ */ r("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ r("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 10l7-7m0 0l7 7m-7-7v18"
+			})
+		}),
+		down: /* @__PURE__ */ r("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ r("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 14l-7 7m0 0l-7-7m7 7V3"
+			})
+		}),
+		flat: /* @__PURE__ */ r("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ r("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 12h14"
+			})
+		})
+	};
+	return /* @__PURE__ */ r(e, {
+		className: n("overflow-hidden transition-all duration-200", m && "cursor-pointer hover:shadow-md hover:border-primary/30", h),
+		onClick: m,
+		children: /* @__PURE__ */ r(t, {
+			className: g.card,
+			children: /* @__PURE__ */ i("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ i("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ r("p", {
+							className: n("text-muted-foreground", g.label),
+							children: s
+						}),
+						/* @__PURE__ */ r("p", {
+							className: n("text-foreground tracking-tight", g.value),
+							children: typeof o == "number" ? o.toLocaleString() : o
+						}),
+						d && /* @__PURE__ */ r("p", {
+							className: "text-xs text-muted-foreground",
+							children: d
+						}),
+						l && /* @__PURE__ */ i("div", {
+							className: n("flex items-center gap-1 text-sm", _[u]),
+							children: [f && v[f], /* @__PURE__ */ r("span", { children: l })]
+						})
+					]
+				}), c && /* @__PURE__ */ r("div", {
+					className: n("flex-shrink-0 p-2 rounded-lg bg-primary/10 text-primary", g.icon),
+					children: c
+				})]
+			})
+		})
+	});
+}
+function s({ size: o = "md" }) {
+	let s = a[o];
+	return /* @__PURE__ */ r(e, {
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ r(t, {
+			className: s.card,
+			children: /* @__PURE__ */ i("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ i("div", {
+					className: "space-y-2 flex-1",
+					children: [
+						/* @__PURE__ */ r("div", { className: "h-4 w-24 bg-muted animate-pulse rounded" }),
+						/* @__PURE__ */ r("div", { className: "h-8 w-32 bg-muted animate-pulse rounded" }),
+						/* @__PURE__ */ r("div", { className: "h-3 w-20 bg-muted animate-pulse rounded" })
+					]
+				}), /* @__PURE__ */ r("div", { className: n("bg-muted animate-pulse rounded-lg", s.icon) })]
+			})
+		})
+	});
+}
+function c({ children: e, columns: t = 4, className: i }) {
+	return /* @__PURE__ */ r("div", {
+		className: n("grid gap-4", {
+			2: "grid-cols-1 sm:grid-cols-2",
+			3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+			4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+			5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
+			6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
+		}[t], i),
+		children: e
+	});
+}
+//#endregion
+export { s as n, c as r, o as t };