@burdenoff/microfe-movethewheels 2026.510.105

package/dist/CreateOrderPage-Cprg4Y9V.js

@@ -0,0 +1,471 @@
+import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, d as s, f as c, g as l, h as u, i as d, it as f, j as p, u as m, z as h } from "./PageLayout-B7b0vl0R.js";
+import { t as g } from "./arrow-left-6CiLhqVp.js";
+import { t as _ } from "./package-DVZbDRcV.js";
+import { t as v } from "./plus-Bl7uX6Ji.js";
+import { t as y } from "./save-C-qDVat-.js";
+import { r as b } from "./graphqlClient-CdJyR_ed.js";
+import { r as x, t as S } from "./useOrders-D_3_hGMp.js";
+import { r as C } from "./useCustomers-bS3a4ytk.js";
+import { t as w } from "./navigation-BgnOfsVd.js";
+import { useState as T } from "react";
+import { useParams as E } from "react-router-dom";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/trash-2.js
+var k = f("Trash2", [
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",
+		key: "4alrt4"
+	}],
+	["path", {
+		d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
+		key: "v07s0e"
+	}],
+	["line", {
+		x1: "10",
+		x2: "10",
+		y1: "11",
+		y2: "17",
+		key: "1uufr5"
+	}],
+	["line", {
+		x1: "14",
+		x2: "14",
+		y1: "11",
+		y2: "17",
+		key: "xtxkd"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/CreateOrderPage.tsx
+function A() {
+	let { orderId: f } = E(), { basePath: A, navigate: j } = b(), { order: M } = S(f), { createOrder: N } = x(), { customers: P } = C({ limit: 100 }), F = !!f && !!M, [I, L] = T({
+		customerId: M?.customerId || "",
+		orderType: M?.orderType || "b2c",
+		priority: M?.priority || "normal",
+		pickupAddress: {
+			street: M?.pickupAddress.street || "",
+			city: M?.pickupAddress.city || "",
+			state: M?.pickupAddress.state || "",
+			postalCode: M?.pickupAddress.postalCode || "",
+			country: M?.pickupAddress.country || "USA"
+		},
+		deliveryAddress: {
+			street: M?.deliveryAddress.street || "",
+			city: M?.deliveryAddress.city || "",
+			state: M?.deliveryAddress.state || "",
+			postalCode: M?.deliveryAddress.postalCode || "",
+			country: M?.deliveryAddress.country || "USA"
+		},
+		items: M?.items || [],
+		specialInstructions: M?.specialInstructions || ""
+	}), [R, z] = T(!1), B = () => {
+		j && j(w(A, "orders"));
+	}, V = async (e) => {
+		e.preventDefault(), z(!0);
+		try {
+			let e = P.find((e) => e.id === I.customerId);
+			await N({
+				customerId: I.customerId,
+				customerInfo: e ? {
+					name: e.name,
+					email: e.email,
+					phone: e.phone,
+					company: e.company
+				} : {
+					name: "New Customer",
+					email: "customer@example.com",
+					phone: "+1-555-0000"
+				},
+				orderType: I.orderType,
+				priority: I.priority,
+				pickupAddress: I.pickupAddress,
+				deliveryAddress: I.deliveryAddress,
+				items: I.items,
+				specialInstructions: I.specialInstructions
+			}), B();
+		} catch (e) {
+			console.error("Failed to create order:", e);
+		} finally {
+			z(!1);
+		}
+	}, H = (e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, U = (e, t, n) => {
+		L((r) => ({
+			...r,
+			[e]: {
+				...r[e],
+				[t]: n
+			}
+		}));
+	}, W = () => {
+		L((e) => ({
+			...e,
+			items: [...e.items, {
+				id: `item-${Date.now()}`,
+				productId: "",
+				name: "",
+				quantity: 1,
+				weight: 0,
+				dimensions: {
+					length: 0,
+					width: 0,
+					height: 0,
+					unit: "cm"
+				},
+				value: 0,
+				sku: ""
+			}]
+		}));
+	}, G = (e) => {
+		L((t) => ({
+			...t,
+			items: t.items.filter((t, n) => n !== e)
+		}));
+	}, K = (e, t, n) => {
+		L((r) => ({
+			...r,
+			items: r.items.map((r, i) => i === e ? {
+				...r,
+				[t]: n
+			} : r)
+		}));
+	};
+	return /* @__PURE__ */ D(d, {
+		title: F ? "Edit Order" : "Create Order",
+		subtitle: F ? `Editing ${M?.orderNumber}` : "Create a new delivery order",
+		icon: /* @__PURE__ */ D(_, { size: 24 }),
+		headerActions: /* @__PURE__ */ O("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ O(m, {
+				variant: "outline",
+				onClick: B,
+				children: [/* @__PURE__ */ D(g, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ O(m, {
+				onClick: V,
+				disabled: R,
+				children: [/* @__PURE__ */ D(y, { size: 16 }), R ? "Saving..." : F ? "Save Changes" : "Create Order"]
+			})]
+		}),
+		children: /* @__PURE__ */ O("form", {
+			onSubmit: V,
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ O(s, { children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(l, { children: "Order Details" }) }), /* @__PURE__ */ D(c, {
+					className: "space-y-4",
+					children: /* @__PURE__ */ O("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+						children: [
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, {
+									htmlFor: "customer",
+									children: "Customer"
+								}), /* @__PURE__ */ O(i, {
+									value: I.customerId,
+									onValueChange: (e) => H("customerId", e),
+									children: [/* @__PURE__ */ D(r, {
+										id: "customer",
+										children: /* @__PURE__ */ D(o, { placeholder: "Select customer" })
+									}), /* @__PURE__ */ D(t, { children: P.map((e) => /* @__PURE__ */ O(n, {
+										value: e.id,
+										children: [
+											e.name,
+											" (",
+											e.email,
+											")"
+										]
+									}, e.id)) })]
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, {
+									htmlFor: "orderType",
+									children: "Order Type"
+								}), /* @__PURE__ */ O(i, {
+									value: I.orderType,
+									onValueChange: (e) => H("orderType", e),
+									children: [/* @__PURE__ */ D(r, {
+										id: "orderType",
+										children: /* @__PURE__ */ D(o, {})
+									}), /* @__PURE__ */ O(t, { children: [/* @__PURE__ */ D(n, {
+										value: "b2c",
+										children: "B2C (Individual)"
+									}), /* @__PURE__ */ D(n, {
+										value: "b2b",
+										children: "B2B (Business)"
+									})] })]
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, {
+									htmlFor: "priority",
+									children: "Priority"
+								}), /* @__PURE__ */ O(i, {
+									value: I.priority,
+									onValueChange: (e) => H("priority", e),
+									children: [/* @__PURE__ */ D(r, {
+										id: "priority",
+										children: /* @__PURE__ */ D(o, {})
+									}), /* @__PURE__ */ O(t, { children: [
+										/* @__PURE__ */ D(n, {
+											value: "low",
+											children: "Low"
+										}),
+										/* @__PURE__ */ D(n, {
+											value: "normal",
+											children: "Normal"
+										}),
+										/* @__PURE__ */ D(n, {
+											value: "high",
+											children: "High"
+										}),
+										/* @__PURE__ */ D(n, {
+											value: "urgent",
+											children: "Urgent"
+										})
+									] })]
+								})]
+							})
+						]
+					})
+				})] }),
+				/* @__PURE__ */ O("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+					children: [/* @__PURE__ */ O(s, { children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(l, { children: "Pickup Address" }) }), /* @__PURE__ */ O(c, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, {
+									htmlFor: "pickupStreet",
+									children: "Street Address"
+								}), /* @__PURE__ */ D(e, {
+									id: "pickupStreet",
+									value: I.pickupAddress.street,
+									onChange: (e) => U("pickupAddress", "street", e.target.value),
+									placeholder: "123 Main St"
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "pickupCity",
+										children: "City"
+									}), /* @__PURE__ */ D(e, {
+										id: "pickupCity",
+										value: I.pickupAddress.city,
+										onChange: (e) => U("pickupAddress", "city", e.target.value),
+										placeholder: "San Francisco"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "pickupState",
+										children: "State"
+									}), /* @__PURE__ */ D(e, {
+										id: "pickupState",
+										value: I.pickupAddress.state,
+										onChange: (e) => U("pickupAddress", "state", e.target.value),
+										placeholder: "CA"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "pickupPostal",
+										children: "Postal Code"
+									}), /* @__PURE__ */ D(e, {
+										id: "pickupPostal",
+										value: I.pickupAddress.postalCode,
+										onChange: (e) => U("pickupAddress", "postalCode", e.target.value),
+										placeholder: "94103"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "pickupCountry",
+										children: "Country"
+									}), /* @__PURE__ */ D(e, {
+										id: "pickupCountry",
+										value: I.pickupAddress.country,
+										onChange: (e) => U("pickupAddress", "country", e.target.value),
+										placeholder: "USA"
+									})]
+								})]
+							})
+						]
+					})] }), /* @__PURE__ */ O(s, { children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(l, { children: "Delivery Address" }) }), /* @__PURE__ */ O(c, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, {
+									htmlFor: "deliveryStreet",
+									children: "Street Address"
+								}), /* @__PURE__ */ D(e, {
+									id: "deliveryStreet",
+									value: I.deliveryAddress.street,
+									onChange: (e) => U("deliveryAddress", "street", e.target.value),
+									placeholder: "456 Oak Ave"
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "deliveryCity",
+										children: "City"
+									}), /* @__PURE__ */ D(e, {
+										id: "deliveryCity",
+										value: I.deliveryAddress.city,
+										onChange: (e) => U("deliveryAddress", "city", e.target.value),
+										placeholder: "Los Angeles"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "deliveryState",
+										children: "State"
+									}), /* @__PURE__ */ D(e, {
+										id: "deliveryState",
+										value: I.deliveryAddress.state,
+										onChange: (e) => U("deliveryAddress", "state", e.target.value),
+										placeholder: "CA"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "deliveryPostal",
+										children: "Postal Code"
+									}), /* @__PURE__ */ D(e, {
+										id: "deliveryPostal",
+										value: I.deliveryAddress.postalCode,
+										onChange: (e) => U("deliveryAddress", "postalCode", e.target.value),
+										placeholder: "90210"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(p, {
+										htmlFor: "deliveryCountry",
+										children: "Country"
+									}), /* @__PURE__ */ D(e, {
+										id: "deliveryCountry",
+										value: I.deliveryAddress.country,
+										onChange: (e) => U("deliveryAddress", "country", e.target.value),
+										placeholder: "USA"
+									})]
+								})]
+							})
+						]
+					})] })]
+				}),
+				/* @__PURE__ */ O(s, { children: [/* @__PURE__ */ O(u, {
+					className: "flex flex-row items-center justify-between",
+					children: [/* @__PURE__ */ D(l, { children: "Order Items" }), /* @__PURE__ */ O(m, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: W,
+						children: [/* @__PURE__ */ D(v, { size: 16 }), "Add Item"]
+					})]
+				}), /* @__PURE__ */ D(c, { children: I.items.length === 0 ? /* @__PURE__ */ O("div", {
+					className: "text-center py-8 text-muted-foreground",
+					children: [
+						/* @__PURE__ */ D(_, {
+							size: 48,
+							className: "mx-auto mb-4 opacity-50"
+						}),
+						/* @__PURE__ */ D("p", { children: "No items added yet" }),
+						/* @__PURE__ */ D(m, {
+							type: "button",
+							variant: "link",
+							onClick: W,
+							children: "Add your first item"
+						})
+					]
+				}) : /* @__PURE__ */ D("div", {
+					className: "space-y-4",
+					children: I.items.map((t, n) => /* @__PURE__ */ O("div", { children: [n > 0 && /* @__PURE__ */ D(h, { className: "my-4" }), /* @__PURE__ */ O("div", {
+						className: "grid grid-cols-1 md:grid-cols-6 gap-4",
+						children: [
+							/* @__PURE__ */ O("div", {
+								className: "md:col-span-2 space-y-2",
+								children: [/* @__PURE__ */ D(p, { children: "Item Name" }), /* @__PURE__ */ D(e, {
+									value: t.name,
+									onChange: (e) => K(n, "name", e.target.value),
+									placeholder: "Product name"
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, { children: "SKU" }), /* @__PURE__ */ D(e, {
+									value: t.sku,
+									onChange: (e) => K(n, "sku", e.target.value),
+									placeholder: "SKU-001"
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, { children: "Quantity" }), /* @__PURE__ */ D(e, {
+									type: "number",
+									min: "1",
+									value: t.quantity,
+									onChange: (e) => K(n, "quantity", parseInt(e.target.value) || 1)
+								})]
+							}),
+							/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D(p, { children: "Value ($)" }), /* @__PURE__ */ D(e, {
+									type: "number",
+									min: "0",
+									step: "0.01",
+									value: t.value,
+									onChange: (e) => K(n, "value", parseFloat(e.target.value) || 0)
+								})]
+							}),
+							/* @__PURE__ */ D("div", {
+								className: "flex items-end",
+								children: /* @__PURE__ */ D(m, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "text-destructive",
+									onClick: () => G(n),
+									children: /* @__PURE__ */ D(k, { size: 16 })
+								})
+							})
+						]
+					})] }, t.id))
+				}) })] }),
+				/* @__PURE__ */ O(s, { children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(l, { children: "Special Instructions" }) }), /* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(a, {
+					value: I.specialInstructions,
+					onChange: (e) => H("specialInstructions", e.target.value),
+					placeholder: "Any special handling or delivery instructions...",
+					rows: 4
+				}) })] })
+			]
+		})
+	});
+}
+//#endregion
+export { A as default };