@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/dist/{AIAssistantPage-C3cPsWt-.js → AIAssistantPage-D2gaEL1U.js} +16 -15
  2. package/dist/AnalyticsPage-DZMlEoBi.js +194 -0
  3. package/dist/CreateOrderPage-CWHx8yys.js +490 -0
  4. package/dist/CustomerDetailsPage-nR4oZ_ju.js +615 -0
  5. package/dist/CustomersPage-Bbvwvn8k.js +205 -0
  6. package/dist/DashboardPage-DrEhNf7N.js +542 -0
  7. package/dist/DataTable-CqMUD4er.js +340 -0
  8. package/dist/DocumentsCard-edDkgnJj.js +169 -0
  9. package/dist/DriverDetailsPage-whEMOWs9.js +490 -0
  10. package/dist/DriversPage-CHF2ZEzd.js +221 -0
  11. package/dist/FinancePage-Dn9GrW-1.js +175 -0
  12. package/dist/{FleetPage-DqkFi3s3.js → FleetPage-CrtGPy-p.js} +36 -35
  13. package/dist/{FormError-BlOjnXOq.js → FormError-BKcb_wT-.js} +1 -1
  14. package/dist/{ImportExportPage-DKJRCezl.js → ImportExportPage-WYdwZomZ.js} +52 -72
  15. package/dist/InventoryPage-l5A1f753.js +259 -0
  16. package/dist/LiveTrackingPage-DhEaNKZ4.js +429 -0
  17. package/dist/MarketplacePage-B9RYOb1Y.js +426 -0
  18. package/dist/MetricCard-y3bWHKUQ.js +191 -0
  19. package/dist/Notice-DOO-tjpV.js +46 -0
  20. package/dist/OrderDetailsPage-CwYHwk1K.js +584 -0
  21. package/dist/OrdersListPage-DhZJoQeI.js +386 -0
  22. package/dist/{PageLayout-D4LDHJJq.js → PageLayout-BniRJaQ6.js} +1 -1
  23. package/dist/{ProductDetailsPage-C9uOiYLp.js → ProductDetailsPage-1Gm9JKy0.js} +56 -56
  24. package/dist/ProductsPage-C8sn-1tN.js +186 -0
  25. package/dist/ReportsPage-D1tb0dcz.js +377 -0
  26. package/dist/RouteDetailsPage-CkMyR9b_.js +610 -0
  27. package/dist/{RoutesPage-DMfoicM1.js → RoutesPage-QkENzsE5.js} +58 -47
  28. package/dist/{SettingsPage-Bn-v0mbQ.js → SettingsPage-DV3_tU_X.js} +16 -38
  29. package/dist/Sparkline-K2RMJ58u.js +16729 -0
  30. package/dist/{StatusBadge-BZurYHMy.js → StatusBadge-BNHXYvZx.js} +7 -7
  31. package/dist/TrackingPage-BZrg4RCu.js +368 -0
  32. package/dist/VehicleDetailsPage-D-8XPZ2G.js +393 -0
  33. package/dist/VehiclesPage-D5BELbtM.js +184 -0
  34. package/dist/{WarehouseDetailsPage-L_6sWigM.js → WarehouseDetailsPage-Cmg-8Frn.js} +70 -70
  35. package/dist/WarehousesPage-C1Y1M867.js +182 -0
  36. package/dist/{arrow-left-n48Y-Wis.js → arrow-left-ClW4Isj7.js} +1 -1
  37. package/dist/arrow-right-CmKOmIkh.js +11 -0
  38. package/dist/arrow-up-BJijRLAZ.js +17 -0
  39. package/dist/{box-D9Pal4HM.js → box-BT3NsRQP.js} +1 -1
  40. package/dist/boxes-B_OGvQiW.js +54 -0
  41. package/dist/{chart-column-BFIJysDR.js → chart-column-DQTTdUPk.js} +1 -1
  42. package/dist/charts-Tj_PPTfA.js +2018 -0
  43. package/dist/chevron-left-B1rZyWWb.js +8 -0
  44. package/dist/{chevron-right-EMIIyyJ1.js → chevron-right-BIcwUJZq.js} +1 -1
  45. package/dist/chunk-BdsCSvBP.js +20 -0
  46. package/dist/{circle-alert-iY24lSlp.js → circle-alert-CNkuDNc6.js} +1 -1
  47. package/dist/circle-check-Cs1OVjtV.js +13 -0
  48. package/dist/{circle-check-big-w0TrLKMF.js → circle-check-big-C-p4eNwn.js} +1 -1
  49. package/dist/{clock-DJZtdl8u.js → clock-dRGG4rkF.js} +1 -1
  50. package/dist/{dollar-sign-CgKQRz_e.js → dollar-sign-B6RoYHHz.js} +1 -1
  51. package/dist/{download-DRXxoiQR.js → download-DP04iWTd.js} +1 -1
  52. package/dist/{file-text-DWWY6_f5.js → file-text-BuDx4hZp.js} +1 -1
  53. package/dist/{filter-DloLC2eE.js → filter-BD483_8g.js} +1 -1
  54. package/dist/{wrench-CANXWxF-.js → fuel-DLH1ag04.js} +3 -6
  55. package/dist/index.css +2 -0
  56. package/dist/index.js +150 -172
  57. package/dist/{map-CkJaULb2.js → map-DNQn9fyY.js} +1 -1
  58. package/dist/{map-pin-BGiCvyCs.js → map-pin-CqN1bbT1.js} +1 -1
  59. package/dist/mapMarkers-NCV9MRKR.js +28 -0
  60. package/dist/maps-yzLqiK_C.js +5070 -0
  61. package/dist/{navigation-D36prnAn.js → navigation-CgGUt2tR.js} +1 -1
  62. package/dist/{package-BChUzpJS.js → package-DmRF7iQD.js} +1 -1
  63. package/dist/{phone-Ac9s3mo_.js → phone-Cl32EXKW.js} +1 -1
  64. package/dist/{plus-Z76q-FZm.js → plus-DlANgOFx.js} +1 -1
  65. package/dist/{refresh-cw-DKt6f5T6.js → refresh-cw-rW59D4b7.js} +1 -1
  66. package/dist/route-CWjPrtAN.js +22 -0
  67. package/dist/{save-CojywNhG.js → save-UDlog7hg.js} +1 -1
  68. package/dist/{search-CDGefqb3.js → search-DNIG5Ck7.js} +1 -1
  69. package/dist/{square-pen-CopE9GmB.js → square-pen-BcfB3Grd.js} +1 -1
  70. package/dist/{star-nHlLjDKR.js → star-CVZHFwDx.js} +1 -1
  71. package/dist/{store-BR9Voi5E.js → store-bwnmCK9f.js} +1 -1
  72. package/dist/{trash-2-BKhar6Hs.js → trash-2-B80G12d4.js} +1 -1
  73. package/dist/{trending-up-Dohgd4t_.js → trending-up-CH4R4KOa.js} +1 -1
  74. package/dist/{triangle-alert-i-XQL9Rd.js → triangle-alert-CmS8AUU6.js} +1 -1
  75. package/dist/{truck-C0v_hbLR.js → truck-9rLDncav.js} +1 -1
  76. package/dist/upload-DanJY1Vo.js +21 -0
  77. package/dist/{useAssistant-D4v3oxD3.js → useAssistant-CnEwkTLm.js} +11 -28
  78. package/dist/{useCustomers-BmTNGxiI.js → useCustomers-ChJao1ET.js} +30 -27
  79. package/dist/{useFleet-DKqXZ16m.js → useFleet-g5Yri0G8.js} +82 -70
  80. package/dist/{useImportExport-DHr-SWSw.js → useImportExport-MYwIT3rE.js} +1 -1
  81. package/dist/{useInventory-DkyiVY_A.js → useInventory-BSOn-R1c.js} +84 -39
  82. package/dist/{useOrders-Cfk1GLiq.js → useOrders-BSiqo61w.js} +59 -48
  83. package/dist/{useReports-CTqZr-AB.js → useReports-fWESfsF9.js} +41 -35
  84. package/dist/{useRoutes-BQWO607N.js → useRoutes-zD8Yp323.js} +50 -42
  85. package/dist/{useSettings-CkDH_-gM.js → useSettings-B1lsWeZ1.js} +6 -6
  86. package/dist/{useTracking-B-va1kO3.js → useTracking-BKG0I2ln.js} +3 -3
  87. package/dist/{user-jyFU3lXk.js → user-DU51el3m.js} +1 -1
  88. package/dist/user-check-IMhk-qkX.js +20 -0
  89. package/dist/{users-DZ-ilS6B.js → users-B8KhJBGg.js} +1 -1
  90. package/dist/{warehouse-6m5kXMLu.js → warehouse-CcMMioeY.js} +1 -1
  91. package/dist/wrench-Dg-sgH2e.js +8 -0
  92. package/dist/x-C4ObLVEa.js +11 -0
  93. package/package.json +5 -1
  94. package/src/movethewheels/components/DataTable.tsx +252 -84
  95. package/src/movethewheels/components/DocumentsCard.tsx +102 -0
  96. package/src/movethewheels/components/GlassPanel.tsx +71 -0
  97. package/src/movethewheels/components/MetricCard.tsx +171 -73
  98. package/src/movethewheels/components/Notice.tsx +61 -0
  99. package/src/movethewheels/components/StatusBadge.tsx +7 -6
  100. package/src/movethewheels/components/charts/ChartShell.tsx +78 -0
  101. package/src/movethewheels/components/charts/Sparkline.tsx +85 -0
  102. package/src/movethewheels/components/charts/StatusDonut.tsx +115 -0
  103. package/src/movethewheels/components/charts/TrendChart.tsx +179 -0
  104. package/src/movethewheels/components/charts/VolumeBar.tsx +97 -0
  105. package/src/movethewheels/components/charts/chartTokens.ts +43 -0
  106. package/src/movethewheels/components/charts/index.ts +9 -0
  107. package/src/movethewheels/components/index.ts +51 -1
  108. package/src/movethewheels/components/maps/LogisticsMap.tsx +94 -0
  109. package/src/movethewheels/components/maps/MapCanvas.tsx +118 -0
  110. package/src/movethewheels/components/maps/RouteMap.tsx +71 -0
  111. package/src/movethewheels/components/maps/TrackingMap.tsx +102 -0
  112. package/src/movethewheels/components/maps/index.ts +16 -0
  113. package/src/movethewheels/components/maps/leaflet-setup.ts +124 -0
  114. package/src/movethewheels/components/maps/map-markers.css +121 -0
  115. package/src/movethewheels/hooks/index.ts +9 -0
  116. package/src/movethewheels/hooks/useAnalytics.ts +109 -4
  117. package/src/movethewheels/hooks/useCustomers.ts +11 -4
  118. package/src/movethewheels/hooks/useEntityDocuments.ts +132 -0
  119. package/src/movethewheels/hooks/useFleet.ts +26 -7
  120. package/src/movethewheels/hooks/useInventory.ts +70 -7
  121. package/src/movethewheels/hooks/useOrders.ts +32 -2
  122. package/src/movethewheels/hooks/useReports.ts +14 -4
  123. package/src/movethewheels/hooks/useRoutes.ts +20 -3
  124. package/src/movethewheels/pages/AnalyticsPage.tsx +93 -73
  125. package/src/movethewheels/pages/CreateOrderPage.tsx +48 -20
  126. package/src/movethewheels/pages/CustomerDetailsPage.tsx +239 -33
  127. package/src/movethewheels/pages/CustomersPage.tsx +53 -28
  128. package/src/movethewheels/pages/DashboardPage.tsx +238 -12
  129. package/src/movethewheels/pages/DriverDetailsPage.tsx +17 -31
  130. package/src/movethewheels/pages/DriversPage.tsx +59 -31
  131. package/src/movethewheels/pages/FinancePage.tsx +103 -82
  132. package/src/movethewheels/pages/InventoryPage.tsx +15 -3
  133. package/src/movethewheels/pages/LiveTrackingPage.tsx +124 -16
  134. package/src/movethewheels/pages/MarketplacePage.tsx +265 -50
  135. package/src/movethewheels/pages/OrderDetailsPage.tsx +214 -10
  136. package/src/movethewheels/pages/OrdersListPage.tsx +118 -47
  137. package/src/movethewheels/pages/ProductsPage.tsx +52 -28
  138. package/src/movethewheels/pages/ReportsPage.tsx +88 -4
  139. package/src/movethewheels/pages/RouteDetailsPage.tsx +119 -19
  140. package/src/movethewheels/pages/RoutesPage.tsx +22 -6
  141. package/src/movethewheels/pages/SettingsPage.tsx +5 -21
  142. package/src/movethewheels/pages/TrackingPage.tsx +76 -6
  143. package/src/movethewheels/pages/VehicleDetailsPage.tsx +4 -34
  144. package/src/movethewheels/pages/VehiclesPage.tsx +58 -27
  145. package/src/movethewheels/pages/WarehouseDetailsPage.tsx +1 -1
  146. package/src/movethewheels/pages/WarehousesPage.tsx +47 -36
  147. package/src/movethewheels/types/index.ts +9 -1
  148. package/src/movethewheels/utils/download.ts +62 -0
  149. package/src/movethewheels/utils/mapMarkers.ts +58 -0
  150. package/dist/AnalyticsPage-Dz6g2MvK.js +0 -215
  151. package/dist/CreateOrderPage-C5iwnjp4.js +0 -479
  152. package/dist/CustomerDetailsPage-B6nwFyLO.js +0 -406
  153. package/dist/CustomersPage-BKxMS1AV.js +0 -161
  154. package/dist/DashboardPage-BVjQi0EB.js +0 -387
  155. package/dist/DataTable-DmciIKKM.js +0 -249
  156. package/dist/DriverDetailsPage-CN3WQ0B9.js +0 -507
  157. package/dist/DriversPage-CH9rjQC-.js +0 -165
  158. package/dist/FinancePage-DEDykSOP.js +0 -158
  159. package/dist/InventoryPage-e0ze63iX.js +0 -253
  160. package/dist/LiveTrackingPage-DCX-K-LR.js +0 -379
  161. package/dist/MarketplacePage-CIQ97_zp.js +0 -247
  162. package/dist/MetricCard-BY0QrMD4.js +0 -146
  163. package/dist/OrderDetailsPage-DYiZ-9UK.js +0 -429
  164. package/dist/OrdersListPage-Cn90P1Xx.js +0 -307
  165. package/dist/ProductsPage-QJfHHpqB.js +0 -169
  166. package/dist/ReportsPage-Zp53q3_8.js +0 -284
  167. package/dist/RouteDetailsPage-DUStXSf9.js +0 -531
  168. package/dist/TrackingPage-W-jtdM3Y.js +0 -325
  169. package/dist/VehicleDetailsPage-Bceo5oz3.js +0 -410
  170. package/dist/VehiclesPage-ApKThYeG.js +0 -165
  171. package/dist/WarehousesPage-DCbXXXWE.js +0 -162
  172. package/dist/useAnalytics-DS8n0xgg.js +0 -297
  173. /package/dist/{formatters-CF2S2l1m.js → formatters-FWJDwTFv.js} +0 -0
@@ -1,146 +0,0 @@
1
- import { rt as e } from "./PageLayout-D4LDHJJq.js";
2
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
- import { GlassCard as r } from "@burdenoff/fe-libs/ui";
4
- //#region src/movethewheels/components/MetricCard.tsx
5
- var i = {
6
- sm: {
7
- card: "p-3",
8
- value: "text-xl font-bold",
9
- label: "text-xs",
10
- icon: "w-8 h-8"
11
- },
12
- md: {
13
- card: "p-4",
14
- value: "text-2xl font-bold",
15
- label: "text-sm",
16
- icon: "w-10 h-10"
17
- },
18
- lg: {
19
- card: "p-6",
20
- value: "text-3xl font-bold",
21
- label: "text-base",
22
- icon: "w-12 h-12"
23
- }
24
- };
25
- function a({ value: a, label: o, icon: s, change: c, changeType: l = "neutral", subtitle: u, trend: d, size: f = "md", onClick: p, className: m, treatment: h = "metric", glow: g = !1 }) {
26
- let _ = i[f], v = {
27
- positive: "text-status-success-text",
28
- negative: "text-status-error-text",
29
- neutral: "text-text-secondary"
30
- }, y = {
31
- up: /* @__PURE__ */ t("svg", {
32
- className: "w-4 h-4",
33
- fill: "none",
34
- viewBox: "0 0 24 24",
35
- stroke: "currentColor",
36
- children: /* @__PURE__ */ t("path", {
37
- strokeLinecap: "round",
38
- strokeLinejoin: "round",
39
- strokeWidth: 2,
40
- d: "M5 10l7-7m0 0l7 7m-7-7v18"
41
- })
42
- }),
43
- down: /* @__PURE__ */ t("svg", {
44
- className: "w-4 h-4",
45
- fill: "none",
46
- viewBox: "0 0 24 24",
47
- stroke: "currentColor",
48
- children: /* @__PURE__ */ t("path", {
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round",
51
- strokeWidth: 2,
52
- d: "M19 14l-7 7m0 0l-7-7m7 7V3"
53
- })
54
- }),
55
- flat: /* @__PURE__ */ t("svg", {
56
- className: "w-4 h-4",
57
- fill: "none",
58
- viewBox: "0 0 24 24",
59
- stroke: "currentColor",
60
- children: /* @__PURE__ */ t("path", {
61
- strokeLinecap: "round",
62
- strokeLinejoin: "round",
63
- strokeWidth: 2,
64
- d: "M5 12h14"
65
- })
66
- })
67
- };
68
- return /* @__PURE__ */ t(r, {
69
- treatment: h,
70
- glow: g,
71
- className: e("overflow-hidden border-border-seam", p && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base", m),
72
- onClick: p,
73
- ...p ? {
74
- role: "button",
75
- tabIndex: 0,
76
- onKeyDown: (e) => {
77
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
78
- }
79
- } : {},
80
- children: /* @__PURE__ */ t("div", {
81
- className: _.card,
82
- children: /* @__PURE__ */ n("div", {
83
- className: "flex items-start justify-between",
84
- children: [/* @__PURE__ */ n("div", {
85
- className: "space-y-1",
86
- children: [
87
- /* @__PURE__ */ t("p", {
88
- className: e("text-text-secondary", _.label),
89
- children: o
90
- }),
91
- /* @__PURE__ */ t("p", {
92
- className: e("text-text-primary tracking-tight tabular-nums", _.value),
93
- children: typeof a == "number" ? a.toLocaleString() : a
94
- }),
95
- u && /* @__PURE__ */ t("p", {
96
- className: "text-xs text-text-secondary",
97
- children: u
98
- }),
99
- c && /* @__PURE__ */ n("div", {
100
- className: e("flex items-center gap-1 text-sm tabular-nums", v[l]),
101
- children: [d && y[d], /* @__PURE__ */ t("span", { children: c })]
102
- })
103
- ]
104
- }), s && /* @__PURE__ */ t("div", {
105
- className: e("flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-action-primary-bg", _.icon),
106
- children: s
107
- })]
108
- })
109
- })
110
- });
111
- }
112
- function o({ size: a = "md" }) {
113
- let o = i[a];
114
- return /* @__PURE__ */ t(r, {
115
- treatment: "metric",
116
- className: "overflow-hidden border-border-seam",
117
- children: /* @__PURE__ */ t("div", {
118
- className: o.card,
119
- children: /* @__PURE__ */ n("div", {
120
- className: "flex items-start justify-between",
121
- children: [/* @__PURE__ */ n("div", {
122
- className: "space-y-2 flex-1",
123
- children: [
124
- /* @__PURE__ */ t("div", { className: "h-4 w-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
125
- /* @__PURE__ */ t("div", { className: "h-8 w-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
126
- /* @__PURE__ */ t("div", { className: "h-3 w-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" })
127
- ]
128
- }), /* @__PURE__ */ t("div", { className: e("bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg", o.icon) })]
129
- })
130
- })
131
- });
132
- }
133
- function s({ children: n, columns: r = 4, className: i }) {
134
- return /* @__PURE__ */ t("div", {
135
- className: e("grid gap-4", {
136
- 2: "grid-cols-1 sm:grid-cols-2",
137
- 3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
138
- 4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
139
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
140
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
141
- }[r], i),
142
- children: n
143
- });
144
- }
145
- //#endregion
146
- export { o as n, s as r, a as t };
@@ -1,429 +0,0 @@
1
- import { G as e, H as t, K as n, U as r, W as i, ct as a, d as o, f as s, g as c, h as l, i as u, l as d, lt as f, n as p, ot as m, q as h, r as g, u as _, z as v } from "./PageLayout-D4LDHJJq.js";
2
- import { t as y } from "./arrow-left-n48Y-Wis.js";
3
- import { t as b } from "./circle-check-big-w0TrLKMF.js";
4
- import { t as x } from "./clock-DJZtdl8u.js";
5
- import { t as S } from "./dollar-sign-CgKQRz_e.js";
6
- import { t as C } from "./file-text-DWWY6_f5.js";
7
- import { n as w, t as T } from "./phone-Ac9s3mo_.js";
8
- import { t as E } from "./map-pin-BGiCvyCs.js";
9
- import { t as D } from "./package-BChUzpJS.js";
10
- import { t as O } from "./square-pen-CopE9GmB.js";
11
- import { t as k } from "./truck-C0v_hbLR.js";
12
- import { t as A } from "./user-jyFU3lXk.js";
13
- import { t as j } from "./useOrders-Cfk1GLiq.js";
14
- import { i as M, n as N, r as P, t as F } from "./StatusBadge-BZurYHMy.js";
15
- import { n as I, r as L, t as R } from "./formatters-CF2S2l1m.js";
16
- import { useParams as z } from "react-router-dom";
17
- import { jsx as B, jsxs as V } from "react/jsx-runtime";
18
- import { EmphasisPanel as H, NextSteps as U, PagePurpose as W } from "@burdenoff/fe-libs/ui";
19
- //#region node_modules/lucide-react/dist/esm/icons/printer.js
20
- var G = f("Printer", [
21
- ["path", {
22
- d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
23
- key: "143wyd"
24
- }],
25
- ["path", {
26
- d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
27
- key: "1itne7"
28
- }],
29
- ["rect", {
30
- x: "6",
31
- y: "14",
32
- width: "12",
33
- height: "8",
34
- rx: "1",
35
- key: "1ue0tg"
36
- }]
37
- ]);
38
- //#endregion
39
- //#region src/movethewheels/pages/OrderDetailsPage.tsx
40
- function K() {
41
- let { orderId: f } = z(), { basePath: K, navigate: q } = m(), { order: J, isLoading: Y, error: X, refetch: Z } = j(f), Q = (e) => {
42
- q && q(a(K, e));
43
- };
44
- return Y ? /* @__PURE__ */ B(g, { message: "Loading order details..." }) : X || !J ? /* @__PURE__ */ B(p, {
45
- title: "Order not found",
46
- message: "The order you're looking for doesn't exist or has been removed.",
47
- onRetry: Z
48
- }) : /* @__PURE__ */ V(u, {
49
- title: J.orderNumber,
50
- subtitle: `Created ${L(J.createdAt, "full")}`,
51
- icon: /* @__PURE__ */ B(D, { size: 24 }),
52
- headerActions: /* @__PURE__ */ V("div", {
53
- className: "flex gap-2",
54
- children: [
55
- /* @__PURE__ */ V(_, {
56
- variant: "outline",
57
- onClick: () => {
58
- q && q(a(K, "orders"));
59
- },
60
- children: [/* @__PURE__ */ B(y, { size: 16 }), "Back"]
61
- }),
62
- /* @__PURE__ */ V(_, {
63
- variant: "outline",
64
- children: [/* @__PURE__ */ B(G, { size: 16 }), "Print"]
65
- }),
66
- /* @__PURE__ */ V(_, {
67
- onClick: () => Q(`orders/${f}/edit`),
68
- children: [/* @__PURE__ */ B(O, { size: 16 }), "Edit"]
69
- })
70
- ]
71
- }),
72
- headerContent: /* @__PURE__ */ V("div", {
73
- className: "flex flex-wrap gap-2",
74
- children: [
75
- /* @__PURE__ */ B(P, {
76
- status: J.status,
77
- type: "order"
78
- }),
79
- /* @__PURE__ */ B(N, { priority: J.priority }),
80
- /* @__PURE__ */ B(M, { type: J.orderType }),
81
- /* @__PURE__ */ B(F, { status: J.pricing.paymentStatus })
82
- ]
83
- }),
84
- children: [
85
- /* @__PURE__ */ B(W, {
86
- icon: /* @__PURE__ */ B(D, { size: 18 }),
87
- children: "Everything about this one delivery in a single place — who it's for, where it's going, what's inside, the running cost and the full status history. Use this page to review the order, hand it to a driver, print the docket, or jump into live tracking."
88
- }),
89
- /* @__PURE__ */ B(U, {
90
- storageKey: "movethewheels-order-details",
91
- steps: [
92
- {
93
- id: "track",
94
- label: "Track this order live",
95
- description: "See where the shipment is right now on the map.",
96
- icon: /* @__PURE__ */ B(E, { size: 16 }),
97
- onClick: () => Q(`tracking?order=${J.id}`)
98
- },
99
- {
100
- id: "edit",
101
- label: "Edit order details",
102
- description: "Update items, addresses or instructions before dispatch.",
103
- icon: /* @__PURE__ */ B(O, { size: 16 }),
104
- onClick: () => Q(`orders/${f}/edit`)
105
- },
106
- {
107
- id: "print",
108
- label: "Print the delivery docket",
109
- description: "Generate a printable copy for the driver or warehouse.",
110
- icon: /* @__PURE__ */ B(G, { size: 16 }),
111
- onClick: () => window.print()
112
- }
113
- ]
114
- }),
115
- /* @__PURE__ */ V("div", {
116
- className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
117
- children: [/* @__PURE__ */ V("div", {
118
- className: "lg:col-span-2 space-y-6",
119
- children: [
120
- /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
121
- className: "flex items-center gap-2",
122
- children: [/* @__PURE__ */ B(A, { size: 18 }), "Customer Information"]
123
- }) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ V("div", {
124
- className: "grid grid-cols-1 md:grid-cols-2 gap-6",
125
- children: [/* @__PURE__ */ V("div", { children: [
126
- /* @__PURE__ */ B("h4", {
127
- className: "font-medium mb-2",
128
- children: J.customerInfo.name
129
- }),
130
- J.customerInfo.company && /* @__PURE__ */ B("p", {
131
- className: "text-sm text-text-secondary mb-2",
132
- children: J.customerInfo.company
133
- }),
134
- /* @__PURE__ */ V("div", {
135
- className: "space-y-1 text-sm",
136
- children: [/* @__PURE__ */ V("p", {
137
- className: "flex items-center gap-2",
138
- children: [/* @__PURE__ */ B(w, {
139
- size: 14,
140
- className: "text-text-secondary"
141
- }), J.customerInfo.email]
142
- }), /* @__PURE__ */ V("p", {
143
- className: "flex items-center gap-2",
144
- children: [/* @__PURE__ */ B(T, {
145
- size: 14,
146
- className: "text-text-secondary"
147
- }), J.customerInfo.phone]
148
- })]
149
- })
150
- ] }), /* @__PURE__ */ V("div", { children: [J.customerInfo.preferredDeliveryTime && /* @__PURE__ */ V("div", {
151
- className: "mb-2",
152
- children: [/* @__PURE__ */ B("p", {
153
- className: "text-sm text-text-secondary",
154
- children: "Preferred Delivery Time"
155
- }), /* @__PURE__ */ B("p", {
156
- className: "text-sm",
157
- children: J.customerInfo.preferredDeliveryTime
158
- })]
159
- }), J.customerInfo.deliveryInstructions && /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
160
- className: "text-sm text-text-secondary",
161
- children: "Delivery Instructions"
162
- }), /* @__PURE__ */ B("p", {
163
- className: "text-sm",
164
- children: J.customerInfo.deliveryInstructions
165
- })] })] })]
166
- }) })] }),
167
- /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
168
- className: "flex items-center gap-2",
169
- children: [/* @__PURE__ */ B(E, { size: 18 }), "Addresses"]
170
- }) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ V("div", {
171
- className: "grid grid-cols-1 md:grid-cols-2 gap-6",
172
- children: [/* @__PURE__ */ V("div", { children: [
173
- /* @__PURE__ */ B("h4", {
174
- className: "font-medium mb-2 flex items-center gap-2",
175
- children: /* @__PURE__ */ B(d, {
176
- variant: "outline",
177
- children: "Pickup"
178
- })
179
- }),
180
- /* @__PURE__ */ B("p", {
181
- className: "text-sm",
182
- children: R(J.pickupAddress)
183
- }),
184
- J.scheduledPickup && /* @__PURE__ */ V("p", {
185
- className: "text-sm text-text-secondary mt-2",
186
- children: ["Scheduled: ", L(J.scheduledPickup, "full")]
187
- }),
188
- J.actualPickup && /* @__PURE__ */ V("p", {
189
- className: "text-sm text-status-success-text mt-1",
190
- children: [
191
- /* @__PURE__ */ B(b, {
192
- size: 14,
193
- className: "inline mr-1"
194
- }),
195
- "Picked up: ",
196
- L(J.actualPickup, "full")
197
- ]
198
- })
199
- ] }), /* @__PURE__ */ V("div", { children: [
200
- /* @__PURE__ */ B("h4", {
201
- className: "font-medium mb-2 flex items-center gap-2",
202
- children: /* @__PURE__ */ B(d, {
203
- variant: "outline",
204
- children: "Delivery"
205
- })
206
- }),
207
- /* @__PURE__ */ B("p", {
208
- className: "text-sm",
209
- children: R(J.deliveryAddress)
210
- }),
211
- J.scheduledDelivery && /* @__PURE__ */ V("p", {
212
- className: "text-sm text-text-secondary mt-2",
213
- children: ["Scheduled: ", L(J.scheduledDelivery, "full")]
214
- }),
215
- J.actualDelivery && /* @__PURE__ */ V("p", {
216
- className: "text-sm text-status-success-text mt-1",
217
- children: [
218
- /* @__PURE__ */ B(b, {
219
- size: 14,
220
- className: "inline mr-1"
221
- }),
222
- "Delivered: ",
223
- L(J.actualDelivery, "full")
224
- ]
225
- })
226
- ] })]
227
- }) })] }),
228
- /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
229
- className: "flex items-center gap-2",
230
- children: [
231
- /* @__PURE__ */ B(D, { size: 18 }),
232
- "Order Items (",
233
- J.items.length,
234
- ")"
235
- ]
236
- }) }), /* @__PURE__ */ B(s, {
237
- className: "p-0",
238
- children: /* @__PURE__ */ V(t, { children: [/* @__PURE__ */ B(n, { children: /* @__PURE__ */ V(h, { children: [
239
- /* @__PURE__ */ B(e, { children: "Item" }),
240
- /* @__PURE__ */ B(e, { children: "SKU" }),
241
- /* @__PURE__ */ B(e, {
242
- className: "text-center",
243
- children: "Qty"
244
- }),
245
- /* @__PURE__ */ B(e, {
246
- className: "text-right",
247
- children: "Unit Price"
248
- }),
249
- /* @__PURE__ */ B(e, {
250
- className: "text-right",
251
- children: "Total"
252
- })
253
- ] }) }), /* @__PURE__ */ B(r, { children: J.items.map((e) => /* @__PURE__ */ V(h, { children: [
254
- /* @__PURE__ */ B(i, { children: /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
255
- className: "font-medium",
256
- children: e.name
257
- }), e.description && /* @__PURE__ */ B("p", {
258
- className: "text-sm text-text-secondary",
259
- children: e.description
260
- })] }) }),
261
- /* @__PURE__ */ B(i, {
262
- className: "font-mono text-sm",
263
- children: e.sku
264
- }),
265
- /* @__PURE__ */ B(i, {
266
- className: "text-center",
267
- children: e.quantity
268
- }),
269
- /* @__PURE__ */ B(i, {
270
- className: "text-right",
271
- children: I(e.value)
272
- }),
273
- /* @__PURE__ */ B(i, {
274
- className: "text-right font-medium",
275
- children: I(e.value * e.quantity)
276
- })
277
- ] }, e.id)) })] })
278
- })] }),
279
- /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
280
- className: "flex items-center gap-2",
281
- children: [/* @__PURE__ */ B(x, { size: 18 }), "Order Timeline"]
282
- }) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ B("div", {
283
- className: "relative",
284
- children: J.timeline.map((e, t) => /* @__PURE__ */ V("div", {
285
- className: "flex gap-4 pb-6 last:pb-0",
286
- children: [/* @__PURE__ */ V("div", {
287
- className: "relative",
288
- children: [/* @__PURE__ */ B("div", { className: "w-3 h-3 rounded-full bg-action-primary-bg mt-1.5" }), t < J.timeline.length - 1 && /* @__PURE__ */ B("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
289
- }), /* @__PURE__ */ V("div", {
290
- className: "flex-1",
291
- children: [
292
- /* @__PURE__ */ V("div", {
293
- className: "flex items-center gap-2 mb-1",
294
- children: [/* @__PURE__ */ B(P, {
295
- status: e.status,
296
- type: "order",
297
- size: "sm"
298
- }), /* @__PURE__ */ B("span", {
299
- className: "text-sm text-text-secondary",
300
- children: L(e.timestamp, "full")
301
- })]
302
- }),
303
- e.notes && /* @__PURE__ */ B("p", {
304
- className: "text-sm",
305
- children: e.notes
306
- }),
307
- /* @__PURE__ */ V("p", {
308
- className: "text-xs text-text-secondary",
309
- children: ["by ", e.performedBy]
310
- })
311
- ]
312
- })]
313
- }, t))
314
- }) })] })
315
- ]
316
- }), /* @__PURE__ */ V("div", {
317
- className: "space-y-6",
318
- children: [
319
- /* @__PURE__ */ V(H, { children: [/* @__PURE__ */ V("h2", {
320
- className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
321
- children: [/* @__PURE__ */ B(S, { size: 18 }), "Order Summary"]
322
- }), /* @__PURE__ */ V("div", {
323
- className: "space-y-3",
324
- children: [
325
- /* @__PURE__ */ V("div", {
326
- className: "flex justify-between text-sm",
327
- children: [/* @__PURE__ */ B("span", {
328
- className: "text-text-secondary",
329
- children: "Subtotal"
330
- }), /* @__PURE__ */ B("span", { children: I(J.pricing.subtotal) })]
331
- }),
332
- /* @__PURE__ */ V("div", {
333
- className: "flex justify-between text-sm",
334
- children: [/* @__PURE__ */ B("span", {
335
- className: "text-text-secondary",
336
- children: "Delivery"
337
- }), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.delivery) })]
338
- }),
339
- /* @__PURE__ */ V("div", {
340
- className: "flex justify-between text-sm",
341
- children: [/* @__PURE__ */ B("span", {
342
- className: "text-text-secondary",
343
- children: "Handling"
344
- }), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.handling) })]
345
- }),
346
- J.pricing.fees.insurance && /* @__PURE__ */ V("div", {
347
- className: "flex justify-between text-sm",
348
- children: [/* @__PURE__ */ B("span", {
349
- className: "text-text-secondary",
350
- children: "Insurance"
351
- }), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.insurance) })]
352
- }),
353
- /* @__PURE__ */ V("div", {
354
- className: "flex justify-between text-sm",
355
- children: [/* @__PURE__ */ B("span", {
356
- className: "text-text-secondary",
357
- children: "Taxes"
358
- }), /* @__PURE__ */ B("span", { children: I(J.pricing.taxes) })]
359
- }),
360
- /* @__PURE__ */ B(v, {}),
361
- /* @__PURE__ */ V("div", {
362
- className: "flex justify-between font-medium",
363
- children: [/* @__PURE__ */ B("span", { children: "Total" }), /* @__PURE__ */ B("span", {
364
- className: "text-lg",
365
- children: I(J.pricing.total)
366
- })]
367
- }),
368
- /* @__PURE__ */ V("div", {
369
- className: "pt-2",
370
- children: [/* @__PURE__ */ B("p", {
371
- className: "text-sm text-text-secondary",
372
- children: "Payment Method"
373
- }), /* @__PURE__ */ B("p", {
374
- className: "text-sm capitalize",
375
- children: J.pricing.paymentMethod.replace("_", " ")
376
- })]
377
- })
378
- ]
379
- })] }),
380
- /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
381
- className: "flex items-center gap-2",
382
- children: [/* @__PURE__ */ B(k, { size: 18 }), "Assignment"]
383
- }) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ V("div", {
384
- className: "space-y-4",
385
- children: [
386
- /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
387
- className: "text-sm text-text-secondary",
388
- children: "Driver"
389
- }), /* @__PURE__ */ B("p", {
390
- className: "text-sm",
391
- children: J.driverId || "Not assigned"
392
- })] }),
393
- /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
394
- className: "text-sm text-text-secondary",
395
- children: "Vehicle"
396
- }), /* @__PURE__ */ B("p", {
397
- className: "text-sm",
398
- children: J.vehicleId || "Not assigned"
399
- })] }),
400
- /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
401
- className: "text-sm text-text-secondary",
402
- children: "Tracking Number"
403
- }), /* @__PURE__ */ B("p", {
404
- className: "text-sm font-mono",
405
- children: J.trackingNumber
406
- })] }),
407
- /* @__PURE__ */ V(_, {
408
- variant: "outline",
409
- className: "w-full",
410
- onClick: () => Q(`tracking?order=${J.id}`),
411
- children: [/* @__PURE__ */ B(E, { size: 16 }), "Track Order"]
412
- })
413
- ]
414
- }) })] }),
415
- J.specialInstructions && /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
416
- className: "flex items-center gap-2",
417
- children: [/* @__PURE__ */ B(C, { size: 18 }), "Special Instructions"]
418
- }) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ B("p", {
419
- className: "text-sm",
420
- children: J.specialInstructions
421
- }) })] })
422
- ]
423
- })]
424
- })
425
- ]
426
- });
427
- }
428
- //#endregion
429
- export { K as default };