@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.4

package/dist/MarketplacePage-Bh_2ns4v.js

@@ -0,0 +1,426 @@
+import { A as e, B as t, F as n, I as r, L as i, P as a, R as o, d as s, f as c, g as ee, h as l, i as te, it as u, l as d, lt as f, ot as ne, u as p } from "./PageLayout-D4LDHJJq.js";
+import { t as re } from "./chevron-left-B2_r0Elx.js";
+import { t as ie } from "./chevron-right-eV4LjaSi.js";
+import { t as ae } from "./clock-Bl3ptexL.js";
+import { t as m } from "./filter-DUfUg6BO.js";
+import { t as oe } from "./map-pin-Dznl5l40.js";
+import { t as se } from "./search-D_VyGcZT.js";
+import { t as ce } from "./star-BpRlUZuU.js";
+import { t as h } from "./store-B-8HMuyZ.js";
+import { n as g } from "./formatters-BQr-aR5W.js";
+import { useCallback as _, useEffect as le, useMemo as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as ue, IllustratedEmptyState as C, PagePurpose as de } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var w = f("ChevronDown", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), fe = f("ChevronUp", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), pe = "\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", me = "\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", T = 12, he = [
+	{
+		value: "0",
+		label: "Any rating"
+	},
+	{
+		value: "3",
+		label: "3.0+"
+	},
+	{
+		value: "4",
+		label: "4.0+"
+	},
+	{
+		value: "4.5",
+		label: "4.5+"
+	}
+];
+function E() {
+	let { apiGatewayUrl: f, authToken: E, workspaceToken: D, workspaceId: O, tenantId: k, currentUser: A } = ne(), [j, ge] = y([]), [M, _e] = y([]), [N, P] = y(""), [F, I] = y(!1), [L, R] = y(null), [z, B] = y(0), [ve, ye] = y(!1), [V, be] = y(!1), [H, U] = y("all"), [W, G] = y(!1), [K, q] = y("0"), [xe, J] = y(null), Y = v(() => ({
+		apiGatewayUrl: f,
+		authToken: E,
+		workspaceToken: D,
+		workspaceId: O,
+		tenantId: k,
+		actorId: A?.id
+	}), [
+		f,
+		E,
+		D,
+		O,
+		k,
+		A?.id
+	]), X = _(async () => {
+		I(!0), R(null);
+		try {
+			let [e, t] = await Promise.all([u(Y, pe, { pagination: {
+				limit: T,
+				offset: z * T
+			} }), u(Y, me, { pagination: {
+				limit: 200,
+				offset: 0
+			} })]);
+			ge(e.serviceProviders), ye(e.serviceProviders.length === T), _e(t.serviceOfferings);
+		} catch (e) {
+			R(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load marketplace"));
+		} finally {
+			I(!1);
+		}
+	}, [Y, z]);
+	le(() => {
+		X();
+	}, [X]);
+	let Se = v(() => {
+		let e = /* @__PURE__ */ new Set();
+		return j.forEach((t) => e.add(t.type)), Array.from(e).sort();
+	}, [j]), Z = v(() => {
+		let e = N.trim().toLowerCase(), t = Number(K);
+		return j.filter((n) => !(e && !(n.name.toLowerCase().includes(e) || (n.description ?? "").toLowerCase().includes(e) || n.type.toLowerCase().includes(e)) || H !== "all" && n.type !== H || W && !n.isVerified || t > 0 && (n.rating ?? 0) < t));
+	}, [
+		j,
+		N,
+		H,
+		W,
+		K
+	]), Q = v(() => {
+		let e = N.trim().toLowerCase();
+		return e ? M.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || (t.category ?? "").toLowerCase().includes(e)) : M;
+	}, [M, N]), Ce = _((e) => M.filter((t) => t.providerId === e), [M]), $ = H !== "all" || W || K !== "0";
+	return /* @__PURE__ */ S(te, {
+		title: "Marketplace",
+		subtitle: "Find logistics service providers",
+		icon: /* @__PURE__ */ x(h, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(p, {
+			variant: V || $ ? "default" : "outline",
+			onClick: () => be((e) => !e),
+			children: [/* @__PURE__ */ x(m, { size: 16 }), " Filters"]
+		}),
+		children: [
+			/* @__PURE__ */ x(de, {
+				icon: /* @__PURE__ */ x(h, { size: 18 }),
+				children: "Don't own every leg of the journey? Find vetted third-party logistics providers and service offerings here — compare ratings, verification status and pricing, then engage a partner to cover routes, warehousing or specialised handling you can't do in-house."
+			}),
+			/* @__PURE__ */ x(s, { children: /* @__PURE__ */ S(c, {
+				className: "p-4 space-y-4",
+				children: [/* @__PURE__ */ S("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ x(se, {
+						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
+						size: 20
+					}), /* @__PURE__ */ x(e, {
+						placeholder: "Search services, providers, locations...",
+						className: "pl-10",
+						value: N,
+						onChange: (e) => P(e.target.value)
+					})]
+				}), V && /* @__PURE__ */ S("div", {
+					className: "flex flex-wrap items-center gap-3 border-t border-border-seam pt-4",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ x("span", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Type"
+							}), /* @__PURE__ */ S(a, {
+								value: H,
+								onValueChange: U,
+								children: [/* @__PURE__ */ x(i, {
+									className: "w-[160px]",
+									children: /* @__PURE__ */ x(o, { placeholder: "All types" })
+								}), /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ x(r, {
+									value: "all",
+									children: "All types"
+								}), Se.map((e) => /* @__PURE__ */ x(r, {
+									value: e,
+									children: e
+								}, e))] })]
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ x("span", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Min rating"
+							}), /* @__PURE__ */ S(a, {
+								value: K,
+								onValueChange: q,
+								children: [/* @__PURE__ */ x(i, {
+									className: "w-[130px]",
+									children: /* @__PURE__ */ x(o, {})
+								}), /* @__PURE__ */ x(n, { children: he.map((e) => /* @__PURE__ */ x(r, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
+							})]
+						}),
+						/* @__PURE__ */ x(p, {
+							variant: W ? "default" : "outline",
+							size: "sm",
+							onClick: () => G((e) => !e),
+							children: "Verified only"
+						}),
+						$ && /* @__PURE__ */ x(p, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => {
+								U("all"), G(!1), q("0");
+							},
+							children: "Clear filters"
+						})
+					]
+				})]
+			}) }),
+			/* @__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,
+								")"
+							]
+						}),
+						L && !F && /* @__PURE__ */ x(s, {
+							className: "border-status-error-border",
+							children: /* @__PURE__ */ S(c, {
+								className: "p-6 text-center space-y-3",
+								children: [
+									/* @__PURE__ */ x("p", {
+										className: "text-status-error-text font-medium",
+										children: "Couldn't load providers"
+									}),
+									/* @__PURE__ */ x("p", {
+										className: "text-sm text-text-secondary",
+										children: L.message
+									}),
+									/* @__PURE__ */ x(p, {
+										variant: "outline",
+										onClick: () => void X(),
+										children: "Retry"
+									})
+								]
+							})
+						}),
+						F && Array.from({ length: 3 }).map((e, n) => /* @__PURE__ */ x(t, { className: "h-32 w-full rounded-lg" }, n)),
+						!F && !L && Z.length === 0 && /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x(c, {
+							className: "p-0",
+							children: /* @__PURE__ */ x(C, {
+								illustration: N.trim() || $ ? "empty-search" : "empty-people",
+								title: N.trim() || $ ? "No providers match your filters" : "No providers yet",
+								description: N.trim() || $ ? "Adjust your search or filters to find logistics partners." : "Verified logistics service providers will appear here as they join the marketplace."
+							})
+						}) }),
+						!F && !L && Z.map((e) => {
+							let t = xe === e.id, n = Ce(e.id);
+							return /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x("button", {
+								type: "button",
+								"aria-expanded": t,
+								className: "w-full text-left",
+								onClick: () => J(t ? null : e.id),
+								children: /* @__PURE__ */ x(c, {
+									className: "p-6",
+									children: /* @__PURE__ */ S("div", {
+										className: "flex items-start justify-between gap-3",
+										children: [/* @__PURE__ */ S("div", {
+											className: "min-w-0",
+											children: [
+												/* @__PURE__ */ S("div", {
+													className: "flex items-center gap-2 flex-wrap",
+													children: [
+														/* @__PURE__ */ x("h4", {
+															className: "font-semibold text-lg",
+															children: e.name
+														}),
+														e.isVerified && /* @__PURE__ */ x(d, {
+															variant: "default",
+															children: "Verified"
+														}),
+														/* @__PURE__ */ x(d, {
+															variant: e.isActive ? "default" : "secondary",
+															children: e.isActive ? "active" : "inactive"
+														})
+													]
+												}),
+												/* @__PURE__ */ x("p", {
+													className: "text-text-secondary mt-1",
+													children: e.description
+												}),
+												/* @__PURE__ */ S("div", {
+													className: "flex items-center gap-4 mt-3 text-sm text-text-secondary",
+													children: [
+														/* @__PURE__ */ S("span", {
+															className: "flex items-center gap-1",
+															children: [
+																/* @__PURE__ */ x(ce, {
+																	size: 14,
+																	className: "text-status-warning-text fill-current"
+																}),
+																" ",
+																e.rating ?? 0
+															]
+														}),
+														/* @__PURE__ */ S("span", {
+															className: "flex items-center gap-1",
+															children: [
+																/* @__PURE__ */ x(oe, { size: 14 }),
+																" ",
+																e.type
+															]
+														}),
+														/* @__PURE__ */ S("span", {
+															className: "flex items-center gap-1",
+															children: [/* @__PURE__ */ x(ae, { size: 14 }), " Listed"]
+														})
+													]
+												})
+											]
+										}), /* @__PURE__ */ S("div", {
+											className: "text-right shrink-0",
+											children: [
+												/* @__PURE__ */ x("p", {
+													className: "text-sm text-text-secondary",
+													children: "Services"
+												}),
+												/* @__PURE__ */ x("p", {
+													className: "text-lg font-bold",
+													children: n.length
+												}),
+												/* @__PURE__ */ x("span", {
+													className: "mt-1 inline-flex items-center gap-1 text-xs text-primary",
+													children: t ? /* @__PURE__ */ S(b, { children: ["Hide ", /* @__PURE__ */ x(fe, { size: 14 })] }) : /* @__PURE__ */ S(b, { children: ["View ", /* @__PURE__ */ x(w, { size: 14 })] })
+												})
+											]
+										})]
+									})
+								})
+							}), t && /* @__PURE__ */ S("div", {
+								className: "border-t border-border-seam px-6 py-4 space-y-3",
+								children: [/* @__PURE__ */ S("p", {
+									className: "text-sm font-medium text-text-secondary",
+									children: ["Offerings from ", e.name]
+								}), n.length === 0 ? /* @__PURE__ */ x("p", {
+									className: "text-sm text-text-secondary",
+									children: "This provider hasn't listed any offerings yet."
+								}) : n.map((e) => /* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam p-3",
+									children: [/* @__PURE__ */ S("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ x("p", {
+											className: "font-medium truncate",
+											children: e.name
+										}), /* @__PURE__ */ x("p", {
+											className: "text-sm text-text-secondary truncate",
+											children: e.category ?? "general"
+										})]
+									}), /* @__PURE__ */ S("div", {
+										className: "text-right shrink-0",
+										children: [/* @__PURE__ */ x("p", {
+											className: "font-bold",
+											children: g(e.price)
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xs text-text-secondary",
+											children: e.currency
+										})]
+									})]
+								}, e.id))]
+							})] }, e.id);
+						}),
+						!F && !L && (j.length > 0 || z > 0) && /* @__PURE__ */ S("div", {
+							className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+							children: [/* @__PURE__ */ S("span", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Showing ",
+									j.length === 0 ? 0 : z * T + 1,
+									" to",
+									" ",
+									z * T + j.length
+								]
+							}), /* @__PURE__ */ S("div", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ x(p, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Previous page",
+										onClick: () => {
+											J(null), B((e) => Math.max(0, e - 1));
+										},
+										disabled: z === 0,
+										children: /* @__PURE__ */ x(re, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ S("span", {
+										className: "px-3 text-sm",
+										children: ["Page ", z + 1]
+									}),
+									/* @__PURE__ */ x(p, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Next page",
+										onClick: () => {
+											J(null), B((e) => e + 1);
+										},
+										disabled: !ve,
+										children: /* @__PURE__ */ x(ie, { className: "h-4 w-4" })
+									})
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ S(ue, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ x("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Popular Services"
+						}),
+						Q.length === 0 && /* @__PURE__ */ x(C, {
+							illustration: N.trim() ? "empty-search" : "empty-generic",
+							title: N.trim() ? "No matching services" : "No services listed yet",
+							description: N.trim() ? "Adjust your search to discover service offerings." : "Service offerings from providers will be listed here."
+						}),
+						Q.map((e) => /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(ee, {
+							className: "text-base",
+							children: e.name
+						}) }), /* @__PURE__ */ S(c, { children: [
+							/* @__PURE__ */ x("p", {
+								className: "text-sm text-text-secondary mb-3",
+								children: e.description
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "flex flex-wrap gap-1 mb-3",
+								children: [/* @__PURE__ */ x(d, {
+									variant: "outline",
+									className: "text-xs",
+									children: e.category ?? "general"
+								}), /* @__PURE__ */ x(d, {
+									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-text-secondary",
+									children: e.currency
+								})]
+							})
+						] })] }, e.id))
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };

package/dist/Notice-CSoDYKw9.js

@@ -0,0 +1,46 @@
+import { lt as e } from "./PageLayout-D4LDHJJq.js";
+import { t } from "./circle-check-big-CGMSpQmD.js";
+import { useCallback as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/info.js
+var s = e("Info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/components/Notice.tsx
+function c({ message: e, variant: n = "success" }) {
+	if (!e) return null;
+	let r = n === "success";
+	return /* @__PURE__ */ o("div", {
+		role: "status",
+		className: `flex items-start gap-2 rounded-lg border px-4 py-3 text-sm ${r ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : "border-status-info-border bg-status-info-bg-subtle text-status-info-text"}`,
+		children: [a(r ? t : s, {
+			size: 18,
+			className: "mt-0.5 shrink-0"
+		}), /* @__PURE__ */ a("span", { children: e })]
+	});
+}
+function l(e = 4e3) {
+	let [t, a] = i(null), o = r(null);
+	return {
+		message: t,
+		notify: n((t) => {
+			a(t), o.current && clearTimeout(o.current), o.current = setTimeout(() => a(null), e);
+		}, [e])
+	};
+}
+//#endregion
+export { l as n, c as t };