@rovela-ai/sdk 0.1.29 → 0.1.30
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 +2 -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 +16 -1
- package/dist/admin/components/AdminHeader.js.map +1 -1
- package/dist/admin/components/AdminLayout.d.ts +2 -0
- package/dist/admin/components/AdminLayout.d.ts.map +1 -1
- package/dist/admin/components/AdminLayout.js +4 -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 +23 -1
- package/dist/admin/components/AdminLoginForm.js.map +1 -1
- package/dist/admin/components/AdminNav.d.ts.map +1 -1
- package/dist/admin/components/AdminNav.js +32 -47
- 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 +31 -1
- 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 +45 -3
- 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 +21 -14
- package/dist/admin/components/CategorySelect.js.map +1 -1
- package/dist/admin/components/CustomerTable.d.ts.map +1 -1
- package/dist/admin/components/CustomerTable.js +46 -7
- package/dist/admin/components/CustomerTable.js.map +1 -1
- package/dist/admin/components/DeleteConfirmDialog.d.ts +0 -6
- package/dist/admin/components/DeleteConfirmDialog.d.ts.map +1 -1
- package/dist/admin/components/DeleteConfirmDialog.js +32 -1
- 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 +42 -8
- package/dist/admin/components/InventoryEditor.js.map +1 -1
- package/dist/admin/components/LowStockAlert.d.ts +1 -1
- package/dist/admin/components/LowStockAlert.d.ts.map +1 -1
- package/dist/admin/components/LowStockAlert.js +25 -15
- 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 +2 -1
- package/dist/admin/components/OrderDetails.js.map +1 -1
- package/dist/admin/components/OrderStatusChart.d.ts +1 -1
- package/dist/admin/components/OrderStatusChart.d.ts.map +1 -1
- package/dist/admin/components/OrderStatusChart.js +24 -14
- 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 +53 -9
- 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 +97 -5
- 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 +59 -13
- package/dist/admin/components/ProductTable.js.map +1 -1
- package/dist/admin/components/RecentOrders.d.ts +1 -1
- package/dist/admin/components/RecentOrders.d.ts.map +1 -1
- package/dist/admin/components/RecentOrders.js +24 -12
- 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 +29 -1
- package/dist/admin/components/RefundDialog.js.map +1 -1
- package/dist/admin/components/RevenueChart.d.ts +1 -1
- package/dist/admin/components/RevenueChart.d.ts.map +1 -1
- package/dist/admin/components/RevenueChart.js +15 -5
- package/dist/admin/components/RevenueChart.js.map +1 -1
- package/dist/admin/components/SEOPreview.d.ts +1 -0
- package/dist/admin/components/SEOPreview.d.ts.map +1 -1
- package/dist/admin/components/SEOPreview.js +4 -1
- package/dist/admin/components/SEOPreview.js.map +1 -1
- package/dist/admin/components/StatsCards.d.ts +1 -6
- package/dist/admin/components/StatsCards.d.ts.map +1 -1
- package/dist/admin/components/StatsCards.js +28 -20
- package/dist/admin/components/StatsCards.js.map +1 -1
- package/dist/admin/components/TagInput.d.ts.map +1 -1
- package/dist/admin/components/TagInput.js +10 -7
- 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 +56 -4
- package/dist/admin/components/VariantManager.js.map +1 -1
- package/dist/auth/components/ForgotPasswordForm.d.ts.map +1 -1
- package/dist/auth/components/ForgotPasswordForm.js +2 -1
- package/dist/auth/components/ForgotPasswordForm.js.map +1 -1
- package/dist/auth/components/ResetPasswordForm.d.ts.map +1 -1
- package/dist/auth/components/ResetPasswordForm.js +3 -2
- package/dist/auth/components/ResetPasswordForm.js.map +1 -1
- package/dist/auth/components/SignUpForm.d.ts.map +1 -1
- package/dist/auth/components/SignUpForm.js +2 -1
- package/dist/auth/components/SignUpForm.js.map +1 -1
- package/dist/auth/components/UserMenu.d.ts.map +1 -1
- package/dist/auth/components/UserMenu.js +3 -2
- package/dist/auth/components/UserMenu.js.map +1 -1
- package/dist/auth/components/VerifyEmailNotice.d.ts.map +1 -1
- package/dist/auth/components/VerifyEmailNotice.js +2 -1
- package/dist/auth/components/VerifyEmailNotice.js.map +1 -1
- package/dist/cart/components/AddToCartButton.d.ts.map +1 -1
- package/dist/cart/components/AddToCartButton.js +3 -2
- package/dist/cart/components/AddToCartButton.js.map +1 -1
- package/dist/cart/components/CartDrawer.d.ts.map +1 -1
- package/dist/cart/components/CartDrawer.js +2 -1
- package/dist/cart/components/CartDrawer.js.map +1 -1
- package/dist/cart/components/CartIcon.d.ts.map +1 -1
- package/dist/cart/components/CartIcon.js +2 -1
- package/dist/cart/components/CartIcon.js.map +1 -1
- package/dist/cart/components/CartItem.d.ts.map +1 -1
- package/dist/cart/components/CartItem.js +2 -1
- package/dist/cart/components/CartItem.js.map +1 -1
- package/dist/cart/components/QuantitySelector.d.ts.map +1 -1
- package/dist/cart/components/QuantitySelector.js +2 -1
- package/dist/cart/components/QuantitySelector.js.map +1 -1
- package/dist/checkout/components/CheckoutButton.d.ts.map +1 -1
- package/dist/checkout/components/CheckoutButton.js +2 -7
- package/dist/checkout/components/CheckoutButton.js.map +1 -1
- package/dist/checkout/components/CheckoutSuccess.d.ts.map +1 -1
- package/dist/checkout/components/CheckoutSuccess.js +2 -13
- package/dist/checkout/components/CheckoutSuccess.js.map +1 -1
- package/dist/media/components/DropZone.d.ts.map +1 -1
- package/dist/media/components/DropZone.js +2 -7
- package/dist/media/components/DropZone.js.map +1 -1
- package/dist/media/components/ImageGalleryUpload.d.ts.map +1 -1
- package/dist/media/components/ImageGalleryUpload.js +2 -22
- package/dist/media/components/ImageGalleryUpload.js.map +1 -1
- package/dist/media/components/ImageUpload.d.ts.map +1 -1
- package/dist/media/components/ImageUpload.js +2 -16
- package/dist/media/components/ImageUpload.js.map +1 -1
- package/dist/products/components/CategoryNav.d.ts.map +1 -1
- package/dist/products/components/CategoryNav.js +3 -2
- package/dist/products/components/CategoryNav.js.map +1 -1
- package/dist/products/components/ProductBreadcrumb.d.ts.map +1 -1
- package/dist/products/components/ProductBreadcrumb.js +2 -1
- package/dist/products/components/ProductBreadcrumb.js.map +1 -1
- package/dist/products/components/ProductCard.d.ts.map +1 -1
- package/dist/products/components/ProductCard.js +2 -1
- package/dist/products/components/ProductCard.js.map +1 -1
- package/dist/products/components/ProductDetails.d.ts.map +1 -1
- package/dist/products/components/ProductDetails.js +3 -2
- package/dist/products/components/ProductDetails.js.map +1 -1
- package/dist/products/components/ProductFilters.d.ts.map +1 -1
- package/dist/products/components/ProductFilters.js +2 -1
- package/dist/products/components/ProductFilters.js.map +1 -1
- package/dist/products/components/ProductGallery.d.ts.map +1 -1
- package/dist/products/components/ProductGallery.js +4 -3
- package/dist/products/components/ProductGallery.js.map +1 -1
- package/dist/products/components/ProductGrid.d.ts.map +1 -1
- package/dist/products/components/ProductGrid.js +2 -1
- package/dist/products/components/ProductGrid.js.map +1 -1
- package/dist/products/components/ProductSearch.d.ts.map +1 -1
- package/dist/products/components/ProductSearch.js +2 -1
- package/dist/products/components/ProductSearch.js.map +1 -1
- package/dist/products/components/ProductSort.d.ts.map +1 -1
- package/dist/products/components/ProductSort.js +2 -1
- package/dist/products/components/ProductSort.js.map +1 -1
- package/package.json +6 -1
- package/src/admin/styles/admin-theme.css +1308 -0
|
@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
* @rovela/sdk/admin/components/InventoryEditor
|
|
5
5
|
*
|
|
6
6
|
* Inline inventory editing for product variants.
|
|
7
|
+
* Styled with Rovela admin theme.
|
|
7
8
|
*/
|
|
8
9
|
import { useState, useCallback } from 'react';
|
|
9
10
|
import { useAdminProducts } from '../hooks/useAdminProducts';
|
|
@@ -64,22 +65,55 @@ export function InventoryEditor({ productId, variants, onUpdate, className = '',
|
|
|
64
65
|
}
|
|
65
66
|
}, [handleSave, handleCancelEdit]);
|
|
66
67
|
if (!variants || variants.length === 0) {
|
|
67
|
-
return (_jsx("div", { className: `rounded-lg
|
|
68
|
+
return (_jsx("div", { className: `rounded-lg p-6 ${className}`, style: {
|
|
69
|
+
background: 'hsl(var(--admin-card))',
|
|
70
|
+
border: '1px solid hsl(var(--admin-border))',
|
|
71
|
+
}, children: _jsx("p", { className: "text-center", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "No variants to manage inventory for." }) }));
|
|
68
72
|
}
|
|
69
|
-
return (_jsxs("div", { className: `rounded-lg
|
|
73
|
+
return (_jsxs("div", { className: `rounded-lg overflow-hidden ${className}`, style: {
|
|
74
|
+
background: 'hsl(var(--admin-card))',
|
|
75
|
+
border: '1px solid hsl(var(--admin-border))',
|
|
76
|
+
}, children: [_jsxs("div", { className: "px-6 py-4", style: { borderBottom: '1px solid hsl(var(--admin-border))' }, children: [_jsx("h3", { className: "text-lg font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: "Inventory Management" }), _jsx("p", { className: "mt-1 text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: "Click on inventory count to edit" })] }), _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", style: {
|
|
77
|
+
background: 'hsl(var(--admin-background-subtle))',
|
|
78
|
+
borderBottom: '1px solid hsl(var(--admin-border))',
|
|
79
|
+
color: 'hsl(var(--admin-foreground-muted))',
|
|
80
|
+
}, children: [_jsx("th", { className: "px-6 py-3", children: "Variant" }), _jsx("th", { className: "px-6 py-3", children: "SKU" }), _jsx("th", { className: "px-6 py-3", children: "Price" }), _jsx("th", { className: "px-6 py-3", children: "Inventory" }), _jsx("th", { className: "px-6 py-3", children: "Status" })] }) }), _jsx("tbody", { children: variants.map((variant, index) => {
|
|
70
81
|
const isEditing = editingId === variant.id;
|
|
71
82
|
const isLowStock = variant.inventory !== undefined && variant.inventory <= 10;
|
|
72
83
|
const isOutOfStock = variant.inventory === 0;
|
|
73
|
-
return (_jsxs("tr", { className: "
|
|
84
|
+
return (_jsxs("tr", { className: "transition-colors", style: {
|
|
85
|
+
borderBottom: index < variants.length - 1 ? '1px solid hsl(var(--admin-border))' : undefined,
|
|
86
|
+
}, children: [_jsxs("td", { className: "px-6 py-4", children: [_jsx("div", { className: "font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: variant.name }), variant.attributes && Object.keys(variant.attributes).length > 0 && (_jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: Object.entries(variant.attributes).map(([key, value]) => (_jsxs("span", { className: "rounded px-1.5 py-0.5 text-xs", style: {
|
|
87
|
+
background: 'hsl(var(--admin-background-subtle))',
|
|
88
|
+
color: 'hsl(var(--admin-foreground-muted))',
|
|
89
|
+
}, children: [key, ": ", value] }, key))) }))] }), _jsx("td", { className: "px-6 py-4 text-sm", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: variant.sku || '—' }), _jsx("td", { className: "px-6 py-4 text-sm", style: { color: 'hsl(var(--admin-foreground))' }, children: variant.price
|
|
74
90
|
? new Intl.NumberFormat(resolvedLocale, {
|
|
75
91
|
style: 'currency',
|
|
76
92
|
currency: resolvedCurrency,
|
|
77
93
|
}).format(parseFloat(variant.price))
|
|
78
|
-
: '—' }), _jsx("td", { className: "px-6 py-4", children: isEditing ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "number", min: "0", value: editValue, onChange: (e) => setEditValue(e.target.value), onKeyDown: (e) => handleKeyDown(e, variant.id), autoFocus: true, disabled: isUpdating, className: "w-20 rounded-md
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
94
|
+
: '—' }), _jsx("td", { className: "px-6 py-4", children: isEditing ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "number", min: "0", value: editValue, onChange: (e) => setEditValue(e.target.value), onKeyDown: (e) => handleKeyDown(e, variant.id), autoFocus: true, disabled: isUpdating, className: "admin-input w-20 rounded-md px-2 py-1 text-sm disabled:opacity-50", style: {
|
|
95
|
+
background: 'hsl(var(--admin-card))',
|
|
96
|
+
borderColor: 'hsl(var(--admin-border))',
|
|
97
|
+
color: 'hsl(var(--admin-foreground))',
|
|
98
|
+
} }), _jsx("button", { onClick: () => handleSave(variant.id), disabled: isUpdating, className: "admin-btn admin-btn-primary rounded-md px-2 py-1 text-xs font-medium disabled:opacity-50", style: {
|
|
99
|
+
background: 'hsl(var(--admin-primary))',
|
|
100
|
+
color: 'white',
|
|
101
|
+
}, children: isUpdating ? '...' : 'Save' }), _jsx("button", { onClick: handleCancelEdit, disabled: isUpdating, className: "admin-btn admin-btn-secondary rounded-md px-2 py-1 text-xs disabled:opacity-50", style: {
|
|
102
|
+
background: 'hsl(var(--admin-card))',
|
|
103
|
+
borderColor: 'hsl(var(--admin-border))',
|
|
104
|
+
color: 'hsl(var(--admin-foreground))',
|
|
105
|
+
}, children: "Cancel" })] })) : (_jsx("button", { onClick: () => handleStartEdit(variant.id, variant.inventory ?? 0), className: "rounded-md border border-transparent px-2 py-1 text-sm font-medium transition-colors", style: { color: 'hsl(var(--admin-foreground))' }, children: variant.inventory ?? 0 })) }), _jsx("td", { className: "px-6 py-4", children: _jsx("span", { className: "admin-badge inline-flex rounded-full px-2 py-1 text-xs font-medium", style: {
|
|
106
|
+
background: isOutOfStock
|
|
107
|
+
? 'hsl(var(--admin-error) / 0.1)'
|
|
108
|
+
: isLowStock
|
|
109
|
+
? 'hsl(var(--admin-warning) / 0.1)'
|
|
110
|
+
: 'hsl(var(--admin-success) / 0.1)',
|
|
111
|
+
color: isOutOfStock
|
|
112
|
+
? 'hsl(var(--admin-error))'
|
|
113
|
+
: isLowStock
|
|
114
|
+
? 'hsl(var(--admin-warning))'
|
|
115
|
+
: 'hsl(var(--admin-success))',
|
|
116
|
+
}, children: isOutOfStock ? 'Out of stock' : isLowStock ? 'Low stock' : 'In stock' }) })] }, variant.id));
|
|
83
117
|
}) })] }) })] }));
|
|
84
118
|
}
|
|
85
119
|
//# sourceMappingURL=InventoryEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InventoryEditor.js","sourceRoot":"","sources":["../../../src/admin/components/InventoryEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
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":"
|
|
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,2CA0LpB"}
|
|
@@ -3,23 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
/**
|
|
4
4
|
* @rovela/sdk/admin/components/LowStockAlert
|
|
5
5
|
*
|
|
6
|
-
* Low stock inventory warning widget with theme
|
|
6
|
+
* Low stock inventory warning widget with Rovela admin theme styling.
|
|
7
7
|
*/
|
|
8
|
+
import { useState } from 'react';
|
|
9
|
+
import { AlertTriangle, CheckCircle, ChevronRight } from 'lucide-react';
|
|
8
10
|
import { useAdminStats } from '../hooks/useAdminStats';
|
|
9
11
|
// =============================================================================
|
|
10
|
-
// Icons
|
|
11
|
-
// =============================================================================
|
|
12
|
-
function AlertIcon({ className = 'h-5 w-5' }) {
|
|
13
|
-
return (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) }));
|
|
14
|
-
}
|
|
15
|
-
function CheckIcon({ className = 'h-5 w-5' }) {
|
|
16
|
-
return (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }));
|
|
17
|
-
}
|
|
18
|
-
// =============================================================================
|
|
19
12
|
// Component
|
|
20
13
|
// =============================================================================
|
|
21
14
|
/**
|
|
22
|
-
* Low stock alert widget for dashboard with
|
|
15
|
+
* Low stock alert widget for dashboard with Rovela admin styling.
|
|
23
16
|
*
|
|
24
17
|
* @example
|
|
25
18
|
* ```tsx
|
|
@@ -30,10 +23,27 @@ export function LowStockAlert({ threshold = 10, viewAllHref = '/admin/products',
|
|
|
30
23
|
const { lowStock, isLoading } = useAdminStats({
|
|
31
24
|
lowStockThreshold: threshold,
|
|
32
25
|
});
|
|
33
|
-
|
|
26
|
+
const [hoveredItem, setHoveredItem] = useState(null);
|
|
27
|
+
const isHealthy = !isLoading && lowStock.length === 0;
|
|
28
|
+
return (_jsxs("div", { className: `admin-card ${className}`, style: {
|
|
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
|
|
34
32
|
? 'All products are well stocked'
|
|
35
|
-
: `${lowStock.length} item${lowStock.length !== 1 ? 's' : ''} need attention` })] })] }), lowStock.length > 0 && (_jsxs("a", { href: viewAllHref, className: "inline-flex items-center gap-1 text-sm font-medium
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
: `${lowStock.length} item${lowStock.length !== 1 ? 's' : ''} need attention` })] })] }), lowStock.length > 0 && (_jsxs("a", { href: viewAllHref, className: "inline-flex items-center gap-1 text-sm font-medium transition-colors", style: { color: 'hsl(var(--admin-primary))' }, 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: "h-4 w-32 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } }), _jsx("div", { className: "h-3 w-20 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } })] }), _jsx("div", { className: "h-6 w-16 animate-pulse rounded", style: { background: 'hsl(var(--admin-background-subtle))' } })] }, i))) }) })) : lowStock.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx("div", { className: "rounded-full p-4", style: { background: 'hsl(var(--admin-success) / 0.1)' }, children: _jsx(CheckCircle, { className: "h-8 w-8", style: { color: 'hsl(var(--admin-success))' } }) }), _jsx("p", { className: "mt-4 text-sm font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: "All stocked up!" }), _jsxs("p", { className: "text-xs", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: ["No products below ", threshold, " units in stock"] })] })) : (_jsx("div", { children: lowStock.slice(0, 5).map((item) => (_jsxs("div", { className: "flex items-center justify-between px-6 py-4 transition-colors", style: {
|
|
34
|
+
borderBottom: '1px solid hsl(var(--admin-border))',
|
|
35
|
+
background: hoveredItem === item.variantId ? 'hsl(var(--admin-background-subtle))' : 'transparent',
|
|
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"] }) }))] })] }));
|
|
38
48
|
}
|
|
39
49
|
//# 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;;;;GAIG;AAEH,OAAO,EAAE,
|
|
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":"
|
|
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;AAiCnE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAc,GACf,EAAE,iBAAiB,2CA2PnB"}
|
|
@@ -6,6 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
6
6
|
* Full order details view with items, addresses, and actions.
|
|
7
7
|
*/
|
|
8
8
|
import { useState, useEffect, useCallback } from 'react';
|
|
9
|
+
import { ChevronLeft, Package } from 'lucide-react';
|
|
9
10
|
import { useAdminOrders } from '../hooks/useAdminOrders';
|
|
10
11
|
import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
|
|
11
12
|
// =============================================================================
|
|
@@ -89,7 +90,7 @@ export function OrderDetails({ orderId, onRefund, onBack, className = '', }) {
|
|
|
89
90
|
}
|
|
90
91
|
const canRefund = order.status === 'paid' || order.status === 'shipped' || order.status === 'delivered';
|
|
91
92
|
const canUpdateStatus = order.status !== 'refunded' && order.status !== 'cancelled';
|
|
92
|
-
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: "rounded-md border border-border p-2 hover:bg-accent", children: _jsx(
|
|
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: "rounded-md border border-border p-2 hover:bg-accent", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })), _jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold text-foreground", children: ["Order #", order.id.slice(-8).toUpperCase()] }), _jsxs("p", { className: "text-sm text-muted-foreground", 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: "rounded-md border border-destructive px-3 py-1.5 text-sm text-destructive hover:bg-destructive/10", 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: "rounded-lg border border-border bg-card", children: [_jsx("div", { className: "border-b border-border px-6 py-4", children: _jsx("h2", { className: "font-medium text-foreground", children: "Order Items" }) }), _jsx("div", { className: "divide-y divide-border", children: order.items?.map((item, index) => (_jsxs("div", { className: "flex items-center gap-4 px-6 py-4", children: [_jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded bg-muted text-muted-foreground", children: _jsx(Package, { className: "h-6 w-6", strokeWidth: 1.5 }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "font-medium text-foreground", children: item.name }), item.attributes && Object.keys(item.attributes).length > 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: Object.entries(item.attributes).map(([k, v]) => `${k}: ${v}`).join(', ') }))] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "font-medium text-foreground", children: formatCurrency(item.price) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Qty: ", item.quantity] })] })] }, index))) })] }), canUpdateStatus && (_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h2", { className: "mb-4 font-medium text-foreground", 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: `rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${order.status === s
|
|
93
94
|
? 'bg-primary text-primary-foreground'
|
|
94
95
|
: 'border border-border hover:bg-accent'} disabled:opacity-50`, children: s.charAt(0).toUpperCase() + s.slice(1) }, s))) })] }))] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h2", { className: "mb-4 font-medium text-foreground", children: "Order Summary" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Subtotal" }), _jsx("span", { className: "text-foreground", children: formatCurrency(order.subtotal) })] }), order.tax && parseFloat(order.tax) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Tax" }), _jsx("span", { className: "text-foreground", children: formatCurrency(order.tax) })] })), order.shipping && parseFloat(order.shipping) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Shipping" }), _jsx("span", { className: "text-foreground", children: formatCurrency(order.shipping) })] })), _jsx("div", { className: "border-t border-border pt-2", children: _jsxs("div", { className: "flex justify-between font-medium", children: [_jsx("span", { className: "text-foreground", children: "Total" }), _jsx("span", { className: "text-foreground", children: formatCurrency(order.total) })] }) })] })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h2", { className: "mb-4 font-medium text-foreground", children: "Customer" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("p", { className: "text-foreground", children: order.email }), order.customerId && (_jsx("a", { href: `/admin/customers/${order.customerId}`, className: "text-primary hover:underline", children: "View customer profile" }))] })] }), order.shippingAddress && (_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h2", { className: "mb-4 font-medium text-foreground", children: "Shipping Address" }), _jsxs("div", { className: "space-y-1 text-sm text-muted-foreground", 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: "rounded-lg border border-border bg-card p-6", children: [_jsx("h2", { className: "mb-4 font-medium text-foreground", children: "Payment" }), _jsx("div", { className: "space-y-2 text-sm", children: _jsxs("p", { className: "text-muted-foreground", children: ["Payment Intent: ", order.stripePaymentIntentId.slice(-8)] }) })] }))] })] })] }));
|
|
95
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderDetails.js","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"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
|
|
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":"
|
|
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;AA6DD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,2CAwHvB"}
|
|
@@ -3,32 +3,39 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
/**
|
|
4
4
|
* @rovela/sdk/admin/components/OrderStatusChart
|
|
5
5
|
*
|
|
6
|
-
* Order status breakdown donut chart for dashboard.
|
|
6
|
+
* Order status breakdown donut chart for dashboard with Rovela admin theme.
|
|
7
7
|
*/
|
|
8
|
+
import { ShoppingBag } from 'lucide-react';
|
|
8
9
|
import { Cell, Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';
|
|
9
10
|
// =============================================================================
|
|
10
|
-
// Status Configuration
|
|
11
|
+
// Status Configuration - Rovela Admin Theme Colors
|
|
11
12
|
// =============================================================================
|
|
12
13
|
const statusConfig = {
|
|
13
|
-
pending: { label: 'Pending', color: 'hsl(
|
|
14
|
-
paid: { label: 'Paid', color: 'hsl(
|
|
15
|
-
shipped: { label: 'Shipped', color: 'hsl(
|
|
16
|
-
delivered: { label: 'Delivered', color: 'hsl(
|
|
17
|
-
cancelled: { label: 'Cancelled', color: 'hsl(
|
|
18
|
-
refunded: { label: 'Refunded', color: 'hsl(
|
|
14
|
+
pending: { label: 'Pending', color: 'hsl(var(--admin-warning))' },
|
|
15
|
+
paid: { label: 'Paid', color: 'hsl(var(--admin-success))' },
|
|
16
|
+
shipped: { label: 'Shipped', color: 'hsl(var(--admin-info))' },
|
|
17
|
+
delivered: { label: 'Delivered', color: 'hsl(var(--admin-primary))' },
|
|
18
|
+
cancelled: { label: 'Cancelled', color: 'hsl(var(--admin-destructive))' },
|
|
19
|
+
refunded: { label: 'Refunded', color: 'hsl(var(--admin-foreground-muted))' },
|
|
19
20
|
};
|
|
20
21
|
function CustomTooltip({ active, payload }) {
|
|
21
22
|
if (!active || !payload || !payload.length)
|
|
22
23
|
return null;
|
|
23
24
|
const data = payload[0].payload;
|
|
24
|
-
const config = statusConfig[data.status] || { label: data.status, color: 'hsl(
|
|
25
|
-
return (_jsxs("div", { className: "rounded-lg
|
|
25
|
+
const config = statusConfig[data.status] || { label: data.status, color: 'hsl(var(--admin-foreground-muted))' };
|
|
26
|
+
return (_jsxs("div", { className: "rounded-lg px-3 py-2", style: {
|
|
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
33
|
}
|
|
27
34
|
// =============================================================================
|
|
28
35
|
// Component
|
|
29
36
|
// =============================================================================
|
|
30
37
|
/**
|
|
31
|
-
* Order status donut chart showing breakdown by status.
|
|
38
|
+
* Order status donut chart showing breakdown by status with Rovela admin styling.
|
|
32
39
|
*
|
|
33
40
|
* @example
|
|
34
41
|
* ```tsx
|
|
@@ -39,16 +46,19 @@ export function OrderStatusChart({ data, isLoading = false, className = '', }) {
|
|
|
39
46
|
// Process data with colors
|
|
40
47
|
const chartData = data.map((item) => ({
|
|
41
48
|
...item,
|
|
42
|
-
color: statusConfig[item.status]?.color || 'hsl(
|
|
49
|
+
color: statusConfig[item.status]?.color || 'hsl(var(--admin-foreground-muted))',
|
|
43
50
|
label: statusConfig[item.status]?.label || item.status,
|
|
44
51
|
}));
|
|
45
52
|
// Calculate total
|
|
46
53
|
const totalOrders = data.reduce((sum, item) => sum + item.count, 0);
|
|
47
|
-
return (_jsxs("div", { className: `
|
|
54
|
+
return (_jsxs("div", { className: `admin-card ${className}`, style: {
|
|
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
58
|
const percentage = totalOrders > 0
|
|
49
59
|
? Math.round((item.count / totalOrders) * 100)
|
|
50
60
|
: 0;
|
|
51
|
-
return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 rounded-full", style: { backgroundColor: item.color } }), _jsx("span", { className: "text-sm
|
|
61
|
+
return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 rounded-full", style: { backgroundColor: item.color } }), _jsx("span", { className: "text-sm", style: { color: 'hsl(var(--admin-foreground))' }, children: item.label })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", style: { color: 'hsl(var(--admin-foreground))' }, children: item.count }), _jsxs("span", { className: "text-xs", style: { color: 'hsl(var(--admin-foreground-muted))' }, children: ["(", percentage, "%)"] })] })] }, item.status));
|
|
52
62
|
}) })] })) })] }));
|
|
53
63
|
}
|
|
54
64
|
//# 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,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAe5E,gFAAgF;AAChF,
|
|
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":"
|
|
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;AAgHnE;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,aAAa,EACb,QAAa,EACb,YAAY,EACZ,SAAc,GACf,EAAE,eAAe,2CA6PjB"}
|
|
@@ -4,23 +4,40 @@ 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
8
|
*/
|
|
8
9
|
import { useState, useEffect, useCallback } from 'react';
|
|
9
10
|
import { useAdminOrders } from '../hooks/useAdminOrders';
|
|
10
11
|
import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
|
|
11
12
|
// =============================================================================
|
|
12
|
-
// Status Badge
|
|
13
|
+
// Status Badge - Rovela Admin Theme
|
|
13
14
|
// =============================================================================
|
|
14
15
|
function StatusBadge({ status }) {
|
|
15
16
|
const statusStyles = {
|
|
16
|
-
pending: '
|
|
17
|
-
paid: '
|
|
18
|
-
shipped: '
|
|
19
|
-
delivered: '
|
|
20
|
-
cancelled: '
|
|
21
|
-
refunded: '
|
|
17
|
+
pending: { bg: 'hsl(var(--admin-warning) / 0.1)', color: 'hsl(var(--admin-warning))' },
|
|
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))' },
|
|
22
23
|
};
|
|
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) }));
|
|
29
|
+
}
|
|
30
|
+
function OrderRow({ order, onOrderClick, onStatusChange, formatCurrency, formatDate }) {
|
|
31
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
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" })] }) })] }));
|
|
24
41
|
}
|
|
25
42
|
// =============================================================================
|
|
26
43
|
// Component
|
|
@@ -86,6 +103,33 @@ export function OrderTable({ initialSearch, initialStatus, pageSize = 20, onOrde
|
|
|
86
103
|
}).format(parseFloat(value));
|
|
87
104
|
};
|
|
88
105
|
const totalPages = Math.ceil(total / pageSize);
|
|
89
|
-
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: "
|
|
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", style: {
|
|
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" })] })] }))] })] }));
|
|
90
134
|
}
|
|
91
135
|
//# sourceMappingURL=OrderTable.js.map
|