@udhuong/admin-core 0.1.8 → 0.2.1

package/dist/client/components/PageHeader.d.ts

@@ -14,6 +14,6 @@ interface PageHeaderProps {
     description?: string;
     back?: BackButton;
 }
-export default function PageHeader({ title, breadcrumbs, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default function PageHeader({ title, breadcrumbs, actions, description, back, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PageHeader.d.ts.map

package/dist/client/components/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/client/components/PageHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAgB,GACjB,EAAE,eAAe,2CAmCjB"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/client/components/PageHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAgB,EAChB,OAAO,EACP,WAAW,EACX,IAAI,GACL,EAAE,eAAe,2CAwDjB"}

package/dist/client/components/PageHeader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight } from 'lucide-react';
+import { ChevronRight, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-export default function PageHeader({ title, breadcrumbs = [], }) {
-    return (_jsx("div", { className: "pb-4", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-2 items-center justify-between", children: [_jsx("h1", { className: "text-2xl font-semibold text-base-content", children: title }), breadcrumbs.length > 0 && (_jsx("nav", { className: "flex items-center text-sm text-base-content/60 overflow-x-autonsi", children: breadcrumbs.map((item, index) => (_jsxs("div", { className: "flex items-center", children: [item.href && !item.isActive ? (_jsx(Link, { href: item.href, className: "hover:text-base-content/80 transition-colors", children: item.label })) : (_jsx("span", { className: item.isActive ? 'text-base-content font-medium' : '', children: item.label })), index < breadcrumbs.length - 1 && (_jsx(ChevronRight, { className: "w-4 h-4 mx-2 text-base-content/40" }))] }, index))) }))] }) }));
+export default function PageHeader({ title, breadcrumbs = [], actions, description, back, }) {
+    return (_jsx("div", { className: "pb-4", children: _jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [back && (_jsx(Link, { href: back.href, className: "btn btn-ghost btn-sm btn-circle mt-0.5 flex-none", "aria-label": back.label ?? 'Back', title: back.label ?? 'Back', children: _jsx(ArrowLeft, { className: "w-4 h-4" }) })), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-semibold text-base-content", children: title }), description && (_jsx("p", { className: "mt-1 text-sm text-base-content/60", children: description }))] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [breadcrumbs.length > 0 && (_jsx("nav", { className: "flex items-center overflow-x-auto text-sm text-base-content/60", children: breadcrumbs.map((item, index) => (_jsxs("div", { className: "flex items-center", children: [item.href && !item.isActive ? (_jsx(Link, { href: item.href, className: "hover:text-base-content/80 transition-colors", children: item.label })) : (_jsx("span", { className: item.isActive ? 'text-base-content font-medium' : '', children: item.label })), index < breadcrumbs.length - 1 && (_jsx(ChevronRight, { className: "w-4 h-4 mx-2 text-base-content/40" }))] }, index))) })), actions && _jsx("div", { className: "flex items-center gap-2", children: actions })] })] }) }));
 }
 //# sourceMappingURL=PageHeader.js.map

package/dist/client/components/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/client/components/PageHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAa,MAAM,cAAc,CAAA;AACtD,OAAO,IAAI,MAAM,WAAW,CAAA;AAqB5B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,GAAG,EAAE,GACA;IAChB,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,8DAA8D,aAE3E,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EAGpE,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,mEAAmE,YAC/E,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,eAAiB,SAAS,EAAC,mBAAmB,aAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7B,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,8CAA8C,YAEvD,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,YAClE,IAAI,CAAC,KAAK,GACN,CACR,EAEA,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,KAAC,YAAY,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAC/D,KAhBO,KAAK,CAiBT,CACP,CAAC,GACE,CACP,IACG,GACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/client/components/PageHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,IAAI,MAAM,WAAW,CAAA;AAqB5B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,WAAW,EACX,IAAI,GACY;IAChB,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,oEAAoE,aAEjF,eAAK,SAAS,EAAC,gCAAgC,aAC5C,IAAI,IAAI,CACP,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,kDAAkD,gBAChD,IAAI,CAAC,KAAK,IAAI,MAAM,EAChC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,MAAM,YAE3B,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,GAC5B,CACR,EACD,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EACpE,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAK,CACnE,IACG,IACF,EAGN,eAAK,SAAS,EAAC,mCAAmC,aAC/C,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,gEAAgE,YAC5E,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,eAAiB,SAAS,EAAC,mBAAmB,aAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7B,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,8CAA8C,YAEvD,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,YAClE,IAAI,CAAC,KAAK,GACN,CACR,EAEA,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,KAAC,YAAY,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAC/D,KAhBO,KAAK,CAiBT,CACP,CAAC,GACE,CACP,EAEA,OAAO,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,IAChE,IACF,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/client/components/media/FolderTree.d.ts

@@ -0,0 +1,13 @@
+import { MediaFolder } from '../../types/media';
+interface FolderTreeProps {
+    folders: MediaFolder[];
+    selectedFolderId?: number;
+    showAllMedia?: boolean;
+    onSelectFolder: (folderId: number | undefined) => void;
+    onShowAllMedia?: () => void;
+    onCreateFolder?: (name: string, parentId?: number) => void;
+    onDeleteFolder?: (id: number) => void;
+}
+export declare function FolderTree({ folders, selectedFolderId, showAllMedia, onSelectFolder, onShowAllMedia, onCreateFolder, onDeleteFolder, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FolderTree.d.ts.map

package/dist/client/components/media/FolderTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../src/client/components/media/FolderTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,gBAAgB,EAChB,YAAoB,EACpB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,GACf,EAAE,eAAe,2CA+KjB"}

package/dist/client/components/media/FolderTree.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Folder, FolderPlus, Trash2, Images } from 'lucide-react';
+export function FolderTree({ folders, selectedFolderId, showAllMedia = false, onSelectFolder, onShowAllMedia, onCreateFolder, onDeleteFolder, }) {
+    const [expandedFolders, setExpandedFolders] = useState([]);
+    const [showNewFolder, setShowNewFolder] = useState(false);
+    const [newFolderName, setNewFolderName] = useState('');
+    const [newFolderParent, setNewFolderParent] = useState();
+    const toggleFolder = (folderId) => {
+        setExpandedFolders((prev) => prev.includes(folderId)
+            ? prev.filter((id) => id !== folderId)
+            : [...prev, folderId]);
+    };
+    const handleCreateFolder = () => {
+        if (newFolderName.trim()) {
+            onCreateFolder?.(newFolderName, newFolderParent);
+            setNewFolderName('');
+            setShowNewFolder(false);
+            setNewFolderParent(undefined);
+        }
+    };
+    const rootFolders = folders.filter((f) => !f.parentId);
+    const renderFolder = (folder, level = 0) => {
+        const hasChildren = folders.some((f) => f.parentId === folder.id);
+        const isExpanded = expandedFolders.includes(folder.id);
+        const isSelected = selectedFolderId === folder.id;
+        return (_jsxs("div", { children: [_jsxs("div", { className: `flex items-center gap-2 px-3 py-2 hover:bg-base-200 cursor-pointer rounded-lg transition-colors ${isSelected ? 'bg-primary/10' : ''}`, style: { paddingLeft: `${level * 1.5 + 0.75}rem` }, children: [hasChildren && (_jsx("button", { onClick: () => toggleFolder(folder.id), className: "w-4 h-4 flex items-center justify-center", children: isExpanded ? '▼' : '▶' })), !hasChildren && _jsx("div", { className: "w-4" }), _jsx(Folder, { className: "w-4 h-4 text-blue-500" }), _jsx("span", { className: "flex-1 text-sm", onClick: () => onSelectFolder(folder.id), children: folder.name }), _jsx("button", { onClick: () => {
+                                setNewFolderParent(folder.id);
+                                setShowNewFolder(true);
+                            }, className: "opacity-0 group-hover:opacity-100 p-1 hover:bg-base-300 rounded", children: _jsx(FolderPlus, { className: "w-3 h-3" }) }), _jsx("button", { onClick: () => {
+                                if (confirm('Delete this folder?')) {
+                                    onDeleteFolder?.(folder.id);
+                                }
+                            }, className: "opacity-0 group-hover:opacity-100 p-1 hover:bg-error/20 rounded text-error", children: _jsx(Trash2, { className: "w-3 h-3" }) })] }), isExpanded &&
+                    folders
+                        .filter((f) => f.parentId === folder.id)
+                        .map((child) => renderFolder(child, level + 1))] }, folder.id));
+    };
+    return (_jsxs("div", { className: "bg-base-100 rounded-lg border border-base-300 p-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "font-semibold text-sm", children: "Folders" }), _jsx("button", { onClick: () => {
+                            setNewFolderParent(undefined);
+                            setShowNewFolder(true);
+                        }, className: "p-1 hover:bg-base-200 rounded", children: _jsx(FolderPlus, { className: "w-4 h-4" }) })] }), _jsx("div", { className: `px-3 py-2 hover:bg-base-200 cursor-pointer rounded-lg transition-colors mb-2 ${showAllMedia ? 'bg-primary/10 border border-primary/20' : ''}`, onClick: () => onShowAllMedia?.(), title: "View all media files (including organized and unorganized)", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Images, { className: "w-4 h-4 text-primary" }), _jsx("span", { className: "text-sm font-medium text-primary", children: "All Media" })] }) }), _jsx("div", { className: `px-3 py-2 hover:bg-base-200 cursor-pointer rounded-lg transition-colors mb-2 ${!selectedFolderId && !showAllMedia ? 'bg-primary/10' : ''}`, onClick: () => onSelectFolder(undefined), title: "View only unorganized media files", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Folder, { className: "w-4 h-4 text-base-content/60" }), _jsx("span", { className: "text-sm", children: "Unorganized" })] }) }), showNewFolder && (_jsxs("div", { className: "mb-2 p-2 bg-base-200 rounded-lg", children: [_jsx("input", { type: "text", value: newFolderName, onChange: (e) => setNewFolderName(e.target.value), placeholder: "Folder name", className: "w-full px-2 py-1 text-sm border border-base-300 rounded bg-base-100 mb-2", autoFocus: true, onKeyDown: (e) => {
+                            if (e.key === 'Enter')
+                                handleCreateFolder();
+                            if (e.key === 'Escape')
+                                setShowNewFolder(false);
+                        } }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: handleCreateFolder, className: "flex-1 px-2 py-1 text-xs bg-primary text-primary-content rounded hover:bg-primary/80", children: "Create" }), _jsx("button", { onClick: () => setShowNewFolder(false), className: "flex-1 px-2 py-1 text-xs bg-base-300 rounded hover:bg-base-content/20", children: "Cancel" })] })] })), folders.length > 0 && (_jsx("div", { className: "border-t border-base-300 my-3" })), folders.length > 0 && (_jsx("div", { className: "px-3 mb-2", children: _jsx("span", { className: "text-xs font-medium text-base-content/60 uppercase tracking-wider", children: "Organized Folders" }) })), _jsx("div", { className: "space-y-1", children: rootFolders.map((folder) => renderFolder(folder)) })] }));
+}
+//# sourceMappingURL=FolderTree.js.map

package/dist/client/components/media/FolderTree.js.map

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

package/dist/client/components/media/MediaBrowser.d.ts

@@ -0,0 +1,8 @@
+interface MediaBrowserProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (url: string) => void;
+}
+export default function MediaBrowser({ isOpen, onClose, onSelect }: MediaBrowserProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MediaBrowser.d.ts.map

package/dist/client/components/media/MediaBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBrowser.d.ts","sourceRoot":"","sources":["../../../../src/client/components/media/MediaBrowser.tsx"],"names":[],"mappings":"AAWA,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,kDAuapF"}

package/dist/client/components/media/MediaBrowser.js

@@ -0,0 +1,210 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { X, Upload, Search, Grid, Image as ImageIcon } from 'lucide-react';
+import { FolderTree } from './FolderTree';
+import { MediaUpload } from './MediaUpload';
+import { CORE_API_ROUTES } from '../../constants/api-routes';
+import { getApiClient } from '../../auth/api-client';
+import Modal from '../../ui/Modal';
+export default function MediaBrowser({ isOpen, onClose, onSelect }) {
+    const apiClient = getApiClient();
+    const [media, setMedia] = useState([]);
+    const [folders, setFolders] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const [selectedFolderId, setSelectedFolderId] = useState();
+    const [showAllMedia, setShowAllMedia] = useState(false);
+    const [viewMode, setViewMode] = useState('grid');
+    const [showUpload, setShowUpload] = useState(false);
+    const [isDragOver, setIsDragOver] = useState(false);
+    const [pagination, setPagination] = useState({
+        page: 1,
+        limit: 20,
+        total: 0,
+        totalPages: 0,
+    });
+    useEffect(() => {
+        if (isOpen) {
+            setShowAllMedia(true); // Mặc định hiển thị tất cả media
+            fetchFolders();
+            fetchMedia();
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        if (isOpen) {
+            setPagination(prev => ({ ...prev, page: 1 }));
+            fetchMedia(1);
+        }
+    }, [isOpen, selectedFolderId, searchTerm, showAllMedia]);
+    const fetchFolders = async () => {
+        try {
+            const response = await apiClient.get(CORE_API_ROUTES.MEDIA.FOLDERS);
+            setFolders(response.data);
+        }
+        catch (error) {
+            console.error('Failed to fetch folders:', error);
+            setFolders([]);
+        }
+    };
+    const fetchMedia = async (pageOverride) => {
+        setLoading(true);
+        try {
+            const currentPage = pageOverride ?? pagination.page;
+            const params = {
+                page: currentPage,
+                limit: pagination.limit,
+                type: 'image',
+            };
+            if (searchTerm)
+                params.search = searchTerm;
+            if (!showAllMedia) {
+                if (selectedFolderId !== undefined) {
+                    params.folderId = selectedFolderId;
+                }
+                else {
+                    params.folderId = 'null';
+                }
+            }
+            const response = await apiClient.get(CORE_API_ROUTES.MEDIA.BASE, { params });
+            setMedia(response.data.items);
+            setPagination({
+                page: response.data.page,
+                limit: response.data.limit,
+                total: response.data.total,
+                totalPages: response.data.totalPages,
+            });
+        }
+        catch (error) {
+            console.error('Failed to fetch media:', error);
+            setMedia([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleUpload = async (files) => {
+        const filesToUpload = files ? Array.from(files) : [];
+        if (filesToUpload.length === 0)
+            return;
+        setLoading(true);
+        try {
+            const formData = new FormData();
+            filesToUpload.forEach(file => {
+                formData.append('files', file);
+            });
+            // Thêm folderId nếu không ở mode "All Media"
+            if (!showAllMedia && selectedFolderId !== undefined) {
+                formData.append('folderId', String(selectedFolderId));
+            }
+            const response = await apiClient.post(CORE_API_ROUTES.MEDIA.UPLOAD, formData, {
+                timeout: 30000,
+            });
+            // Refresh media list
+            await fetchMedia();
+            // Auto-select first uploaded image if only one file
+            if (filesToUpload.length === 1) {
+                const uploadedMedia = Array.isArray(response.data)
+                    ? response.data[0]
+                    : response.data;
+                if (uploadedMedia && uploadedMedia.url) {
+                    onSelect(uploadedMedia.url);
+                }
+            }
+        }
+        catch (error) {
+            console.error('Upload failed:', error);
+            const errorMessage = error.response?.data?.message || 'Upload failed. Please try again.';
+            alert(errorMessage);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleUploadComplete = useCallback(() => {
+        setShowUpload(false);
+        fetchMedia();
+    }, []);
+    // Drag and drop handlers
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(true);
+    }, []);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        const files = e.dataTransfer.files;
+        if (files.length > 0) {
+            // Filter chỉ image files
+            const imageFiles = Array.from(files).filter(file => file.type.startsWith('image/'));
+            if (imageFiles.length > 0) {
+                handleUpload(imageFiles);
+            }
+        }
+    }, []);
+    const handleSearch = () => {
+        setPagination(prev => ({ ...prev, page: 1 }));
+        fetchMedia(1);
+    };
+    const handlePageChange = useCallback((newPage) => {
+        setPagination(prev => ({ ...prev, page: newPage }));
+        fetchMedia(newPage);
+    }, []);
+    if (!isOpen)
+        return null;
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, size: "custom", showCloseButton: false, className: "w-[1000px] h-[700px]", closeOnOverlayClick: false, children: _jsxs("div", { className: "w-full h-full flex flex-col relative", onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [isDragOver && (_jsx("div", { className: "absolute inset-0 bg-primary/20 border-4 border-dashed border-primary rounded-lg flex items-center justify-center z-10", children: _jsxs("div", { className: "text-center", children: [_jsx(Upload, { className: "mx-auto mb-4 text-primary", size: 48 }), _jsx("p", { className: "text-xl font-semibold text-primary", children: "Drop images to upload" }), _jsx("p", { className: "text-primary/80", children: !showAllMedia && selectedFolderId !== undefined
+                                    ? `Upload to "${folders.find(f => f.id === selectedFolderId)?.name}" folder`
+                                    : 'Upload to media library' })] }) })), _jsxs("div", { className: "flex items-center justify-between p-4 border-b border-base-300", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(ImageIcon, { className: "w-6 h-6 text-primary" }), _jsx("h2", { className: "text-xl font-semibold", children: "Media Library" })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center bg-base-200 rounded-md p-1", children: [_jsx("button", { onClick: () => setViewMode('grid'), className: `p-2 rounded ${viewMode === 'grid' ? 'bg-base-100 shadow-sm' : 'hover:bg-base-300'}`, title: "Grid View", children: _jsx(Grid, { size: 16 }) }), _jsx("button", { onClick: () => setViewMode('list'), className: `p-2 rounded ${viewMode === 'list' ? 'bg-base-100 shadow-sm' : 'hover:bg-base-300'}`, title: "List View", children: _jsx(ImageIcon, { size: 16 }) })] }), _jsx("button", { onClick: onClose, className: "p-2 hover:bg-base-200 rounded-lg", children: _jsx(X, { size: 20 }) })] })] }), _jsxs("div", { className: "p-4 border-b border-base-300 flex gap-4", children: [_jsxs("div", { className: "flex-1 relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-base-content/40" }), _jsx("input", { type: "text", placeholder: "Search images...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-10 pr-4 py-2 border border-base-300 rounded-lg bg-base-100 focus:outline-none focus:ring-2 focus:ring-primary", onKeyPress: (e) => e.key === 'Enter' && handleSearch() })] }), _jsxs("button", { onClick: handleSearch, className: "px-4 py-2 bg-neutral text-neutral-content rounded-lg hover:bg-neutral/80 flex items-center gap-2 whitespace-nowrap", children: [_jsx(Search, { className: "w-5 h-5" }), "Search"] }), _jsxs("button", { onClick: () => setShowUpload(!showUpload), className: "px-4 py-2 bg-primary text-primary-content rounded-lg hover:bg-primary/80 flex items-center gap-2 whitespace-nowrap", children: [_jsx(Upload, { className: "w-5 h-5" }), "Upload"] })] }), showUpload && (_jsx("div", { className: "p-4 bg-base-200 border-b border-base-300", children: _jsx(MediaUpload, { folderId: showAllMedia ? undefined : selectedFolderId, folderName: showAllMedia
+                            ? undefined
+                            : selectedFolderId !== undefined
+                                ? folders.find(f => f.id === selectedFolderId)?.name
+                                : undefined, onUploadComplete: handleUploadComplete, maxFiles: 10 }) })), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [_jsx("div", { className: "w-64 border-r border-base-300 overflow-y-auto p-4", children: _jsx(FolderTree, { folders: folders, selectedFolderId: selectedFolderId, showAllMedia: showAllMedia, onSelectFolder: (folderId) => {
+                                    setSelectedFolderId(folderId);
+                                    setShowAllMedia(false);
+                                    setPagination(prev => ({ ...prev, page: 1 }));
+                                    fetchMedia(1);
+                                }, onShowAllMedia: () => {
+                                    setShowAllMedia(true);
+                                    setSelectedFolderId(undefined);
+                                    setPagination(prev => ({ ...prev, page: 1 }));
+                                    fetchMedia(1);
+                                }, onCreateFolder: async (name, parentId) => {
+                                    try {
+                                        await apiClient.post(CORE_API_ROUTES.MEDIA.CREATE_FOLDER, {
+                                            name,
+                                            parentId,
+                                        });
+                                        fetchFolders();
+                                    }
+                                    catch (error) {
+                                        console.error('Error creating folder:', error);
+                                    }
+                                }, onDeleteFolder: async (id) => {
+                                    try {
+                                        await apiClient.delete(CORE_API_ROUTES.MEDIA.FOLDER_BY_ID(id));
+                                        fetchFolders();
+                                        if (selectedFolderId === id) {
+                                            setSelectedFolderId(undefined);
+                                        }
+                                    }
+                                    catch (error) {
+                                        alert(error.response?.data?.message || 'Error deleting folder');
+                                    }
+                                } }) }), _jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children: _jsx("div", { className: "flex-1 p-4 overflow-y-auto bg-base-100", children: loading ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-base-300 border-t-primary mx-auto mb-4" }), _jsx("div", { className: "text-base-content/60", children: "Loading images..." })] }) })) : Array.isArray(media) && media.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: viewMode === 'grid'
+                                                ? 'grid grid-cols-4 gap-4'
+                                                : 'space-y-3', children: media.map((item) => (_jsxs("div", { className: `group cursor-pointer rounded-lg overflow-hidden transition-all duration-200 border border-base-300 ${viewMode === 'grid'
+                                                    ? 'hover:shadow-lg hover:scale-105'
+                                                    : 'flex items-center gap-4 p-3 hover:bg-base-200'}`, onClick: () => onSelect(item.url), children: [_jsx("div", { className: viewMode === 'grid' ? 'w-full h-40' : 'w-16 h-16 flex-shrink-0', children: _jsx("img", { src: item.url, alt: item.filename, className: "w-full h-full object-cover" }) }), _jsxs("div", { className: viewMode === 'grid' ? 'p-3' : 'flex-1 min-w-0', children: [_jsx("p", { className: `font-medium text-base-content ${viewMode === 'grid' ? 'text-sm truncate' : 'truncate'}`, children: item.filename }), _jsxs("div", { className: `text-base-content/60 ${viewMode === 'grid' ? 'text-xs mt-1' : 'text-sm flex items-center gap-4'}`, children: [_jsxs("span", { children: [Math.round(item.size / 1024), " KB"] }), viewMode === 'list' && item.createdAt && (_jsx("span", { children: new Date(item.createdAt).toLocaleDateString() }))] })] })] }, item.id))) }), pagination.totalPages > 1 && (_jsxs("div", { className: "mt-6 flex justify-center gap-2", children: [_jsx("button", { onClick: () => handlePageChange(Math.max(1, pagination.page - 1)), disabled: pagination.page === 1, className: "px-4 py-2 border border-base-300 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-base-200", children: "Previous" }), _jsxs("span", { className: "px-4 py-2 flex items-center text-base-content", children: ["Page ", pagination.page, " of ", pagination.totalPages] }), _jsx("button", { onClick: () => handlePageChange(Math.min(pagination.totalPages, pagination.page + 1)), disabled: pagination.page === pagination.totalPages, className: "px-4 py-2 border border-base-300 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-base-200", children: "Next" })] }))] })) : (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsxs("div", { className: "text-center", children: [_jsx(ImageIcon, { className: "mx-auto mb-4 text-base-content/30", size: 48 }), _jsx("div", { className: "text-base-content/60 text-lg mb-2", children: Array.isArray(media) ? 'No images found' : 'Failed to load images' }), _jsx("p", { className: "text-base-content/40 text-sm", children: searchTerm ? 'Try adjusting your search terms' : 'Upload some images to get started' })] }) })) }) })] })] }) }));
+}
+//# sourceMappingURL=MediaBrowser.js.map

package/dist/client/components/media/MediaBrowser.js.map

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

package/dist/client/components/media/MediaGrid.d.ts

@@ -0,0 +1,11 @@
+import { Media } from '../../types/media';
+interface MediaGridProps {
+    media: Media[];
+    onDelete?: (id: number) => void;
+    onSelect?: (media: Media) => void;
+    selectedIds?: number[];
+    selectable?: boolean;
+}
+export declare function MediaGrid({ media, onDelete, onSelect, selectedIds, selectable, }: MediaGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaGrid.d.ts.map

package/dist/client/components/media/MediaGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGrid.d.ts","sourceRoot":"","sources":["../../../../src/client/components/media/MediaGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAa,MAAM,mBAAmB,CAAC;AAYrD,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,UAAkB,GACnB,EAAE,cAAc,2CA8KhB"}

package/dist/client/components/media/MediaGrid.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MediaType } from '../../types/media';
+import { Check, Copy, MoreVertical, Trash2 } from 'lucide-react';
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { ConfirmModal } from '../../ui/ConfirmModal';
+export function MediaGrid({ media, onDelete, onSelect, selectedIds = [], selectable = false, }) {
+    const [showMenu, setShowMenu] = useState(null);
+    const [deleteConfirm, setDeleteConfirm] = useState({ isOpen: false, item: null });
+    // Close menu when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            const target = event.target;
+            if (!target.closest('.menu-container')) {
+                setShowMenu(null);
+            }
+        };
+        if (showMenu) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => document.removeEventListener('mousedown', handleClickOutside);
+        }
+    }, [showMenu]);
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
+    };
+    const formatDate = (date) => {
+        return new Date(date).toLocaleDateString('en-US', {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        });
+    };
+    const copyUrl = (url) => {
+        navigator.clipboard.writeText(url);
+        toast.success('URL copied to clipboard!');
+    };
+    const handleDelete = (item) => {
+        setDeleteConfirm({ isOpen: true, item });
+    };
+    const confirmDelete = () => {
+        if (deleteConfirm.item) {
+            onDelete?.(deleteConfirm.item.id);
+            toast.success('Media deleted successfully!');
+            setDeleteConfirm({ isOpen: false, item: null });
+        }
+    };
+    const isSelected = (id) => selectedIds.includes(id);
+    return (_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [media.map((item) => (_jsxs("div", { className: `relative group bg-base-100 rounded-lg overflow-hidden border-2 transition-all ${isSelected(item.id)
+                    ? 'border-primary ring-2 ring-primary/20'
+                    : 'border-base-300 hover:border-base-content/20'}`, children: [selectable && (_jsx("div", { className: "absolute top-2 left-2 z-10", children: _jsx("button", { onClick: () => onSelect?.(item), className: `w-6 h-6 rounded border-2 flex items-center justify-center transition-all ${isSelected(item.id)
+                                ? 'bg-primary border-primary text-primary-content'
+                                : 'bg-base-100 border-base-300 hover:border-base-content/40'}`, children: isSelected(item.id) && _jsx(Check, { className: "w-4 h-4" }) }) })), _jsx("div", { className: "aspect-square relative bg-base-200 cursor-pointer", onClick: () => onSelect?.(item), children: item.type === MediaType.IMAGE ? (_jsx(Image, { src: item.url, alt: item.alt || item.name, fill: true, className: "object-cover", sizes: "(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 20vw" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-4xl mb-2", children: "\uD83D\uDCC4" }), _jsx("p", { className: "text-xs text-base-content/60 px-2", children: item.ext })] }) })) }), _jsxs("div", { className: "p-3", children: [_jsx("p", { className: "text-sm font-medium text-base-content truncate mb-1", children: item.name }), _jsxs("div", { className: "flex items-center justify-between text-xs text-base-content/60", children: [_jsx("span", { children: formatFileSize(item.size) }), item.width && item.height && (_jsxs("span", { children: [item.width, "x", item.height] }))] }), _jsx("p", { className: "text-xs text-base-content/40 mt-1", children: formatDate(item.createdAt) })] }), _jsxs("div", { className: "absolute top-2 right-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity menu-container", children: [_jsx("button", { onClick: () => setShowMenu(showMenu === item.id ? null : item.id), className: "p-1 bg-base-100 rounded-full shadow-lg hover:bg-base-200", children: _jsx(MoreVertical, { className: "w-4 h-4" }) }), showMenu === item.id && (_jsxs("div", { className: "absolute right-0 mt-2 w-48 bg-base-100 rounded-lg shadow-xl border border-base-300 py-1 z-20", children: [_jsxs("button", { onClick: () => {
+                                            copyUrl(item.url);
+                                            setShowMenu(null);
+                                        }, className: "w-full px-4 py-2 text-left text-sm hover:bg-base-200 flex items-center gap-2", children: [_jsx(Copy, { className: "w-4 h-4" }), "Copy URL"] }), _jsxs("button", { onClick: () => {
+                                            handleDelete(item);
+                                            setShowMenu(null);
+                                        }, className: "w-full px-4 py-2 text-left text-sm text-error hover:bg-error/10 flex items-center gap-2", children: [_jsx(Trash2, { className: "w-4 h-4" }), "Delete"] })] }))] })] }, item.id))), _jsx(ConfirmModal, { isOpen: deleteConfirm.isOpen, onClose: () => setDeleteConfirm({ isOpen: false, item: null }), onConfirm: confirmDelete, title: "Delete MediaEntity", message: `Are you sure you want to delete "${deleteConfirm.item?.name}"? This action cannot be undone.`, confirmText: "Delete", cancelText: "Cancel", type: "danger", icon: _jsx(Trash2, { className: "w-6 h-6" }) })] }));
+}
+//# sourceMappingURL=MediaGrid.js.map

package/dist/client/components/media/MediaGrid.js.map

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

package/dist/client/components/media/MediaPicker.d.ts

@@ -0,0 +1,12 @@
+import { Media } from '../../types/media';
+interface MediaPickerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (media: Media | Media[]) => void;
+    multiple?: boolean;
+    accept?: 'image' | 'video' | 'audio' | 'document' | 'other' | 'all';
+    selectedIds?: number[];
+}
+export declare function MediaPicker({ isOpen, onClose, onSelect, multiple, accept, selectedIds, }: MediaPickerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MediaPicker.d.ts.map

package/dist/client/components/media/MediaPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPicker.d.ts","sourceRoot":"","sources":["../../../../src/client/components/media/MediaPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAA4C,MAAM,mBAAmB,CAAC;AAepF,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACpE,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,MAAc,EACd,WAAgB,GACjB,EAAE,gBAAgB,kDAsTlB"}