@rovela-ai/sdk 0.4.1 → 0.4.2

package/dist/media/api/presign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presign.d.ts","sourceRoot":"","sources":["../../../src/media/api/presign.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AA6EvD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAsB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAkDtE"}

package/dist/media/api/presign.js

@@ -0,0 +1,130 @@
+/**
+ * @rovela-ai/sdk/media/api/presign
+ *
+ * API route handler for generating presigned upload URLs.
+ *
+ * Usage:
+ * ```typescript
+ * // app/api/media/presign/route.ts
+ * export { POST } from '@rovela-ai/sdk/media/api/presign'
+ * ```
+ */
+import { NextResponse } from 'next/server';
+import { requireAdmin } from '../../admin/server/admin-session';
+import { generatePresignedUrl } from '../server/presign';
+import { isMediaConfigured, getMediaUploadConfig } from '../config';
+// =============================================================================
+// Validation
+// =============================================================================
+const VALID_FOLDERS = ['products', 'categories', 'variants', 'general'];
+function validateRequest(body) {
+    if (!body || typeof body !== 'object') {
+        return { valid: false, error: 'Request body is required' };
+    }
+    const req = body;
+    // Validate filename
+    if (!req.filename || typeof req.filename !== 'string') {
+        return { valid: false, error: 'filename is required' };
+    }
+    // Validate contentType
+    if (!req.contentType || typeof req.contentType !== 'string') {
+        return { valid: false, error: 'contentType is required' };
+    }
+    // Validate folder
+    if (!req.folder || typeof req.folder !== 'string') {
+        return { valid: false, error: 'folder is required' };
+    }
+    if (!VALID_FOLDERS.includes(req.folder)) {
+        return { valid: false, error: `folder must be one of: ${VALID_FOLDERS.join(', ')}` };
+    }
+    // Validate entityId (optional)
+    if (req.entityId !== undefined && typeof req.entityId !== 'string') {
+        return { valid: false, error: 'entityId must be a string' };
+    }
+    // Validate content type against the media-wide allowlist (image + video).
+    // Single-image surfaces (logos, category covers) gate at the component
+    // level via DropZone `accept`; this is the server-side ceiling.
+    const uploadConfig = getMediaUploadConfig();
+    if (!uploadConfig.allowedTypes.includes(req.contentType)) {
+        return {
+            valid: false,
+            error: `Content type ${req.contentType} is not allowed. Allowed: ${uploadConfig.allowedTypes.join(', ')}`,
+        };
+    }
+    return {
+        valid: true,
+        data: {
+            filename: req.filename,
+            contentType: req.contentType,
+            folder: req.folder,
+            entityId: req.entityId,
+        },
+    };
+}
+// =============================================================================
+// POST Handler
+// =============================================================================
+/**
+ * POST /api/media/presign
+ *
+ * Generate a presigned URL for uploading a file to R2.
+ *
+ * Request Body:
+ * {
+ *   filename: string,     // Original filename (for extension)
+ *   contentType: string,  // MIME type (must be allowed type)
+ *   folder: 'products' | 'categories' | 'variants' | 'general',
+ *   entityId?: string     // Optional entity ID for organization
+ * }
+ *
+ * Response:
+ * {
+ *   success: true,
+ *   data: {
+ *     uploadUrl: string,   // Presigned PUT URL (expires in 5 min)
+ *     publicUrl: string,   // Final accessible URL after upload
+ *     key: string,         // Storage key
+ *     expiresAt: string    // ISO date when URL expires
+ *   }
+ * }
+ */
+export async function POST(request) {
+    // Any active admin (owner / administrator / manager / user) can upload
+    // media. Reads the admin cookie via the canonical helper, which handles
+    // session-version + DB status + the post-0.3.20 two-cookie split.
+    const guard = await requireAdmin();
+    if (!guard.ok)
+        return guard.response;
+    // Check if media is configured
+    if (!isMediaConfigured()) {
+        return NextResponse.json({
+            success: false,
+            error: 'Media storage not configured',
+            code: 'NOT_CONFIGURED',
+        }, { status: 503 });
+    }
+    try {
+        // Parse request body
+        const body = await request.json();
+        // Validate request
+        const validation = validateRequest(body);
+        if (!validation.valid || !validation.data) {
+            return NextResponse.json({ success: false, error: validation.error || 'Invalid request' }, { status: 400 });
+        }
+        // Generate presigned URL
+        const result = await generatePresignedUrl(validation.data);
+        return NextResponse.json({
+            success: true,
+            data: result,
+        });
+    }
+    catch (error) {
+        console.error('[Media API] Presign error:', error);
+        return NextResponse.json({
+            success: false,
+            error: 'Failed to generate upload URL',
+            code: 'PRESIGN_FAILED',
+        }, { status: 500 });
+    }
+}
+//# sourceMappingURL=presign.js.map

package/dist/media/api/presign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presign.js","sourceRoot":"","sources":["../../../src/media/api/presign.ts"],"names":[],"mappings":"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"}

package/dist/media/components/DropZone.d.ts

@@ -0,0 +1,18 @@
+import type { DropZoneProps } from '../types';
+/**
+ * DropZone component for drag-and-drop file selection.
+ *
+ * @example
+ * ```tsx
+ * <DropZone
+ *   onFiles={(files) => handleFiles(files)}
+ *   multiple
+ *   accept={['image/jpeg', 'image/png']}
+ * >
+ *   Drop images here
+ * </DropZone>
+ * ```
+ */
+export declare function DropZone({ onFiles, multiple, accept, maxSize, disabled, className, children, }: DropZoneProps): import("react/jsx-runtime").JSX.Element;
+export default DropZone;
+//# sourceMappingURL=DropZone.d.ts.map

package/dist/media/components/DropZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/media/components/DropZone.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAgB,EAChB,MAA2C,EAC3C,OAA4C,EAC5C,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CAqKf;AAED,eAAe,QAAQ,CAAA"}

package/dist/media/components/DropZone.js

@@ -0,0 +1,107 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela-ai/sdk/media/components/DropZone
+ *
+ * Drag-and-drop zone for file uploads.
+ */
+import { useState, useCallback, useRef } from 'react';
+import { Upload } from 'lucide-react';
+import { cn } from '../../core/utils';
+import { DEFAULT_UPLOAD_CONFIG } from '../types';
+/**
+ * DropZone component for drag-and-drop file selection.
+ *
+ * @example
+ * ```tsx
+ * <DropZone
+ *   onFiles={(files) => handleFiles(files)}
+ *   multiple
+ *   accept={['image/jpeg', 'image/png']}
+ * >
+ *   Drop images here
+ * </DropZone>
+ * ```
+ */
+export function DropZone({ onFiles, multiple = false, accept = DEFAULT_UPLOAD_CONFIG.allowedTypes, maxSize = DEFAULT_UPLOAD_CONFIG.maxSizeBytes, disabled = false, className, children, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const fileInputRef = useRef(null);
+    // Handle drag events
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled) {
+            setIsDragging(true);
+        }
+    }, [disabled]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled) {
+            setIsDragging(true);
+        }
+    }, [disabled]);
+    // Filter and validate files
+    const filterFiles = useCallback((fileList) => {
+        if (!fileList)
+            return [];
+        const files = Array.from(fileList);
+        return files.filter((file) => {
+            // Check type
+            if (accept.length > 0 && !accept.includes(file.type)) {
+                console.warn(`File type ${file.type} not accepted`);
+                return false;
+            }
+            // Check size
+            if (maxSize && file.size > maxSize) {
+                console.warn(`File ${file.name} exceeds size limit`);
+                return false;
+            }
+            return true;
+        });
+    }, [accept, maxSize]);
+    // Handle drop
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (disabled)
+            return;
+        const files = filterFiles(e.dataTransfer.files);
+        if (files.length > 0) {
+            onFiles(multiple ? files : [files[0]]);
+        }
+    }, [disabled, filterFiles, multiple, onFiles]);
+    // Handle file input change
+    const handleFileChange = useCallback((e) => {
+        const files = filterFiles(e.target.files);
+        if (files.length > 0) {
+            onFiles(multiple ? files : [files[0]]);
+        }
+        // Reset input so the same file can be selected again
+        e.target.value = '';
+    }, [filterFiles, multiple, onFiles]);
+    // Handle click to open file picker
+    const handleClick = useCallback(() => {
+        if (!disabled && fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    }, [disabled]);
+    // Handle keyboard activation
+    const handleKeyDown = useCallback((e) => {
+        if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
+            e.preventDefault();
+            fileInputRef.current?.click();
+        }
+    }, [disabled]);
+    return (_jsxs("div", { role: "button", tabIndex: disabled ? -1 : 0, onClick: handleClick, onKeyDown: handleKeyDown, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, className: cn('relative rounded-lg border-2 border-dashed transition-colors', 'flex items-center justify-center p-6 text-center', 'cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2', isDragging && !disabled && 'border-primary bg-primary/5', !isDragging && !disabled && 'border-border hover:border-primary/50 hover:bg-muted/50', disabled && 'cursor-not-allowed opacity-50', className), children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: multiple, accept: accept.join(','), onChange: handleFileChange, disabled: disabled, className: "sr-only", tabIndex: -1 }), _jsx("div", { className: "pointer-events-none", children: children || (_jsxs("div", { className: "text-muted-foreground", children: [_jsx(Upload, { className: "mx-auto h-10 w-10 mb-2" }), _jsx("p", { className: "text-sm font-medium", children: isDragging ? 'Drop files here' : 'Drop files or click to upload' }), _jsx("p", { className: "mt-1 text-xs", children: accept.length > 0
+                                ? `Accepts: ${accept.map((t) => t.split('/')[1]).join(', ')}`
+                                : 'All file types accepted' })] })) }), isDragging && (_jsx("div", { className: "absolute inset-0 rounded-lg bg-primary/10 pointer-events-none" }))] }));
+}
+export default DropZone;
+//# sourceMappingURL=DropZone.js.map

package/dist/media/components/DropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/media/components/DropZone.tsx"],"names":[],"mappings":"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"}

package/dist/media/components/ImageGalleryUpload.d.ts

@@ -0,0 +1,21 @@
+import type { ImageGalleryUploadProps } from '../types';
+/**
+ * Multi-media upload component for products. Accepts both images and videos.
+ *
+ * @example
+ * ```tsx
+ * <ImageGalleryUpload
+ *   value={productImages}
+ *   onChange={setProductImages}
+ *   videos={productVideos}
+ *   onVideosChange={setProductVideos}
+ *   onSave={async (images, videos) => updateProduct({ images, videos })}
+ *   folder="products"
+ *   entityId={productId}
+ *   maxImages={10}
+ * />
+ * ```
+ */
+export declare function ImageGalleryUpload({ value, onChange, videos, onVideosChange, onSave, folder, entityId, maxImages, maxSizeMB, disabled, className, }: ImageGalleryUploadProps): import("react/jsx-runtime").JSX.Element;
+export default ImageGalleryUpload;
+//# sourceMappingURL=ImageGalleryUpload.d.ts.map

package/dist/media/components/ImageGalleryUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryUpload.d.ts","sourceRoot":"","sources":["../../../src/media/components/ImageGalleryUpload.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAGvD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAU,EACV,QAAQ,EACR,MAAM,EACN,cAAc,EACd,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAc,EACd,SAAe,EACf,QAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,2CA6WzB;AAED,eAAe,kBAAkB,CAAA"}

package/dist/media/components/ImageGalleryUpload.js

@@ -0,0 +1,193 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela-ai/sdk/media/components/ImageGalleryUpload
+ *
+ * Combined image + video gallery uploader for products. Images via
+ * `value`/`onChange`, videos via `videos`/`onVideosChange` — separate
+ * setters because the data model stores them in separate columns
+ * (`products.images jsonb<string[]>`, `products.videos jsonb<string[]>`).
+ *
+ * Internally renders a single ordered grid (images first, then videos);
+ * drag-to-reorder operates on the combined list and re-splits on drop by
+ * URL extension. Tile rendering branches on `isVideoUrl()`.
+ */
+import { useState, useCallback, useMemo } from 'react';
+import Image from 'next/image';
+import { ImagePlus, Trash2, Star, GripVertical, Loader2, AlertCircle, Play, } from 'lucide-react';
+import { cn } from '../../core/utils';
+import { useUpload } from '../hooks/useUpload';
+import { DropZone } from './DropZone';
+import { DEFAULT_MEDIA_UPLOAD_CONFIG, isVideoUrl, isVideoMime } from '../types';
+/**
+ * Multi-media upload component for products. Accepts both images and videos.
+ *
+ * @example
+ * ```tsx
+ * <ImageGalleryUpload
+ *   value={productImages}
+ *   onChange={setProductImages}
+ *   videos={productVideos}
+ *   onVideosChange={setProductVideos}
+ *   onSave={async (images, videos) => updateProduct({ images, videos })}
+ *   folder="products"
+ *   entityId={productId}
+ *   maxImages={10}
+ * />
+ * ```
+ */
+export function ImageGalleryUpload({ value = [], onChange, videos, onVideosChange, onSave, folder, entityId, maxImages = 10, maxSizeMB = 100, disabled = false, className, }) {
+    // Memoized so downstream useCallbacks listing them as deps don't re-create
+    // every render (videos prop default `[]` would create a new array each time).
+    const videosArr = useMemo(() => videos ?? [], [videos]);
+    // Combined list, images first then videos. Drag-to-reorder operates on
+    // this list; on drop we re-split by URL extension and call both setters.
+    const combined = useMemo(() => [...value, ...videosArr], [value, videosArr]);
+    const [deletingIndex, setDeletingIndex] = useState(null);
+    const [dragIndex, setDragIndex] = useState(null);
+    const [dragOverIndex, setDragOverIndex] = useState(null);
+    const splitByKind = useCallback((urls) => {
+        const images = [];
+        const vids = [];
+        for (const u of urls) {
+            if (isVideoUrl(u))
+                vids.push(u);
+            else
+                images.push(u);
+        }
+        return { images, videos: vids };
+    }, []);
+    const persistBoth = useCallback((nextImages, nextVideos) => {
+        onChange(nextImages);
+        onVideosChange?.(nextVideos);
+        onSave?.(nextImages, nextVideos).catch((err) => {
+            console.error('[ImageGalleryUpload] Failed to save:', err);
+        });
+    }, [onChange, onVideosChange, onSave]);
+    // Upload hook — routes new uploads to images or videos by MIME
+    const { upload, isUploading, progress, error, reset } = useUpload({
+        folder,
+        entityId,
+        config: {
+            maxSizeBytes: maxSizeMB * 1024 * 1024,
+            allowedTypes: DEFAULT_MEDIA_UPLOAD_CONFIG.allowedTypes,
+        },
+        onSuccess: (result) => {
+            if (!result.url)
+                return;
+            const isVideo = isVideoMime(result.contentType) || isVideoUrl(result.url);
+            if (isVideo) {
+                persistBoth(value, [...videosArr, result.url]);
+            }
+            else {
+                persistBoth([...value, result.url], videosArr);
+            }
+        },
+    });
+    // Handle file selection (DropZone gives us pre-validated File[])
+    const handleFiles = useCallback(async (files) => {
+        if (disabled || isUploading)
+            return;
+        // Combined cap (images + videos)
+        const remainingSlots = maxImages - combined.length;
+        if (remainingSlots <= 0)
+            return;
+        const filesToUpload = files.slice(0, remainingSlots);
+        for (const file of filesToUpload) {
+            await upload(file);
+        }
+    }, [upload, disabled, isUploading, maxImages, combined.length]);
+    // Handle delete — figure out which array the URL lives in, drop it
+    const handleDelete = useCallback(async (index) => {
+        if (disabled || deletingIndex !== null)
+            return;
+        const url = combined[index];
+        if (!url)
+            return;
+        setDeletingIndex(index);
+        try {
+            await fetch('/api/media', {
+                method: 'DELETE',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ url }),
+            });
+        }
+        catch (err) {
+            console.error('Delete error:', err);
+            // Continue regardless — local state should reflect user intent.
+        }
+        // Remove from whichever array owns it
+        const isVideo = isVideoUrl(url);
+        if (isVideo) {
+            const nextVideos = videosArr.filter((u) => u !== url);
+            persistBoth(value, nextVideos);
+        }
+        else {
+            const nextImages = value.filter((u) => u !== url);
+            persistBoth(nextImages, videosArr);
+        }
+        setDeletingIndex(null);
+    }, [combined, value, videosArr, persistBoth, disabled, deletingIndex]);
+    // Drag and drop reordering — operates on the combined list, re-splits by
+    // extension on drop so each kind ends up in its own array.
+    const handleDragStart = useCallback((e, index) => {
+        if (disabled)
+            return;
+        setDragIndex(index);
+        e.dataTransfer.effectAllowed = 'move';
+        if (e.currentTarget instanceof HTMLElement) {
+            e.dataTransfer.setDragImage(e.currentTarget, 50, 50);
+        }
+    }, [disabled]);
+    const handleDragOver = useCallback((e, index) => {
+        e.preventDefault();
+        if (dragIndex === null || dragIndex === index)
+            return;
+        setDragOverIndex(index);
+    }, [dragIndex]);
+    const handleDragEnd = useCallback(() => {
+        if (dragIndex !== null &&
+            dragOverIndex !== null &&
+            dragIndex !== dragOverIndex) {
+            const next = [...combined];
+            const [removed] = next.splice(dragIndex, 1);
+            next.splice(dragOverIndex, 0, removed);
+            const { images, videos: vids } = splitByKind(next);
+            persistBoth(images, vids);
+        }
+        setDragIndex(null);
+        setDragOverIndex(null);
+    }, [dragIndex, dragOverIndex, combined, persistBoth, splitByKind]);
+    const handleDragLeave = useCallback(() => {
+        setDragOverIndex(null);
+    }, []);
+    // "Make primary" — the first tile is the primary product image. Only
+    // applies when the moved tile is an image (videos can't be primary).
+    const handleMakePrimary = useCallback((index) => {
+        if (index === 0 || disabled)
+            return;
+        const url = combined[index];
+        if (!url || isVideoUrl(url))
+            return;
+        const nextImages = [url, ...value.filter((u) => u !== url)];
+        persistBoth(nextImages, videosArr);
+    }, [combined, value, videosArr, persistBoth, disabled]);
+    const canAddMore = combined.length < maxImages;
+    const dropZoneAccept = DEFAULT_MEDIA_UPLOAD_CONFIG.allowedTypes;
+    return (_jsxs("div", { className: cn('space-y-4', className), children: [combined.length > 0 && (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: combined.map((url, index) => {
+                    const tileIsVideo = isVideoUrl(url);
+                    return (_jsxs("div", { draggable: !disabled, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e, index), onDragEnd: handleDragEnd, onDragLeave: handleDragLeave, className: cn('relative aspect-square rounded-lg border overflow-hidden group bg-muted/30', 'transition-all duration-200', dragIndex === index && 'opacity-50 scale-95', dragOverIndex === index &&
+                            'ring-2 ring-primary ring-offset-2', !disabled && 'cursor-grab active:cursor-grabbing'), children: [tileIsVideo ? (_jsxs(_Fragment, { children: [_jsx("video", { src: url, preload: "metadata", muted: true, playsInline: true, className: "absolute inset-0 h-full w-full object-cover" }), _jsx("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/15", "aria-hidden": "true", children: _jsx(Play, { className: "h-6 w-6 fill-white text-white drop-shadow" }) })] })) : (
+                            // object-contain so the whole photo is visible — merchants
+                            // upload all aspect ratios and want to verify their actual
+                            // image, not a cropped square. Letterbox shows the tile's
+                            // bg-muted/30 backdrop, reads as intentional. Videos kept
+                            // as object-cover (different aesthetic, often have baked-in
+                            // bars). Same policy on storefront ProductGallery + ProductCard.
+                            _jsx(Image, { src: url, alt: `Image ${index + 1}`, fill: true, className: "object-contain", sizes: "(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" })), index === 0 && !tileIsVideo && (_jsx("div", { className: "absolute top-2 left-2 px-2 py-0.5 rounded-full bg-primary text-primary-foreground text-xs font-medium", children: "Primary" })), tileIsVideo && (_jsx("div", { className: "absolute top-2 left-2 px-2 py-0.5 rounded-full bg-black/70 text-white text-xs font-medium", children: "Video" })), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-colors", children: _jsxs("div", { className: "absolute inset-0 flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100 transition-opacity", children: [index !== 0 && !tileIsVideo && (_jsx("button", { type: "button", onClick: () => handleMakePrimary(index), disabled: disabled, className: cn('rounded-full bg-white/90 p-2 text-gray-700', 'hover:bg-white transition-colors', 'disabled:opacity-50 disabled:cursor-not-allowed'), title: "Make primary", children: _jsx(Star, { className: "h-4 w-4" }) })), _jsx("button", { type: "button", onClick: () => handleDelete(index), disabled: disabled || deletingIndex !== null, className: cn('rounded-full bg-destructive p-2 text-destructive-foreground', 'hover:bg-destructive/90 transition-colors', 'disabled:opacity-50 disabled:cursor-not-allowed'), title: tileIsVideo ? 'Remove video' : 'Remove image', children: deletingIndex === index ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(Trash2, { className: "h-4 w-4" })) })] }) }), _jsx("div", { className: "absolute top-2 right-2 p-1 rounded bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx(GripVertical, { className: "h-4 w-4 text-white" }) })] }, url));
+                }) })), canAddMore && (_jsx(DropZone, { onFiles: handleFiles, multiple: maxImages - combined.length > 1, accept: dropZoneAccept, maxSize: maxSizeMB * 1024 * 1024, disabled: disabled || isUploading, className: "min-h-[120px]", children: _jsx("div", { className: "text-muted-foreground", children: isUploading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Loader2, { className: "mx-auto h-8 w-8 animate-spin" }), _jsx("p", { className: "text-sm", children: "Uploading..." }), progress && (_jsxs("div", { className: "w-full max-w-[200px] mx-auto", children: [_jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-primary transition-all duration-300", style: { width: `${progress.percentage}%` } }) }), _jsxs("p", { className: "text-xs mt-1", children: [progress.percentage, "%"] })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(ImagePlus, { className: "mx-auto h-10 w-10 mb-2" }), _jsx("p", { className: "text-sm font-medium", children: combined.length === 0
+                                    ? 'Add product media'
+                                    : 'Add more media' }), _jsx("p", { className: "text-xs mt-1", children: "Drop images or videos, or click to browse" }), _jsxs("p", { className: "text-xs text-muted-foreground/70", children: [combined.length, " / ", maxImages, " items"] })] })) }) })), !canAddMore && (_jsxs("p", { className: "text-sm text-muted-foreground text-center", children: ["Maximum ", maxImages, " items reached. Remove one to add more."] })), error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-destructive", children: [_jsx(AlertCircle, { className: "h-4 w-4 flex-shrink-0" }), _jsx("span", { children: error }), _jsx("button", { type: "button", onClick: reset, className: "text-primary hover:underline ml-auto", children: "Retry" })] })), combined.length > 1 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Drag to reorder. The first image is the primary product image. Videos can be reordered but cannot be set as primary." }))] }));
+}
+export default ImageGalleryUpload;
+//# sourceMappingURL=ImageGalleryUpload.js.map

package/dist/media/components/ImageGalleryUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryUpload.js","sourceRoot":"","sources":["../../../src/media/components/ImageGalleryUpload.tsx"],"names":[],"mappings":"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"}

package/dist/media/components/ImageUpload.d.ts

@@ -0,0 +1,17 @@
+import type { ImageUploadProps } from '../types';
+/**
+ * Single image upload component.
+ *
+ * @example
+ * ```tsx
+ * <ImageUpload
+ *   value={categoryImage}
+ *   onChange={(url) => setCategoryImage(url)}
+ *   folder="categories"
+ *   entityId={categoryId}
+ * />
+ * ```
+ */
+export declare function ImageUpload({ value, onChange, onSave, folder, entityId, maxSizeMB, disabled, className, placeholder, aspectRatio, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+export default ImageUpload;
+//# sourceMappingURL=ImageUpload.d.ts.map

package/dist/media/components/ImageUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/media/components/ImageUpload.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGhD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAc,EACd,QAAgB,EAChB,SAAS,EACT,WAA+B,EAC/B,WAAoB,GACrB,EAAE,gBAAgB,2CAyKlB;AAED,eAAe,WAAW,CAAA"}

package/dist/media/components/ImageUpload.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @rovela-ai/sdk/media/components/ImageUpload
+ *
+ * Single image upload component with preview, progress, and delete functionality.
+ */
+import { useState, useCallback } from 'react';
+import Image from 'next/image';
+import { ImageIcon, Trash2, Loader2, AlertCircle } from 'lucide-react';
+import { cn } from '../../core/utils';
+import { useUpload } from '../hooks/useUpload';
+import { DropZone } from './DropZone';
+import { DEFAULT_UPLOAD_CONFIG } from '../types';
+/**
+ * Single image upload component.
+ *
+ * @example
+ * ```tsx
+ * <ImageUpload
+ *   value={categoryImage}
+ *   onChange={(url) => setCategoryImage(url)}
+ *   folder="categories"
+ *   entityId={categoryId}
+ * />
+ * ```
+ */
+export function ImageUpload({ value, onChange, onSave, folder, entityId, maxSizeMB = 10, disabled = false, className, placeholder = 'Upload an image', aspectRatio = '16/9', }) {
+    const [isDeleting, setIsDeleting] = useState(false);
+    // Upload hook
+    const { upload, isUploading, progress, error, reset } = useUpload({
+        folder,
+        entityId,
+        config: {
+            maxSizeBytes: maxSizeMB * 1024 * 1024,
+        },
+        onSuccess: (result) => {
+            if (result.url) {
+                onChange(result.url);
+                // Auto-persist to database if onSave is provided (edit mode)
+                onSave?.(result.url).catch((err) => {
+                    console.error('[ImageUpload] Failed to save after upload:', err);
+                });
+            }
+        },
+    });
+    // Handle file selection
+    const handleFiles = useCallback(async (files) => {
+        if (files.length === 0 || disabled || isUploading)
+            return;
+        await upload(files[0]);
+    }, [upload, disabled, isUploading]);
+    // Handle delete
+    const handleDelete = useCallback(async () => {
+        if (!value || disabled || isDeleting)
+            return;
+        setIsDeleting(true);
+        try {
+            await fetch('/api/media', {
+                method: 'DELETE',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ url: value }),
+            });
+            // Update local state
+            onChange(null);
+            // Auto-persist to database if onSave is provided (edit mode)
+            onSave?.(null).catch((err) => {
+                console.error('[ImageUpload] Failed to save after delete:', err);
+            });
+        }
+        catch (err) {
+            console.error('Delete error:', err);
+            // Still remove from local state (R2 file may already be gone)
+            onChange(null);
+            // Still try to persist the removal to DB
+            onSave?.(null).catch(() => { });
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    }, [value, disabled, isDeleting, onChange, onSave]);
+    // Reset error and retry
+    const handleRetry = useCallback(() => {
+        reset();
+    }, [reset]);
+    return (_jsxs("div", { className: cn('space-y-2', className), children: [value ? (_jsxs("div", { className: "relative rounded-lg border border-border overflow-hidden", children: [_jsx("div", { className: "relative bg-muted", style: { aspectRatio }, children: _jsx(Image, { src: value, alt: "Uploaded image", fill: true, className: "object-cover", sizes: "(max-width: 768px) 100vw, 50vw" }) }), _jsx("div", { className: "absolute inset-0 bg-black/0 hover:bg-black/40 transition-colors group", children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx("button", { type: "button", onClick: handleDelete, disabled: disabled || isDeleting, className: cn('rounded-full bg-destructive p-2 text-destructive-foreground', 'hover:bg-destructive/90 transition-colors', 'disabled:opacity-50 disabled:cursor-not-allowed'), title: "Remove image", children: isDeleting ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsx(Trash2, { className: "h-5 w-5" })) }) }) })] })) : (_jsx(DropZone, { onFiles: handleFiles, multiple: false, accept: DEFAULT_UPLOAD_CONFIG.allowedTypes, maxSize: maxSizeMB * 1024 * 1024, disabled: disabled || isUploading, className: cn('min-h-[120px]', aspectRatio && `aspect-[${aspectRatio}]`), children: _jsx("div", { className: "text-muted-foreground", children: isUploading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Loader2, { className: "mx-auto h-8 w-8 animate-spin" }), _jsx("p", { className: "text-sm", children: "Uploading..." }), progress && (_jsxs("div", { className: "w-full max-w-[200px] mx-auto", children: [_jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-primary transition-all duration-300", style: { width: `${progress.percentage}%` } }) }), _jsxs("p", { className: "text-xs mt-1", children: [progress.percentage, "%"] })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(ImageIcon, { className: "mx-auto h-10 w-10 mb-2" }), _jsx("p", { className: "text-sm font-medium", children: placeholder }), _jsx("p", { className: "text-xs mt-1", children: "Drop an image or click to browse" }), _jsxs("p", { className: "text-xs text-muted-foreground/70", children: ["Max ", maxSizeMB, "MB"] })] })) }) })), error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-destructive", children: [_jsx(AlertCircle, { className: "h-4 w-4 flex-shrink-0" }), _jsx("span", { children: error }), _jsx("button", { type: "button", onClick: handleRetry, className: "text-primary hover:underline ml-auto", children: "Retry" })] }))] }));
+}
+export default ImageUpload;
+//# sourceMappingURL=ImageUpload.js.map