@burdenoff/microfe-movethewheels 2026.1026.3 → 2026.1030.1

package/dist/hooks/useMarketplace.js

@@ -0,0 +1,265 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { executeGraphQL as t } from "../utils/graphqlClient.js";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+//#region src/movethewheels/hooks/useMarketplace.ts
+var o = [
+	"CARRIER",
+	"FREIGHT_FORWARDER",
+	"THIRD_PARTY_LOGISTICS",
+	"WAREHOUSE",
+	"CUSTOMS_BROKER",
+	"LAST_MILE",
+	"COURIER",
+	"OTHER"
+], s = [
+	"FULL_TRUCKLOAD",
+	"LESS_THAN_TRUCKLOAD",
+	"LAST_MILE",
+	"EXPRESS",
+	"OCEAN_FREIGHT",
+	"AIR_FREIGHT",
+	"RAIL_FREIGHT",
+	"WAREHOUSING",
+	"CUSTOMS_CLEARANCE",
+	"COLD_CHAIN",
+	"OTHER"
+], c = [
+	"AVAILABLE",
+	"LIMITED",
+	"UNAVAILABLE"
+];
+function l(e) {
+	let t = e.toLowerCase().split("_").join(" ");
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+var u = "\n  id\n  name\n  type\n  description\n  rating\n  contactInfo\n  services\n  serviceAreas\n  isVerified\n  isActive\n  offeringsCount\n  createdAt\n", d = "\n  id\n  providerId\n  name\n  description\n  category\n  price\n  currency\n  pricingUnit\n  transitDays\n  availability\n  isActive\n", f = `
+  query ListMtwServiceProviders($filter: MtwServiceProviderFilterInput, $pagination: PaginationInput) {
+    serviceProviders(filter: $filter, pagination: $pagination) {
+      ${u}
+    }
+    serviceProvidersCount(filter: $filter)
+  }
+`, p = "\n  query MtwMarketplaceStats {\n    marketplaceStats {\n      providers\n      verifiedProviders\n      activeProviders\n      offerings\n      avgRating\n    }\n  }\n", m = `
+  query ListMtwServiceOfferings($filter: MtwServiceOfferingFilterInput, $pagination: PaginationInput) {
+    serviceOfferings(filter: $filter, pagination: $pagination) {
+      ${d}
+    }
+  }
+`, h = "\n  query MtwProviderShipments($filter: ShipmentFilterInput, $pagination: PaginationInput) {\n    shipments(filter: $filter, pagination: $pagination) {\n      id\n      shipmentNumber\n      status\n    }\n    shipmentsCount(filter: $filter)\n  }\n", g = `
+  mutation CreateMtwServiceProvider($input: MtwCreateServiceProviderInput!) {
+    createServiceProvider(input: $input) {
+      ${u}
+    }
+  }
+`, _ = `
+  mutation UpdateMtwServiceProvider($id: ID!, $input: MtwUpdateServiceProviderInput!) {
+    updateServiceProvider(id: $id, input: $input) {
+      ${u}
+    }
+  }
+`, v = "\n  mutation DeleteMtwServiceProvider($id: ID!) {\n    deleteServiceProvider(id: $id)\n  }\n", y = `
+  mutation CreateMtwServiceOffering($input: MtwCreateServiceOfferingInput!) {
+    createServiceOffering(input: $input) {
+      ${d}
+    }
+  }
+`, b = `
+  mutation UpdateMtwServiceOffering($id: ID!, $input: MtwUpdateServiceOfferingInput!) {
+    updateServiceOffering(id: $id, input: $input) {
+      ${d}
+    }
+  }
+`, x = "\n  mutation DeleteMtwServiceOffering($id: ID!) {\n    deleteServiceOffering(id: $id)\n  }\n", S = "\n  mutation AssignMtwShipmentServiceProvider($shipmentId: ID!, $providerId: ID) {\n    assignShipmentServiceProvider(shipmentId: $shipmentId, providerId: $providerId) {\n      id\n      shipmentNumber\n      carrierId\n    }\n  }\n";
+function C(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) return {};
+	let t = e, n = (e) => typeof t[e] == "string" && t[e].trim() ? t[e] : void 0;
+	return {
+		contactName: n("contactName"),
+		email: n("email"),
+		phone: n("phone"),
+		website: n("website")
+	};
+}
+function w(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		type: e.type,
+		description: e.description ?? null,
+		rating: e.rating ?? null,
+		contact: C(e.contactInfo),
+		services: e.services,
+		serviceAreas: e.serviceAreas,
+		isVerified: e.isVerified,
+		isActive: e.isActive,
+		offeringsCount: e.offeringsCount,
+		createdAt: e.createdAt
+	};
+}
+function T() {
+	let { apiGatewayUrl: t, authToken: n, workspaceToken: r, workspaceId: a, tenantId: o, currentUser: s } = e();
+	return i(() => ({
+		apiGatewayUrl: t,
+		authToken: n,
+		workspaceToken: r,
+		workspaceId: a,
+		tenantId: o,
+		actorId: s?.id
+	}), [
+		t,
+		n,
+		r,
+		a,
+		o,
+		s?.id
+	]);
+}
+function E(e, t) {
+	return e instanceof Error ? e : Error(t);
+}
+function D(e) {
+	let i = T(), { limit: o, offset: s } = e, { search: c, type: l, isVerified: u } = e.filters, [d, p] = a([]), [m, h] = a(0), [g, _] = a(!1), [v, y] = a(null), b = n(async () => {
+		_(!0), y(null);
+		try {
+			let e = await t(i, f, {
+				filter: {
+					search: c?.trim() || void 0,
+					type: l,
+					isVerified: u
+				},
+				pagination: {
+					limit: o,
+					offset: s
+				}
+			});
+			p(e.serviceProviders.map(w)), h(e.serviceProvidersCount);
+		} catch (e) {
+			y(E(e, "Failed to load service providers"));
+		} finally {
+			_(!1);
+		}
+	}, [
+		i,
+		c,
+		l,
+		u,
+		o,
+		s
+	]);
+	return r(() => {
+		b();
+	}, [b]), {
+		providers: d,
+		total: m,
+		isLoading: g,
+		error: v,
+		refetch: b
+	};
+}
+function O(e) {
+	let n = T(), [i, o] = a(null);
+	return r(() => {
+		let e = !1;
+		return t(n, p).then((t) => {
+			e || o(t.marketplaceStats);
+		}).catch(() => {
+			e || o(null);
+		}), () => {
+			e = !0;
+		};
+	}, [n, e]), i;
+}
+function k(e, n) {
+	let i = T(), [o, s] = a([]), [c, l] = a(!1), [u, d] = a(null);
+	return r(() => {
+		if (!e) {
+			s([]);
+			return;
+		}
+		let n = !1;
+		return l(!0), d(null), t(i, m, {
+			filter: { providerId: e },
+			pagination: {
+				limit: 100,
+				offset: 0
+			}
+		}).then((e) => {
+			n || s(e.serviceOfferings);
+		}).catch((e) => {
+			n || d(E(e, "Failed to load offerings"));
+		}).finally(() => {
+			n || l(!1);
+		}), () => {
+			n = !0;
+		};
+	}, [
+		i,
+		e,
+		n
+	]), {
+		offerings: o,
+		isLoading: c,
+		error: u
+	};
+}
+function A(e) {
+	let i = T(), { search: o, carrierId: s, limit: c } = e, [l, u] = a([]), [d, f] = a(0), [p, m] = a(!1), g = n(async () => {
+		m(!0);
+		try {
+			let e = await t(i, h, {
+				filter: {
+					search: o?.trim() || void 0,
+					carrierId: s
+				},
+				pagination: {
+					limit: c,
+					offset: 0
+				}
+			});
+			u(e.shipments), f(e.shipmentsCount);
+		} catch {
+			u([]), f(0);
+		} finally {
+			m(!1);
+		}
+	}, [
+		i,
+		o,
+		s,
+		c
+	]);
+	return r(() => {
+		g();
+	}, [g]), {
+		shipments: l,
+		total: d,
+		isLoading: p,
+		refetch: g
+	};
+}
+function j() {
+	let e = T();
+	return i(() => ({
+		createProvider: async (n) => w((await t(e, g, { input: n })).createServiceProvider),
+		updateProvider: async (n, r) => w((await t(e, _, {
+			id: n,
+			input: r
+		})).updateServiceProvider),
+		deleteProvider: async (n) => (await t(e, v, { id: n })).deleteServiceProvider,
+		createOffering: async (n, r) => (await t(e, y, { input: {
+			...r,
+			providerId: n
+		} })).createServiceOffering,
+		updateOffering: async (n, r) => (await t(e, b, {
+			id: n,
+			input: r
+		})).updateServiceOffering,
+		deleteOffering: async (n) => (await t(e, x, { id: n })).deleteServiceOffering,
+		assignShipment: async (n, r) => (await t(e, S, {
+			shipmentId: n,
+			providerId: r
+		})).assignShipmentServiceProvider
+	}), [e]);
+}
+//#endregion
+export { c as AVAILABILITIES, s as OFFERING_CATEGORIES, o as PROVIDER_TYPES, l as humanizeEnum, j as useMarketplaceActions, O as useMarketplaceStats, k as useProviderOfferings, D as useServiceProviders, A as useShipmentOptions };

package/dist/movethewheels/components/marketplace/MarketplaceDialogs.d.ts

@@ -0,0 +1,18 @@
+import { ServiceOffering, ServiceProvider } from '../../hooks/useMarketplace';
+interface DialogBaseProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Called after a successful write with a short human-readable summary. */
+    onDone: (message: string) => void;
+}
+export declare function ProviderDialog({ open, onOpenChange, onDone, provider, }: DialogBaseProps & {
+    provider: ServiceProvider | null;
+}): import('react').JSX.Element;
+export declare function OfferingDialog({ open, onOpenChange, onDone, provider, offering, }: DialogBaseProps & {
+    provider: ServiceProvider | null;
+    offering: ServiceOffering | null;
+}): import('react').JSX.Element;
+export declare function AssignShipmentDialog({ open, onOpenChange, onDone, provider, }: DialogBaseProps & {
+    provider: ServiceProvider | null;
+}): import('react').JSX.Element;
+export {};

package/dist/movethewheels/hooks/useMarketplace.d.ts

@@ -0,0 +1,121 @@
+export declare const PROVIDER_TYPES: readonly ["CARRIER", "FREIGHT_FORWARDER", "THIRD_PARTY_LOGISTICS", "WAREHOUSE", "CUSTOMS_BROKER", "LAST_MILE", "COURIER", "OTHER"];
+export type ProviderType = (typeof PROVIDER_TYPES)[number];
+export declare const OFFERING_CATEGORIES: readonly ["FULL_TRUCKLOAD", "LESS_THAN_TRUCKLOAD", "LAST_MILE", "EXPRESS", "OCEAN_FREIGHT", "AIR_FREIGHT", "RAIL_FREIGHT", "WAREHOUSING", "CUSTOMS_CLEARANCE", "COLD_CHAIN", "OTHER"];
+export type OfferingCategory = (typeof OFFERING_CATEGORIES)[number];
+export declare const AVAILABILITIES: readonly ["AVAILABLE", "LIMITED", "UNAVAILABLE"];
+export type Availability = (typeof AVAILABILITIES)[number];
+/** "THIRD_PARTY_LOGISTICS" → "Third party logistics". */
+export declare function humanizeEnum(value: string): string;
+export interface ProviderContact {
+    contactName?: string;
+    email?: string;
+    phone?: string;
+    website?: string;
+}
+export interface ServiceOffering {
+    id: string;
+    providerId: string;
+    name: string;
+    description: string | null;
+    category: OfferingCategory;
+    price: number | null;
+    currency: string;
+    pricingUnit: string | null;
+    transitDays: number | null;
+    availability: Availability;
+    isActive: boolean;
+}
+export interface ServiceProvider {
+    id: string;
+    name: string;
+    type: ProviderType;
+    description: string | null;
+    rating: number | null;
+    contact: ProviderContact;
+    services: string[];
+    serviceAreas: string[];
+    isVerified: boolean;
+    isActive: boolean;
+    offeringsCount: number;
+    createdAt: string;
+}
+export interface MarketplaceStats {
+    providers: number;
+    verifiedProviders: number;
+    activeProviders: number;
+    offerings: number;
+    avgRating: number | null;
+}
+export interface ProviderFilters {
+    search?: string;
+    type?: ProviderType;
+    isVerified?: boolean;
+}
+export interface ProviderInput {
+    name: string;
+    type: ProviderType;
+    description: string | null;
+    rating: number | null;
+    contactInfo: ProviderContact | null;
+    services: string[];
+    serviceAreas: string[];
+    isVerified: boolean;
+    isActive: boolean;
+}
+export interface OfferingInput {
+    name: string;
+    category: OfferingCategory;
+    description: string | null;
+    price: number | null;
+    currency: string;
+    pricingUnit: string | null;
+    transitDays: number | null;
+    availability: Availability;
+    isActive: boolean;
+}
+export declare function useServiceProviders(options: {
+    filters: ProviderFilters;
+    limit: number;
+    offset: number;
+}): {
+    providers: ServiceProvider[];
+    total: number;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+};
+export declare function useMarketplaceStats(refreshKey: number): MarketplaceStats | null;
+export declare function useProviderOfferings(providerId: string | null, refreshKey: number): {
+    offerings: ServiceOffering[];
+    isLoading: boolean;
+    error: Error | null;
+};
+export interface ShipmentOption {
+    id: string;
+    shipmentNumber: string;
+    status: string;
+}
+/** Shipments, optionally only those whose carrier is the given provider. */
+export declare function useShipmentOptions(options: {
+    search?: string;
+    carrierId?: string;
+    limit: number;
+}): {
+    shipments: ShipmentOption[];
+    total: number;
+    isLoading: boolean;
+    refetch: () => Promise<void>;
+};
+export declare function useMarketplaceActions(): {
+    createProvider: (input: ProviderInput) => Promise<ServiceProvider>;
+    updateProvider: (id: string, input: Partial<ProviderInput>) => Promise<ServiceProvider>;
+    deleteProvider: (id: string) => Promise<boolean>;
+    createOffering: (providerId: string, input: OfferingInput) => Promise<ServiceOffering>;
+    updateOffering: (id: string, input: Partial<OfferingInput>) => Promise<ServiceOffering>;
+    deleteOffering: (id: string) => Promise<boolean>;
+    assignShipment: (shipmentId: string, providerId: string | null) => Promise<{
+        id: string;
+        shipmentNumber: string;
+        carrierId: string | null;
+    }>;
+};

package/dist/movethewheels/pages/MarketplacePage.d.ts

@@ -0,0 +1 @@
+export default function MarketplacePage(): import('react').JSX.Element;

package/dist/node_modules/lucide-react/dist/esm/icons/badge-check.js

@@ -0,0 +1,11 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/badge-check.js
+var t = e("BadgeCheck", [["path", {
+	d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+	key: "3c2336"
+}], ["path", {
+	d: "m9 12 2 2 4-4",
+	key: "dzmm74"
+}]]);
+//#endregion
+export { t as BadgeCheck };

package/dist/node_modules/lucide-react/dist/esm/icons/chevron-down.js

@@ -0,0 +1,8 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var t = e("ChevronDown", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
+export { t as ChevronDown };

package/dist/node_modules/lucide-react/dist/esm/icons/chevron-up.js

@@ -0,0 +1,8 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var t = e("ChevronUp", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]);
+//#endregion
+export { t as ChevronUp };

package/dist/node_modules/lucide-react/dist/esm/icons/pencil.js

@@ -0,0 +1,11 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/pencil.js
+var t = e("Pencil", [["path", {
+	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+	key: "1a8usu"
+}], ["path", {
+	d: "m15 5 4 4",
+	key: "1mk7zo"
+}]]);
+//#endregion
+export { t as Pencil };

package/dist/node_modules/lucide-react/dist/esm/icons/store.js

@@ -0,0 +1,26 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/store.js
+var t = e("Store", [
+	["path", {
+		d: "m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7",
+		key: "ztvudi"
+	}],
+	["path", {
+		d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",
+		key: "1b2hhj"
+	}],
+	["path", {
+		d: "M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4",
+		key: "2ebpfo"
+	}],
+	["path", {
+		d: "M2 7h20",
+		key: "1fcdvo"
+	}],
+	["path", {
+		d: "M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7",
+		key: "6c3vgh"
+	}]
+]);
+//#endregion
+export { t as Store };

package/dist/pages/ContainersPage.js

@@ -58,7 +58,7 @@ function S({ access: n }) {
 			}),
 			q && /* @__PURE__ */ p("p", {
 				role: "alert",
-				className: "mb-4 rounded-md border border-red-400 p-3",
+				className: "mb-4 rounded-md border border-status-error-border p-3",
 				children: q
 			}),
 			Y && /* @__PURE__ */ p("p", {
@@ -102,7 +102,7 @@ function S({ access: n }) {
 									onClick: () => {
 										s.selectContainer(e.id), J(null), X(null);
 									},
-									className: `w-full rounded-md border p-3 text-left ${e.id === s.containerId ? "border-blue-500" : ""}`,
+									className: `w-full rounded-md border p-3 text-left ${e.id === s.containerId ? "border-action-primary-border" : ""}`,
 									children: [
 										/* @__PURE__ */ p("span", {
 											className: "font-semibold",
@@ -233,7 +233,7 @@ function S({ access: n }) {
 									type: "button",
 									"aria-pressed": e.id === s.cycleId,
 									disabled: G,
-									className: `w-full rounded-md border p-3 text-left ${e.id === s.cycleId ? "border-blue-500" : ""}`,
+									className: `w-full rounded-md border p-3 text-left ${e.id === s.cycleId ? "border-action-primary-border" : ""}`,
 									onClick: () => {
 										s.selectCycle(e.id), J(null), X(null);
 									},