@rovela-ai/sdk 0.1.32 → 0.1.34
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/admin/components/AdminGuard.d.ts.map +1 -1
- package/dist/admin/components/AdminGuard.js +1 -1
- package/dist/admin/components/AdminGuard.js.map +1 -1
- package/dist/admin/components/AdminHeader.d.ts.map +1 -1
- package/dist/admin/components/AdminHeader.js +1 -15
- package/dist/admin/components/AdminHeader.js.map +1 -1
- package/dist/admin/components/AdminLayout.js +1 -1
- package/dist/admin/components/AdminLayout.js.map +1 -1
- package/dist/admin/components/AdminLoginForm.d.ts.map +1 -1
- package/dist/admin/components/AdminLoginForm.js +1 -18
- package/dist/admin/components/AdminLoginForm.js.map +1 -1
- package/dist/admin/components/AdminNav.d.ts +4 -1
- package/dist/admin/components/AdminNav.d.ts.map +1 -1
- package/dist/admin/components/AdminNav.js +27 -28
- package/dist/admin/components/AdminNav.js.map +1 -1
- package/dist/admin/components/AdminSetupForm.d.ts.map +1 -1
- package/dist/admin/components/AdminSetupForm.js +1 -26
- package/dist/admin/components/AdminSetupForm.js.map +1 -1
- package/dist/admin/components/CategoryForm.d.ts.map +1 -1
- package/dist/admin/components/CategoryForm.js +3 -45
- package/dist/admin/components/CategoryForm.js.map +1 -1
- package/dist/admin/components/CategorySelect.d.ts.map +1 -1
- package/dist/admin/components/CategorySelect.js +4 -20
- package/dist/admin/components/CategorySelect.js.map +1 -1
- package/dist/admin/components/CustomerDetails.d.ts.map +1 -1
- package/dist/admin/components/CustomerDetails.js +16 -15
- package/dist/admin/components/CustomerDetails.js.map +1 -1
- package/dist/admin/components/CustomerTable.d.ts.map +1 -1
- package/dist/admin/components/CustomerTable.js +7 -43
- package/dist/admin/components/CustomerTable.js.map +1 -1
- package/dist/admin/components/DeleteConfirmDialog.d.ts +1 -2
- package/dist/admin/components/DeleteConfirmDialog.d.ts.map +1 -1
- package/dist/admin/components/DeleteConfirmDialog.js +1 -21
- package/dist/admin/components/DeleteConfirmDialog.js.map +1 -1
- package/dist/admin/components/InventoryEditor.d.ts.map +1 -1
- package/dist/admin/components/InventoryEditor.js +8 -41
- package/dist/admin/components/InventoryEditor.js.map +1 -1
- package/dist/admin/components/LowStockAlert.d.ts.map +1 -1
- package/dist/admin/components/LowStockAlert.js +5 -21
- package/dist/admin/components/LowStockAlert.js.map +1 -1
- package/dist/admin/components/OrderDetails.d.ts.map +1 -1
- package/dist/admin/components/OrderDetails.js +16 -15
- package/dist/admin/components/OrderDetails.js.map +1 -1
- package/dist/admin/components/OrderStatusChart.d.ts.map +1 -1
- package/dist/admin/components/OrderStatusChart.js +3 -12
- package/dist/admin/components/OrderStatusChart.js.map +1 -1
- package/dist/admin/components/OrderTable.d.ts.map +1 -1
- package/dist/admin/components/OrderTable.js +14 -53
- package/dist/admin/components/OrderTable.js.map +1 -1
- package/dist/admin/components/ProductForm.d.ts.map +1 -1
- package/dist/admin/components/ProductForm.js +4 -96
- package/dist/admin/components/ProductForm.js.map +1 -1
- package/dist/admin/components/ProductTable.d.ts.map +1 -1
- package/dist/admin/components/ProductTable.js +13 -53
- package/dist/admin/components/ProductTable.js.map +1 -1
- package/dist/admin/components/RecentOrders.d.ts.map +1 -1
- package/dist/admin/components/RecentOrders.js +13 -23
- package/dist/admin/components/RecentOrders.js.map +1 -1
- package/dist/admin/components/RefundDialog.d.ts.map +1 -1
- package/dist/admin/components/RefundDialog.js +1 -27
- package/dist/admin/components/RefundDialog.js.map +1 -1
- package/dist/admin/components/RevenueChart.d.ts.map +1 -1
- package/dist/admin/components/RevenueChart.js +4 -12
- package/dist/admin/components/RevenueChart.js.map +1 -1
- package/dist/admin/components/SEOPreview.d.ts.map +1 -1
- package/dist/admin/components/SEOPreview.js +1 -4
- package/dist/admin/components/SEOPreview.js.map +1 -1
- package/dist/admin/components/StatsCards.d.ts.map +1 -1
- package/dist/admin/components/StatsCards.js +2 -16
- package/dist/admin/components/StatsCards.js.map +1 -1
- package/dist/admin/components/StoreSettings.d.ts.map +1 -1
- package/dist/admin/components/StoreSettings.js +2 -1
- package/dist/admin/components/StoreSettings.js.map +1 -1
- package/dist/admin/components/TagInput.d.ts.map +1 -1
- package/dist/admin/components/TagInput.js +2 -9
- package/dist/admin/components/TagInput.js.map +1 -1
- package/dist/admin/components/VariantManager.d.ts.map +1 -1
- package/dist/admin/components/VariantManager.js +3 -54
- package/dist/admin/components/VariantManager.js.map +1 -1
- package/dist/admin/components/index.d.ts +6 -0
- package/dist/admin/components/index.d.ts.map +1 -1
- package/dist/admin/components/index.js.map +1 -1
- package/dist/admin/hooks/useAdminStats.d.ts +1 -10
- package/dist/admin/hooks/useAdminStats.d.ts.map +1 -1
- package/dist/admin/hooks/useAdminStats.js.map +1 -1
- package/dist/admin/index.d.ts +2 -2
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/styles/admin-theme.css +1657 -47
- package/dist/admin/types.d.ts +14 -0
- package/dist/admin/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InventoryEditor.js","sourceRoot":"","sources":["../../../src/admin/components/InventoryEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAG3E,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,GACO;IACrB,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE5C,4BAA4B;IAC5B,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAA;IAChD,MAAM,gBAAgB,GAAG,aAAa,EAAE,QAAQ,IAAI,KAAK,CAAA;IACzD,MAAM,cAAc,GAAG,aAAa,EAAE,MAAM,IAAI,OAAO,CAAA;IAEvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC/D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAA;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,YAAoB,EAAE,EAAE;QAC9E,YAAY,CAAC,SAAS,CAAC,CAAA;QACvB,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IACpC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,YAAY,CAAC,GAAG,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,EAAE,SAAiB,EAAE,EAAE;QACzD,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;gBACvD,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC;aACZ,CAAC,CAAA;YAE9B,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnB,YAAY,CAAC,IAAI,CAAC,CAAA;gBAClB,QAAQ,EAAE,EAAE,CAAA;YACd,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,SAAiB,EAAE,EAAE;QAC9E,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,UAAU,CAAC,SAAS,CAAC,CAAA;QACvB,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,gBAAgB,EAAE,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAElC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"InventoryEditor.js","sourceRoot":"","sources":["../../../src/admin/components/InventoryEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LowStockAlert.d.ts","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAMlD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAc,EACd,WAA+B,EAC/B,SAAc,GACf,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"LowStockAlert.d.ts","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAMlD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAc,EACd,WAA+B,EAC/B,SAAc,GACf,EAAE,kBAAkB,2CA+GpB"}
|
|
@@ -4,8 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
* @rovela/sdk/admin/components/LowStockAlert
|
|
5
5
|
*
|
|
6
6
|
* Low stock inventory warning widget with Rovela admin theme styling.
|
|
7
|
+
* Uses pure CSS for hover states - no React state handlers.
|
|
7
8
|
*/
|
|
8
|
-
import { useState } from 'react';
|
|
9
9
|
import { AlertTriangle, CheckCircle, ChevronRight } from 'lucide-react';
|
|
10
10
|
import { useAdminStats } from '../hooks/useAdminStats';
|
|
11
11
|
// =============================================================================
|
|
@@ -23,27 +23,11 @@ export function LowStockAlert({ threshold = 10, viewAllHref = '/admin/products',
|
|
|
23
23
|
const { lowStock, isLoading } = useAdminStats({
|
|
24
24
|
lowStockThreshold: threshold,
|
|
25
25
|
});
|
|
26
|
-
const [hoveredItem, setHoveredItem] = useState(null);
|
|
27
26
|
const isHealthy = !isLoading && lowStock.length === 0;
|
|
28
|
-
return (_jsxs("div", { className: `admin-card ${className}`,
|
|
29
|
-
background: 'hsl(var(--admin-card))',
|
|
30
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
31
|
-
}, children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-4", style: { borderBottom: '1px solid hsl(var(--admin-border))' }, children: [_jsxs("div", { className: "flex items-center gap-3", children: [isHealthy ? (_jsx("div", { className: "rounded-full p-2", style: { background: 'hsl(var(--admin-success) / 0.1)' }, children: _jsx(CheckCircle, { className: "h-5 w-5", style: { color: 'hsl(var(--admin-success))' } }) })) : (_jsx("div", { className: "rounded-full p-2", style: { background: 'hsl(var(--admin-warning) / 0.1)' }, children: _jsx(AlertTriangle, { className: "h-5 w-5", style: { color: 'hsl(var(--admin-warning))' } }) })), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", style: { color: 'hsl(var(--admin-foreground))' }, children: isHealthy ? 'Inventory Healthy' : 'Low Stock Alert' }), _jsx("p", { className: "text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: isHealthy
|
|
27
|
+
return (_jsxs("div", { className: `admin-card ${className}`, children: [_jsxs("div", { className: "admin-widget-header", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isHealthy ? (_jsx("div", { className: "admin-status-icon admin-status-icon-success", children: _jsx(CheckCircle, { className: "h-5 w-5" }) })) : (_jsx("div", { className: "admin-status-icon admin-status-icon-warning", children: _jsx(AlertTriangle, { className: "h-5 w-5" }) })), _jsxs("div", { children: [_jsx("h3", { className: "admin-widget-title", children: isHealthy ? 'Inventory Healthy' : 'Low Stock Alert' }), _jsx("p", { className: "admin-widget-subtitle", children: isHealthy
|
|
32
28
|
? 'All products are well stocked'
|
|
33
|
-
: `${lowStock.length} item${lowStock.length !== 1 ? 's' : ''} need attention` })] })] }), lowStock.length > 0 && (_jsxs("a", { href: viewAllHref, className: "
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}, onMouseEnter: () => setHoveredItem(item.variantId), onMouseLeave: () => setHoveredItem(null), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("a", { href: `/admin/products/${item.productId}`, className: "block truncate font-medium transition-colors", style: {
|
|
37
|
-
color: hoveredItem === item.variantId
|
|
38
|
-
? 'hsl(var(--admin-primary))'
|
|
39
|
-
: 'hsl(var(--admin-foreground))',
|
|
40
|
-
}, children: item.productName }), _jsx("p", { className: "truncate text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: item.variantName })] }), _jsx("div", { className: "ml-4 flex-shrink-0", children: _jsx("span", { className: "admin-badge", style: {
|
|
41
|
-
background: item.inventory === 0
|
|
42
|
-
? 'hsl(var(--admin-destructive) / 0.1)'
|
|
43
|
-
: 'hsl(var(--admin-warning) / 0.1)',
|
|
44
|
-
color: item.inventory === 0
|
|
45
|
-
? 'hsl(var(--admin-destructive))'
|
|
46
|
-
: 'hsl(var(--admin-warning))',
|
|
47
|
-
}, children: item.inventory === 0 ? 'Out of stock' : `${item.inventory} left` }) })] }, item.variantId))) })), !isLoading && lowStock.length > 5 && (_jsx("div", { className: "px-6 py-3 text-center", style: { borderTop: '1px solid hsl(var(--admin-border))' }, children: _jsxs("a", { href: viewAllHref, className: "text-sm font-medium transition-colors", style: { color: 'hsl(var(--admin-primary))' }, children: ["+", lowStock.length - 5, " more items"] }) }))] })] }));
|
|
29
|
+
: `${lowStock.length} item${lowStock.length !== 1 ? 's' : ''} need attention` })] })] }), lowStock.length > 0 && (_jsxs("a", { href: viewAllHref, className: "admin-view-all-link", children: ["View all", _jsx(ChevronRight, { className: "h-4 w-4" })] }))] }), _jsxs("div", { children: [isLoading ? (_jsx("div", { className: "p-6", children: _jsx("div", { className: "space-y-4", children: [...Array(3)].map((_, i) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "admin-skeleton admin-skeleton-md w-32 rounded" }), _jsx("div", { className: "admin-skeleton admin-skeleton-sm w-20 rounded" })] }), _jsx("div", { className: "admin-skeleton admin-skeleton-lg w-16 rounded" })] }, i))) }) })) : lowStock.length === 0 ? (_jsxs("div", { className: "admin-empty-state py-12", children: [_jsx("div", { className: "admin-status-icon admin-status-icon-success p-4", children: _jsx(CheckCircle, { className: "h-8 w-8" }) }), _jsx("p", { className: "admin-empty-text mt-4 text-sm font-medium", children: "All stocked up!" }), _jsxs("p", { className: "admin-empty-subtext text-xs", children: ["No products below ", threshold, " units in stock"] })] })) : (_jsx("div", { children: lowStock.slice(0, 5).map((item) => (_jsxs("div", { className: "admin-inventory-item", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("a", { href: `/admin/products/${item.productId}`, className: "admin-inventory-item-link", children: item.productName }), _jsx("p", { className: "admin-inventory-item-variant", children: item.variantName })] }), _jsx("div", { className: "ml-4 flex-shrink-0", children: _jsx("span", { className: `admin-badge ${item.inventory === 0
|
|
30
|
+
? 'admin-badge-out-of-stock'
|
|
31
|
+
: 'admin-badge-low-stock'}`, children: item.inventory === 0 ? 'Out of stock' : `${item.inventory} left` }) })] }, item.variantId))) })), !isLoading && lowStock.length > 5 && (_jsx("div", { className: "admin-card-footer text-center", children: _jsxs("a", { href: viewAllHref, className: "admin-link-primary text-sm", children: ["+", lowStock.length - 5, " more items"] }) }))] })] }));
|
|
48
32
|
}
|
|
49
33
|
//# sourceMappingURL=LowStockAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LowStockAlert.js","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"LowStockAlert.js","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderDetails.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"OrderDetails.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,UAAU,CAAA;AA+BnE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAc,GACf,EAAE,iBAAiB,2CA2PnB"}
|
|
@@ -10,18 +10,19 @@ import { ChevronLeft, Package } from 'lucide-react';
|
|
|
10
10
|
import { useAdminOrders } from '../hooks/useAdminOrders';
|
|
11
11
|
import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
|
|
12
12
|
// =============================================================================
|
|
13
|
-
// Status Badge
|
|
13
|
+
// Status Badge - Pure CSS Classes
|
|
14
14
|
// =============================================================================
|
|
15
|
+
const statusBadgeClass = {
|
|
16
|
+
pending: 'admin-badge-pending',
|
|
17
|
+
paid: 'admin-badge-paid',
|
|
18
|
+
shipped: 'admin-badge-shipped',
|
|
19
|
+
delivered: 'admin-badge-delivered',
|
|
20
|
+
cancelled: 'admin-badge-cancelled',
|
|
21
|
+
refunded: 'admin-badge-refunded',
|
|
22
|
+
};
|
|
15
23
|
function StatusBadge({ status }) {
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
paid: 'bg-green-100 text-green-800',
|
|
19
|
-
shipped: 'bg-blue-100 text-blue-800',
|
|
20
|
-
delivered: 'bg-green-100 text-green-800',
|
|
21
|
-
cancelled: 'bg-red-100 text-red-800',
|
|
22
|
-
refunded: 'bg-gray-100 text-gray-800',
|
|
23
|
-
};
|
|
24
|
-
return (_jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-medium ${statusStyles[status] || 'bg-gray-100 text-gray-800'}`, children: status.charAt(0).toUpperCase() + status.slice(1) }));
|
|
24
|
+
const badgeClass = statusBadgeClass[status] || 'admin-badge-neutral';
|
|
25
|
+
return (_jsx("span", { className: `admin-badge ${badgeClass}`, children: status.charAt(0).toUpperCase() + status.slice(1) }));
|
|
25
26
|
}
|
|
26
27
|
// =============================================================================
|
|
27
28
|
// Component
|
|
@@ -83,15 +84,15 @@ export function OrderDetails({ orderId, onRefund, onBack, className = '', }) {
|
|
|
83
84
|
}).format(numValue);
|
|
84
85
|
};
|
|
85
86
|
if (isLoading) {
|
|
86
|
-
return (_jsxs("div", { className: `space-y-6 ${className}`, children: [_jsx("div", { className: "
|
|
87
|
+
return (_jsxs("div", { className: `space-y-6 ${className}`, children: [_jsx("div", { className: "admin-skeleton admin-skeleton-lg w-48 rounded" }), _jsx("div", { className: "admin-card p-6", children: _jsx("div", { className: "space-y-4", children: [...Array(4)].map((_, i) => (_jsx("div", { className: "admin-skeleton admin-skeleton-md w-full rounded" }, i))) }) })] }));
|
|
87
88
|
}
|
|
88
89
|
if (!order) {
|
|
89
|
-
return (_jsxs("div", { className: `
|
|
90
|
+
return (_jsxs("div", { className: `admin-card p-12 text-center ${className}`, children: [_jsx("p", { className: "admin-empty-text", children: "Order not found" }), onBack && (_jsx("button", { onClick: onBack, className: "mt-4 admin-link-primary text-sm", children: "Go back" }))] }));
|
|
90
91
|
}
|
|
91
92
|
const canRefund = order.status === 'paid' || order.status === 'shipped' || order.status === 'delivered';
|
|
92
93
|
const canUpdateStatus = order.status !== 'refunded' && order.status !== 'cancelled';
|
|
93
|
-
return (_jsxs("div", { className: `space-y-6 ${className}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-4", children: [onBack && (_jsx("button", { onClick: onBack, className: "
|
|
94
|
-
? '
|
|
95
|
-
: '
|
|
94
|
+
return (_jsxs("div", { className: `space-y-6 ${className}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-4", children: [onBack && (_jsx("button", { onClick: onBack, className: "admin-btn admin-btn-secondary p-2", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })), _jsxs("div", { children: [_jsxs("h1", { className: "admin-page-title", children: ["Order #", order.id.slice(-8).toUpperCase()] }), _jsxs("p", { className: "admin-page-subtitle", children: ["Placed on ", formatDate(order.createdAt)] })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(StatusBadge, { status: order.status }), canRefund && onRefund && (_jsx("button", { onClick: () => onRefund(order.id), className: "admin-btn admin-btn-destructive admin-btn-sm", children: "Refund" }))] })] }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsxs("div", { className: "lg:col-span-2 space-y-6", children: [_jsxs("div", { className: "admin-card overflow-hidden", children: [_jsx("div", { className: "admin-card-header", children: _jsx("h2", { className: "admin-card-title", children: "Order Items" }) }), _jsx("div", { className: "admin-card-divider-y", children: order.items?.map((item, index) => (_jsxs("div", { className: "flex items-center gap-4 px-6 py-4", children: [_jsx("div", { className: "admin-image-placeholder h-16 w-16 rounded", children: _jsx(Package, { className: "h-6 w-6", strokeWidth: 1.5 }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "font-medium", children: item.name }), item.attributes && Object.keys(item.attributes).length > 0 && (_jsx("p", { className: "text-sm admin-text-muted", children: Object.entries(item.attributes).map(([k, v]) => `${k}: ${v}`).join(', ') }))] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "font-medium", children: formatCurrency(item.price) }), _jsxs("p", { className: "text-sm admin-text-muted", children: ["Qty: ", item.quantity] })] })] }, index))) })] }), canUpdateStatus && (_jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Update Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: ['pending', 'paid', 'shipped', 'delivered', 'cancelled'].map((s) => (_jsx("button", { onClick: () => handleStatusChange(s), disabled: isUpdating || order.status === s, className: `admin-btn admin-btn-sm ${order.status === s
|
|
95
|
+
? 'admin-btn-primary'
|
|
96
|
+
: 'admin-btn-secondary'} disabled:opacity-50`, children: s.charAt(0).toUpperCase() + s.slice(1) }, s))) })] }))] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Order Summary" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "admin-text-muted", children: "Subtotal" }), _jsx("span", { children: formatCurrency(order.subtotal) })] }), order.tax && parseFloat(order.tax) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "admin-text-muted", children: "Tax" }), _jsx("span", { children: formatCurrency(order.tax) })] })), order.shipping && parseFloat(order.shipping) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "admin-text-muted", children: "Shipping" }), _jsx("span", { children: formatCurrency(order.shipping) })] })), _jsx("div", { className: "admin-summary-divider pt-2", children: _jsxs("div", { className: "flex justify-between font-medium", children: [_jsx("span", { children: "Total" }), _jsx("span", { children: formatCurrency(order.total) })] }) })] })] }), _jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Customer" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("p", { children: order.email }), order.customerId && (_jsx("a", { href: `/admin/customers/${order.customerId}`, className: "admin-link-primary", children: "View customer profile" }))] })] }), order.shippingAddress && (_jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Shipping Address" }), _jsxs("div", { className: "space-y-1 text-sm admin-text-muted", children: [_jsx("p", { children: order.shippingAddress.name }), _jsx("p", { children: order.shippingAddress.line1 }), order.shippingAddress.line2 && _jsx("p", { children: order.shippingAddress.line2 }), _jsxs("p", { children: [order.shippingAddress.city, ", ", order.shippingAddress.state, " ", order.shippingAddress.postalCode] }), _jsx("p", { children: order.shippingAddress.country })] })] })), order.stripePaymentIntentId && (_jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Payment" }), _jsx("div", { className: "space-y-2 text-sm", children: _jsxs("p", { className: "admin-text-muted", children: ["Payment Intent: ", order.stripePaymentIntentId.slice(-8)] }) })] }))] })] })] }));
|
|
96
97
|
}
|
|
97
98
|
//# sourceMappingURL=OrderDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderDetails.js","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAK3E,gFAAgF;AAChF,
|
|
1
|
+
{"version":3,"file":"OrderDetails.js","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderStatusChart.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderStatusChart.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;
|
|
1
|
+
{"version":3,"file":"OrderStatusChart.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderStatusChart.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoDD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,2CA6FvB"}
|
|
@@ -23,13 +23,7 @@ function CustomTooltip({ active, payload }) {
|
|
|
23
23
|
return null;
|
|
24
24
|
const data = payload[0].payload;
|
|
25
25
|
const config = statusConfig[data.status] || { label: data.status, color: 'hsl(var(--admin-foreground-muted))' };
|
|
26
|
-
return (_jsxs("div", { className: "
|
|
27
|
-
background: 'hsl(var(--admin-card))',
|
|
28
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
29
|
-
borderWidth: '1px',
|
|
30
|
-
borderStyle: 'solid',
|
|
31
|
-
boxShadow: 'var(--admin-shadow-lg)',
|
|
32
|
-
}, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 rounded-full", style: { backgroundColor: config.color } }), _jsx("span", { className: "text-sm font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: config.label })] }), _jsxs("p", { className: "mt-1 text-lg font-semibold", style: { color: 'hsl(var(--admin-foreground))' }, children: [data.count.toLocaleString(), " orders"] })] }));
|
|
26
|
+
return (_jsxs("div", { className: "admin-chart-tooltip", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "admin-chart-legend-dot", style: { backgroundColor: config.color } }), _jsx("span", { className: "admin-chart-tooltip-label", children: config.label })] }), _jsxs("p", { className: "admin-chart-tooltip-value mt-1", children: [data.count.toLocaleString(), " orders"] })] }));
|
|
33
27
|
}
|
|
34
28
|
// =============================================================================
|
|
35
29
|
// Component
|
|
@@ -51,14 +45,11 @@ export function OrderStatusChart({ data, isLoading = false, className = '', }) {
|
|
|
51
45
|
}));
|
|
52
46
|
// Calculate total
|
|
53
47
|
const totalOrders = data.reduce((sum, item) => sum + item.count, 0);
|
|
54
|
-
return (_jsxs("div", { className: `admin-
|
|
55
|
-
background: 'hsl(var(--admin-card))',
|
|
56
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
57
|
-
}, children: [_jsxs("div", { className: "px-6 py-4", style: { borderBottom: '1px solid hsl(var(--admin-border))' }, children: [_jsx("h3", { className: "text-lg font-semibold", style: { color: 'hsl(var(--admin-foreground))' }, children: "Order Status" }), _jsx("p", { className: "text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "Distribution by status" })] }), _jsx("div", { className: "p-6", children: isLoading ? (_jsx("div", { className: "flex h-64 items-center justify-center", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-t-transparent", style: { borderColor: 'hsl(var(--admin-primary))', borderTopColor: 'transparent' } }) })) : totalOrders === 0 ? (_jsxs("div", { className: "flex h-64 flex-col items-center justify-center text-center", children: [_jsx(ShoppingBag, { className: "h-12 w-12", style: { color: 'hsl(var(--admin-foreground-muted) / 0.3)' }, strokeWidth: 1 }), _jsx("p", { className: "mt-4 text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "No orders yet" }), _jsx("p", { className: "text-xs", style: { color: 'hsl(var(--admin-foreground-muted) / 0.7)' }, children: "Order breakdown will appear here" })] })) : (_jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "relative flex-shrink-0", children: [_jsx(ResponsiveContainer, { width: 180, height: 180, children: _jsxs(PieChart, { children: [_jsx(Pie, { data: chartData, cx: "50%", cy: "50%", innerRadius: 55, outerRadius: 80, paddingAngle: 2, dataKey: "count", children: chartData.map((entry, index) => (_jsx(Cell, { fill: entry.color }, `cell-${index}`))) }), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}) })] }) }), _jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [_jsx("p", { className: "text-2xl font-bold", style: { color: 'hsl(var(--admin-foreground))' }, children: totalOrders }), _jsx("p", { className: "text-xs", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "Total" })] })] }), _jsx("div", { className: "flex-1 space-y-2", children: chartData.map((item) => {
|
|
48
|
+
return (_jsxs("div", { className: `admin-chart ${className}`, children: [_jsx("div", { className: "admin-chart-header", children: _jsxs("div", { children: [_jsx("h3", { className: "admin-chart-title", children: "Order Status" }), _jsx("p", { className: "admin-chart-subtitle", children: "Distribution by status" })] }) }), _jsx("div", { className: "admin-chart-body", children: isLoading ? (_jsx("div", { className: "admin-chart-loading", children: _jsx("div", { className: "admin-chart-spinner" }) })) : totalOrders === 0 ? (_jsxs("div", { className: "admin-chart-empty", children: [_jsx(ShoppingBag, { className: "h-12 w-12 admin-chart-empty-icon", strokeWidth: 1 }), _jsx("p", { className: "admin-chart-empty-text", children: "No orders yet" }), _jsx("p", { className: "admin-chart-empty-subtext", children: "Order breakdown will appear here" })] })) : (_jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "relative flex-shrink-0", children: [_jsx(ResponsiveContainer, { width: 180, height: 180, children: _jsxs(PieChart, { children: [_jsx(Pie, { data: chartData, cx: "50%", cy: "50%", innerRadius: 55, outerRadius: 80, paddingAngle: 2, dataKey: "count", children: chartData.map((entry, index) => (_jsx(Cell, { fill: entry.color }, `cell-${index}`))) }), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}) })] }) }), _jsxs("div", { className: "admin-chart-center", children: [_jsx("p", { className: "admin-chart-center-value", children: totalOrders }), _jsx("p", { className: "admin-chart-center-label", children: "Total" })] })] }), _jsx("div", { className: "admin-chart-legend", children: chartData.map((item) => {
|
|
58
49
|
const percentage = totalOrders > 0
|
|
59
50
|
? Math.round((item.count / totalOrders) * 100)
|
|
60
51
|
: 0;
|
|
61
|
-
return (_jsxs("div", { className: "
|
|
52
|
+
return (_jsxs("div", { className: "admin-chart-legend-item", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "admin-chart-legend-dot", style: { backgroundColor: item.color } }), _jsx("span", { className: "admin-chart-legend-label", children: item.label })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "admin-chart-legend-value", children: item.count }), _jsxs("span", { className: "admin-chart-legend-percent", children: ["(", percentage, "%)"] })] })] }, item.status));
|
|
62
53
|
}) })] })) })] }));
|
|
63
54
|
}
|
|
64
55
|
//# sourceMappingURL=OrderStatusChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderStatusChart.js","sourceRoot":"","sources":["../../../src/admin/components/OrderStatusChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAe5E,gFAAgF;AAChF,mDAAmD;AACnD,gFAAgF;AAEhF,MAAM,YAAY,GAAqD;IACrE,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,2BAA2B,EAAE;IACjE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,2BAA2B,EAAE;IAC3D,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,wBAAwB,EAAE;IAC9D,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,2BAA2B,EAAE;IACrE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,+BAA+B,EAAE;IACzE,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,oCAAoC,EAAE;CAC7E,CAAA;AAWD,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAgB;IACtD,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAEvD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAC/B,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,oCAAoC,EAAE,CAAA;IAE/G,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"OrderStatusChart.js","sourceRoot":"","sources":["../../../src/admin/components/OrderStatusChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderTable.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderTable.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"OrderTable.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderTable.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,UAAU,CAAA;AA0FnE;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,aAAa,EACb,QAAa,EACb,YAAY,EACZ,SAAc,GACf,EAAE,eAAe,2CA8LjB"}
|
|
@@ -4,40 +4,28 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
* @rovela/sdk/admin/components/OrderTable
|
|
5
5
|
*
|
|
6
6
|
* Orders data table with filtering, sorting, and pagination.
|
|
7
|
-
* Styled with Rovela admin theme.
|
|
7
|
+
* Styled with Rovela admin theme - uses pure CSS for hover states.
|
|
8
8
|
*/
|
|
9
9
|
import { useState, useEffect, useCallback } from 'react';
|
|
10
10
|
import { useAdminOrders } from '../hooks/useAdminOrders';
|
|
11
11
|
import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
|
|
12
12
|
// =============================================================================
|
|
13
|
-
// Status Badge -
|
|
13
|
+
// Status Badge - Pure CSS Classes
|
|
14
14
|
// =============================================================================
|
|
15
|
+
const statusBadgeClass = {
|
|
16
|
+
pending: 'admin-badge-pending',
|
|
17
|
+
paid: 'admin-badge-paid',
|
|
18
|
+
shipped: 'admin-badge-shipped',
|
|
19
|
+
delivered: 'admin-badge-delivered',
|
|
20
|
+
cancelled: 'admin-badge-cancelled',
|
|
21
|
+
refunded: 'admin-badge-refunded',
|
|
22
|
+
};
|
|
15
23
|
function StatusBadge({ status }) {
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
paid: { bg: 'hsl(var(--admin-success) / 0.1)', color: 'hsl(var(--admin-success))' },
|
|
19
|
-
shipped: { bg: 'hsl(var(--admin-info) / 0.1)', color: 'hsl(var(--admin-info))' },
|
|
20
|
-
delivered: { bg: 'hsl(var(--admin-primary) / 0.1)', color: 'hsl(var(--admin-primary))' },
|
|
21
|
-
cancelled: { bg: 'hsl(var(--admin-destructive) / 0.1)', color: 'hsl(var(--admin-destructive))' },
|
|
22
|
-
refunded: { bg: 'hsl(var(--admin-background-subtle))', color: 'hsl(var(--admin-foreground-muted))' },
|
|
23
|
-
};
|
|
24
|
-
const style = statusStyles[status] || statusStyles.refunded;
|
|
25
|
-
return (_jsx("span", { className: "admin-badge", style: {
|
|
26
|
-
background: style.bg,
|
|
27
|
-
color: style.color,
|
|
28
|
-
}, children: status.charAt(0).toUpperCase() + status.slice(1) }));
|
|
24
|
+
const badgeClass = statusBadgeClass[status] || 'admin-badge-neutral';
|
|
25
|
+
return (_jsx("span", { className: `admin-badge ${badgeClass}`, children: status.charAt(0).toUpperCase() + status.slice(1) }));
|
|
29
26
|
}
|
|
30
27
|
function OrderRow({ order, onOrderClick, onStatusChange, formatCurrency, formatDate }) {
|
|
31
|
-
|
|
32
|
-
return (_jsxs("tr", { style: {
|
|
33
|
-
borderBottom: '1px solid hsl(var(--admin-border))',
|
|
34
|
-
background: isHovered ? 'hsl(var(--admin-background-subtle))' : 'transparent',
|
|
35
|
-
transition: 'background-color 0.15s ease',
|
|
36
|
-
}, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsx("td", { className: "px-6 py-4", children: _jsxs("button", { onClick: () => onOrderClick?.(order.id), className: "font-medium transition-colors", style: { color: 'hsl(var(--admin-primary))' }, children: ["#", order.id.slice(-8).toUpperCase()] }) }), _jsx("td", { className: "px-6 py-4 text-sm", style: { color: 'hsl(var(--admin-foreground))' }, children: order.email }), _jsx("td", { className: "px-6 py-4", children: _jsx(StatusBadge, { status: order.status }) }), _jsx("td", { className: "px-6 py-4 text-sm font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: formatCurrency(order.total) }), _jsx("td", { className: "px-6 py-4 text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: formatDate(order.createdAt) }), _jsx("td", { className: "px-6 py-4", children: _jsxs("select", { value: order.status, onChange: (e) => onStatusChange(order.id, e.target.value), disabled: order.status === 'refunded' || order.status === 'cancelled', className: "admin-select rounded-md px-2 py-1 text-xs disabled:opacity-50", style: {
|
|
37
|
-
background: 'hsl(var(--admin-input))',
|
|
38
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
39
|
-
color: 'hsl(var(--admin-foreground))',
|
|
40
|
-
}, children: [_jsx("option", { value: "pending", children: "Pending" }), _jsx("option", { value: "paid", children: "Paid" }), _jsx("option", { value: "shipped", children: "Shipped" }), _jsx("option", { value: "delivered", children: "Delivered" }), _jsx("option", { value: "cancelled", children: "Cancelled" }), _jsx("option", { value: "refunded", disabled: true, children: "Refunded" })] }) })] }));
|
|
28
|
+
return (_jsxs("tr", { className: "admin-table-row", children: [_jsx("td", { className: "px-6 py-4", children: _jsxs("button", { onClick: () => onOrderClick?.(order.id), className: "admin-table-row-link", children: ["#", order.id.slice(-8).toUpperCase()] }) }), _jsx("td", { className: "px-6 py-4 text-sm", children: order.email }), _jsx("td", { className: "px-6 py-4", children: _jsx(StatusBadge, { status: order.status }) }), _jsx("td", { className: "px-6 py-4 text-sm font-medium", children: formatCurrency(order.total) }), _jsx("td", { className: "px-6 py-4 text-sm admin-text-muted", children: formatDate(order.createdAt) }), _jsx("td", { className: "px-6 py-4", children: _jsxs("select", { value: order.status, onChange: (e) => onStatusChange(order.id, e.target.value), disabled: order.status === 'refunded' || order.status === 'cancelled', className: "admin-select admin-select-sm disabled:opacity-50", children: [_jsx("option", { value: "pending", children: "Pending" }), _jsx("option", { value: "paid", children: "Paid" }), _jsx("option", { value: "shipped", children: "Shipped" }), _jsx("option", { value: "delivered", children: "Delivered" }), _jsx("option", { value: "cancelled", children: "Cancelled" }), _jsx("option", { value: "refunded", disabled: true, children: "Refunded" })] }) })] }));
|
|
41
29
|
}
|
|
42
30
|
// =============================================================================
|
|
43
31
|
// Component
|
|
@@ -103,33 +91,6 @@ export function OrderTable({ initialSearch, initialStatus, pageSize = 20, onOrde
|
|
|
103
91
|
}).format(parseFloat(value));
|
|
104
92
|
};
|
|
105
93
|
const totalPages = Math.ceil(total / pageSize);
|
|
106
|
-
return (_jsxs("div", { className: `space-y-4 ${className}`, children: [_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx("div", { className: "flex-1", children: _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search by order ID or email...", className: "admin-input w-full max-w-xs",
|
|
107
|
-
background: 'hsl(var(--admin-input))',
|
|
108
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
109
|
-
color: 'hsl(var(--admin-foreground))',
|
|
110
|
-
} }) }), _jsxs("select", { value: status, onChange: (e) => setStatus(e.target.value), className: "admin-select", style: {
|
|
111
|
-
background: 'hsl(var(--admin-input))',
|
|
112
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
113
|
-
color: 'hsl(var(--admin-foreground))',
|
|
114
|
-
}, children: [_jsx("option", { value: "", children: "All Status" }), _jsx("option", { value: "pending", children: "Pending" }), _jsx("option", { value: "paid", children: "Paid" }), _jsx("option", { value: "shipped", children: "Shipped" }), _jsx("option", { value: "delivered", children: "Delivered" }), _jsx("option", { value: "cancelled", children: "Cancelled" }), _jsx("option", { value: "refunded", children: "Refunded" })] }), _jsxs("select", { value: sort, onChange: (e) => setSort(e.target.value), className: "admin-select", style: {
|
|
115
|
-
background: 'hsl(var(--admin-input))',
|
|
116
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
117
|
-
color: 'hsl(var(--admin-foreground))',
|
|
118
|
-
}, children: [_jsx("option", { value: "newest", children: "Newest First" }), _jsx("option", { value: "oldest", children: "Oldest First" }), _jsx("option", { value: "total-desc", children: "Highest Total" }), _jsx("option", { value: "total-asc", children: "Lowest Total" })] })] }), _jsxs("div", { className: "admin-card overflow-hidden", style: {
|
|
119
|
-
background: 'hsl(var(--admin-card))',
|
|
120
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
121
|
-
}, children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "admin-table w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-left text-xs font-medium uppercase tracking-wider", style: {
|
|
122
|
-
background: 'hsl(var(--admin-background-subtle))',
|
|
123
|
-
borderBottom: '1px solid hsl(var(--admin-border))',
|
|
124
|
-
color: 'hsl(var(--admin-foreground-muted))',
|
|
125
|
-
}, children: [_jsx("th", { className: "px-6 py-3", children: "Order" }), _jsx("th", { className: "px-6 py-3", children: "Customer" }), _jsx("th", { className: "px-6 py-3", children: "Status" }), _jsx("th", { className: "px-6 py-3", children: "Total" }), _jsx("th", { className: "px-6 py-3", children: "Date" }), _jsx("th", { className: "px-6 py-3", children: "Actions" })] }) }), _jsx("tbody", { children: isLoading ? ([...Array(5)].map((_, i) => (_jsxs("tr", { style: { borderBottom: '1px solid hsl(var(--admin-border))' }, children: [_jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-4 w-24 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-4 w-32 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-6 w-16 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-4 w-20 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-4 w-28 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "h-4 w-20 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }) })] }, i)))) : orders.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "px-6 py-12 text-center", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "No orders found" }) })) : (orders.map((order) => (_jsx(OrderRow, { order: order, onOrderClick: onOrderClick, onStatusChange: handleStatusChange, formatCurrency: formatCurrency, formatDate: formatDate }, order.id)))) })] }) }), totalPages > 1 && (_jsxs("div", { className: "flex items-center justify-between px-6 py-3", style: { borderTop: '1px solid hsl(var(--admin-border))' }, children: [_jsxs("p", { className: "text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: ["Showing ", (page - 1) * pageSize + 1, " to ", Math.min(page * pageSize, total), " of ", total] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => handlePageChange(page - 1), disabled: page === 1, className: "admin-btn admin-btn-secondary rounded-md px-3 py-1 text-sm disabled:opacity-50", style: {
|
|
126
|
-
background: 'hsl(var(--admin-card))',
|
|
127
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
128
|
-
color: 'hsl(var(--admin-foreground))',
|
|
129
|
-
}, children: "Previous" }), _jsx("button", { onClick: () => handlePageChange(page + 1), disabled: page >= totalPages, className: "admin-btn admin-btn-secondary rounded-md px-3 py-1 text-sm disabled:opacity-50", style: {
|
|
130
|
-
background: 'hsl(var(--admin-card))',
|
|
131
|
-
borderColor: 'hsl(var(--admin-border))',
|
|
132
|
-
color: 'hsl(var(--admin-foreground))',
|
|
133
|
-
}, children: "Next" })] })] }))] })] }));
|
|
94
|
+
return (_jsxs("div", { className: `space-y-4 ${className}`, children: [_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx("div", { className: "flex-1", children: _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search by order ID or email...", className: "admin-input w-full max-w-xs" }) }), _jsxs("select", { value: status, onChange: (e) => setStatus(e.target.value), className: "admin-input admin-select", children: [_jsx("option", { value: "", children: "All Status" }), _jsx("option", { value: "pending", children: "Pending" }), _jsx("option", { value: "paid", children: "Paid" }), _jsx("option", { value: "shipped", children: "Shipped" }), _jsx("option", { value: "delivered", children: "Delivered" }), _jsx("option", { value: "cancelled", children: "Cancelled" }), _jsx("option", { value: "refunded", children: "Refunded" })] }), _jsxs("select", { value: sort, onChange: (e) => setSort(e.target.value), className: "admin-input admin-select", children: [_jsx("option", { value: "newest", children: "Newest First" }), _jsx("option", { value: "oldest", children: "Oldest First" }), _jsx("option", { value: "total-desc", children: "Highest Total" }), _jsx("option", { value: "total-asc", children: "Lowest Total" })] })] }), _jsxs("div", { className: "admin-card overflow-hidden", children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "admin-table w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "admin-table-header", children: [_jsx("th", { className: "px-6 py-3 text-left", children: "Order" }), _jsx("th", { className: "px-6 py-3 text-left", children: "Customer" }), _jsx("th", { className: "px-6 py-3 text-left", children: "Status" }), _jsx("th", { className: "px-6 py-3 text-left", children: "Total" }), _jsx("th", { className: "px-6 py-3 text-left", children: "Date" }), _jsx("th", { className: "px-6 py-3 text-left", children: "Actions" })] }) }), _jsx("tbody", { children: isLoading ? ([...Array(5)].map((_, i) => (_jsxs("tr", { className: "admin-table-row", children: [_jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-md w-24 rounded" }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-md w-32 rounded" }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-lg w-16 rounded" }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-md w-20 rounded" }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-md w-28 rounded" }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("div", { className: "admin-skeleton admin-skeleton-md w-20 rounded" }) })] }, i)))) : orders.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "px-6 py-12 text-center admin-empty-text", children: "No orders found" }) })) : (orders.map((order) => (_jsx(OrderRow, { order: order, onOrderClick: onOrderClick, onStatusChange: handleStatusChange, formatCurrency: formatCurrency, formatDate: formatDate }, order.id)))) })] }) }), totalPages > 1 && (_jsxs("div", { className: "admin-pagination px-6", children: [_jsxs("p", { className: "admin-pagination-info", children: ["Showing ", (page - 1) * pageSize + 1, " to ", Math.min(page * pageSize, total), " of ", total] }), _jsxs("div", { className: "admin-pagination-controls", children: [_jsx("button", { onClick: () => handlePageChange(page - 1), disabled: page === 1, className: "admin-btn admin-btn-secondary admin-btn-sm disabled:opacity-50", children: "Previous" }), _jsx("button", { onClick: () => handlePageChange(page + 1), disabled: page >= totalPages, className: "admin-btn admin-btn-secondary admin-btn-sm disabled:opacity-50", children: "Next" })] })] }))] })] }));
|
|
134
95
|
}
|
|
135
96
|
//# sourceMappingURL=OrderTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderTable.js","sourceRoot":"","sources":["../../../src/admin/components/OrderTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAU3E,gFAAgF;AAChF,
|
|
1
|
+
{"version":3,"file":"OrderTable.js","sourceRoot":"","sources":["../../../src/admin/components/OrderTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductForm.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ProductForm.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAoC,MAAM,UAAU,CAAA;AAUlF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAc,GACf,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ProductForm.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ProductForm.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAoC,MAAM,UAAU,CAAA;AAUlF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAc,GACf,EAAE,gBAAgB,2CA8zBlB"}
|