@burdenoff/microfe-movethewheels 2026.1028.1 → 2026.1031.1

package/dist/components/marketplace/MarketplaceDialogs.js

@@ -0,0 +1,524 @@
+import { Button as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Switch as c, Textarea as l } from "../ui.js";
+import { FormError as u } from "../FormError.js";
+import { EntityCombobox as d } from "../EntityCombobox.js";
+import { AVAILABILITIES as f, OFFERING_CATEGORIES as p, PROVIDER_TYPES as m, humanizeEnum as h, useMarketplaceActions as ee, useShipmentOptions as g } from "../../hooks/useMarketplace.js";
+import { useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/marketplace/MarketplaceDialogs.tsx
+function te(e, t) {
+	return e instanceof Error && e.message ? e.message : t;
+}
+function O(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+function k(e) {
+	let t = e.trim();
+	if (!t) return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : "invalid";
+}
+function A(e) {
+	return e.trim() || null;
+}
+function j({ open: d, onOpenChange: f, onDone: p, provider: g }) {
+	let y = ee(), [j, M] = v(""), [N, P] = v("CARRIER"), [F, I] = v(""), [L, R] = v(""), [z, B] = v(""), [V, H] = v(""), [U, W] = v(""), [G, K] = v(""), [q, J] = v(""), [Y, X] = v(""), [Z, ne] = v(!1), [Q, re] = v(!0), [ie, ae] = v(!1), [oe, $] = v(null);
+	_(() => {
+		d && (M(g?.name ?? ""), P(g?.type ?? "CARRIER"), I(g?.description ?? ""), R(g?.rating == null ? "" : String(g.rating)), B(g?.contact.contactName ?? ""), H(g?.contact.email ?? ""), W(g?.contact.phone ?? ""), K(g?.contact.website ?? ""), J(g?.services.join(", ") ?? ""), X(g?.serviceAreas.join(", ") ?? ""), ne(g?.isVerified ?? !1), re(g?.isActive ?? !0), $(null));
+	}, [d, g]);
+	let se = async () => {
+		if (!j.trim()) {
+			$("Enter the provider name.");
+			return;
+		}
+		let e = k(L);
+		if (e === "invalid" || e !== null && (e < 0 || e > 5)) {
+			$("Rating must be a number from 0 to 5.");
+			return;
+		}
+		let t = {
+			...z.trim() ? { contactName: z.trim() } : {},
+			...V.trim() ? { email: V.trim() } : {},
+			...U.trim() ? { phone: U.trim() } : {},
+			...G.trim() ? { website: G.trim() } : {}
+		}, n = {
+			name: j.trim(),
+			type: N,
+			description: A(F),
+			rating: e,
+			contactInfo: Object.keys(t).length > 0 ? t : null,
+			services: O(q),
+			serviceAreas: O(Y),
+			isVerified: Z,
+			isActive: Q
+		};
+		ae(!0), $(null);
+		try {
+			g ? (await y.updateProvider(g.id, n), p(`Updated ${n.name}.`)) : (await y.createProvider(n), p(`Added ${n.name} to the marketplace.`)), f(!1);
+		} catch (e) {
+			$(te(e, "Could not save the provider."));
+		} finally {
+			ae(!1);
+		}
+	};
+	return /* @__PURE__ */ b(S, {
+		open: d,
+		onOpenChange: f,
+		children: /* @__PURE__ */ x(C, {
+			className: "sm:max-w-xl",
+			children: [/* @__PURE__ */ x(E, { children: [/* @__PURE__ */ b(D, { children: g ? "Edit provider" : "Add a service provider" }), /* @__PURE__ */ b(w, { children: "Carriers, 3PLs, warehouses and specialists you can call on when you need capacity." })] }), /* @__PURE__ */ x("form", {
+				className: "grid gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), se();
+				},
+				children: [
+					/* @__PURE__ */ b(u, { message: oe }),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ x("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ b(n, {
+								htmlFor: "mtw-provider-name",
+								children: "Name"
+							}), /* @__PURE__ */ b(t, {
+								id: "mtw-provider-name",
+								value: j,
+								maxLength: 255,
+								onChange: (e) => M(e.target.value),
+								required: !0
+							})]
+						}), /* @__PURE__ */ x("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ b(n, {
+								htmlFor: "mtw-provider-type",
+								children: "Type"
+							}), /* @__PURE__ */ x(r, {
+								value: N,
+								onValueChange: (e) => P(e),
+								children: [/* @__PURE__ */ b(o, {
+									id: "mtw-provider-type",
+									children: /* @__PURE__ */ b(s, {})
+								}), /* @__PURE__ */ b(i, { children: m.map((e) => /* @__PURE__ */ b(a, {
+									value: e,
+									children: h(e)
+								}, e)) })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ b(n, {
+							htmlFor: "mtw-provider-description",
+							children: "Description"
+						}), /* @__PURE__ */ b(l, {
+							id: "mtw-provider-description",
+							value: F,
+							maxLength: 2e3,
+							rows: 3,
+							onChange: (e) => I(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-services",
+									children: "Services (comma separated)"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-services",
+									value: q,
+									placeholder: "Reefer, Hazmat, Same day",
+									onChange: (e) => J(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-areas",
+									children: "Service areas (comma separated)"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-areas",
+									value: Y,
+									placeholder: "Mumbai, Pune, NH48 corridor",
+									onChange: (e) => X(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-contact",
+									children: "Contact person"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-contact",
+									value: z,
+									onChange: (e) => B(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-email",
+									children: "Email"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-email",
+									type: "email",
+									value: V,
+									onChange: (e) => H(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-phone",
+									children: "Phone"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-phone",
+									value: U,
+									onChange: (e) => W(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-website",
+									children: "Website"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-website",
+									value: G,
+									onChange: (e) => K(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-provider-rating",
+									children: "Your rating (0–5)"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-provider-rating",
+									inputMode: "decimal",
+									value: L,
+									onChange: (e) => R(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex flex-wrap gap-6",
+						children: [/* @__PURE__ */ x("label", {
+							className: "flex items-center gap-2 text-sm",
+							htmlFor: "mtw-provider-verified",
+							children: [/* @__PURE__ */ b(c, {
+								id: "mtw-provider-verified",
+								checked: Z,
+								onCheckedChange: ne
+							}), "Verified by your team"]
+						}), /* @__PURE__ */ x("label", {
+							className: "flex items-center gap-2 text-sm",
+							htmlFor: "mtw-provider-active",
+							children: [/* @__PURE__ */ b(c, {
+								id: "mtw-provider-active",
+								checked: Q,
+								onCheckedChange: re
+							}), "Active"]
+						})]
+					}),
+					/* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b(e, {
+						type: "button",
+						variant: "outline",
+						onClick: () => f(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ b(e, {
+						type: "submit",
+						disabled: ie,
+						children: ie ? "Saving…" : g ? "Save changes" : "Add provider"
+					})] })
+				]
+			})]
+		})
+	});
+}
+function M({ open: d, onOpenChange: m, onDone: g, provider: y, offering: O }) {
+	let j = ee(), [M, N] = v(""), [P, F] = v("FULL_TRUCKLOAD"), [I, L] = v(""), [R, z] = v(""), [B, V] = v("USD"), [H, U] = v(""), [W, G] = v(""), [K, q] = v("AVAILABLE"), [J, Y] = v(!0), [X, Z] = v(!1), [ne, Q] = v(null);
+	_(() => {
+		d && (N(O?.name ?? ""), F(O?.category ?? "FULL_TRUCKLOAD"), L(O?.description ?? ""), z(O?.price == null ? "" : String(O.price)), V(O?.currency ?? "USD"), U(O?.pricingUnit ?? ""), G(O?.transitDays == null ? "" : String(O.transitDays)), q(O?.availability ?? "AVAILABLE"), Y(O?.isActive ?? !0), Q(null));
+	}, [d, O]);
+	let re = async () => {
+		if (!y) return;
+		if (!M.trim()) {
+			Q("Enter the offering name.");
+			return;
+		}
+		let e = k(R);
+		if (e === "invalid" || e !== null && e < 0) {
+			Q("Price must be zero or a positive number, or left blank for \"on request\".");
+			return;
+		}
+		let t = k(W);
+		if (t === "invalid" || t !== null && (!Number.isInteger(t) || t < 0)) {
+			Q("Transit days must be a whole number.");
+			return;
+		}
+		if (!/^[A-Za-z]{3}$/.test(B.trim())) {
+			Q("Currency must be a three-letter code such as USD or INR.");
+			return;
+		}
+		let n = {
+			name: M.trim(),
+			category: P,
+			description: A(I),
+			price: e,
+			currency: B.trim().toUpperCase(),
+			pricingUnit: A(H),
+			transitDays: t,
+			availability: K,
+			isActive: J
+		};
+		Z(!0), Q(null);
+		try {
+			O ? (await j.updateOffering(O.id, n), g(`Updated ${n.name}.`)) : (await j.createOffering(y.id, n), g(`Added ${n.name} to ${y.name}.`)), m(!1);
+		} catch (e) {
+			Q(te(e, "Could not save the offering."));
+		} finally {
+			Z(!1);
+		}
+	};
+	return /* @__PURE__ */ b(S, {
+		open: d,
+		onOpenChange: m,
+		children: /* @__PURE__ */ x(C, {
+			className: "sm:max-w-lg",
+			children: [/* @__PURE__ */ x(E, { children: [/* @__PURE__ */ b(D, { children: O ? "Edit offering" : "Add an offering" }), /* @__PURE__ */ b(w, { children: y ? `A service ${y.name} offers, with an indicative price.` : null })] }), /* @__PURE__ */ x("form", {
+				className: "grid gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), re();
+				},
+				children: [
+					/* @__PURE__ */ b(u, { message: ne }),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ b(n, {
+							htmlFor: "mtw-offering-name",
+							children: "Name"
+						}), /* @__PURE__ */ b(t, {
+							id: "mtw-offering-name",
+							value: M,
+							maxLength: 255,
+							onChange: (e) => N(e.target.value),
+							required: !0
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-category",
+									children: "Category"
+								}), /* @__PURE__ */ x(r, {
+									value: P,
+									onValueChange: (e) => F(e),
+									children: [/* @__PURE__ */ b(o, {
+										id: "mtw-offering-category",
+										children: /* @__PURE__ */ b(s, {})
+									}), /* @__PURE__ */ b(i, { children: p.map((e) => /* @__PURE__ */ b(a, {
+										value: e,
+										children: h(e)
+									}, e)) })]
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-availability",
+									children: "Availability"
+								}), /* @__PURE__ */ x(r, {
+									value: K,
+									onValueChange: (e) => q(e),
+									children: [/* @__PURE__ */ b(o, {
+										id: "mtw-offering-availability",
+										children: /* @__PURE__ */ b(s, {})
+									}), /* @__PURE__ */ b(i, { children: f.map((e) => /* @__PURE__ */ b(a, {
+										value: e,
+										children: h(e)
+									}, e)) })]
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-price",
+									children: "Price (blank = on request)"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-offering-price",
+									inputMode: "decimal",
+									value: R,
+									onChange: (e) => z(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-currency",
+									children: "Currency"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-offering-currency",
+									value: B,
+									maxLength: 3,
+									onChange: (e) => V(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-unit",
+									children: "Priced per"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-offering-unit",
+									value: H,
+									placeholder: "load, km, pallet…",
+									maxLength: 40,
+									onChange: (e) => U(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ b(n, {
+									htmlFor: "mtw-offering-transit",
+									children: "Transit days"
+								}), /* @__PURE__ */ b(t, {
+									id: "mtw-offering-transit",
+									inputMode: "numeric",
+									value: W,
+									onChange: (e) => G(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ b(n, {
+							htmlFor: "mtw-offering-description",
+							children: "Description"
+						}), /* @__PURE__ */ b(l, {
+							id: "mtw-offering-description",
+							value: I,
+							maxLength: 2e3,
+							rows: 2,
+							onChange: (e) => L(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ x("label", {
+						className: "flex items-center gap-2 text-sm",
+						htmlFor: "mtw-offering-active",
+						children: [/* @__PURE__ */ b(c, {
+							id: "mtw-offering-active",
+							checked: J,
+							onCheckedChange: Y
+						}), "Active"]
+					}),
+					/* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b(e, {
+						type: "button",
+						variant: "outline",
+						onClick: () => m(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ b(e, {
+						type: "submit",
+						disabled: X,
+						children: X ? "Saving…" : O ? "Save changes" : "Add offering"
+					})] })
+				]
+			})]
+		})
+	});
+}
+function N({ open: t, onOpenChange: r, onDone: i, provider: a }) {
+	let o = ee(), [s, c] = v(""), [l, f] = v(""), [p, m] = v(!1), [O, k] = v(null), { shipments: A, total: j, isLoading: M } = g({
+		search: s,
+		limit: 20
+	});
+	_(() => {
+		t && (c(""), f(""), k(null));
+	}, [t]);
+	let N = A.find((e) => e.id === l) ?? null, P = async () => {
+		if (a) {
+			if (!l) {
+				k("Choose the shipment this provider will carry.");
+				return;
+			}
+			m(!0), k(null);
+			try {
+				let e = await o.assignShipment(l, a.id);
+				i(`${a.name} is now the carrier for shipment ${e.shipmentNumber}.`), r(!1);
+			} catch (e) {
+				k(te(e, "Could not assign the provider."));
+			} finally {
+				m(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ b(S, {
+		open: t,
+		onOpenChange: r,
+		children: /* @__PURE__ */ x(C, {
+			className: "sm:max-w-md",
+			children: [/* @__PURE__ */ x(E, { children: [/* @__PURE__ */ b(D, { children: "Assign to a shipment" }), /* @__PURE__ */ b(w, { children: a ? `Make ${a.name} the carrier of a shipment.${a.isVerified && a.isActive ? "" : " This provider is not verified or not active — check before you commit freight."}` : null })] }), /* @__PURE__ */ x("form", {
+				className: "grid gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), P();
+				},
+				children: [
+					/* @__PURE__ */ b(u, { message: O }),
+					/* @__PURE__ */ x("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ b(n, {
+							htmlFor: "mtw-assign-shipment",
+							children: "Shipment"
+						}), /* @__PURE__ */ b(d, {
+							id: "mtw-assign-shipment",
+							value: l,
+							onChange: f,
+							options: A,
+							loading: M,
+							required: !0,
+							getId: (e) => e.id,
+							getLabel: (e) => e.shipmentNumber,
+							renderOption: (e) => /* @__PURE__ */ x(y, { children: [
+								e.shipmentNumber,
+								" ",
+								/* @__PURE__ */ x("span", {
+									className: "text-text-tertiary",
+									children: [
+										"(",
+										h(e.status),
+										")"
+									]
+								})
+							] }),
+							selectedOption: N,
+							placeholder: "Search shipments",
+							searchPlaceholder: "Search by shipment number…",
+							emptyText: "No shipments found.",
+							onSearchChange: c,
+							totalCount: j
+						})]
+					}),
+					/* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b(e, {
+						type: "button",
+						variant: "outline",
+						onClick: () => r(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ b(e, {
+						type: "submit",
+						disabled: p,
+						children: p ? "Assigning…" : "Assign carrier"
+					})] })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { N as AssignShipmentDialog, M as OfferingDialog, j as ProviderDialog };