@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.2

package/dist/CreateOrderPage-C9Vb57Yn.js

@@ -1,471 +0,0 @@
-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-D3N8MCTm.js";
-import { t as g } from "./arrow-left-CBpZKkpq.js";
-import { t as _ } from "./package-BE7U0wQE.js";
-import { t as v } from "./plus-Dl1rLeJR.js";
-import { t as y } from "./save-XH8vydOn.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-text-secondary",
-					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-status-error-text",
-									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 };