@burdenoff/microfe-movethewheels 2026.830.5 → 2026.920.1

package/dist/pages/ShippingRatesPage.js

@@ -0,0 +1,177 @@
+import { Scale as e } from "../node_modules/lucide-react/dist/esm/icons/scale.js";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import "../hooks/index.js";
+import { Button as n, Card as r, CardContent as i, CardHeader as a, CardTitle as o, Input as s, Label as c, Switch as l } from "../components/ui.js";
+import { PageLayout as u } from "../components/PageLayout.js";
+import { FormError as d } from "../components/FormError.js";
+import { ShippingQuoteResults as f } from "../components/ShippingQuoteResults.js";
+import { useShippingQuotes as p } from "../hooks/useShippingCarriers.js";
+import { useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/pages/ShippingRatesPage.tsx
+var _ = /^[1-9]\d{5}$/, v = (e) => {
+	let t = Number(e);
+	return e.trim() !== "" && Number.isFinite(t) ? t : void 0;
+};
+function y() {
+	let y = t(), b = p(), [x, S] = m(""), [C, w] = m(""), [T, E] = m(""), [D, O] = m(""), [k, A] = m(""), [j, M] = m(""), [N, P] = m(!1), [F, I] = m(!1), [L, R] = m(null), [z, B] = m(null), V = async (e) => {
+		e.preventDefault(), R(null);
+		let t = v(T);
+		if (!_.test(x) || !_.test(C)) {
+			R(y("movethewheels.shipping.form.postcodeError", "Enter valid 6-digit pickup and delivery postcodes"));
+			return;
+		}
+		if (t === void 0 || t <= 0) {
+			R(y("movethewheels.shipping.form.weightError", "Enter the package weight in kg"));
+			return;
+		}
+		let n = [
+			v(D),
+			v(k),
+			v(j)
+		], r = n.filter((e) => e !== void 0).length;
+		if (r !== 0 && r !== 3) {
+			R(y("movethewheels.shipping.form.dimensionsError", "Enter length, width and height together, or leave all three empty"));
+			return;
+		}
+		let i = {
+			pickupPostcode: x,
+			deliveryPostcode: C,
+			weightKg: t,
+			cod: N,
+			...r === 3 ? {
+				lengthCm: n[0],
+				widthCm: n[1],
+				heightCm: n[2]
+			} : {}
+		};
+		I(!0);
+		try {
+			B(await b(i));
+		} catch (e) {
+			B(null), R(e instanceof Error ? e.message : y("movethewheels.shipping.form.failed", "Could not fetch rates"));
+		} finally {
+			I(!1);
+		}
+	};
+	return /* @__PURE__ */ h(u, {
+		title: y("movethewheels.shipping.title", "Compare Rates"),
+		subtitle: y("movethewheels.shipping.subtitle", "Enter a pickup and a delivery pincode to see every courier available for that route, with price and delivery time."),
+		icon: /* @__PURE__ */ h(e, { size: 24 }),
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ g(r, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(o, { children: y("movethewheels.shipping.form.title", "Shipment details") }) }), /* @__PURE__ */ h(i, { children: /* @__PURE__ */ g("form", {
+				onSubmit: (e) => void V(e),
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "grid gap-3 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-pickup",
+									children: y("movethewheels.shipping.form.pickup", "Pickup postcode")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-pickup",
+									inputMode: "numeric",
+									maxLength: 6,
+									value: x,
+									onChange: (e) => S(e.target.value.trim())
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-delivery",
+									children: y("movethewheels.shipping.form.delivery", "Delivery postcode")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-delivery",
+									inputMode: "numeric",
+									maxLength: 6,
+									value: C,
+									onChange: (e) => w(e.target.value.trim())
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-weight",
+									children: y("movethewheels.shipping.form.weight", "Weight (kg)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-weight",
+									inputMode: "decimal",
+									value: T,
+									onChange: (e) => E(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "grid gap-3 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-length",
+									children: y("movethewheels.shipping.form.length", "Length (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-length",
+									inputMode: "decimal",
+									value: D,
+									onChange: (e) => O(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-width",
+									children: y("movethewheels.shipping.form.width", "Width (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-width",
+									inputMode: "decimal",
+									value: k,
+									onChange: (e) => A(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-height",
+									children: y("movethewheels.shipping.form.height", "Height (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-height",
+									inputMode: "decimal",
+									value: j,
+									onChange: (e) => M(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ h(l, {
+							id: "rate-cod",
+							checked: N,
+							onCheckedChange: P
+						}), /* @__PURE__ */ h(c, {
+							htmlFor: "rate-cod",
+							children: y("movethewheels.shipping.form.cod", "Cash on delivery")
+						})]
+					}),
+					/* @__PURE__ */ h(d, { message: L }),
+					/* @__PURE__ */ h(n, {
+						type: "submit",
+						disabled: F,
+						children: F ? y("movethewheels.shipping.form.comparing", "Comparing…") : y("movethewheels.shipping.form.compare", "Compare rates")
+					})
+				]
+			}) })] }), z && /* @__PURE__ */ h(f, {
+				result: z,
+				t: y
+			})]
+		})
+	});
+}
+//#endregion
+export { y as default };