@burdenoff/microfe-movethewheels 2026.703.4 → 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 (149) hide show
  1. package/dist/{AIAssistantPage-3YOnHO9Y.js → AIAssistantPage-D2gaEL1U.js} +16 -15
  2. package/dist/AnalyticsPage-DZMlEoBi.js +194 -0
  3. package/dist/{CreateOrderPage-DRAgGo9i.js → CreateOrderPage-CWHx8yys.js} +40 -40
  4. package/dist/{CustomerDetailsPage-BCeMmOFe.js → CustomerDetailsPage-nR4oZ_ju.js} +71 -71
  5. package/dist/CustomersPage-Bbvwvn8k.js +205 -0
  6. package/dist/DashboardPage-DrEhNf7N.js +542 -0
  7. package/dist/{DataTable-XvUcTjwi.js → DataTable-CqMUD4er.js} +31 -31
  8. package/dist/{DocumentsCard-U2lSe-cn.js → DocumentsCard-edDkgnJj.js} +25 -25
  9. package/dist/{DriverDetailsPage-BQrYd_Lp.js → DriverDetailsPage-whEMOWs9.js} +64 -64
  10. package/dist/DriversPage-CHF2ZEzd.js +221 -0
  11. package/dist/FinancePage-Dn9GrW-1.js +175 -0
  12. package/dist/{FleetPage-3ZHsB-TN.js → FleetPage-CrtGPy-p.js} +22 -22
  13. package/dist/{FormError-cuLV2jVD.js → FormError-BKcb_wT-.js} +1 -1
  14. package/dist/{ImportExportPage-C6f7DqhM.js → ImportExportPage-WYdwZomZ.js} +12 -12
  15. package/dist/InventoryPage-l5A1f753.js +259 -0
  16. package/dist/LiveTrackingPage-DhEaNKZ4.js +429 -0
  17. package/dist/{MarketplacePage-Bh_2ns4v.js → MarketplacePage-B9RYOb1Y.js} +116 -116
  18. package/dist/MetricCard-y3bWHKUQ.js +191 -0
  19. package/dist/{Notice-CSoDYKw9.js → Notice-DOO-tjpV.js} +2 -2
  20. package/dist/{OrderDetailsPage-zCj0lW0j.js → OrderDetailsPage-CwYHwk1K.js} +58 -58
  21. package/dist/OrdersListPage-DhZJoQeI.js +386 -0
  22. package/dist/{PageLayout-D4LDHJJq.js → PageLayout-BniRJaQ6.js} +1 -1
  23. package/dist/{ProductDetailsPage-wsxAQkA0.js → ProductDetailsPage-1Gm9JKy0.js} +55 -55
  24. package/dist/ProductsPage-C8sn-1tN.js +186 -0
  25. package/dist/ReportsPage-D1tb0dcz.js +377 -0
  26. package/dist/{RouteDetailsPage-DyMJE9AS.js → RouteDetailsPage-CkMyR9b_.js} +208 -181
  27. package/dist/{RoutesPage-Dtc669yc.js → RoutesPage-QkENzsE5.js} +12 -12
  28. package/dist/{SettingsPage-CpH9xhQg.js → SettingsPage-DV3_tU_X.js} +15 -15
  29. package/dist/Sparkline-K2RMJ58u.js +16729 -0
  30. package/dist/{StatusBadge-C87mDpDP.js → StatusBadge-BNHXYvZx.js} +7 -7
  31. package/dist/TrackingPage-BZrg4RCu.js +368 -0
  32. package/dist/{VehicleDetailsPage-DldYNsYV.js → VehicleDetailsPage-D-8XPZ2G.js} +53 -53
  33. package/dist/VehiclesPage-D5BELbtM.js +184 -0
  34. package/dist/{WarehouseDetailsPage-CMG7or6G.js → WarehouseDetailsPage-Cmg-8Frn.js} +64 -64
  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-Q3XQpTPR.js → arrow-right-CmKOmIkh.js} +1 -1
  38. package/dist/{arrow-up-xNF1zJUG.js → arrow-up-BJijRLAZ.js} +1 -1
  39. package/dist/{box-Eu05PXDh.js → box-BT3NsRQP.js} +1 -1
  40. package/dist/boxes-B_OGvQiW.js +54 -0
  41. package/dist/{chart-column-ouzgxIv_.js → chart-column-DQTTdUPk.js} +1 -1
  42. package/dist/charts-Tj_PPTfA.js +2018 -0
  43. package/dist/{chevron-left-B2_r0Elx.js → chevron-left-B1rZyWWb.js} +1 -1
  44. package/dist/{chevron-right-eV4LjaSi.js → chevron-right-BIcwUJZq.js} +1 -1
  45. package/dist/chunk-BdsCSvBP.js +20 -0
  46. package/dist/{circle-alert-Bzh2DBSF.js → circle-alert-CNkuDNc6.js} +1 -1
  47. package/dist/circle-check-Cs1OVjtV.js +13 -0
  48. package/dist/{circle-check-big-CGMSpQmD.js → circle-check-big-C-p4eNwn.js} +1 -1
  49. package/dist/{clock-Bl3ptexL.js → clock-dRGG4rkF.js} +1 -1
  50. package/dist/{dollar-sign-CAVU95SO.js → dollar-sign-B6RoYHHz.js} +1 -1
  51. package/dist/{download-C5NbvVDc.js → download-DP04iWTd.js} +1 -1
  52. package/dist/{file-text-D-1uvLZG.js → file-text-BuDx4hZp.js} +1 -1
  53. package/dist/{filter-DUfUg6BO.js → filter-BD483_8g.js} +1 -1
  54. package/dist/{fuel-B6_lnKDs.js → fuel-DLH1ag04.js} +1 -1
  55. package/dist/index.css +2 -0
  56. package/dist/index.js +214 -225
  57. package/dist/{map-C-M-FQLR.js → map-DNQn9fyY.js} +1 -1
  58. package/dist/{map-pin-Dznl5l40.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-BJSJl-VG.js → navigation-CgGUt2tR.js} +1 -1
  62. package/dist/{package-CcRttV2N.js → package-DmRF7iQD.js} +1 -1
  63. package/dist/{phone-DVSZHt_j.js → phone-Cl32EXKW.js} +1 -1
  64. package/dist/{plus-C_XZDwBz.js → plus-DlANgOFx.js} +1 -1
  65. package/dist/{refresh-cw-CfgN67l3.js → refresh-cw-rW59D4b7.js} +1 -1
  66. package/dist/route-CWjPrtAN.js +22 -0
  67. package/dist/{save-DJE8Fpdv.js → save-UDlog7hg.js} +1 -1
  68. package/dist/{search-D_VyGcZT.js → search-DNIG5Ck7.js} +1 -1
  69. package/dist/{square-pen-D-6JYrVQ.js → square-pen-BcfB3Grd.js} +1 -1
  70. package/dist/{star-BpRlUZuU.js → star-CVZHFwDx.js} +1 -1
  71. package/dist/{store-B-8HMuyZ.js → store-bwnmCK9f.js} +1 -1
  72. package/dist/{trash-2-8vmv-XV_.js → trash-2-B80G12d4.js} +1 -1
  73. package/dist/{trending-up-Dz6PqPRj.js → trending-up-CH4R4KOa.js} +1 -1
  74. package/dist/{triangle-alert-D7Y3J_4z.js → triangle-alert-CmS8AUU6.js} +1 -1
  75. package/dist/{truck-D-y2IDzv.js → truck-9rLDncav.js} +1 -1
  76. package/dist/{upload-CHZofOqb.js → upload-DanJY1Vo.js} +1 -1
  77. package/dist/{useAssistant-DVW4QgQb.js → useAssistant-CnEwkTLm.js} +11 -28
  78. package/dist/{useCustomers-BPW4__PR.js → useCustomers-ChJao1ET.js} +1 -1
  79. package/dist/{useFleet-ChBkxAd6.js → useFleet-g5Yri0G8.js} +1 -1
  80. package/dist/{useImportExport-DrPDHEDK.js → useImportExport-MYwIT3rE.js} +1 -1
  81. package/dist/{useInventory-CAAVMRp6.js → useInventory-BSOn-R1c.js} +1 -1
  82. package/dist/{useOrders-B465S2nt.js → useOrders-BSiqo61w.js} +1 -1
  83. package/dist/{useReports-jQ3GpNOm.js → useReports-fWESfsF9.js} +1 -1
  84. package/dist/{useRoutes-hS3d5-xr.js → useRoutes-zD8Yp323.js} +1 -1
  85. package/dist/{useSettings-BB8X2RLh.js → useSettings-B1lsWeZ1.js} +6 -6
  86. package/dist/{useTracking-RjGz9PZG.js → useTracking-BKG0I2ln.js} +3 -3
  87. package/dist/{user-DzfTn4dE.js → user-DU51el3m.js} +1 -1
  88. package/dist/{user-check-BEKRCi7v.js → user-check-IMhk-qkX.js} +1 -1
  89. package/dist/{users-CCrq-w0C.js → users-B8KhJBGg.js} +1 -1
  90. package/dist/{warehouse-CaqfmMKh.js → warehouse-CcMMioeY.js} +1 -1
  91. package/dist/{wrench-q_rgJfaP.js → wrench-Dg-sgH2e.js} +1 -1
  92. package/dist/{x-tMeDMcCw.js → x-C4ObLVEa.js} +1 -1
  93. package/package.json +5 -1
  94. package/src/movethewheels/components/GlassPanel.tsx +71 -0
  95. package/src/movethewheels/components/MetricCard.tsx +171 -73
  96. package/src/movethewheels/components/StatusBadge.tsx +7 -6
  97. package/src/movethewheels/components/charts/ChartShell.tsx +78 -0
  98. package/src/movethewheels/components/charts/Sparkline.tsx +85 -0
  99. package/src/movethewheels/components/charts/StatusDonut.tsx +115 -0
  100. package/src/movethewheels/components/charts/TrendChart.tsx +179 -0
  101. package/src/movethewheels/components/charts/VolumeBar.tsx +97 -0
  102. package/src/movethewheels/components/charts/chartTokens.ts +43 -0
  103. package/src/movethewheels/components/charts/index.ts +9 -0
  104. package/src/movethewheels/components/index.ts +44 -1
  105. package/src/movethewheels/components/maps/LogisticsMap.tsx +94 -0
  106. package/src/movethewheels/components/maps/MapCanvas.tsx +118 -0
  107. package/src/movethewheels/components/maps/RouteMap.tsx +71 -0
  108. package/src/movethewheels/components/maps/TrackingMap.tsx +102 -0
  109. package/src/movethewheels/components/maps/index.ts +16 -0
  110. package/src/movethewheels/components/maps/leaflet-setup.ts +124 -0
  111. package/src/movethewheels/components/maps/map-markers.css +121 -0
  112. package/src/movethewheels/hooks/useAnalytics.ts +14 -4
  113. package/src/movethewheels/pages/AnalyticsPage.tsx +93 -73
  114. package/src/movethewheels/pages/CreateOrderPage.tsx +4 -4
  115. package/src/movethewheels/pages/CustomersPage.tsx +29 -20
  116. package/src/movethewheels/pages/DashboardPage.tsx +238 -12
  117. package/src/movethewheels/pages/DriverDetailsPage.tsx +1 -1
  118. package/src/movethewheels/pages/DriversPage.tsx +35 -24
  119. package/src/movethewheels/pages/FinancePage.tsx +68 -30
  120. package/src/movethewheels/pages/InventoryPage.tsx +15 -3
  121. package/src/movethewheels/pages/LiveTrackingPage.tsx +124 -16
  122. package/src/movethewheels/pages/OrdersListPage.tsx +46 -38
  123. package/src/movethewheels/pages/ProductsPage.tsx +28 -24
  124. package/src/movethewheels/pages/ReportsPage.tsx +23 -0
  125. package/src/movethewheels/pages/RouteDetailsPage.tsx +46 -7
  126. package/src/movethewheels/pages/SettingsPage.tsx +2 -2
  127. package/src/movethewheels/pages/TrackingPage.tsx +76 -6
  128. package/src/movethewheels/pages/VehicleDetailsPage.tsx +1 -1
  129. package/src/movethewheels/pages/VehiclesPage.tsx +34 -24
  130. package/src/movethewheels/pages/WarehouseDetailsPage.tsx +1 -1
  131. package/src/movethewheels/pages/WarehousesPage.tsx +28 -22
  132. package/src/movethewheels/types/index.ts +1 -1
  133. package/src/movethewheels/utils/mapMarkers.ts +58 -0
  134. package/dist/AnalyticsPage-CMpI1070.js +0 -215
  135. package/dist/CustomersPage-CaNBMXmM.js +0 -172
  136. package/dist/DashboardPage-DIKlXde3.js +0 -387
  137. package/dist/DriversPage-PYmdFiby.js +0 -176
  138. package/dist/FinancePage-Cwh9Bw4M.js +0 -136
  139. package/dist/InventoryPage-DpiqVu1v.js +0 -253
  140. package/dist/LiveTrackingPage-FAzzlVnX.js +0 -379
  141. package/dist/MetricCard-CVBVpu7o.js +0 -146
  142. package/dist/OrdersListPage-CAMsuUck.js +0 -384
  143. package/dist/ProductsPage-DC5qDLfz.js +0 -180
  144. package/dist/ReportsPage-BwUJ37eO.js +0 -356
  145. package/dist/TrackingPage-DaNEFG_h.js +0 -325
  146. package/dist/VehiclesPage-BFw13iMt.js +0 -176
  147. package/dist/WarehousesPage-Wkytnt86.js +0 -173
  148. package/dist/useAnalytics-D7HW2XRb.js +0 -347
  149. /package/dist/{formatters-BQr-aR5W.js → formatters-FWJDwTFv.js} +0 -0
@@ -1,172 +0,0 @@
1
- import { ct as e, i as t, l as n, o as r, ot as i, s as a, u as o } from "./PageLayout-D4LDHJJq.js";
2
- import { t as s } from "./DataTable-XvUcTjwi.js";
3
- import { t as c } from "./download-C5NbvVDc.js";
4
- import { t as l } from "./plus-C_XZDwBz.js";
5
- import { t as u } from "./refresh-cw-CfgN67l3.js";
6
- import { t as d } from "./star-BpRlUZuU.js";
7
- import { t as f } from "./users-CCrq-w0C.js";
8
- import { n as p, r as m } from "./useCustomers-BPW4__PR.js";
9
- import { i as h } from "./StatusBadge-C87mDpDP.js";
10
- import { r as g } from "./formatters-BQr-aR5W.js";
11
- import { useState as _ } from "react";
12
- import { jsx as v, jsxs as y } from "react/jsx-runtime";
13
- import { CTAOverflowMenu as b, EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
14
- //#region src/movethewheels/pages/CustomersPage.tsx
15
- function C() {
16
- let { basePath: C, navigate: w } = i(), [T, E] = _(0), [D, O] = _(25), { customers: k, hasMore: A, isLoading: j, refetch: M } = m({
17
- limit: D,
18
- offset: T * D
19
- }), { stats: N } = p(), P = (t) => w?.(e(C, t));
20
- return /* @__PURE__ */ y(t, {
21
- title: "Customers",
22
- subtitle: `${N.total} customers`,
23
- icon: /* @__PURE__ */ v(f, { size: 24 }),
24
- headerActions: /* @__PURE__ */ v(b, {
25
- primary: {
26
- label: "Add Customer",
27
- icon: /* @__PURE__ */ v(l, { size: 16 }),
28
- onSelect: () => P("customers/new")
29
- },
30
- actions: [{
31
- label: "Refresh",
32
- icon: /* @__PURE__ */ v(u, { size: 16 }),
33
- onSelect: () => M()
34
- }, {
35
- label: "Export",
36
- icon: /* @__PURE__ */ v(c, { size: 16 }),
37
- onSelect: () => P("import-export")
38
- }]
39
- }),
40
- children: [
41
- /* @__PURE__ */ v(S, {
42
- icon: /* @__PURE__ */ v(f, { size: 18 }),
43
- children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
44
- }),
45
- /* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v("p", {
46
- className: "text-sm font-medium text-text-secondary",
47
- children: "Customer base at a glance"
48
- }), /* @__PURE__ */ y("div", {
49
- className: "mt-3 grid grid-cols-3 gap-4",
50
- children: [
51
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
52
- className: "text-2xl font-bold text-text-primary tabular-nums",
53
- children: N.total
54
- }), /* @__PURE__ */ v("p", {
55
- className: "text-xs text-text-secondary",
56
- children: "Total customers"
57
- })] }),
58
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
59
- className: "text-2xl font-bold text-text-primary tabular-nums",
60
- children: N.active
61
- }), /* @__PURE__ */ v("p", {
62
- className: "text-xs text-text-secondary",
63
- children: "Active"
64
- })] }),
65
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
66
- className: "text-2xl font-bold text-text-primary tabular-nums",
67
- children: N.b2b
68
- }), /* @__PURE__ */ v("p", {
69
- className: "text-xs text-text-secondary",
70
- children: "Business accounts"
71
- })] })
72
- ]
73
- })] }),
74
- /* @__PURE__ */ v(s, {
75
- columns: [
76
- {
77
- id: "customer",
78
- header: "Customer",
79
- cell: (e) => /* @__PURE__ */ y("div", {
80
- className: "flex items-center gap-3",
81
- children: [/* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(a, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
82
- className: "font-medium",
83
- children: e.name
84
- }), /* @__PURE__ */ v("p", {
85
- className: "text-sm text-text-secondary",
86
- children: e.email
87
- })] })]
88
- })
89
- },
90
- {
91
- id: "type",
92
- header: "Type",
93
- accessorKey: "type",
94
- cell: (e) => /* @__PURE__ */ v(h, { type: e.type })
95
- },
96
- {
97
- id: "company",
98
- header: "Company",
99
- accessorKey: "company",
100
- cell: (e) => e.company || "-"
101
- },
102
- {
103
- id: "phone",
104
- header: "Phone",
105
- accessorKey: "phone"
106
- },
107
- {
108
- id: "location",
109
- header: "Location",
110
- cell: (e) => `${e.address.city}, ${e.address.state}`
111
- },
112
- {
113
- id: "rating",
114
- header: "Rating",
115
- cell: (e) => /* @__PURE__ */ y("div", {
116
- className: "flex items-center gap-1",
117
- children: [/* @__PURE__ */ v(d, {
118
- size: 14,
119
- className: "text-status-warning-text fill-current"
120
- }), /* @__PURE__ */ v("span", { children: e.rating.toFixed(1) })]
121
- })
122
- },
123
- {
124
- id: "status",
125
- header: "Status",
126
- cell: (e) => /* @__PURE__ */ v(n, {
127
- variant: e.isActive ? "default" : "secondary",
128
- children: e.isActive ? "Active" : "Inactive"
129
- })
130
- },
131
- {
132
- id: "created",
133
- header: "Created",
134
- accessorKey: "createdAt",
135
- sortable: !0,
136
- cell: (e) => g(e.createdAt, "short")
137
- }
138
- ],
139
- data: k,
140
- isLoading: j,
141
- searchable: !0,
142
- searchPlaceholder: "Search customers...",
143
- searchFields: [
144
- "name",
145
- "email",
146
- "company"
147
- ],
148
- onRowClick: (e) => P(`customers/${e.id}`),
149
- getRowId: (e) => e.id,
150
- pageIndex: T,
151
- pageSize: D,
152
- onPageChange: E,
153
- onPageSizeChange: (e) => {
154
- O(e), E(0);
155
- },
156
- hasNextPage: A,
157
- emptyIllustration: "empty-people",
158
- emptyTitle: "No customers yet",
159
- emptyDescription: "Add your first customer to start booking deliveries for them.",
160
- emptyAction: /* @__PURE__ */ y(o, {
161
- onClick: () => P("customers/new"),
162
- children: [/* @__PURE__ */ v(l, {
163
- size: 16,
164
- className: "mr-1.5"
165
- }), "Add Customer"]
166
- })
167
- })
168
- ]
169
- });
170
- }
171
- //#endregion
172
- export { C as default };
@@ -1,387 +0,0 @@
1
- import { M as e, a as t, ct as n, d as r, f as i, g as a, h as o, i as s, l as c, ot as l, u } from "./PageLayout-D4LDHJJq.js";
2
- import { t as d } from "./chevron-right-eV4LjaSi.js";
3
- import { t as f } from "./clock-Bl3ptexL.js";
4
- import { t as p } from "./dollar-sign-CAVU95SO.js";
5
- import { t as m } from "./map-pin-Dznl5l40.js";
6
- import { t as h } from "./package-CcRttV2N.js";
7
- import { t as g } from "./trending-up-Dz6PqPRj.js";
8
- import { t as _ } from "./triangle-alert-D7Y3J_4z.js";
9
- import { t as v } from "./truck-D-y2IDzv.js";
10
- import { t as y } from "./users-CCrq-w0C.js";
11
- import { n as b, r as x } from "./useOrders-B465S2nt.js";
12
- import { i as S } from "./useFleet-ChBkxAd6.js";
13
- import { n as C } from "./useAnalytics-D7HW2XRb.js";
14
- import { r as w } from "./useTracking-RjGz9PZG.js";
15
- import { r as T, t as E } from "./MetricCard-CVBVpu7o.js";
16
- import { r as D } from "./StatusBadge-C87mDpDP.js";
17
- import { n as O, r as k } from "./formatters-BQr-aR5W.js";
18
- import { jsx as A, jsxs as j } from "react/jsx-runtime";
19
- import { CTAOverflowMenu as M, EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
20
- import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
21
- //#region src/movethewheels/pages/DashboardPage.tsx
22
- function I() {
23
- let { t: I } = F(), L = (e, t) => {
24
- let n = I(e);
25
- return n === e ? t : n;
26
- }, { basePath: R, navigate: z } = l(), { metrics: B } = C(), { orders: V } = x({ limit: 5 }), { stats: H } = b(), { stats: U } = S(), { activeDeliveries: W } = w(), G = (e) => {
27
- z && z(n(R, e));
28
- }, K = (e, t) => {
29
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
30
- };
31
- return /* @__PURE__ */ j(s, {
32
- hero: !0,
33
- titleAccent: L("movethewheels.dashboard.title", "Dashboard"),
34
- title: L("movethewheels.dashboard.title", "Dashboard"),
35
- subtitle: L("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
36
- icon: /* @__PURE__ */ A(g, { size: 24 }),
37
- headerActions: /* @__PURE__ */ A(M, {
38
- primary: {
39
- label: L("movethewheels.dashboard.actions.newOrder", "New Order"),
40
- icon: /* @__PURE__ */ A(h, { size: 16 }),
41
- onSelect: () => G("orders/new")
42
- },
43
- actions: [{
44
- label: L("movethewheels.dashboard.actions.liveMap", "Live Map"),
45
- icon: /* @__PURE__ */ A(m, { size: 16 }),
46
- onSelect: () => G("tracking/live")
47
- }]
48
- }),
49
- children: [
50
- /* @__PURE__ */ A(P, {
51
- icon: /* @__PURE__ */ A(g, { size: 18 }),
52
- children: L("movethewheels.dashboard.purpose", "Your logistics command center — a live snapshot of orders, active deliveries, fleet health and revenue. Start here each day to spot what needs attention, then jump straight into an order, the live map or fleet status.")
53
- }),
54
- /* @__PURE__ */ j(T, {
55
- columns: 4,
56
- children: [
57
- /* @__PURE__ */ A(E, {
58
- label: L("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
59
- value: B.orders.total,
60
- icon: /* @__PURE__ */ A(h, { size: 20 }),
61
- onClick: () => G("orders")
62
- }),
63
- /* @__PURE__ */ A(E, {
64
- label: L("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
65
- value: B.orders.inTransit,
66
- icon: /* @__PURE__ */ A(v, { size: 20 }),
67
- subtitle: `${B.orders.pending} ${L("movethewheels.dashboard.metrics.pending", "pending")}`,
68
- onClick: () => G("tracking")
69
- }),
70
- /* @__PURE__ */ A(E, {
71
- label: L("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
72
- value: `${B.fleet.activeVehicles}/${B.fleet.totalVehicles}`,
73
- icon: /* @__PURE__ */ A(v, { size: 20 }),
74
- subtitle: `${B.fleet.availableDrivers} ${L("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
75
- onClick: () => G("fleet")
76
- }),
77
- /* @__PURE__ */ A(E, {
78
- treatment: "glass",
79
- glow: !0,
80
- label: L("movethewheels.dashboard.metrics.revenue", "Revenue"),
81
- value: O(B.revenue.total),
82
- icon: /* @__PURE__ */ A(p, { size: 20 }),
83
- onClick: () => G("analytics")
84
- })
85
- ]
86
- }),
87
- /* @__PURE__ */ j(T, {
88
- columns: 4,
89
- children: [
90
- /* @__PURE__ */ A(E, {
91
- size: "sm",
92
- label: L("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
93
- value: `${B.performance.onTimeDeliveryRate.toFixed(1)}%`,
94
- changeType: B.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
95
- }),
96
- /* @__PURE__ */ A(E, {
97
- size: "sm",
98
- label: L("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
99
- value: O(B.revenue.avgOrderValue)
100
- }),
101
- /* @__PURE__ */ A(E, {
102
- size: "sm",
103
- label: L("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
104
- value: B.performance.avgDriverRating.toFixed(1),
105
- subtitle: L("movethewheels.dashboard.stats.outOfFive", "out of 5")
106
- }),
107
- /* @__PURE__ */ A(E, {
108
- size: "sm",
109
- label: L("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
110
- value: B.orders.delivered
111
- })
112
- ]
113
- }),
114
- /* @__PURE__ */ j("div", {
115
- className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
116
- children: [/* @__PURE__ */ A(t, {
117
- title: L("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
118
- actions: /* @__PURE__ */ j(u, {
119
- variant: "ghost",
120
- size: "sm",
121
- onClick: () => G("orders"),
122
- children: [
123
- L("movethewheels.dashboard.common.viewAll", "View all"),
124
- " ",
125
- /* @__PURE__ */ A(d, { size: 16 })
126
- ]
127
- }),
128
- children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
129
- className: "p-0",
130
- children: /* @__PURE__ */ j("div", {
131
- className: "divide-y",
132
- children: [V.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
133
- role: "button",
134
- tabIndex: 0,
135
- "aria-label": `View order ${e.orderNumber}`,
136
- className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
137
- onClick: () => G(`orders/${e.id}`),
138
- onKeyDown: (t) => K(t, () => G(`orders/${e.id}`)),
139
- children: /* @__PURE__ */ j("div", {
140
- className: "flex items-center justify-between",
141
- children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
142
- className: "font-medium",
143
- children: e.orderNumber
144
- }), /* @__PURE__ */ A("p", {
145
- className: "text-sm text-text-secondary",
146
- children: e.customerInfo.name
147
- })] }), /* @__PURE__ */ j("div", {
148
- className: "text-right",
149
- children: [/* @__PURE__ */ A(D, {
150
- status: e.status,
151
- type: "order",
152
- size: "sm"
153
- }), /* @__PURE__ */ A("p", {
154
- className: "text-sm text-text-secondary mt-1",
155
- children: O(e.pricing.total)
156
- })]
157
- })]
158
- })
159
- }, e.id)), V.length === 0 && /* @__PURE__ */ A("div", {
160
- className: "p-8 text-center text-text-secondary",
161
- children: L("movethewheels.dashboard.recentOrders.empty", "No recent orders")
162
- })]
163
- })
164
- }) })
165
- }), /* @__PURE__ */ A(t, {
166
- title: L("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
167
- actions: /* @__PURE__ */ j(u, {
168
- variant: "ghost",
169
- size: "sm",
170
- onClick: () => G("tracking/live"),
171
- children: [
172
- L("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
173
- " ",
174
- /* @__PURE__ */ A(d, { size: 16 })
175
- ]
176
- }),
177
- children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
178
- className: "p-0",
179
- children: /* @__PURE__ */ j("div", {
180
- className: "divide-y",
181
- children: [W.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
182
- role: "button",
183
- tabIndex: 0,
184
- "aria-label": `Track order ${e.order.orderNumber}`,
185
- className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
186
- onClick: () => G(`tracking?order=${e.order.id}`),
187
- onKeyDown: (t) => e.order && K(t, () => G(`tracking?order=${e.order.id}`)),
188
- children: /* @__PURE__ */ j("div", {
189
- className: "flex items-center justify-between",
190
- children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
191
- className: "font-medium",
192
- children: e.order.orderNumber
193
- }), /* @__PURE__ */ A("p", {
194
- className: "text-sm text-text-secondary",
195
- children: e.driver?.fullName || L("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
196
- })] }), /* @__PURE__ */ j("div", {
197
- className: "text-right",
198
- children: [/* @__PURE__ */ A(D, {
199
- status: e.order.status,
200
- type: "order",
201
- size: "sm"
202
- }), /* @__PURE__ */ j("p", {
203
- className: "text-sm text-text-secondary mt-1",
204
- children: [
205
- L("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
206
- " ",
207
- e.estimatedArrival ? k(e.estimatedArrival, "time") : L("movethewheels.dashboard.activeDeliveries.na", "N/A")
208
- ]
209
- })]
210
- })]
211
- })
212
- }, e.order.id) : null), W.length === 0 && /* @__PURE__ */ A("div", {
213
- className: "p-8 text-center text-text-secondary",
214
- children: L("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
215
- })]
216
- })
217
- }) })
218
- })]
219
- }),
220
- /* @__PURE__ */ j("div", {
221
- className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
222
- children: [
223
- /* @__PURE__ */ j(N, {
224
- className: "space-y-4",
225
- children: [/* @__PURE__ */ A("h2", {
226
- className: "text-base font-semibold text-text-primary",
227
- children: L("movethewheels.dashboard.orderStatus.title", "Order Status")
228
- }), /* @__PURE__ */ A("div", {
229
- className: "space-y-3",
230
- children: [
231
- {
232
- status: "pending",
233
- count: H.byStatus.pending,
234
- color: "bg-status-warning-text"
235
- },
236
- {
237
- status: "in_transit",
238
- count: H.byStatus.in_transit,
239
- color: "bg-status-info-text"
240
- },
241
- {
242
- status: "delivered",
243
- count: H.byStatus.delivered,
244
- color: "bg-status-success-text"
245
- },
246
- {
247
- status: "cancelled",
248
- count: H.byStatus.cancelled,
249
- color: "bg-status-error-text"
250
- }
251
- ].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
252
- className: "flex items-center justify-between",
253
- children: [/* @__PURE__ */ j("div", {
254
- className: "flex items-center gap-2",
255
- children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
256
- className: "text-sm capitalize",
257
- children: L(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
258
- })]
259
- }), /* @__PURE__ */ A(c, {
260
- variant: "secondary",
261
- className: "tabular-nums",
262
- children: t
263
- })]
264
- }, e))
265
- })]
266
- }),
267
- /* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ A(a, {
268
- className: "text-base",
269
- children: L("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
270
- }) }), /* @__PURE__ */ j(i, {
271
- className: "space-y-4",
272
- children: [/* @__PURE__ */ j("div", {
273
- className: "space-y-2",
274
- children: [/* @__PURE__ */ j("div", {
275
- className: "flex justify-between text-sm",
276
- children: [/* @__PURE__ */ A("span", { children: L("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [U.utilization.toFixed(0), "%"] })]
277
- }), /* @__PURE__ */ A(e, { value: U.utilization })]
278
- }), /* @__PURE__ */ j("div", {
279
- className: "grid grid-cols-2 gap-4 text-sm",
280
- children: [
281
- /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
282
- className: "text-text-secondary",
283
- children: L("movethewheels.dashboard.fleetStatus.available", "Available")
284
- }), /* @__PURE__ */ A("p", {
285
- className: "text-lg font-semibold text-status-success-text",
286
- children: U.vehiclesByStatus.available
287
- })] }),
288
- /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
289
- className: "text-text-secondary",
290
- children: L("movethewheels.dashboard.fleetStatus.inUse", "In Use")
291
- }), /* @__PURE__ */ A("p", {
292
- className: "text-lg font-semibold text-status-info-text",
293
- children: U.vehiclesByStatus.assigned
294
- })] }),
295
- /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
296
- className: "text-text-secondary",
297
- children: L("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
298
- }), /* @__PURE__ */ A("p", {
299
- className: "text-lg font-semibold text-status-warning-text",
300
- children: U.vehiclesByStatus.maintenance
301
- })] }),
302
- /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
303
- className: "text-text-secondary",
304
- children: L("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
305
- }), /* @__PURE__ */ j("p", {
306
- className: "text-lg font-semibold",
307
- children: [U.avgFuelLevel.toFixed(0), "%"]
308
- })] })
309
- ]
310
- })]
311
- })] }),
312
- /* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ j(a, {
313
- className: "text-base flex items-center gap-2",
314
- children: [/* @__PURE__ */ A(_, {
315
- size: 16,
316
- className: "text-status-warning-text"
317
- }), L("movethewheels.dashboard.alerts.title", "Alerts")]
318
- }) }), /* @__PURE__ */ A(i, { children: /* @__PURE__ */ j("div", {
319
- className: "space-y-3",
320
- children: [
321
- H.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
322
- className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
323
- children: [/* @__PURE__ */ A(f, {
324
- size: 16,
325
- className: "text-status-warning-text mt-0.5"
326
- }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
327
- className: "text-sm font-medium",
328
- children: L("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
329
- }), /* @__PURE__ */ j("p", {
330
- className: "text-xs text-text-secondary",
331
- children: [
332
- H.byStatus.pending,
333
- " ",
334
- L("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
335
- ]
336
- })] })]
337
- }),
338
- U.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
339
- className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
340
- children: [/* @__PURE__ */ A(v, {
341
- size: 16,
342
- className: "text-status-warning-text mt-0.5"
343
- }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
344
- className: "text-sm font-medium",
345
- children: L("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
346
- }), /* @__PURE__ */ j("p", {
347
- className: "text-xs text-text-secondary",
348
- children: [
349
- U.vehiclesByStatus.maintenance,
350
- " ",
351
- L("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
352
- ]
353
- })] })]
354
- }),
355
- U.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
356
- className: "flex items-start gap-3 p-2 rounded bg-bg-sunken",
357
- children: [/* @__PURE__ */ A(y, {
358
- size: 16,
359
- className: "text-text-secondary mt-0.5"
360
- }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
361
- className: "text-sm font-medium",
362
- children: L("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
363
- }), /* @__PURE__ */ j("p", {
364
- className: "text-xs text-text-secondary",
365
- children: [
366
- U.driversByStatus.offline,
367
- " ",
368
- L("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
369
- ]
370
- })] })]
371
- }),
372
- H.byStatus.pending <= 5 && U.vehiclesByStatus.maintenance === 0 && U.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
373
- className: "text-center py-4 text-text-secondary",
374
- children: /* @__PURE__ */ A("p", {
375
- className: "text-sm",
376
- children: L("movethewheels.dashboard.alerts.allOperational", "All systems operational")
377
- })
378
- })
379
- ]
380
- }) })] })
381
- ]
382
- })
383
- ]
384
- });
385
- }
386
- //#endregion
387
- export { I as default };