@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/MarketplacePage.js

@@ -12,14 +12,14 @@ import { Star as u } from "../node_modules/lucide-react/dist/esm/icons/star.js";
 import { Store as d } from "../node_modules/lucide-react/dist/esm/icons/store.js";
 import { Trash2 as f } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
 import { Truck as p } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Badge as m, Button as h, Card as g, CardContent as _, Input as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Skeleton as w } from "../components/ui.js";
-import { PageLayout as ee } from "../components/PageLayout.js";
-import { MetricCard as T, MetricGrid as te } from "../components/MetricCard.js";
+import { formatCurrency as m } from "../utils/formatters.js";
+import { Badge as h, Button as g, Card as _, CardContent as v, Input as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as ee, Skeleton as w } from "../components/ui.js";
+import { PageLayout as te } from "../components/PageLayout.js";
+import { MetricCard as T, MetricGrid as ne } from "../components/MetricCard.js";
 import { FormError as E } from "../components/FormError.js";
-import { Notice as ne, useNotice as re } from "../components/Notice.js";
-import { formatCurrency as D } from "../utils/formatters.js";
-import { useDebouncedValue as ie } from "../hooks/useDebouncedValue.js";
-import { PROVIDER_TYPES as ae, humanizeEnum as O, useMarketplaceActions as oe, useMarketplaceStats as se, useProviderOfferings as k, useServiceProviders as ce, useShipmentOptions as A } from "../hooks/useMarketplace.js";
+import { Notice as re, useNotice as ie } from "../components/Notice.js";
+import { useDebouncedValue as ae } from "../hooks/useDebouncedValue.js";
+import { PROVIDER_TYPES as oe, humanizeEnum as D, useMarketplaceActions as se, useMarketplaceStats as O, useProviderOfferings as k, useServiceProviders as ce, useShipmentOptions as A } from "../hooks/useMarketplace.js";
 import { AssignShipmentDialog as le, OfferingDialog as ue, ProviderDialog as de } from "../components/marketplace/MarketplaceDialogs.js";
 import { useState as j } from "react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
@@ -52,7 +52,7 @@ function L({ provider: e, refreshKey: t, onAdd: n, onEdit: r, onDelete: i }) {
 							" shipment",
 							u === 1 ? "" : "s"
 						]
-					}), /* @__PURE__ */ N(h, {
+					}), /* @__PURE__ */ N(g, {
 						size: "sm",
 						variant: "outline",
 						onClick: n,
@@ -83,7 +83,7 @@ function L({ provider: e, refreshKey: t, onAdd: n, onEdit: r, onDelete: i }) {
 							}),
 							/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary",
-								children: [O(e.category), e.transitDays == null ? "" : ` · ${e.transitDays} day transit`]
+								children: [D(e.category), e.transitDays == null ? "" : ` · ${e.transitDays} day transit`]
 							}),
 							e.description ? /* @__PURE__ */ M("p", {
 								className: "mt-1 text-xs text-text-secondary",
@@ -95,20 +95,20 @@ function L({ provider: e, refreshKey: t, onAdd: n, onEdit: r, onDelete: i }) {
 						children: [
 							/* @__PURE__ */ M("span", {
 								className: "text-sm font-medium",
-								children: e.price == null ? "Price on request" : `${D(e.price, e.currency)}${e.pricingUnit ? ` / ${e.pricingUnit}` : ""}`
+								children: e.price == null ? "Price on request" : `${m(e.price, e.currency)}${e.pricingUnit ? ` / ${e.pricingUnit}` : ""}`
 							}),
-							/* @__PURE__ */ M(m, {
+							/* @__PURE__ */ M(h, {
 								variant: I(e.availability),
-								children: O(e.availability)
+								children: D(e.availability)
 							}),
-							/* @__PURE__ */ M(h, {
+							/* @__PURE__ */ M(g, {
 								size: "icon",
 								variant: "ghost",
 								"aria-label": `Edit ${e.name}`,
 								onClick: () => r(e),
 								children: /* @__PURE__ */ M(o, { size: 14 })
 							}),
-							/* @__PURE__ */ M(h, {
+							/* @__PURE__ */ M(g, {
 								size: "icon",
 								variant: "ghost",
 								"aria-label": `Remove ${e.name}`,
@@ -122,10 +122,10 @@ function L({ provider: e, refreshKey: t, onAdd: n, onEdit: r, onDelete: i }) {
 		]
 	});
 }
-function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, onDelete: y, onAssign: b, onAddOffering: x, onEditOffering: S, onDeleteOffering: C }) {
-	return /* @__PURE__ */ M(g, {
+function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: m, onDelete: y, onAssign: b, onAddOffering: x, onEditOffering: S, onDeleteOffering: C }) {
+	return /* @__PURE__ */ M(_, {
 		"data-testid": "mtw-provider-card",
-		children: /* @__PURE__ */ N(_, {
+		children: /* @__PURE__ */ N(v, {
 			className: "p-5",
 			children: [
 				/* @__PURE__ */ N("div", {
@@ -140,15 +140,15 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 										className: "text-base font-semibold",
 										children: a.name
 									}),
-									a.isVerified ? /* @__PURE__ */ N(m, {
+									a.isVerified ? /* @__PURE__ */ N(h, {
 										variant: "default",
 										className: "gap-1",
 										children: [/* @__PURE__ */ M(e, { size: 12 }), "Verified"]
-									}) : /* @__PURE__ */ M(m, {
+									}) : /* @__PURE__ */ M(h, {
 										variant: "outline",
 										children: "Unverified"
 									}),
-									a.isActive ? null : /* @__PURE__ */ M(m, {
+									a.isActive ? null : /* @__PURE__ */ M(h, {
 										variant: "secondary",
 										children: "Inactive"
 									})
@@ -156,7 +156,7 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 							}),
 							/* @__PURE__ */ N("p", {
 								className: "text-sm text-text-secondary",
-								children: [O(a.type), a.rating == null ? null : /* @__PURE__ */ N("span", {
+								children: [D(a.type), a.rating == null ? null : /* @__PURE__ */ N("span", {
 									className: "ml-2 inline-flex items-center gap-1",
 									children: [/* @__PURE__ */ M(u, {
 										size: 13,
@@ -172,7 +172,7 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 					}), /* @__PURE__ */ N("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ N(h, {
+							/* @__PURE__ */ N(g, {
 								size: "sm",
 								onClick: b,
 								children: [/* @__PURE__ */ M(p, {
@@ -180,14 +180,14 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 									className: "mr-1"
 								}), "Assign to shipment"]
 							}),
-							/* @__PURE__ */ M(h, {
+							/* @__PURE__ */ M(g, {
 								size: "icon",
 								variant: "ghost",
 								"aria-label": `Edit ${a.name}`,
-								onClick: v,
+								onClick: m,
 								children: /* @__PURE__ */ M(o, { size: 16 })
 							}),
-							/* @__PURE__ */ M(h, {
+							/* @__PURE__ */ M(g, {
 								size: "icon",
 								variant: "ghost",
 								"aria-label": `Remove ${a.name}`,
@@ -216,7 +216,7 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 				}),
 				a.services.length > 0 ? /* @__PURE__ */ M("div", {
 					className: "mt-3 flex flex-wrap gap-1.5",
-					children: a.services.map((e) => /* @__PURE__ */ M(m, {
+					children: a.services.map((e) => /* @__PURE__ */ M(h, {
 						variant: "secondary",
 						children: e
 					}, e))
@@ -245,7 +245,7 @@ function me({ provider: a, expanded: c, refreshKey: l, onToggle: d, onEdit: v, o
 	});
 }
 function R() {
-	let t = oe(), { message: n, notify: r } = re(), [i, o] = j(null), [s, f] = j(""), p = ie(s), [m, D] = j(F), [k, A] = j(!1), [I, L] = j(0), [R, he] = j(0), [ge, z] = j(null), [B, V] = j({
+	let t = se(), { message: n, notify: r } = ie(), [i, o] = j(null), [s, f] = j(""), p = ae(s), [m, h] = j(F), [k, A] = j(!1), [I, L] = j(0), [R, he] = j(0), [ge, z] = j(null), [B, V] = j({
 		open: !1,
 		provider: null
 	}), [H, U] = j({
@@ -263,7 +263,7 @@ function R() {
 		},
 		limit: P,
 		offset: I * P
-	}), Y = se(R), X = Math.max(1, Math.ceil(q / P)), Z = () => {
+	}), Y = O(R), X = Math.max(1, Math.ceil(q / P)), Z = () => {
 		he((e) => e + 1), ve();
 	}, Q = (e) => {
 		o(null), r(e), Z();
@@ -280,7 +280,7 @@ function R() {
 			o(e instanceof Error ? e.message : "Could not remove the offering.");
 		}
 	}, $ = !!p.trim() || m !== F || k;
-	return /* @__PURE__ */ N(ee, {
+	return /* @__PURE__ */ N(te, {
 		title: "Marketplace",
 		subtitle: Y ? `${Y.providers} service providers` : "Service providers",
 		icon: /* @__PURE__ */ M(d, { size: 24 }),
@@ -304,9 +304,9 @@ function R() {
 				icon: /* @__PURE__ */ M(d, { size: 18 }),
 				children: "Your directory of vetted carriers, 3PLs, warehouses and specialists. When you are short of capacity, find a provider here and make it a shipment's carrier instead of buying assets."
 			}),
-			/* @__PURE__ */ M(ne, { message: n }),
+			/* @__PURE__ */ M(re, { message: n }),
 			/* @__PURE__ */ M(E, { message: i }),
-			/* @__PURE__ */ N(te, {
+			/* @__PURE__ */ N(ne, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ M(T, {
@@ -338,7 +338,7 @@ function R() {
 			/* @__PURE__ */ N("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center",
 				children: [
-					/* @__PURE__ */ M(v, {
+					/* @__PURE__ */ M(y, {
 						"aria-label": "Search providers",
 						placeholder: "Search by name, service or area…",
 						value: s,
@@ -347,24 +347,24 @@ function R() {
 						},
 						className: "sm:max-w-sm"
 					}),
-					/* @__PURE__ */ N(y, {
+					/* @__PURE__ */ N(b, {
 						value: m,
 						onValueChange: (e) => {
-							D(e), L(0);
+							h(e), L(0);
 						},
-						children: [/* @__PURE__ */ M(S, {
+						children: [/* @__PURE__ */ M(C, {
 							"aria-label": "Provider type",
 							className: "sm:w-56",
-							children: /* @__PURE__ */ M(C, {})
-						}), /* @__PURE__ */ N(b, { children: [/* @__PURE__ */ M(x, {
+							children: /* @__PURE__ */ M(ee, {})
+						}), /* @__PURE__ */ N(x, { children: [/* @__PURE__ */ M(S, {
 							value: F,
 							children: "All provider types"
-						}), ae.map((e) => /* @__PURE__ */ M(x, {
+						}), oe.map((e) => /* @__PURE__ */ M(S, {
 							value: e,
-							children: O(e)
+							children: D(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ N(h, {
+					/* @__PURE__ */ N(g, {
 						variant: k ? "default" : "outline",
 						onClick: () => {
 							A((e) => !e), L(0);
@@ -381,7 +381,7 @@ function R() {
 			_e && K.length === 0 ? /* @__PURE__ */ N("div", {
 				className: "grid gap-4",
 				children: [/* @__PURE__ */ M(w, { className: "h-32 w-full" }), /* @__PURE__ */ M(w, { className: "h-32 w-full" })]
-			}) : K.length === 0 && !J ? /* @__PURE__ */ M(g, { children: /* @__PURE__ */ N(_, {
+			}) : K.length === 0 && !J ? /* @__PURE__ */ M(_, { children: /* @__PURE__ */ N(v, {
 				className: "flex flex-col items-center gap-3 p-10 text-center",
 				children: [
 					/* @__PURE__ */ M(d, {
@@ -396,7 +396,7 @@ function R() {
 						className: "max-w-md text-sm text-text-secondary",
 						children: $ ? "Try a different search or clear the filters." : "Add the carriers, 3PLs and warehouses you work with so your team can find capacity in one place."
 					}),
-					$ ? null : /* @__PURE__ */ N(h, {
+					$ ? null : /* @__PURE__ */ N(g, {
 						onClick: () => V({
 							open: !0,
 							provider: null
@@ -451,13 +451,13 @@ function R() {
 					]
 				}), /* @__PURE__ */ N("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ M(h, {
+					children: [/* @__PURE__ */ M(g, {
 						variant: "outline",
 						size: "sm",
 						disabled: I === 0,
 						onClick: () => L((e) => e - 1),
 						children: "Previous"
-					}), /* @__PURE__ */ M(h, {
+					}), /* @__PURE__ */ M(g, {
 						variant: "outline",
 						size: "sm",
 						disabled: I + 1 >= X,