@rovela-ai/sdk 0.1.19 → 0.1.20
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/AdminNav.d.ts.map +1 -1
- package/dist/admin/components/AdminNav.js +5 -0
- package/dist/admin/components/AdminNav.js.map +1 -1
- package/dist/admin/components/CategoryForm.d.ts +30 -0
- package/dist/admin/components/CategoryForm.d.ts.map +1 -0
- package/dist/admin/components/CategoryForm.js +153 -0
- package/dist/admin/components/CategoryForm.js.map +1 -0
- package/dist/admin/components/CategorySelect.d.ts +32 -0
- package/dist/admin/components/CategorySelect.d.ts.map +1 -0
- package/dist/admin/components/CategorySelect.js +148 -0
- package/dist/admin/components/CategorySelect.js.map +1 -0
- package/dist/admin/components/ProductForm.d.ts +2 -2
- package/dist/admin/components/ProductForm.d.ts.map +1 -1
- package/dist/admin/components/ProductForm.js +125 -9
- package/dist/admin/components/ProductForm.js.map +1 -1
- package/dist/admin/components/SEOPreview.d.ts +32 -0
- package/dist/admin/components/SEOPreview.d.ts.map +1 -0
- package/dist/admin/components/SEOPreview.js +30 -0
- package/dist/admin/components/SEOPreview.js.map +1 -0
- package/dist/admin/components/TagInput.d.ts +29 -0
- package/dist/admin/components/TagInput.d.ts.map +1 -0
- package/dist/admin/components/TagInput.js +73 -0
- package/dist/admin/components/TagInput.js.map +1 -0
- package/dist/admin/components/VariantManager.d.ts +42 -0
- package/dist/admin/components/VariantManager.d.ts.map +1 -0
- package/dist/admin/components/VariantManager.js +175 -0
- package/dist/admin/components/VariantManager.js.map +1 -0
- package/dist/admin/components/index.d.ts +5 -0
- package/dist/admin/components/index.d.ts.map +1 -1
- package/dist/admin/components/index.js +11 -0
- package/dist/admin/components/index.js.map +1 -1
- package/dist/admin/hooks/index.d.ts +2 -0
- package/dist/admin/hooks/index.d.ts.map +1 -1
- package/dist/admin/hooks/index.js +1 -0
- package/dist/admin/hooks/index.js.map +1 -1
- package/dist/admin/hooks/useAdminCategories.d.ts +36 -0
- package/dist/admin/hooks/useAdminCategories.d.ts.map +1 -0
- package/dist/admin/hooks/useAdminCategories.js +217 -0
- package/dist/admin/hooks/useAdminCategories.js.map +1 -0
- package/dist/admin/index.d.ts +3 -2
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +5 -1
- package/dist/admin/index.js.map +1 -1
- package/dist/core/StoreSettingsProvider.d.ts +104 -0
- package/dist/core/StoreSettingsProvider.d.ts.map +1 -0
- package/dist/core/StoreSettingsProvider.js +195 -0
- package/dist/core/StoreSettingsProvider.js.map +1 -0
- package/dist/core/api/index.d.ts +7 -0
- package/dist/core/api/index.d.ts.map +1 -0
- package/dist/core/api/index.js +7 -0
- package/dist/core/api/index.js.map +1 -0
- package/dist/core/api/settings.d.ts +42 -0
- package/dist/core/api/settings.d.ts.map +1 -0
- package/dist/core/api/settings.js +74 -0
- package/dist/core/api/settings.js.map +1 -0
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +2 -0
- package/dist/core/index.js.map +1 -1
- package/package.json +5 -1
|
@@ -3,20 +3,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
/**
|
|
4
4
|
* @rovela/sdk/admin/components/ProductForm
|
|
5
5
|
*
|
|
6
|
-
*
|
|
6
|
+
* Enhanced product create/edit form with 2-column layout.
|
|
7
|
+
* Includes: Basic info, Media, Pricing, Inventory, Variants, SEO, Organization.
|
|
7
8
|
*/
|
|
8
|
-
import { useState, useCallback, useEffect } from 'react';
|
|
9
|
+
import { useState, useCallback, useEffect, useMemo } from 'react';
|
|
9
10
|
import { useAdminProducts } from '../hooks/useAdminProducts';
|
|
11
|
+
import { CategorySelect } from './CategorySelect';
|
|
12
|
+
import { SEOPreview } from './SEOPreview';
|
|
13
|
+
import { TagInput } from './TagInput';
|
|
14
|
+
import { VariantManager } from './VariantManager';
|
|
15
|
+
import { ImagePlus, Trash2, GripVertical, Info, ChevronDown, ChevronUp, Package } from 'lucide-react';
|
|
10
16
|
// =============================================================================
|
|
11
17
|
// Component
|
|
12
18
|
// =============================================================================
|
|
13
19
|
/**
|
|
14
|
-
*
|
|
20
|
+
* Enhanced product form for create and edit.
|
|
15
21
|
*
|
|
16
22
|
* @example
|
|
17
23
|
* ```tsx
|
|
18
24
|
* // Create mode
|
|
19
|
-
* <ProductForm onSuccess={(
|
|
25
|
+
* <ProductForm onSuccess={() => router.push('/admin/products')} />
|
|
20
26
|
*
|
|
21
27
|
* // Edit mode
|
|
22
28
|
* <ProductForm
|
|
@@ -28,6 +34,7 @@ import { useAdminProducts } from '../hooks/useAdminProducts';
|
|
|
28
34
|
export function ProductForm({ productId, initialData, onSuccess, onCancel, className = '', }) {
|
|
29
35
|
const { getProduct, createProduct, updateProduct } = useAdminProducts();
|
|
30
36
|
const isEditMode = !!productId;
|
|
37
|
+
// Form state
|
|
31
38
|
const [formData, setFormData] = useState({
|
|
32
39
|
name: initialData?.name || '',
|
|
33
40
|
slug: initialData?.slug || '',
|
|
@@ -41,11 +48,28 @@ export function ProductForm({ productId, initialData, onSuccess, onCancel, class
|
|
|
41
48
|
metaTitle: initialData?.metaTitle,
|
|
42
49
|
metaDescription: initialData?.metaDescription,
|
|
43
50
|
metaKeywords: initialData?.metaKeywords || [],
|
|
51
|
+
sku: '',
|
|
52
|
+
inventory: 0,
|
|
53
|
+
trackInventory: true,
|
|
44
54
|
});
|
|
55
|
+
// Variant state
|
|
56
|
+
const [variantOptions, setVariantOptions] = useState([]);
|
|
57
|
+
const [variants, setVariants] = useState([]);
|
|
58
|
+
const [existingVariants, setExistingVariants] = useState([]);
|
|
59
|
+
// Image URL input
|
|
45
60
|
const [imageUrl, setImageUrl] = useState('');
|
|
61
|
+
// UI state
|
|
46
62
|
const [isLoading, setIsLoading] = useState(false);
|
|
47
63
|
const [isFetching, setIsFetching] = useState(false);
|
|
48
64
|
const [error, setError] = useState(null);
|
|
65
|
+
const [seoExpanded, setSeoExpanded] = useState(false);
|
|
66
|
+
// Auto-generate slug from name
|
|
67
|
+
const autoSlug = useMemo(() => {
|
|
68
|
+
return formData.name
|
|
69
|
+
.toLowerCase()
|
|
70
|
+
.replace(/[^a-z0-9]+/g, '-')
|
|
71
|
+
.replace(/^-|-$/g, '');
|
|
72
|
+
}, [formData.name]);
|
|
49
73
|
// Load product data in edit mode
|
|
50
74
|
useEffect(() => {
|
|
51
75
|
if (productId && !initialData) {
|
|
@@ -67,18 +91,65 @@ export function ProductForm({ productId, initialData, onSuccess, onCancel, class
|
|
|
67
91
|
metaDescription: p.metaDescription || undefined,
|
|
68
92
|
metaKeywords: p.metaKeywords || [],
|
|
69
93
|
});
|
|
94
|
+
// Load existing variants
|
|
95
|
+
if (p.variants && p.variants.length > 0) {
|
|
96
|
+
setExistingVariants(p.variants.map((v) => ({
|
|
97
|
+
sku: v.sku,
|
|
98
|
+
name: v.name,
|
|
99
|
+
price: v.price ? parseFloat(v.price) : undefined,
|
|
100
|
+
inventory: v.inventory,
|
|
101
|
+
attributes: v.attributes,
|
|
102
|
+
})));
|
|
103
|
+
// Reconstruct variant options from existing variants
|
|
104
|
+
const optionNames = new Set();
|
|
105
|
+
const optionValuesMap = new Map();
|
|
106
|
+
for (const variant of p.variants) {
|
|
107
|
+
for (const [key, value] of Object.entries(variant.attributes)) {
|
|
108
|
+
optionNames.add(key);
|
|
109
|
+
if (!optionValuesMap.has(key)) {
|
|
110
|
+
optionValuesMap.set(key, new Set());
|
|
111
|
+
}
|
|
112
|
+
optionValuesMap.get(key).add(value);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
const reconstructedOptions = Array.from(optionNames).map((name) => ({
|
|
116
|
+
name,
|
|
117
|
+
values: Array.from(optionValuesMap.get(name) || []),
|
|
118
|
+
}));
|
|
119
|
+
setVariantOptions(reconstructedOptions);
|
|
120
|
+
// Set variants
|
|
121
|
+
setVariants(p.variants.map((v) => ({
|
|
122
|
+
id: v.id,
|
|
123
|
+
sku: v.sku,
|
|
124
|
+
name: v.name,
|
|
125
|
+
price: v.price ? parseFloat(v.price) : null,
|
|
126
|
+
inventory: v.inventory,
|
|
127
|
+
attributes: v.attributes,
|
|
128
|
+
})));
|
|
129
|
+
}
|
|
130
|
+
// Auto-expand SEO if has values
|
|
131
|
+
if (p.metaTitle || p.metaDescription || (p.metaKeywords && p.metaKeywords.length > 0)) {
|
|
132
|
+
setSeoExpanded(true);
|
|
133
|
+
}
|
|
70
134
|
}
|
|
71
135
|
setIsFetching(false);
|
|
72
136
|
});
|
|
73
137
|
}
|
|
74
138
|
}, [productId, initialData, getProduct]);
|
|
139
|
+
// Handle field changes
|
|
75
140
|
const handleChange = useCallback((e) => {
|
|
76
141
|
const { name, value, type } = e.target;
|
|
142
|
+
const checked = e.target.checked;
|
|
77
143
|
setFormData((prev) => ({
|
|
78
144
|
...prev,
|
|
79
|
-
[name]: type === '
|
|
145
|
+
[name]: type === 'checkbox'
|
|
146
|
+
? checked
|
|
147
|
+
: type === 'number'
|
|
148
|
+
? (value ? parseFloat(value) : 0)
|
|
149
|
+
: value,
|
|
80
150
|
}));
|
|
81
151
|
}, []);
|
|
152
|
+
// Handle image add
|
|
82
153
|
const handleAddImage = useCallback(() => {
|
|
83
154
|
if (imageUrl.trim()) {
|
|
84
155
|
setFormData((prev) => ({
|
|
@@ -88,20 +159,56 @@ export function ProductForm({ productId, initialData, onSuccess, onCancel, class
|
|
|
88
159
|
setImageUrl('');
|
|
89
160
|
}
|
|
90
161
|
}, [imageUrl]);
|
|
162
|
+
// Handle image remove
|
|
91
163
|
const handleRemoveImage = useCallback((index) => {
|
|
92
164
|
setFormData((prev) => ({
|
|
93
165
|
...prev,
|
|
94
166
|
images: prev.images.filter((_, i) => i !== index),
|
|
95
167
|
}));
|
|
96
168
|
}, []);
|
|
169
|
+
// Handle image reorder
|
|
170
|
+
const handleMoveImage = useCallback((fromIndex, toIndex) => {
|
|
171
|
+
setFormData((prev) => {
|
|
172
|
+
const newImages = [...prev.images];
|
|
173
|
+
const [removed] = newImages.splice(fromIndex, 1);
|
|
174
|
+
newImages.splice(toIndex, 0, removed);
|
|
175
|
+
return { ...prev, images: newImages };
|
|
176
|
+
});
|
|
177
|
+
}, []);
|
|
178
|
+
// Handle submit
|
|
97
179
|
const handleSubmit = useCallback(async (e) => {
|
|
98
180
|
e.preventDefault();
|
|
99
181
|
setError(null);
|
|
100
182
|
setIsLoading(true);
|
|
101
183
|
try {
|
|
184
|
+
// Build data
|
|
185
|
+
const data = {
|
|
186
|
+
name: formData.name,
|
|
187
|
+
slug: formData.slug || autoSlug,
|
|
188
|
+
description: formData.description,
|
|
189
|
+
price: formData.price,
|
|
190
|
+
comparePrice: formData.comparePrice,
|
|
191
|
+
images: formData.images,
|
|
192
|
+
status: isEditMode ? formData.status : 'draft', // Always create as draft
|
|
193
|
+
categoryId: formData.categoryId,
|
|
194
|
+
hasVariants: formData.hasVariants,
|
|
195
|
+
metaTitle: formData.metaTitle,
|
|
196
|
+
metaDescription: formData.metaDescription,
|
|
197
|
+
metaKeywords: formData.metaKeywords,
|
|
198
|
+
};
|
|
199
|
+
// Add variants if product has variants
|
|
200
|
+
if (formData.hasVariants && variants.length > 0) {
|
|
201
|
+
data.variants = variants.map((v) => ({
|
|
202
|
+
sku: v.sku,
|
|
203
|
+
name: v.name,
|
|
204
|
+
price: v.price ?? undefined,
|
|
205
|
+
inventory: v.inventory,
|
|
206
|
+
attributes: v.attributes,
|
|
207
|
+
}));
|
|
208
|
+
}
|
|
102
209
|
const result = isEditMode
|
|
103
|
-
? await updateProduct(productId,
|
|
104
|
-
: await createProduct(
|
|
210
|
+
? await updateProduct(productId, data)
|
|
211
|
+
: await createProduct(data);
|
|
105
212
|
if (!result.success) {
|
|
106
213
|
setError(result.error || 'Failed to save product');
|
|
107
214
|
return;
|
|
@@ -115,10 +222,19 @@ export function ProductForm({ productId, initialData, onSuccess, onCancel, class
|
|
|
115
222
|
finally {
|
|
116
223
|
setIsLoading(false);
|
|
117
224
|
}
|
|
118
|
-
}, [isEditMode, productId, formData, createProduct, updateProduct, onSuccess]);
|
|
225
|
+
}, [isEditMode, productId, formData, autoSlug, variants, createProduct, updateProduct, onSuccess]);
|
|
226
|
+
// Loading state
|
|
119
227
|
if (isFetching) {
|
|
120
228
|
return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }));
|
|
121
229
|
}
|
|
122
|
-
return (_jsxs("form", { onSubmit: handleSubmit, className:
|
|
230
|
+
return (_jsxs("form", { onSubmit: handleSubmit, className: `${className}`, children: [error && (_jsx("div", { className: "mb-6 rounded-md bg-destructive/10 px-4 py-3 text-sm text-destructive", children: error })), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6 lg:col-span-2", children: [_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Basic Information" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsxs("label", { htmlFor: "name", className: "block text-sm font-medium text-foreground", children: ["Product Name ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("input", { id: "name", name: "name", type: "text", value: formData.name, onChange: handleChange, required: true, placeholder: "e.g., Premium Cotton T-Shirt", className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "slug", className: "block text-sm font-medium text-foreground", children: "URL Handle" }), _jsxs("div", { className: "mt-1 flex rounded-md border border-input focus-within:border-primary focus-within:ring-1 focus-within:ring-primary", children: [_jsx("span", { className: "inline-flex items-center rounded-l-md border-r border-input bg-muted px-3 text-sm text-muted-foreground", children: "/products/" }), _jsx("input", { id: "slug", name: "slug", type: "text", value: formData.slug, onChange: handleChange, placeholder: autoSlug || 'auto-generated', className: "flex-1 rounded-r-md border-0 bg-background px-3 py-2 text-sm focus:outline-none" })] }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Leave blank to auto-generate from product name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "description", className: "block text-sm font-medium text-foreground", children: "Description" }), _jsx("textarea", { id: "description", name: "description", value: formData.description, onChange: handleChange, rows: 5, placeholder: "Describe your product in detail...", className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [formData.description.length, " characters"] })] })] })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Media" }), _jsxs("div", { className: "space-y-4", children: [formData.images.length > 0 && (_jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: formData.images.map((url, index) => (_jsxs("div", { className: "group relative aspect-square overflow-hidden rounded-lg border border-border bg-muted", children: [_jsx("img", { src: url, alt: `Product ${index + 1}`, className: "h-full w-full object-cover" }), index === 0 && (_jsx("span", { className: "absolute left-2 top-2 rounded bg-primary px-2 py-0.5 text-xs font-medium text-primary-foreground", children: "Primary" })), _jsxs("div", { className: "absolute inset-0 flex items-center justify-center gap-2 bg-black/50 opacity-0 transition-opacity group-hover:opacity-100", children: [index > 0 && (_jsx("button", { type: "button", onClick: () => handleMoveImage(index, 0), className: "rounded-full bg-white p-2 text-foreground hover:bg-gray-100", title: "Make primary", children: _jsx(GripVertical, { className: "h-4 w-4" }) })), _jsx("button", { type: "button", onClick: () => handleRemoveImage(index), className: "rounded-full bg-destructive p-2 text-destructive-foreground hover:bg-destructive/90", title: "Remove", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, index))) })), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "url", value: imageUrl, onChange: (e) => setImageUrl(e.target.value), onKeyDown: (e) => {
|
|
231
|
+
if (e.key === 'Enter') {
|
|
232
|
+
e.preventDefault();
|
|
233
|
+
handleAddImage();
|
|
234
|
+
}
|
|
235
|
+
}, placeholder: "Paste image URL...", className: "flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" }), _jsxs("button", { type: "button", onClick: handleAddImage, disabled: !imageUrl.trim(), className: "inline-flex items-center gap-2 rounded-md bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80 disabled:opacity-50", children: [_jsx(ImagePlus, { className: "h-4 w-4" }), "Add"] })] }), formData.images.length === 0 && (_jsxs("div", { className: "rounded-lg border-2 border-dashed border-border p-8 text-center", children: [_jsx(ImagePlus, { className: "mx-auto h-10 w-10 text-muted-foreground" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Add images by pasting URLs above" })] }))] })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Pricing" }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsxs("label", { htmlFor: "price", className: "block text-sm font-medium text-foreground", children: ["Price ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsxs("div", { className: "mt-1 relative", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: "$" }), _jsx("input", { id: "price", name: "price", type: "number", step: "0.01", min: "0", value: formData.price, onChange: handleChange, required: true, className: "block w-full rounded-md border border-input bg-background pl-7 pr-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "comparePrice", className: "block text-sm font-medium text-foreground", children: "Compare at Price" }), _jsxs("div", { className: "mt-1 relative", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: "$" }), _jsx("input", { id: "comparePrice", name: "comparePrice", type: "number", step: "0.01", min: "0", value: formData.comparePrice || '', onChange: handleChange, placeholder: "Original price", className: "block w-full rounded-md border border-input bg-background pl-7 pr-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" })] }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Shows as strikethrough price for sales" })] })] }), formData.comparePrice && formData.comparePrice > formData.price && (_jsxs("div", { className: "mt-4 flex items-center gap-2 rounded-md bg-green-50 dark:bg-green-950/20 px-3 py-2 text-sm text-green-700 dark:text-green-400", children: [_jsx(Info, { className: "h-4 w-4" }), Math.round(((formData.comparePrice - formData.price) / formData.comparePrice) * 100), "% discount from compare price"] }))] }), !formData.hasVariants && (_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Inventory" }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "sku", className: "block text-sm font-medium text-foreground", children: "SKU (Stock Keeping Unit)" }), _jsx("input", { id: "sku", name: "sku", type: "text", value: formData.sku || '', onChange: handleChange, placeholder: "e.g., SHIRT-001", className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "inventory", className: "block text-sm font-medium text-foreground", children: "Quantity" }), _jsx("input", { id: "inventory", name: "inventory", type: "number", min: "0", value: formData.inventory || 0, onChange: handleChange, className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" })] })] })] })), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-medium text-foreground", children: "Variants" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Add options like size or color to create product variants" })] }), _jsxs("label", { className: "relative inline-flex cursor-pointer items-center", children: [_jsx("input", { type: "checkbox", name: "hasVariants", checked: formData.hasVariants, onChange: handleChange, className: "peer sr-only" }), _jsx("div", { className: "peer h-6 w-11 rounded-full bg-muted after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary/20" })] })] }), formData.hasVariants && (_jsx(VariantManager, { options: variantOptions, variants: variants, onOptionsChange: setVariantOptions, onVariantsChange: setVariants, basePrice: formData.price }))] }), _jsxs("div", { className: "rounded-lg border border-border bg-card", children: [_jsxs("button", { type: "button", onClick: () => setSeoExpanded(!seoExpanded), className: "flex w-full items-center justify-between p-6 text-left", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-medium text-foreground", children: "Search Engine Listing" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Customize how this product appears in search results" })] }), seoExpanded ? (_jsx(ChevronUp, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(ChevronDown, { className: "h-5 w-5 text-muted-foreground" }))] }), seoExpanded && (_jsxs("div", { className: "border-t border-border p-6 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "metaTitle", className: "block text-sm font-medium text-foreground", children: "Meta Title" }), _jsx("input", { id: "metaTitle", name: "metaTitle", type: "text", value: formData.metaTitle || '', onChange: handleChange, maxLength: 70, placeholder: formData.name || 'Product title', className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [(formData.metaTitle || '').length, "/70 characters"] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "metaDescription", className: "block text-sm font-medium text-foreground", children: "Meta Description" }), _jsx("textarea", { id: "metaDescription", name: "metaDescription", value: formData.metaDescription || '', onChange: handleChange, maxLength: 160, rows: 3, placeholder: "Brief description for search engines...", className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [(formData.metaDescription || '').length, "/160 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: "Meta Keywords" }), _jsx(TagInput, { value: formData.metaKeywords || [], onChange: (tags) => setFormData((prev) => ({ ...prev, metaKeywords: tags })), placeholder: "Add keywords...", maxTags: 10 })] }), _jsx(SEOPreview, { title: formData.metaTitle || formData.name, description: formData.metaDescription || formData.description.slice(0, 160), slug: formData.slug || autoSlug, className: "mt-4" })] }))] })] }), _jsxs("div", { className: "space-y-6", children: [isEditMode && (_jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Status" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "radio", name: "status", value: "draft", checked: formData.status === 'draft', onChange: handleChange, className: "h-4 w-4 text-primary focus:ring-primary" }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: "Draft" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Not visible to customers" })] })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "radio", name: "status", value: "active", checked: formData.status === 'active', onChange: handleChange, className: "h-4 w-4 text-primary focus:ring-primary" }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: "Active" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Visible to customers" })] })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "radio", name: "status", value: "archived", checked: formData.status === 'archived', onChange: handleChange, className: "h-4 w-4 text-primary focus:ring-primary" }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: "Archived" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Hidden and not for sale" })] })] })] })] })), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-foreground", children: "Organization" }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: "Category" }), _jsx(CategorySelect, { value: formData.categoryId || null, onChange: (id) => setFormData((prev) => ({ ...prev, categoryId: id || undefined })), placeholder: "Select category", showAddNew: true, onAddNew: () => {
|
|
236
|
+
// Open category management in new tab
|
|
237
|
+
window.open('/admin/categories', '_blank');
|
|
238
|
+
} })] }) })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsxs("h3", { className: "mb-4 text-lg font-medium text-foreground flex items-center gap-2", children: [_jsx(Package, { className: "h-5 w-5" }), "Summary"] }), _jsxs("dl", { className: "space-y-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("dt", { className: "text-muted-foreground", children: "Price" }), _jsxs("dd", { className: "font-medium", children: ["$", formData.price.toFixed(2)] })] }), formData.hasVariants && variants.length > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("dt", { className: "text-muted-foreground", children: "Variants" }), _jsx("dd", { className: "font-medium", children: variants.length })] })), _jsxs("div", { className: "flex justify-between", children: [_jsx("dt", { className: "text-muted-foreground", children: "Images" }), _jsx("dd", { className: "font-medium", children: formData.images.length })] }), formData.hasVariants && variants.length > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsx("dt", { className: "text-muted-foreground", children: "Total Inventory" }), _jsx("dd", { className: "font-medium", children: variants.reduce((sum, v) => sum + v.inventory, 0) })] }))] })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6 lg:sticky lg:top-6", children: [_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "submit", disabled: isLoading, className: "w-full rounded-md bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: isLoading ? 'Saving...' : isEditMode ? 'Save Changes' : 'Create Product' }), onCancel && (_jsx("button", { type: "button", onClick: onCancel, className: "w-full rounded-md border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent", children: "Cancel" }))] }), !isEditMode && (_jsx("p", { className: "mt-3 text-xs text-center text-muted-foreground", children: "Product will be saved as draft" }))] })] })] })] }));
|
|
123
239
|
}
|
|
124
240
|
//# sourceMappingURL=ProductForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductForm.js","sourceRoot":"","sources":["../../../src/admin/components/ProductForm.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ProductForm.js","sourceRoot":"","sources":["../../../src/admin/components/ProductForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @rovela/sdk/admin/components/SEOPreview
|
|
3
|
+
*
|
|
4
|
+
* Google search result preview for SEO fields.
|
|
5
|
+
*/
|
|
6
|
+
export interface SEOPreviewProps {
|
|
7
|
+
/** Page title */
|
|
8
|
+
title: string;
|
|
9
|
+
/** Meta description */
|
|
10
|
+
description: string;
|
|
11
|
+
/** URL slug */
|
|
12
|
+
slug: string;
|
|
13
|
+
/** Base URL for preview */
|
|
14
|
+
baseUrl?: string;
|
|
15
|
+
/** Additional CSS classes */
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Preview of how the page will appear in Google search results.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <SEOPreview
|
|
24
|
+
* title={metaTitle || productName}
|
|
25
|
+
* description={metaDescription || productDescription}
|
|
26
|
+
* slug={productSlug}
|
|
27
|
+
* baseUrl="https://mystore.com/products"
|
|
28
|
+
* />
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare function SEOPreview({ title, description, slug, baseUrl, className, }: SEOPreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=SEOPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SEOPreview.d.ts","sourceRoot":"","sources":["../../../src/admin/components/SEOPreview.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAMH,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAA0C,EAC1C,SAAc,GACf,EAAE,eAAe,2CA6DjB"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
// =============================================================================
|
|
4
|
+
// Component
|
|
5
|
+
// =============================================================================
|
|
6
|
+
/**
|
|
7
|
+
* Preview of how the page will appear in Google search results.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <SEOPreview
|
|
12
|
+
* title={metaTitle || productName}
|
|
13
|
+
* description={metaDescription || productDescription}
|
|
14
|
+
* slug={productSlug}
|
|
15
|
+
* baseUrl="https://mystore.com/products"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export function SEOPreview({ title, description, slug, baseUrl = 'https://yourstore.com/products', className = '', }) {
|
|
20
|
+
// Truncate title to ~60 characters (Google displays ~50-60)
|
|
21
|
+
const displayTitle = title.length > 60 ? `${title.slice(0, 57)}...` : title;
|
|
22
|
+
// Truncate description to ~155 characters (Google displays ~150-160)
|
|
23
|
+
const displayDescription = description.length > 155
|
|
24
|
+
? `${description.slice(0, 152)}...`
|
|
25
|
+
: description;
|
|
26
|
+
// Build URL
|
|
27
|
+
const displayUrl = `${baseUrl}/${slug || 'product-name'}`;
|
|
28
|
+
return (_jsxs("div", { className: `rounded-lg border border-border bg-card p-4 ${className}`, children: [_jsx("p", { className: "mb-3 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Search Engine Preview" }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted", children: _jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "S" }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Your Store" }), _jsx("span", { className: "text-xs text-muted-foreground truncate max-w-[300px]", children: displayUrl })] })] }), _jsx("h3", { className: "text-lg font-normal text-[#1a0dab] hover:underline cursor-pointer leading-snug", children: displayTitle || 'Product Title' }), _jsx("p", { className: "text-sm text-[#545454] leading-relaxed", children: displayDescription || 'Add a meta description to help search engines understand what this product is about and to entice users to click.' })] }), _jsxs("div", { className: "mt-4 flex gap-6 border-t border-border pt-3", children: [_jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: "Title: " }), _jsxs("span", { className: title.length > 60 ? 'text-destructive' : 'text-foreground', children: [title.length, "/60"] })] }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: "Description: " }), _jsxs("span", { className: description.length > 160 ? 'text-destructive' : 'text-foreground', children: [description.length, "/160"] })] })] })] }));
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=SEOPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SEOPreview.js","sourceRoot":"","sources":["../../../src/admin/components/SEOPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAyBZ,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,GAAG,gCAAgC,EAC1C,SAAS,GAAG,EAAE,GACE;IAChB,4DAA4D;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAE3E,qEAAqE;IACrE,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG;QACjD,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK;QACnC,CAAC,CAAC,WAAW,CAAA;IAEf,YAAY;IACZ,MAAM,UAAU,GAAG,GAAG,OAAO,IAAI,IAAI,IAAI,cAAc,EAAE,CAAA;IAEzD,OAAO,CACL,eAAK,SAAS,EAAE,+CAA+C,SAAS,EAAE,aACxE,YAAG,SAAS,EAAC,yEAAyE,sCAElF,EAGJ,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,gEAAgE,YAC7E,eAAM,SAAS,EAAC,2CAA2C,kBAAS,GAChE,EACN,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAM,SAAS,EAAC,+BAA+B,2BAAkB,EACjE,eAAM,SAAS,EAAC,sDAAsD,YACnE,UAAU,GACN,IACH,IACF,EAGN,aAAI,SAAS,EAAC,gFAAgF,YAC3F,YAAY,IAAI,eAAe,GAC7B,EAGL,YAAG,SAAS,EAAC,wCAAwC,YAClD,kBAAkB,IAAI,mHAAmH,GACxI,IACA,EAGN,eAAK,SAAS,EAAC,6CAA6C,aAC1D,eAAK,SAAS,EAAC,SAAS,aACtB,eAAM,SAAS,EAAC,uBAAuB,wBAAe,EACtD,gBAAM,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,aACxE,KAAK,CAAC,MAAM,WACR,IACH,EACN,eAAK,SAAS,EAAC,SAAS,aACtB,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC5D,gBAAM,SAAS,EAAE,WAAW,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,aAC/E,WAAW,CAAC,MAAM,YACd,IACH,IACF,IACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface TagInputProps {
|
|
2
|
+
/** Current tags */
|
|
3
|
+
value: string[];
|
|
4
|
+
/** Callback when tags change */
|
|
5
|
+
onChange: (tags: string[]) => void;
|
|
6
|
+
/** Placeholder text */
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
/** Maximum number of tags */
|
|
9
|
+
maxTags?: number;
|
|
10
|
+
/** Disabled state */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Additional CSS classes */
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Input for managing a list of tags.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <TagInput
|
|
21
|
+
* value={metaKeywords}
|
|
22
|
+
* onChange={setMetaKeywords}
|
|
23
|
+
* placeholder="Add keywords..."
|
|
24
|
+
* maxTags={10}
|
|
25
|
+
* />
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare function TagInput({ value, onChange, placeholder, maxTags, disabled, className, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=TagInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/admin/components/TagInput.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,gCAAgC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,WAAuC,EACvC,OAAY,EACZ,QAAgB,EAChB,SAAc,GACf,EAAE,aAAa,2CA+Ff"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* @rovela/sdk/admin/components/TagInput
|
|
5
|
+
*
|
|
6
|
+
* Tag input component for keywords, tags, etc.
|
|
7
|
+
*/
|
|
8
|
+
import { useState, useRef, useCallback } from 'react';
|
|
9
|
+
import { X } from 'lucide-react';
|
|
10
|
+
// =============================================================================
|
|
11
|
+
// Component
|
|
12
|
+
// =============================================================================
|
|
13
|
+
/**
|
|
14
|
+
* Input for managing a list of tags.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <TagInput
|
|
19
|
+
* value={metaKeywords}
|
|
20
|
+
* onChange={setMetaKeywords}
|
|
21
|
+
* placeholder="Add keywords..."
|
|
22
|
+
* maxTags={10}
|
|
23
|
+
* />
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export function TagInput({ value, onChange, placeholder = 'Add tag and press Enter', maxTags = 20, disabled = false, className = '', }) {
|
|
27
|
+
const [inputValue, setInputValue] = useState('');
|
|
28
|
+
const inputRef = useRef(null);
|
|
29
|
+
const addTag = useCallback((tag) => {
|
|
30
|
+
const trimmedTag = tag.trim().toLowerCase();
|
|
31
|
+
if (trimmedTag &&
|
|
32
|
+
!value.includes(trimmedTag) &&
|
|
33
|
+
value.length < maxTags) {
|
|
34
|
+
onChange([...value, trimmedTag]);
|
|
35
|
+
}
|
|
36
|
+
setInputValue('');
|
|
37
|
+
}, [value, onChange, maxTags]);
|
|
38
|
+
const removeTag = useCallback((tagToRemove) => {
|
|
39
|
+
onChange(value.filter((tag) => tag !== tagToRemove));
|
|
40
|
+
}, [value, onChange]);
|
|
41
|
+
const handleKeyDown = useCallback((e) => {
|
|
42
|
+
if (e.key === 'Enter') {
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
addTag(inputValue);
|
|
45
|
+
}
|
|
46
|
+
else if (e.key === 'Backspace' && !inputValue && value.length > 0) {
|
|
47
|
+
// Remove last tag on backspace if input is empty
|
|
48
|
+
removeTag(value[value.length - 1]);
|
|
49
|
+
}
|
|
50
|
+
else if (e.key === ',') {
|
|
51
|
+
e.preventDefault();
|
|
52
|
+
addTag(inputValue);
|
|
53
|
+
}
|
|
54
|
+
}, [inputValue, value, addTag, removeTag]);
|
|
55
|
+
const handleBlur = useCallback(() => {
|
|
56
|
+
if (inputValue.trim()) {
|
|
57
|
+
addTag(inputValue);
|
|
58
|
+
}
|
|
59
|
+
}, [inputValue, addTag]);
|
|
60
|
+
const handleContainerClick = useCallback(() => {
|
|
61
|
+
inputRef.current?.focus();
|
|
62
|
+
}, []);
|
|
63
|
+
return (_jsxs("div", { onClick: handleContainerClick, className: `
|
|
64
|
+
flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-background px-3 py-2
|
|
65
|
+
${disabled ? 'cursor-not-allowed bg-muted' : 'cursor-text'}
|
|
66
|
+
focus-within:border-primary focus-within:ring-1 focus-within:ring-primary
|
|
67
|
+
${className}
|
|
68
|
+
`, children: [value.map((tag) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-sm text-secondary-foreground", children: [tag, !disabled && (_jsx("button", { type: "button", onClick: (e) => {
|
|
69
|
+
e.stopPropagation();
|
|
70
|
+
removeTag(tag);
|
|
71
|
+
}, className: "rounded hover:bg-secondary-foreground/10", children: _jsx(X, { className: "h-3 w-3" }) }))] }, tag))), !disabled && value.length < maxTags && (_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: value.length === 0 ? placeholder : '', className: "flex-1 min-w-[120px] border-0 bg-transparent text-sm outline-none placeholder:text-muted-foreground" })), value.length >= maxTags && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Max ", maxTags, " tags"] }))] }));
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=TagInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../../src/admin/components/TagInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export interface VariantOption {
|
|
2
|
+
name: string;
|
|
3
|
+
values: string[];
|
|
4
|
+
}
|
|
5
|
+
export interface VariantData {
|
|
6
|
+
id?: string;
|
|
7
|
+
sku: string;
|
|
8
|
+
name: string;
|
|
9
|
+
price: number | null;
|
|
10
|
+
inventory: number;
|
|
11
|
+
attributes: Record<string, string>;
|
|
12
|
+
}
|
|
13
|
+
export interface VariantManagerProps {
|
|
14
|
+
/** Current variant options (e.g., [{name: "Color", values: ["Red", "Blue"]}]) */
|
|
15
|
+
options: VariantOption[];
|
|
16
|
+
/** Current variants */
|
|
17
|
+
variants: VariantData[];
|
|
18
|
+
/** Callback when options change */
|
|
19
|
+
onOptionsChange: (options: VariantOption[]) => void;
|
|
20
|
+
/** Callback when variants change */
|
|
21
|
+
onVariantsChange: (variants: VariantData[]) => void;
|
|
22
|
+
/** Base price for the product (used as default for variants) */
|
|
23
|
+
basePrice?: number;
|
|
24
|
+
/** Additional CSS classes */
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Variant manager for products with multiple options.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* <VariantManager
|
|
33
|
+
* options={variantOptions}
|
|
34
|
+
* variants={variants}
|
|
35
|
+
* onOptionsChange={setVariantOptions}
|
|
36
|
+
* onVariantsChange={setVariants}
|
|
37
|
+
* basePrice={29.99}
|
|
38
|
+
* />
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export declare function VariantManager({ options, variants, onOptionsChange, onVariantsChange, basePrice, className, }: VariantManagerProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
//# sourceMappingURL=VariantManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VariantManager.d.ts","sourceRoot":"","sources":["../../../src/admin/components/VariantManager.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,uBAAuB;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,mCAAmC;IACnC,eAAe,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IACnD,oCAAoC;IACpC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IACnD,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,SAAa,EACb,SAAc,GACf,EAAE,mBAAmB,2CAgUrB"}
|