@burdenoff/microfe-movethewheels 2026.614.1 → 2026.624.1
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.
- package/dist/{AIAssistantPage-FGGTN-DA.js → AIAssistantPage-BrHX2lQn.js} +8 -8
- package/dist/{AnalyticsPage-DSLYCnln.js → AnalyticsPage-DI6Wcaw5.js} +21 -21
- package/dist/{CreateOrderPage-BgjA_QFT.js → CreateOrderPage-DfkSi6JF.js} +8 -8
- package/dist/{CustomerDetailsPage-Cfvfw12U.js → CustomerDetailsPage-DzAIu_tH.js} +24 -24
- package/dist/{CustomersPage-DXnx04Au.js → CustomersPage-d21ixOYa.js} +9 -9
- package/dist/{DashboardPage-BeyvN3Mr.js → DashboardPage-3ZOnwg1a.js} +28 -28
- package/dist/{DataTable-oNjXEcUO.js → DataTable-CZGz3SJu.js} +10 -10
- package/dist/{DriverDetailsPage-DGTUZG5S.js → DriverDetailsPage-YuZSlPSV.js} +27 -27
- package/dist/{DriversPage-CRursDRZ.js → DriversPage-BOhqEBTv.js} +11 -11
- package/dist/{FinancePage-Cyi75iWa.js → FinancePage-CnjUNXOb.js} +11 -11
- package/dist/{FleetPage-Dlupg1NZ.js → FleetPage-CPS7r4J3.js} +16 -16
- package/dist/{ImportExportPage-D81vnXbH.js → ImportExportPage-zNjs7xsV.js} +9 -9
- package/dist/{InventoryPage-D0u2nxRd.js → InventoryPage-C9g5d3SW.js} +14 -14
- package/dist/{LiveTrackingPage-CKIlbMBA.js → LiveTrackingPage-DoBvtdBG.js} +26 -26
- package/dist/{MarketplacePage-3NpZ0_SK.js → MarketplacePage-BEj5hcBF.js} +13 -13
- package/dist/{MetricCard-BDcT-7Ei.js → MetricCard-DeHVeVwl.js} +10 -10
- package/dist/{OrderDetailsPage-BeGWzAws.js → OrderDetailsPage-D-9lDZYU.js} +34 -34
- package/dist/{OrdersListPage-DczM6NXa.js → OrdersListPage-CJzHbgY3.js} +10 -10
- package/dist/{PageLayout-3DR4pMQ9.js → PageLayout-xDTiBTDS.js} +550 -508
- package/dist/{ProductDetailsPage-Czcrqe2F.js → ProductDetailsPage-3rKtzXpy.js} +15 -15
- package/dist/{ProductsPage-DJhdrfox.js → ProductsPage-B0P_wjBJ.js} +7 -7
- package/dist/{ReportsPage-DPqE4Q3D.js → ReportsPage-B8OyWGzl.js} +10 -10
- package/dist/{RouteDetailsPage-j6ZczLRT.js → RouteDetailsPage-DGjKTUMj.js} +22 -22
- package/dist/{RoutesPage-OZM7lJDi.js → RoutesPage-CpopY8xN.js} +6 -6
- package/dist/{SettingsPage-v6vRyIAp.js → SettingsPage-BvXSa3gi.js} +7 -7
- package/dist/{StatusBadge-elLZA4Wl.js → StatusBadge-C--7NhoW.js} +1 -1
- package/dist/{TrackingPage-CBmGvTW_.js → TrackingPage-BldUm_g7.js} +29 -29
- package/dist/{VehicleDetailsPage-DJXYkTN2.js → VehicleDetailsPage-Dqv--MVW.js} +21 -21
- package/dist/{VehiclesPage-r_snhuEj.js → VehiclesPage-CCBHRDHu.js} +9 -9
- package/dist/{WarehouseDetailsPage-nMZvp56W.js → WarehouseDetailsPage-ZObC_c7W.js} +19 -19
- package/dist/{WarehousesPage-BcJ_QrK3.js → WarehousesPage-CpgZEVW9.js} +8 -8
- package/dist/arrow-left-Bk5GsGNk.js +11 -0
- package/dist/{box-CnErOGkD.js → box-BAMv2-7M.js} +2 -2
- package/dist/{chart-column-CFT0jC9N.js → chart-column-CAfkf4o6.js} +2 -2
- package/dist/chevron-right-Czrt_Qew.js +8 -0
- package/dist/{circle-alert-B2pZQFzu.js → circle-alert-CEuV9Pij.js} +2 -2
- package/dist/circle-check-big-Cx8aO6B-.js +11 -0
- package/dist/{clock-DP-76dyQ.js → clock-Be95bq7_.js} +2 -2
- package/dist/{dollar-sign-CrwqdoEC.js → dollar-sign-kJqItPli.js} +2 -2
- package/dist/{download-CQqBpPk5.js → download-caab0D3V.js} +2 -2
- package/dist/{file-text-CnHcsdsc.js → file-text-b1qhrJn1.js} +2 -2
- package/dist/filter-BWmLTZB-.js +8 -0
- package/dist/index.js +52 -50
- package/dist/{map-qljBUQ1N.js → map-CS2aFgyO.js} +2 -2
- package/dist/{map-pin-4a-IA2NP.js → map-pin-96FeqL7H.js} +2 -2
- package/dist/navigation-i6UXEjTC.js +8 -0
- package/dist/{package-CPePjBwW.js → package-KhSi3xaT.js} +2 -2
- package/dist/{phone-2rkA8w_3.js → phone-B-h3tbsr.js} +2 -2
- package/dist/plus-D2BYAzMn.js +11 -0
- package/dist/{refresh-cw-oWEqfHnS.js → refresh-cw-D5Sy01s-.js} +2 -2
- package/dist/{route-DBljW-z4.js → route-CBDXuwH9.js} +2 -2
- package/dist/{save-Cjsx5R5Y.js → save-CMc7h-Vi.js} +2 -2
- package/dist/search-DVrUQbOg.js +13 -0
- package/dist/{settings-CX94mtOc.js → settings-BwzIRYv3.js} +2 -2
- package/dist/{square-pen-BIgbw83U.js → square-pen-DmW36Bau.js} +2 -2
- package/dist/{star-BW23nRLp.js → star-Cv2MzxZL.js} +2 -2
- package/dist/{store-Cdk0UEPT.js → store-CLH957vl.js} +2 -2
- package/dist/{trending-up-DYQ3Xns5.js → trending-up-l8M0BO_w.js} +2 -2
- package/dist/{triangle-alert-Ck_oBZ7n.js → triangle-alert-BI45s6bH.js} +2 -2
- package/dist/{truck-Cd54agV-.js → truck-DX3lNQkz.js} +2 -2
- package/dist/{user-CUEmQUkJ.js → user-D8EY1uvt.js} +2 -2
- package/dist/{users-e-wRlQnX.js → users-CfG0J8wP.js} +2 -2
- package/dist/{warehouse-DXnNb4kf.js → warehouse-Dt_bAr82.js} +2 -2
- package/dist/{wrench-DYJo0U8_.js → wrench-C50eI_Iy.js} +2 -2
- package/package.json +2 -2
- package/src/dev/main.tsx +4 -4
- package/src/movethewheels/MoveTheWheelsRoutes.tsx +1 -1
- package/src/movethewheels/components/DataTable.tsx +6 -6
- package/src/movethewheels/components/MetricCard.tsx +9 -9
- package/src/movethewheels/components/PageLayout.tsx +12 -12
- package/src/movethewheels/components/ui.tsx +3 -3
- package/src/movethewheels/pages/AIAssistantPage.tsx +3 -3
- package/src/movethewheels/pages/AnalyticsPage.tsx +13 -13
- package/src/movethewheels/pages/CreateOrderPage.tsx +2 -2
- package/src/movethewheels/pages/CustomerDetailsPage.tsx +14 -14
- package/src/movethewheels/pages/CustomersPage.tsx +1 -1
- package/src/movethewheels/pages/DashboardPage.tsx +16 -16
- package/src/movethewheels/pages/DriverDetailsPage.tsx +17 -17
- package/src/movethewheels/pages/DriversPage.tsx +3 -3
- package/src/movethewheels/pages/FinancePage.tsx +4 -4
- package/src/movethewheels/pages/FleetPage.tsx +8 -8
- package/src/movethewheels/pages/ImportExportPage.tsx +5 -5
- package/src/movethewheels/pages/InventoryPage.tsx +7 -7
- package/src/movethewheels/pages/LiveTrackingPage.tsx +18 -18
- package/src/movethewheels/pages/MarketplacePage.tsx +6 -6
- package/src/movethewheels/pages/OrderDetailsPage.tsx +20 -20
- package/src/movethewheels/pages/OrdersListPage.tsx +2 -2
- package/src/movethewheels/pages/ProductDetailsPage.tsx +8 -8
- package/src/movethewheels/pages/ProductsPage.tsx +1 -1
- package/src/movethewheels/pages/ReportsPage.tsx +5 -5
- package/src/movethewheels/pages/RouteDetailsPage.tsx +13 -13
- package/src/movethewheels/pages/SettingsPage.tsx +2 -2
- package/src/movethewheels/pages/TrackingPage.tsx +21 -21
- package/src/movethewheels/pages/VehicleDetailsPage.tsx +13 -13
- package/src/movethewheels/pages/VehiclesPage.tsx +2 -2
- package/src/movethewheels/pages/WarehouseDetailsPage.tsx +11 -11
- package/src/movethewheels/pages/WarehousesPage.tsx +3 -3
- package/dist/arrow-left-Crb7WKr1.js +0 -11
- package/dist/chevron-right-Bzo6Rr8_.js +0 -8
- package/dist/circle-check-big-R_fjEgxM.js +0 -11
- package/dist/filter-CgTF21j9.js +0 -8
- package/dist/navigation-CqRTj3vI.js +0 -8
- package/dist/plus-Dew5yoQK.js +0 -11
- package/dist/search-FWYzDbBx.js +0 -13
|
@@ -95,18 +95,18 @@ export default function ReportsPage() {
|
|
|
95
95
|
<CardContent className="p-4">
|
|
96
96
|
<div className="flex items-center justify-between">
|
|
97
97
|
<div className="flex items-center gap-3">
|
|
98
|
-
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center">
|
|
98
|
+
<div className="w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center">
|
|
99
99
|
<FileBarChart size={20} className="text-primary" />
|
|
100
100
|
</div>
|
|
101
101
|
<div>
|
|
102
102
|
<p className="font-medium">{report.name}</p>
|
|
103
|
-
<p className="text-sm text-
|
|
103
|
+
<p className="text-sm text-text-secondary">{report.description}</p>
|
|
104
104
|
</div>
|
|
105
105
|
</div>
|
|
106
106
|
<div className="flex items-center gap-3">
|
|
107
107
|
<div className="text-right">
|
|
108
108
|
<Badge variant="outline">{report.frequency}</Badge>
|
|
109
|
-
<p className="text-xs text-
|
|
109
|
+
<p className="text-xs text-text-secondary mt-1">
|
|
110
110
|
Last: {report.lastGenerated}
|
|
111
111
|
</p>
|
|
112
112
|
</div>
|
|
@@ -131,8 +131,8 @@ export default function ReportsPage() {
|
|
|
131
131
|
{scheduledReports.map((report) => (
|
|
132
132
|
<div key={report.name} className="p-3 border rounded-lg">
|
|
133
133
|
<p className="font-medium">{report.name}</p>
|
|
134
|
-
<p className="text-sm text-
|
|
135
|
-
<p className="text-xs text-
|
|
134
|
+
<p className="text-sm text-text-secondary">Next: {report.nextRun}</p>
|
|
135
|
+
<p className="text-xs text-text-secondary">{report.recipients} recipients</p>
|
|
136
136
|
</div>
|
|
137
137
|
))}
|
|
138
138
|
<Button variant="outline" className="w-full">
|
|
@@ -35,7 +35,7 @@ export default function RouteDetailsPage() {
|
|
|
35
35
|
>
|
|
36
36
|
<Card>
|
|
37
37
|
<CardContent className="p-8 text-center">
|
|
38
|
-
<p className="text-
|
|
38
|
+
<p className="text-text-secondary">Route creation form would go here</p>
|
|
39
39
|
</CardContent>
|
|
40
40
|
</Card>
|
|
41
41
|
</PageLayout>
|
|
@@ -97,8 +97,8 @@ export default function RouteDetailsPage() {
|
|
|
97
97
|
<CardTitle>Route Map</CardTitle>
|
|
98
98
|
</CardHeader>
|
|
99
99
|
<CardContent>
|
|
100
|
-
<div className="aspect-video bg-
|
|
101
|
-
<div className="text-center text-
|
|
100
|
+
<div className="aspect-video bg-bg-sunken rounded-lg flex items-center justify-center">
|
|
101
|
+
<div className="text-center text-text-secondary">
|
|
102
102
|
<MapPin size={48} className="mx-auto mb-2 opacity-50" />
|
|
103
103
|
<p>Route map visualization</p>
|
|
104
104
|
</div>
|
|
@@ -116,7 +116,7 @@ export default function RouteDetailsPage() {
|
|
|
116
116
|
<div key={stop.id} className="flex gap-4">
|
|
117
117
|
<div className="relative">
|
|
118
118
|
<div
|
|
119
|
-
className={`w-8 h-8 rounded-full flex items-center justify-center ${stop.status === 'completed' ? 'bg-green-500 text-white' : 'bg-
|
|
119
|
+
className={`w-8 h-8 rounded-full flex items-center justify-center ${stop.status === 'completed' ? 'bg-green-500 text-white' : 'bg-bg-sunken'}`}
|
|
120
120
|
>
|
|
121
121
|
{stop.status === 'completed' ? <CheckCircle size={16} /> : stop.sequence}
|
|
122
122
|
</div>
|
|
@@ -136,7 +136,7 @@ export default function RouteDetailsPage() {
|
|
|
136
136
|
</Badge>
|
|
137
137
|
<span className="font-medium">Order #{stop.orderId}</span>
|
|
138
138
|
</div>
|
|
139
|
-
<p className="text-sm text-
|
|
139
|
+
<p className="text-sm text-text-secondary mt-1">
|
|
140
140
|
{formatAddress(stop.address)}
|
|
141
141
|
</p>
|
|
142
142
|
</div>
|
|
@@ -149,7 +149,7 @@ export default function RouteDetailsPage() {
|
|
|
149
149
|
Actual: {formatDate(stop.actualTime, 'time')}
|
|
150
150
|
</p>
|
|
151
151
|
)}
|
|
152
|
-
<p className="text-xs text-
|
|
152
|
+
<p className="text-xs text-text-secondary">{stop.duration} min stop</p>
|
|
153
153
|
</div>
|
|
154
154
|
</div>
|
|
155
155
|
</div>
|
|
@@ -167,14 +167,14 @@ export default function RouteDetailsPage() {
|
|
|
167
167
|
</CardHeader>
|
|
168
168
|
<CardContent className="space-y-4">
|
|
169
169
|
<div>
|
|
170
|
-
<p className="text-sm text-
|
|
170
|
+
<p className="text-sm text-text-secondary">Total Distance</p>
|
|
171
171
|
<p className="text-2xl font-bold">
|
|
172
172
|
{route.distance.toFixed(1)}
|
|
173
173
|
<span className="text-sm font-normal"> km</span>
|
|
174
174
|
</p>
|
|
175
175
|
</div>
|
|
176
176
|
<div>
|
|
177
|
-
<p className="text-sm text-
|
|
177
|
+
<p className="text-sm text-text-secondary">Est. Duration</p>
|
|
178
178
|
<p className="text-2xl font-bold">
|
|
179
179
|
{route.estimatedDuration}
|
|
180
180
|
<span className="text-sm font-normal"> min</span>
|
|
@@ -182,7 +182,7 @@ export default function RouteDetailsPage() {
|
|
|
182
182
|
</div>
|
|
183
183
|
{route.actualDuration && (
|
|
184
184
|
<div>
|
|
185
|
-
<p className="text-sm text-
|
|
185
|
+
<p className="text-sm text-text-secondary">Actual Duration</p>
|
|
186
186
|
<p className="text-2xl font-bold">
|
|
187
187
|
{route.actualDuration}
|
|
188
188
|
<span className="text-sm font-normal"> min</span>
|
|
@@ -201,18 +201,18 @@ export default function RouteDetailsPage() {
|
|
|
201
201
|
<CardContent className="space-y-3">
|
|
202
202
|
{route.startTime && (
|
|
203
203
|
<div>
|
|
204
|
-
<p className="text-sm text-
|
|
204
|
+
<p className="text-sm text-text-secondary">Started</p>
|
|
205
205
|
<p>{formatDate(route.startTime, 'full')}</p>
|
|
206
206
|
</div>
|
|
207
207
|
)}
|
|
208
208
|
{route.endTime && (
|
|
209
209
|
<div>
|
|
210
|
-
<p className="text-sm text-
|
|
210
|
+
<p className="text-sm text-text-secondary">Completed</p>
|
|
211
211
|
<p>{formatDate(route.endTime, 'full')}</p>
|
|
212
212
|
</div>
|
|
213
213
|
)}
|
|
214
214
|
<div>
|
|
215
|
-
<p className="text-sm text-
|
|
215
|
+
<p className="text-sm text-text-secondary">Created</p>
|
|
216
216
|
<p>{formatDate(route.createdAt, 'full')}</p>
|
|
217
217
|
</div>
|
|
218
218
|
</CardContent>
|
|
@@ -230,7 +230,7 @@ export default function RouteDetailsPage() {
|
|
|
230
230
|
className={`p-2 rounded mb-2 ${tc.condition === 'severe' ? 'bg-red-50' : tc.condition === 'heavy' ? 'bg-orange-50' : 'bg-yellow-50'}`}
|
|
231
231
|
>
|
|
232
232
|
<p className="text-sm font-medium capitalize">{tc.condition} traffic</p>
|
|
233
|
-
<p className="text-xs text-
|
|
233
|
+
<p className="text-xs text-text-secondary">
|
|
234
234
|
{tc.location} - +{tc.delay} min delay
|
|
235
235
|
</p>
|
|
236
236
|
</div>
|
|
@@ -143,7 +143,7 @@ export default function SettingsPage() {
|
|
|
143
143
|
<div key={item.label} className="flex items-center justify-between">
|
|
144
144
|
<div>
|
|
145
145
|
<p className="font-medium">{item.label}</p>
|
|
146
|
-
<p className="text-sm text-
|
|
146
|
+
<p className="text-sm text-text-secondary">{item.desc}</p>
|
|
147
147
|
</div>
|
|
148
148
|
<Switch defaultChecked />
|
|
149
149
|
</div>
|
|
@@ -200,7 +200,7 @@ export default function SettingsPage() {
|
|
|
200
200
|
<CardDescription>Manage your API access</CardDescription>
|
|
201
201
|
</CardHeader>
|
|
202
202
|
<CardContent className="space-y-4">
|
|
203
|
-
<div className="p-4 bg-
|
|
203
|
+
<div className="p-4 bg-bg-sunken rounded-lg">
|
|
204
204
|
<p className="font-medium">Production API Key</p>
|
|
205
205
|
<code className="text-sm">pk_live_••••••••••••••••</code>
|
|
206
206
|
</div>
|
|
@@ -61,7 +61,7 @@ export default function TrackingPage() {
|
|
|
61
61
|
<CardContent className="p-6">
|
|
62
62
|
<form onSubmit={handleSearch} className="flex gap-4">
|
|
63
63
|
<div className="flex-1 relative">
|
|
64
|
-
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-
|
|
64
|
+
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" />
|
|
65
65
|
<Input
|
|
66
66
|
value={trackingInput}
|
|
67
67
|
onChange={(e) => setTrackingInput(e.target.value)}
|
|
@@ -83,15 +83,15 @@ export default function TrackingPage() {
|
|
|
83
83
|
|
|
84
84
|
{/* Error State */}
|
|
85
85
|
{error && (
|
|
86
|
-
<Card className="border-
|
|
86
|
+
<Card className="border-status-error-border">
|
|
87
87
|
<CardContent className="p-6">
|
|
88
88
|
<div className="flex items-center gap-4">
|
|
89
|
-
<AlertCircle className="w-8 h-8 text-
|
|
89
|
+
<AlertCircle className="w-8 h-8 text-status-error-text" />
|
|
90
90
|
<div>
|
|
91
|
-
<p className="font-medium text-
|
|
91
|
+
<p className="font-medium text-status-error-text">
|
|
92
92
|
{t('movethewheels.tracking.error.title', 'Unable to find shipment')}
|
|
93
93
|
</p>
|
|
94
|
-
<p className="text-sm text-
|
|
94
|
+
<p className="text-sm text-text-secondary">
|
|
95
95
|
{t(
|
|
96
96
|
'movethewheels.tracking.error.description',
|
|
97
97
|
'Please check the tracking number and try again'
|
|
@@ -134,13 +134,13 @@ export default function TrackingPage() {
|
|
|
134
134
|
<CardContent>
|
|
135
135
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
|
136
136
|
<div>
|
|
137
|
-
<p className="text-sm text-
|
|
137
|
+
<p className="text-sm text-text-secondary">
|
|
138
138
|
{t('movethewheels.tracking.details.trackingNumber', 'Tracking Number')}
|
|
139
139
|
</p>
|
|
140
140
|
<p className="font-mono font-medium">{order.trackingNumber}</p>
|
|
141
141
|
</div>
|
|
142
142
|
<div>
|
|
143
|
-
<p className="text-sm text-
|
|
143
|
+
<p className="text-sm text-text-secondary">
|
|
144
144
|
{t('movethewheels.tracking.details.estimatedDelivery', 'Estimated Delivery')}
|
|
145
145
|
</p>
|
|
146
146
|
<p className="font-medium">
|
|
@@ -152,7 +152,7 @@ export default function TrackingPage() {
|
|
|
152
152
|
</p>
|
|
153
153
|
</div>
|
|
154
154
|
<div>
|
|
155
|
-
<p className="text-sm text-
|
|
155
|
+
<p className="text-sm text-text-secondary">
|
|
156
156
|
{t('movethewheels.tracking.details.items', 'Items')}
|
|
157
157
|
</p>
|
|
158
158
|
<p className="font-medium">
|
|
@@ -161,7 +161,7 @@ export default function TrackingPage() {
|
|
|
161
161
|
</p>
|
|
162
162
|
</div>
|
|
163
163
|
<div>
|
|
164
|
-
<p className="text-sm text-
|
|
164
|
+
<p className="text-sm text-text-secondary">
|
|
165
165
|
{t('movethewheels.tracking.details.lastUpdated', 'Last Updated')}
|
|
166
166
|
</p>
|
|
167
167
|
<p className="font-medium">{formatDate(tracking.lastUpdated, 'relative')}</p>
|
|
@@ -225,21 +225,21 @@ export default function TrackingPage() {
|
|
|
225
225
|
<div
|
|
226
226
|
className={`w-10 h-10 rounded-full flex items-center justify-center ${
|
|
227
227
|
isComplete
|
|
228
|
-
? 'bg-primary text-primary-
|
|
229
|
-
: 'bg-
|
|
228
|
+
? 'bg-action-primary-bg text-action-primary-text'
|
|
229
|
+
: 'bg-bg-sunken text-text-secondary'
|
|
230
230
|
} ${isCurrent ? 'ring-4 ring-primary/20' : ''}`}
|
|
231
231
|
>
|
|
232
232
|
<step.icon size={20} />
|
|
233
233
|
</div>
|
|
234
234
|
<p
|
|
235
|
-
className={`text-xs mt-2 text-center ${isComplete ? 'font-medium' : 'text-
|
|
235
|
+
className={`text-xs mt-2 text-center ${isComplete ? 'font-medium' : 'text-text-secondary'}`}
|
|
236
236
|
>
|
|
237
237
|
{step.label}
|
|
238
238
|
</p>
|
|
239
239
|
{index < 3 && (
|
|
240
240
|
<div
|
|
241
241
|
className={`absolute top-5 h-0.5 ${
|
|
242
|
-
isComplete ? 'bg-primary' : 'bg-
|
|
242
|
+
isComplete ? 'bg-action-primary-bg' : 'bg-bg-sunken'
|
|
243
243
|
}`}
|
|
244
244
|
style={{
|
|
245
245
|
left: `calc(${(index + 0.5) * 25}% + 20px)`,
|
|
@@ -262,7 +262,7 @@ export default function TrackingPage() {
|
|
|
262
262
|
<div key={index} className="flex gap-4">
|
|
263
263
|
<div className="relative">
|
|
264
264
|
<div
|
|
265
|
-
className={`w-3 h-3 rounded-full ${index === 0 ? 'bg-primary' : 'bg-
|
|
265
|
+
className={`w-3 h-3 rounded-full ${index === 0 ? 'bg-action-primary-bg' : 'bg-bg-sunken'}`}
|
|
266
266
|
/>
|
|
267
267
|
{index < order.timeline.length - 1 && (
|
|
268
268
|
<div className="absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" />
|
|
@@ -271,13 +271,13 @@ export default function TrackingPage() {
|
|
|
271
271
|
<div className="flex-1 pb-4">
|
|
272
272
|
<div className="flex items-center gap-2">
|
|
273
273
|
<StatusBadge status={event.status} type="order" size="sm" />
|
|
274
|
-
<span className="text-sm text-
|
|
274
|
+
<span className="text-sm text-text-secondary">
|
|
275
275
|
{formatDate(event.timestamp, 'full')}
|
|
276
276
|
</span>
|
|
277
277
|
</div>
|
|
278
278
|
{event.notes && <p className="text-sm mt-1">{event.notes}</p>}
|
|
279
279
|
{event.location && (
|
|
280
|
-
<p className="text-xs text-
|
|
280
|
+
<p className="text-xs text-text-secondary mt-1">
|
|
281
281
|
<MapPin size={12} className="inline mr-1" />
|
|
282
282
|
{formatAddress(event.location)}
|
|
283
283
|
</p>
|
|
@@ -323,7 +323,7 @@ export default function TrackingPage() {
|
|
|
323
323
|
/>
|
|
324
324
|
<div>
|
|
325
325
|
<p className="text-sm font-medium">{alert.message}</p>
|
|
326
|
-
<p className="text-xs text-
|
|
326
|
+
<p className="text-xs text-text-secondary">
|
|
327
327
|
{formatDate(alert.timestamp, 'relative')}
|
|
328
328
|
{alert.resolvedAt &&
|
|
329
329
|
` - ${t('movethewheels.tracking.alerts.resolved', 'Resolved')}`}
|
|
@@ -348,8 +348,8 @@ export default function TrackingPage() {
|
|
|
348
348
|
</CardTitle>
|
|
349
349
|
</CardHeader>
|
|
350
350
|
<CardContent>
|
|
351
|
-
<div className="aspect-video bg-
|
|
352
|
-
<div className="text-center text-
|
|
351
|
+
<div className="aspect-video bg-bg-sunken rounded-lg flex items-center justify-center mb-4">
|
|
352
|
+
<div className="text-center text-text-secondary">
|
|
353
353
|
<MapPin size={32} className="mx-auto mb-2" />
|
|
354
354
|
<p className="text-sm">
|
|
355
355
|
{t('movethewheels.tracking.location.mapView', 'Map View')}
|
|
@@ -360,7 +360,7 @@ export default function TrackingPage() {
|
|
|
360
360
|
{tracking.currentLocation.address ||
|
|
361
361
|
t('movethewheels.tracking.location.updating', 'Location updating...')}
|
|
362
362
|
</p>
|
|
363
|
-
<p className="text-xs text-
|
|
363
|
+
<p className="text-xs text-text-secondary mt-1">
|
|
364
364
|
{t('movethewheels.tracking.location.updated', 'Updated')}{' '}
|
|
365
365
|
{formatDate(tracking.currentLocation.timestamp || new Date(), 'relative')}
|
|
366
366
|
</p>
|
|
@@ -376,7 +376,7 @@ export default function TrackingPage() {
|
|
|
376
376
|
</CardHeader>
|
|
377
377
|
<CardContent>
|
|
378
378
|
<p className="text-sm">{order.customerInfo.name}</p>
|
|
379
|
-
<p className="text-sm text-
|
|
379
|
+
<p className="text-sm text-text-secondary mt-2">
|
|
380
380
|
{formatAddress(order.deliveryAddress)}
|
|
381
381
|
</p>
|
|
382
382
|
</CardContent>
|
|
@@ -61,19 +61,19 @@ export default function VehicleDetailsPage() {
|
|
|
61
61
|
<CardContent>
|
|
62
62
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-6">
|
|
63
63
|
<div>
|
|
64
|
-
<p className="text-sm text-
|
|
64
|
+
<p className="text-sm text-text-secondary">Type</p>
|
|
65
65
|
<p className="font-medium capitalize">{vehicle.type}</p>
|
|
66
66
|
</div>
|
|
67
67
|
<div>
|
|
68
|
-
<p className="text-sm text-
|
|
68
|
+
<p className="text-sm text-text-secondary">Make</p>
|
|
69
69
|
<p className="font-medium">{vehicle.make}</p>
|
|
70
70
|
</div>
|
|
71
71
|
<div>
|
|
72
|
-
<p className="text-sm text-
|
|
72
|
+
<p className="text-sm text-text-secondary">Model</p>
|
|
73
73
|
<p className="font-medium">{vehicle.model}</p>
|
|
74
74
|
</div>
|
|
75
75
|
<div>
|
|
76
|
-
<p className="text-sm text-
|
|
76
|
+
<p className="text-sm text-text-secondary">Year</p>
|
|
77
77
|
<p className="font-medium">{vehicle.year}</p>
|
|
78
78
|
</div>
|
|
79
79
|
</div>
|
|
@@ -87,14 +87,14 @@ export default function VehicleDetailsPage() {
|
|
|
87
87
|
<CardContent>
|
|
88
88
|
<div className="grid grid-cols-3 gap-6">
|
|
89
89
|
<div>
|
|
90
|
-
<p className="text-sm text-
|
|
90
|
+
<p className="text-sm text-text-secondary">Weight</p>
|
|
91
91
|
<p className="text-2xl font-bold">
|
|
92
92
|
{vehicle.capacity.weight}
|
|
93
93
|
<span className="text-sm font-normal"> kg</span>
|
|
94
94
|
</p>
|
|
95
95
|
</div>
|
|
96
96
|
<div>
|
|
97
|
-
<p className="text-sm text-
|
|
97
|
+
<p className="text-sm text-text-secondary">Volume</p>
|
|
98
98
|
<p className="text-2xl font-bold">
|
|
99
99
|
{vehicle.capacity.volume}
|
|
100
100
|
<span className="text-sm font-normal"> m³</span>
|
|
@@ -102,7 +102,7 @@ export default function VehicleDetailsPage() {
|
|
|
102
102
|
</div>
|
|
103
103
|
{vehicle.capacity.pallets && (
|
|
104
104
|
<div>
|
|
105
|
-
<p className="text-sm text-
|
|
105
|
+
<p className="text-sm text-text-secondary">Pallets</p>
|
|
106
106
|
<p className="text-2xl font-bold">{vehicle.capacity.pallets}</p>
|
|
107
107
|
</div>
|
|
108
108
|
)}
|
|
@@ -126,7 +126,7 @@ export default function VehicleDetailsPage() {
|
|
|
126
126
|
>
|
|
127
127
|
<div>
|
|
128
128
|
<p className="font-medium capitalize">{doc.type.replace('_', ' ')}</p>
|
|
129
|
-
<p className="text-sm text-
|
|
129
|
+
<p className="text-sm text-text-secondary">
|
|
130
130
|
Expires: {formatDate(doc.expiryDate)}
|
|
131
131
|
</p>
|
|
132
132
|
</div>
|
|
@@ -137,7 +137,7 @@ export default function VehicleDetailsPage() {
|
|
|
137
137
|
))}
|
|
138
138
|
</div>
|
|
139
139
|
) : (
|
|
140
|
-
<p className="text-
|
|
140
|
+
<p className="text-text-secondary text-center py-4">No documents uploaded</p>
|
|
141
141
|
)}
|
|
142
142
|
</CardContent>
|
|
143
143
|
</Card>
|
|
@@ -162,7 +162,7 @@ export default function VehicleDetailsPage() {
|
|
|
162
162
|
)}
|
|
163
163
|
{vehicle.mileage !== undefined && (
|
|
164
164
|
<div>
|
|
165
|
-
<p className="text-sm text-
|
|
165
|
+
<p className="text-sm text-text-secondary">Total Mileage</p>
|
|
166
166
|
<p className="text-2xl font-bold">
|
|
167
167
|
{vehicle.mileage.toLocaleString()}{' '}
|
|
168
168
|
<span className="text-sm font-normal">miles</span>
|
|
@@ -180,13 +180,13 @@ export default function VehicleDetailsPage() {
|
|
|
180
180
|
</CardHeader>
|
|
181
181
|
<CardContent className="space-y-3">
|
|
182
182
|
<div>
|
|
183
|
-
<p className="text-sm text-
|
|
183
|
+
<p className="text-sm text-text-secondary">Last Maintenance</p>
|
|
184
184
|
<p className="font-medium">
|
|
185
185
|
{vehicle.lastMaintenance ? formatDate(vehicle.lastMaintenance) : 'N/A'}
|
|
186
186
|
</p>
|
|
187
187
|
</div>
|
|
188
188
|
<div>
|
|
189
|
-
<p className="text-sm text-
|
|
189
|
+
<p className="text-sm text-text-secondary">Next Scheduled</p>
|
|
190
190
|
<p className="font-medium">
|
|
191
191
|
{vehicle.nextMaintenance ? formatDate(vehicle.nextMaintenance) : 'N/A'}
|
|
192
192
|
</p>
|
|
@@ -205,7 +205,7 @@ export default function VehicleDetailsPage() {
|
|
|
205
205
|
<p className="text-sm">
|
|
206
206
|
{vehicle.currentLocation.address || 'Location updating...'}
|
|
207
207
|
</p>
|
|
208
|
-
<p className="text-xs text-
|
|
208
|
+
<p className="text-xs text-text-secondary mt-1">
|
|
209
209
|
Updated {formatDate(vehicle.currentLocation.timestamp || new Date(), 'relative')}
|
|
210
210
|
</p>
|
|
211
211
|
</CardContent>
|
|
@@ -44,7 +44,7 @@ export default function VehiclesPage() {
|
|
|
44
44
|
<p className="font-medium">
|
|
45
45
|
{row.make} {row.model}
|
|
46
46
|
</p>
|
|
47
|
-
<p className="text-sm text-
|
|
47
|
+
<p className="text-sm text-text-secondary">{row.year}</p>
|
|
48
48
|
</div>
|
|
49
49
|
),
|
|
50
50
|
},
|
|
@@ -61,7 +61,7 @@ export default function VehiclesPage() {
|
|
|
61
61
|
cell: (row) => (
|
|
62
62
|
<div className="text-sm">
|
|
63
63
|
<p>{row.capacity.weight} kg</p>
|
|
64
|
-
<p className="text-
|
|
64
|
+
<p className="text-text-secondary">{row.capacity.volume} m³</p>
|
|
65
65
|
</div>
|
|
66
66
|
),
|
|
67
67
|
},
|
|
@@ -73,17 +73,17 @@ export default function WarehouseDetailsPage() {
|
|
|
73
73
|
<span>{utilization.toFixed(0)}%</span>
|
|
74
74
|
</div>
|
|
75
75
|
<Progress value={utilization} />
|
|
76
|
-
<p className="text-sm text-
|
|
76
|
+
<p className="text-sm text-text-secondary mt-1">
|
|
77
77
|
{warehouse.capacity.usedSpace.toLocaleString()} /{' '}
|
|
78
78
|
{warehouse.capacity.totalSpace.toLocaleString()} sq ft
|
|
79
79
|
</p>
|
|
80
80
|
</div>
|
|
81
81
|
<div className="grid grid-cols-2 gap-4">
|
|
82
82
|
<div>
|
|
83
|
-
<p className="text-sm text-
|
|
83
|
+
<p className="text-sm text-text-secondary">Pallets Used</p>
|
|
84
84
|
<p className="text-2xl font-bold">
|
|
85
85
|
{warehouse.capacity.usedPallets}
|
|
86
|
-
<span className="text-sm font-normal text-
|
|
86
|
+
<span className="text-sm font-normal text-text-secondary">
|
|
87
87
|
{' '}
|
|
88
88
|
/ {warehouse.capacity.totalPallets}
|
|
89
89
|
</span>
|
|
@@ -107,7 +107,7 @@ export default function WarehouseDetailsPage() {
|
|
|
107
107
|
>
|
|
108
108
|
<div>
|
|
109
109
|
<p className="font-medium">{zone.name}</p>
|
|
110
|
-
<p className="text-sm text-
|
|
110
|
+
<p className="text-sm text-text-secondary capitalize">
|
|
111
111
|
{zone.type} - {zone.location}
|
|
112
112
|
</p>
|
|
113
113
|
</div>
|
|
@@ -116,7 +116,7 @@ export default function WarehouseDetailsPage() {
|
|
|
116
116
|
value={(zone.currentOccupancy / zone.capacity) * 100}
|
|
117
117
|
className="w-24 h-2"
|
|
118
118
|
/>
|
|
119
|
-
<p className="text-sm text-
|
|
119
|
+
<p className="text-sm text-text-secondary">
|
|
120
120
|
{zone.currentOccupancy} / {zone.capacity}
|
|
121
121
|
</p>
|
|
122
122
|
</div>
|
|
@@ -137,7 +137,7 @@ export default function WarehouseDetailsPage() {
|
|
|
137
137
|
{Object.entries(warehouse.operatingHours).map(([day, hours]) => (
|
|
138
138
|
<div key={day}>
|
|
139
139
|
<p className="text-sm font-medium">{day}</p>
|
|
140
|
-
<p className="text-sm text-
|
|
140
|
+
<p className="text-sm text-text-secondary">
|
|
141
141
|
{hours ? `${hours.open} - ${hours.close}` : 'Closed'}
|
|
142
142
|
</p>
|
|
143
143
|
</div>
|
|
@@ -165,22 +165,22 @@ export default function WarehouseDetailsPage() {
|
|
|
165
165
|
</CardHeader>
|
|
166
166
|
<CardContent className="space-y-3">
|
|
167
167
|
<div>
|
|
168
|
-
<p className="text-sm text-
|
|
168
|
+
<p className="text-sm text-text-secondary">Throughput</p>
|
|
169
169
|
<p className="text-2xl font-bold">
|
|
170
170
|
{warehouse.metrics.throughput}
|
|
171
171
|
<span className="text-sm font-normal"> orders/day</span>
|
|
172
172
|
</p>
|
|
173
173
|
</div>
|
|
174
174
|
<div>
|
|
175
|
-
<p className="text-sm text-
|
|
175
|
+
<p className="text-sm text-text-secondary">Accuracy</p>
|
|
176
176
|
<p className="text-2xl font-bold">{warehouse.metrics.accuracy}%</p>
|
|
177
177
|
</div>
|
|
178
178
|
<div>
|
|
179
|
-
<p className="text-sm text-
|
|
179
|
+
<p className="text-sm text-text-secondary">Productivity</p>
|
|
180
180
|
<p className="text-2xl font-bold">{warehouse.metrics.productivity}%</p>
|
|
181
181
|
</div>
|
|
182
182
|
<div>
|
|
183
|
-
<p className="text-sm text-
|
|
183
|
+
<p className="text-sm text-text-secondary">Orders Fulfilled</p>
|
|
184
184
|
<p className="text-2xl font-bold">
|
|
185
185
|
{warehouse.metrics.ordersFulfilled.toLocaleString()}
|
|
186
186
|
</p>
|
|
@@ -205,7 +205,7 @@ export default function WarehouseDetailsPage() {
|
|
|
205
205
|
))}
|
|
206
206
|
</div>
|
|
207
207
|
) : (
|
|
208
|
-
<p className="text-
|
|
208
|
+
<p className="text-text-secondary">No staff assigned</p>
|
|
209
209
|
)}
|
|
210
210
|
</CardContent>
|
|
211
211
|
</Card>
|
|
@@ -26,7 +26,7 @@ export default function WarehousesPage() {
|
|
|
26
26
|
cell: (row) => (
|
|
27
27
|
<div>
|
|
28
28
|
<p className="font-medium">{row.name}</p>
|
|
29
|
-
<p className="text-sm text-
|
|
29
|
+
<p className="text-sm text-text-secondary">{row.code}</p>
|
|
30
30
|
</div>
|
|
31
31
|
),
|
|
32
32
|
},
|
|
@@ -38,7 +38,7 @@ export default function WarehousesPage() {
|
|
|
38
38
|
<p>
|
|
39
39
|
{row.address.city}, {row.address.state}
|
|
40
40
|
</p>
|
|
41
|
-
<p className="text-sm text-
|
|
41
|
+
<p className="text-sm text-text-secondary">{row.address.country}</p>
|
|
42
42
|
</div>
|
|
43
43
|
),
|
|
44
44
|
},
|
|
@@ -74,7 +74,7 @@ export default function WarehousesPage() {
|
|
|
74
74
|
{row.capacity.usedSpace.toLocaleString()} / {row.capacity.totalSpace.toLocaleString()}{' '}
|
|
75
75
|
sq ft
|
|
76
76
|
</p>
|
|
77
|
-
<p className="text-
|
|
77
|
+
<p className="text-text-secondary">
|
|
78
78
|
{row.capacity.usedPallets} / {row.capacity.totalPallets} pallets
|
|
79
79
|
</p>
|
|
80
80
|
</div>
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/arrow-left.js
|
|
3
|
-
var t = e("ArrowLeft", [["path", {
|
|
4
|
-
d: "m12 19-7-7 7-7",
|
|
5
|
-
key: "1l729n"
|
|
6
|
-
}], ["path", {
|
|
7
|
-
d: "M19 12H5",
|
|
8
|
-
key: "x3x0zl"
|
|
9
|
-
}]]);
|
|
10
|
-
//#endregion
|
|
11
|
-
export { t };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
|
3
|
-
var t = e("ChevronRight", [["path", {
|
|
4
|
-
d: "m9 18 6-6-6-6",
|
|
5
|
-
key: "mthhwq"
|
|
6
|
-
}]]);
|
|
7
|
-
//#endregion
|
|
8
|
-
export { t };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/circle-check-big.js
|
|
3
|
-
var t = e("CircleCheckBig", [["path", {
|
|
4
|
-
d: "M21.801 10A10 10 0 1 1 17 3.335",
|
|
5
|
-
key: "yps3ct"
|
|
6
|
-
}], ["path", {
|
|
7
|
-
d: "m9 11 3 3L22 4",
|
|
8
|
-
key: "1pflzl"
|
|
9
|
-
}]]);
|
|
10
|
-
//#endregion
|
|
11
|
-
export { t };
|
package/dist/filter-CgTF21j9.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/filter.js
|
|
3
|
-
var t = e("Filter", [["polygon", {
|
|
4
|
-
points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",
|
|
5
|
-
key: "1yg77f"
|
|
6
|
-
}]]);
|
|
7
|
-
//#endregion
|
|
8
|
-
export { t };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/navigation.js
|
|
3
|
-
var t = e("Navigation", [["polygon", {
|
|
4
|
-
points: "3 11 22 2 13 21 11 13 3 11",
|
|
5
|
-
key: "1ltx0t"
|
|
6
|
-
}]]);
|
|
7
|
-
//#endregion
|
|
8
|
-
export { t };
|
package/dist/plus-Dew5yoQK.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/plus.js
|
|
3
|
-
var t = e("Plus", [["path", {
|
|
4
|
-
d: "M5 12h14",
|
|
5
|
-
key: "1ays0h"
|
|
6
|
-
}], ["path", {
|
|
7
|
-
d: "M12 5v14",
|
|
8
|
-
key: "s699le"
|
|
9
|
-
}]]);
|
|
10
|
-
//#endregion
|
|
11
|
-
export { t };
|
package/dist/search-FWYzDbBx.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { it as e } from "./PageLayout-3DR4pMQ9.js";
|
|
2
|
-
//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/search.js
|
|
3
|
-
var t = e("Search", [["circle", {
|
|
4
|
-
cx: "11",
|
|
5
|
-
cy: "11",
|
|
6
|
-
r: "8",
|
|
7
|
-
key: "4ej97u"
|
|
8
|
-
}], ["path", {
|
|
9
|
-
d: "m21 21-4.3-4.3",
|
|
10
|
-
key: "1qie3q"
|
|
11
|
-
}]]);
|
|
12
|
-
//#endregion
|
|
13
|
-
export { t };
|