@parhelia/core 0.1.10745

package/dist/editor/media-selector/MediaFolderBrowser.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "../../components/ui/button";
+import { Grid3X3, Square, List, Upload, RefreshCw, Loader2, } from "lucide-react";
+import { useEditContext } from "../client/editContext";
+import { getChildren } from "../services/contentService";
+import { toast } from "sonner";
+import { FilterInput } from "../../components/FilterInput";
+import { executeSearch } from "../services/searchService";
+import { useDebouncedCallback } from "use-debounce";
+export function MediaFolderBrowser({ folderId, language = "en", onMediaSelected, }) {
+    const [viewMode, setViewMode] = useState("grid");
+    const [images, setImages] = useState([]);
+    const [selectedImage, setSelectedImage] = useState();
+    const [loading, setLoading] = useState(false);
+    const [uploading, setUploading] = useState(false);
+    const [searchQuery, setSearchQuery] = useState("");
+    const [searchResults, setSearchResults] = useState([]);
+    const [searching, setSearching] = useState(false);
+    const editContext = useEditContext();
+    useEffect(() => {
+        loadMediaFiles();
+    }, [folderId]);
+    const loadMediaFiles = async () => {
+        if (!editContext || !folderId)
+            return;
+        setLoading(true);
+        try {
+            const children = await getChildren(folderId, editContext.sessionId, [
+                "C97BA923-8009-4858-BDD5-D8BE5FCCECF7", // Image
+                "F1828A2C-7E5D-4BBD-98CA-320474871548", // Another image type
+                "e76adbdf-87d1-4fcb-ba71-274f7dbf5670", // Video
+                "374d3a99-c098-4cd2-8fbc-dc2d1ca1c904", // Another video type
+            ], false, language);
+            setImages(children || []);
+        }
+        catch (error) {
+            console.error("Error loading media files:", error);
+            setImages([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleSearch = useDebouncedCallback(async (query) => {
+        if (!editContext || !folderId || !query.trim()) {
+            setSearchResults([]);
+            setSearching(false);
+            return;
+        }
+        setSearching(true);
+        try {
+            const result = await executeSearch({
+                index: "master",
+                query: query.trim(),
+                editContext,
+                rootItemIds: [folderId],
+                maxResults: 50,
+            });
+            if (result.type === "success") {
+                // Transform search results to Thumbnail format
+                // No template filtering needed since search is scoped to media folder
+                const thumbnails = result.data.map((item) => ({
+                    id: item.id,
+                    name: item.name,
+                    thumbUrl: item.thumbUrl || "",
+                    previewUrl: item.previewUrl || item.thumbUrl || "",
+                }));
+                setSearchResults(thumbnails);
+            }
+            else {
+                setSearchResults([]);
+                toast.error("Search failed. Please try again.");
+            }
+        }
+        catch (error) {
+            console.error("Error searching media files:", error);
+            setSearchResults([]);
+            toast.error("Error searching media files");
+        }
+        finally {
+            setSearching(false);
+        }
+    }, 600);
+    useEffect(() => {
+        if (searchQuery.trim()) {
+            handleSearch(searchQuery);
+        }
+        else {
+            setSearchResults([]);
+        }
+    }, [searchQuery]);
+    const handleClick = (thumbnail) => {
+        setSelectedImage(thumbnail);
+    };
+    const handleUpload = async () => {
+        if (!folderId)
+            return;
+        const fileInput = document.createElement("input");
+        fileInput.type = "file";
+        fileInput.multiple = true;
+        fileInput.accept = "image/*,video/*";
+        fileInput.onchange = async (e) => {
+            const files = Array.from(e.target.files || []);
+            if (files.length > 0) {
+                await uploadFiles(files);
+            }
+        };
+        fileInput.click();
+    };
+    const uploadFiles = async (files) => {
+        const formData = new FormData();
+        files.forEach((file, index) => {
+            formData.append("file" + index, file);
+        });
+        try {
+            setUploading(true);
+            const response = await fetch("/parhelia/upload?folder=" + folderId, {
+                method: "POST",
+                body: formData,
+            });
+            if (!response.ok) {
+                throw new Error("Upload failed");
+            }
+            // Reload media files after successful upload
+            await loadMediaFiles();
+        }
+        catch (error) {
+            console.error("Error uploading files:", error);
+            if (editContext) {
+                toast.error("Failed to upload files. Please try again.");
+            }
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const GridView = () => (_jsx("div", { className: "grid gap-3 p-4", style: {
+            gridTemplateColumns: "repeat(auto-fill, minmax(160px, 1fr))",
+        }, children: (searchQuery.trim() ? searchResults : images).map((t) => (_jsxs("div", { className: cn(selectedImage?.id === t.id
+                ? "shadow-lg ring-2 ring-blue-500"
+                : "shadow-sm hover:shadow-md", "cursor-pointer overflow-hidden rounded-lg bg-white transition-all duration-200 hover:scale-105"), onClick: () => handleClick(t), children: [_jsx("div", { className: "flex aspect-square items-center justify-center bg-gray-50", children: _jsx("img", { src: t.thumbUrl, alt: t.name, className: "max-h-full max-w-full object-contain" }) }), _jsx("div", { className: "p-2", children: _jsx("div", { className: "line-clamp-2 text-xs font-medium break-all text-gray-700", children: t.name }) })] }, t.id))) }));
+    const LargeGridView = () => (_jsx("div", { className: "grid gap-4 p-4", style: {
+            gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
+        }, children: (searchQuery.trim() ? searchResults : images).map((t) => (_jsxs("div", { className: cn(selectedImage?.id === t.id
+                ? "shadow-lg ring-2 ring-blue-500"
+                : "shadow-sm hover:shadow-md", "cursor-pointer overflow-hidden rounded-lg bg-white transition-all duration-200 hover:scale-105"), onClick: () => handleClick(t), children: [_jsx("div", { className: "flex aspect-square items-center justify-center bg-gray-50", children: _jsx("img", { src: t.previewUrl, alt: t.name, className: "max-h-full max-w-full object-contain" }) }), _jsx("div", { className: "p-3", children: _jsx("div", { className: "line-clamp-2 text-sm font-medium break-all text-gray-700", children: t.name }) })] }, t.id))) }));
+    const ListView = () => (_jsx("div", { className: "flex flex-col gap-1 p-2", children: (searchQuery.trim() ? searchResults : images).map((t) => (_jsxs("div", { className: cn(selectedImage?.id === t.id
+                ? "border-blue-300 bg-blue-100"
+                : "bg-white hover:bg-gray-50", "flex cursor-pointer items-center gap-3 rounded-lg border p-3 transition-colors duration-200"), onClick: () => handleClick(t), children: [_jsx("div", { className: "flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-md bg-gray-50", children: _jsx("img", { src: t.thumbUrl, alt: t.name, className: "max-h-full max-w-full object-contain" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-dark truncate text-xs font-medium", children: t.name }), _jsx("div", { className: "mt-1 text-xs text-gray-500", children: "Media File" })] })] }, t.id))) }));
+    const renderContent = () => {
+        const displayImages = searchQuery.trim() ? searchResults : images;
+        const isDisplayingSearch = searchQuery.trim();
+        const currentLoading = isDisplayingSearch ? searching : loading;
+        if (currentLoading) {
+            return (_jsx("div", { className: "flex h-64 items-center justify-center", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin" }) }));
+        }
+        if (displayImages.length === 0) {
+            return (_jsxs("div", { className: "flex h-64 flex-col items-center justify-center text-gray-500", children: [_jsx("div", { className: "mb-4 text-4xl", children: isDisplayingSearch ? "🔍" : "📁" }), _jsx("div", { className: "text-lg font-medium", children: isDisplayingSearch ? "No results found" : "No media files found" }), _jsx("div", { className: "text-sm", children: isDisplayingSearch
+                            ? "Try a different search term"
+                            : "Upload some media files to get started" })] }));
+        }
+        switch (viewMode) {
+            case "grid":
+                return _jsx(GridView, {});
+            case "large-grid":
+                return _jsx(LargeGridView, {});
+            case "list":
+                return _jsx(ListView, {});
+            default:
+                return _jsx(GridView, {});
+        }
+    };
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b bg-gray-50 px-4 py-2", children: [_jsxs("div", { className: "text-sm font-medium text-gray-700", children: [searchQuery.trim() ? searchResults.length : images.length, " media file", (searchQuery.trim() ? searchResults.length : images.length) !== 1
+                                ? "s"
+                                : "", searchQuery.trim() && " found"] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "sm", variant: viewMode === "grid" ? "outline" : "default", onClick: () => setViewMode("grid"), title: "Grid View", className: "p-1", children: _jsx(Grid3X3, { className: "h-4 w-4" }) }), _jsx(Button, { size: "sm", variant: viewMode === "large-grid" ? "outline" : "default", onClick: () => setViewMode("large-grid"), title: "Large Grid View", className: "p-1", children: _jsx(Square, { className: "h-4 w-4" }) }), _jsx(Button, { size: "sm", variant: viewMode === "list" ? "outline" : "default", onClick: () => setViewMode("list"), title: "List View", className: "p-1", children: _jsx(List, { className: "h-4 w-4" }) }), _jsx(Button, { size: "sm", onClick: handleUpload, disabled: uploading || !folderId, title: "Upload Files", className: "ml-2 p-1", children: _jsx(Upload, { className: "h-4 w-4" }) }), _jsx(Button, { size: "sm", onClick: loadMediaFiles, title: "Refresh", className: "ml-1 p-1", children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] })] }), _jsx("div", { className: "border-b bg-white px-4 py-2", children: _jsx(FilterInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Search media files...", loading: searching, onClear: () => setSearchQuery("") }) }), _jsx("div", { className: "flex-1 overflow-x-hidden overflow-y-auto", style: {
+                    scrollbarWidth: "thin",
+                    scrollbarColor: "#9CA3AF #F3F4F6",
+                }, children: renderContent() }), selectedImage && (_jsxs("div", { className: "border-t bg-gray-50 p-3", children: [_jsxs("div", { className: "text-dark truncate text-xs font-medium", children: ["Selected: ", selectedImage.name] }), _jsx("div", { className: "mt-1 text-xs text-gray-500", children: "Click to select media item" })] }))] }));
+}
+//# sourceMappingURL=MediaFolderBrowser.js.map

package/dist/editor/media-selector/MediaFolderBrowser.js.map

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

package/dist/editor/media-selector/MediaSelector.d.ts

@@ -0,0 +1,9 @@
+export type MediaSelectorMode = "images" | "video";
+export declare const MediaSelector: ({ visible, onHide, onMediaSelected, selectedIdPath, mode, language, }: {
+    visible: boolean;
+    mode: MediaSelectorMode;
+    onHide: () => void;
+    onMediaSelected: (mediaId: string) => void;
+    selectedIdPath?: string;
+    language: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/MediaSelector.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "../../components/ui/dialog";
+import { TreeSelector } from "./TreeSelector";
+export const MediaSelector = ({ visible, onHide, onMediaSelected, selectedIdPath, mode, language, }) => {
+    return (_jsx(Dialog, { open: visible, onOpenChange: (open) => !open && onHide(), children: _jsxs(DialogContent, { className: "h-[80%] max-h-none w-[80%] max-w-none", "data-testid": "media-selector-dialog", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: mode === "video" ? "Select Video" : "Select Image" }) }), _jsx("div", { className: "flex h-full flex-1 flex-col", children: _jsx(TreeSelector, { language: language, selectedIdPath: selectedIdPath, onHide: onHide, onMediaSelected: onMediaSelected, mode: mode === "video" ? "video" : "image" }) })] }) }));
+};
+//# sourceMappingURL=MediaSelector.js.map

package/dist/editor/media-selector/MediaSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaSelector.js","sourceRoot":"","sources":["../../../src/editor/media-selector/MediaSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,eAAe,EACf,cAAc,EACd,IAAI,EACJ,QAAQ,GAQT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,MAAM,EAAE,YAC9D,MAAC,aAAa,IACZ,SAAS,EAAC,uCAAuC,iBACrC,uBAAuB,aAEnC,KAAC,YAAY,cACX,KAAC,WAAW,cACT,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GACvC,GACD,EACf,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAC1C,GACE,IACQ,GACT,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/media-selector/Preview.d.ts

@@ -0,0 +1,4 @@
+import { Thumbnail } from "../services/contentService";
+export declare function Preview({ selectedImage }: {
+    selectedImage?: Thumbnail;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/media-selector/Preview.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDate } from "../utils";
+export function Preview({ selectedImage }) {
+    if (!selectedImage)
+        return null;
+    return (_jsxs("div", { className: "align-center bg-gray-4 absolute inset-0 flex flex-col gap-6 p-6 text-xs font-normal", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "font-medium", children: selectedImage.name }), selectedImage.updated && (_jsxs("div", { children: ["Updated:", " ", (() => {
+                                // Convert format "20240701T142323Z" to "2024-07-01T14:23:23Z"
+                                const formatISODate = (dateStr) => {
+                                    if (dateStr.match(/^\d{8}T\d{6}Z$/)) {
+                                        return dateStr.replace(/(\d{4})(\d{2})(\d{2})T(\d{2})(\d{2})(\d{2})Z/, "$1-$2-$3T$4:$5:$6Z");
+                                    }
+                                    return dateStr;
+                                };
+                                const formattedDateStr = formatISODate(selectedImage.updated || "");
+                                const date = new Date(formattedDateStr);
+                                return isNaN(date.getTime()) ? "Invalid date" : formatDate(date);
+                            })()] })), selectedImage.width && selectedImage.height && (_jsxs("div", { children: ["Dimensions: ", selectedImage.width, "x", selectedImage.height, " px"] })), selectedImage.size && (_jsxs("div", { children: ["Size: ", Math.round(selectedImage.size / 1024), " KB "] })), _jsxs("div", { children: ["Updated by: ", selectedImage.updatedBy] })] }), _jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center", children: _jsx("img", { src: selectedImage?.previewUrl, className: "max-h-full max-w-full object-contain", fetchPriority: "high" }) })] }));
+}
+//# sourceMappingURL=Preview.js.map

package/dist/editor/media-selector/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/editor/media-selector/Preview.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,MAAM,UAAU,OAAO,CAAC,EAAE,aAAa,EAAiC;IACtE,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,eAAK,SAAS,EAAC,qFAAqF,aAClG,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,aAAa,YAAE,aAAa,CAAC,IAAI,GAAO,EACtD,aAAa,CAAC,OAAO,IAAI,CACxB,sCACW,GAAG,EACX,CAAC,GAAG,EAAE;gCACL,8DAA8D;gCAC9D,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE;oCACxC,IAAI,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC;wCACpC,OAAO,OAAO,CAAC,OAAO,CACpB,8CAA8C,EAC9C,oBAAoB,CACrB,CAAC;oCACJ,CAAC;oCACD,OAAO,OAAO,CAAC;gCACjB,CAAC,CAAC;gCAEF,MAAM,gBAAgB,GAAG,aAAa,CACpC,aAAa,CAAC,OAAO,IAAI,EAAE,CAC5B,CAAC;gCACF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC;gCACxC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;4BACnE,CAAC,CAAC,EAAE,IACA,CACP,EACA,aAAa,CAAC,KAAK,IAAI,aAAa,CAAC,MAAM,IAAI,CAC9C,0CACe,aAAa,CAAC,KAAK,OAAG,aAAa,CAAC,MAAM,WACnD,CACP,EACA,aAAa,CAAC,IAAI,IAAI,CACrB,oCAAY,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC,YAAW,CAC7D,EAED,0CAAkB,aAAa,CAAC,SAAS,IAAO,IAC5C,EAEN,cAAK,SAAS,EAAC,iDAAiD,YAC9D,cACE,GAAG,EAAE,aAAa,EAAE,UAAU,EAC9B,SAAS,EAAC,sCAAsC,EAChD,aAAa,EAAC,MAAM,GACpB,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/media-selector/Thumbnails.d.ts

@@ -0,0 +1,8 @@
+import { Thumbnail } from "../services/contentService";
+export declare function Thumbnails({ images, selectedImage, setSelectedImage, onMediaSelected, onHide, }: {
+    images: Thumbnail[];
+    selectedImage: Thumbnail | undefined;
+    setSelectedImage: (image: Thumbnail) => void;
+    onMediaSelected: (imageId: string) => void;
+    onHide: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/Thumbnails.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { Check } from "lucide-react";
+export function Thumbnails({ images, selectedImage, setSelectedImage, onMediaSelected, onHide, }) {
+    return (_jsx("div", { "data-testid": "media-selector-thumbnails-container", className: "absolute inset-0 flex flex-col overflow-auto p-2", children: _jsx("div", { className: "flex flex-wrap content-start items-start gap-4", children: images?.map((t) => (_jsxs("div", { className: cn(selectedImage?.id == t.id ? "border-theme-secondary" : "", "hover:border-theme-secondary relative flex h-[160px] w-[160px] cursor-pointer flex-col items-center justify-center rounded-md border p-2"), onDoubleClick: () => {
+                    onMediaSelected(t.id);
+                    onHide();
+                }, onClick: () => setSelectedImage(t), children: [selectedImage?.id == t.id && (_jsx("div", { className: "absolute top-2 right-2 flex items-center justify-center", children: _jsx("div", { className: "bg-theme-secondary rounded-full p-1 text-xs text-white", children: _jsx(Check, { className: "size-4" }) }) })), _jsx("img", { src: t.thumbUrl })] }, t.id))) }) }));
+}
+//# sourceMappingURL=Thumbnails.js.map

package/dist/editor/media-selector/Thumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnails.js","sourceRoot":"","sources":["../../../src/editor/media-selector/Thumbnails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,MAAM,GAOP;IACC,OAAO,CACL,6BACc,qCAAqC,EACjD,SAAS,EAAC,kDAAkD,YAE5D,cAAK,SAAS,EAAC,gDAAgD,YAC5D,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAEE,SAAS,EAAE,EAAE,CACX,aAAa,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EACzD,0IAA0I,CAC3I,EACD,aAAa,EAAE,GAAG,EAAE;oBAClB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBACtB,MAAM,EAAE,CAAC;gBACX,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAEjC,aAAa,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAC5B,cAAK,SAAS,EAAC,yDAAyD,YACtE,cAAK,SAAS,EAAC,wDAAwD,YACrE,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACxB,GACF,CACP,EACD,cAAK,GAAG,EAAE,CAAC,CAAC,QAAQ,GAAI,KAlBnB,CAAC,CAAC,EAAE,CAmBL,CACP,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/media-selector/TreeSelector.d.ts

@@ -0,0 +1,7 @@
+export declare const TreeSelector: ({ onHide, onMediaSelected, selectedIdPath, language, mode, }: {
+    onHide: () => void;
+    onMediaSelected: (mediaId: string) => void;
+    selectedIdPath?: string;
+    language: string;
+    mode: "image" | "video";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/TreeSelector.js

@@ -0,0 +1,183 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ContentTree from "../ContentTree";
+import { Splitter } from "../ui/Splitter";
+import { useEffect, useState } from "react";
+import { getChildren } from "../services/contentService";
+import { useEditContext } from "../client/editContext";
+import { Button } from "../../components/ui/button";
+import { UploadButton } from "../../components/ui/upload-button";
+import { executeSearch } from "../services/searchService";
+import { ClockIcon, Upload } from "lucide-react";
+import DialogButtons from "../ui/DialogButtons";
+import { Thumbnails } from "./Thumbnails";
+import { Preview } from "./Preview";
+import { UploadZone } from "./UploadZone";
+import { AiImageSearchPrompt } from "./AiImageSearchPrompt";
+import { useDebouncedCallback } from "use-debounce";
+import { Loader2 } from "lucide-react";
+import { Popover, PopoverTrigger, PopoverContent, } from "../../components/ui/popover";
+import { Tooltip, TooltipTrigger, TooltipContent, } from "../../components/ui/tooltip";
+import { toast } from "sonner";
+export const TreeSelector = ({ onHide, onMediaSelected, selectedIdPath, language, mode, }) => {
+    const [selectedFolderId, setSelectedFolderId] = useState();
+    const [images, setImages] = useState();
+    const [selectedImage, setSelectedImage] = useState();
+    const [selectedImageId, setSelectedImageId] = useState();
+    const [expandedIdPath, setExpandedIdPath] = useState();
+    const [searchPrompt, setSearchPrompt] = useState();
+    const [loadingThumbnails, setLoadingThumbnails] = useState(false);
+    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+    const selection = selectedFolderId ? [selectedFolderId] : [];
+    const editContext = useEditContext();
+    const [history, setHistory] = useState(() => {
+        const savedHistory = localStorage.getItem("editor.mediahistory");
+        return savedHistory ? JSON.parse(savedHistory) : [];
+    });
+    useEffect(() => {
+        if (selectedIdPath) {
+            const path = selectedIdPath.split("/");
+            if (path.length > 1) {
+                setSelectedFolderId(path[path.length - 2]);
+                setSelectedImageId(path[path.length - 1]?.toLowerCase().substring(1, 37));
+            }
+            setExpandedIdPath(selectedIdPath);
+        }
+        if (!selectedIdPath) {
+            setExpandedIdPath(history[0]?.idPath ?? "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1");
+            setSelectedFolderId(history[0]?.id);
+            setSelectedImageId(undefined);
+        }
+    }, [selectedIdPath]);
+    useEffect(() => {
+        loadThumbnailsAndSelectImage();
+    }, [selectedFolderId]);
+    const updateHistory = async () => {
+        if (!selectedFolderId)
+            return;
+        const item = await editContext?.itemsRepository.getItem({
+            id: selectedFolderId,
+            language: "en",
+            version: 0,
+        });
+        setHistory((history) => {
+            if (!item?.idPath || !item.name)
+                return history;
+            const newEntry = {
+                name: item.name,
+                id: item.id,
+                idPath: item?.idPath,
+            };
+            const newHistory = [
+                newEntry,
+                ...history.filter((x) => x.idPath !== newEntry.idPath).slice(0, 4),
+            ];
+            if (typeof window !== "undefined")
+                localStorage.setItem("editor.mediahistory", JSON.stringify(newHistory));
+            return newHistory;
+        });
+    };
+    async function loadThumbnailsAndSelectImage() {
+        setSelectedImage(undefined);
+        setImages([]);
+        const images = await loadThumbnails(selectedFolderId);
+        if (selectedImageId)
+            setSelectedImage(images?.find((x) => x.id === selectedImageId));
+    }
+    async function loadThumbnails(selectedFolderId) {
+        if (searchPrompt) {
+            await search(searchPrompt);
+            return;
+        }
+        if (!selectedFolderId)
+            setImages([]);
+        else {
+            setLoadingThumbnails(true);
+            const children = await getChildren(selectedFolderId, editContext.sessionId, mode === "video"
+                ? [
+                    "e76adbdf-87d1-4fcb-ba71-274f7dbf5670",
+                    "374d3a99-c098-4cd2-8fbc-dc2d1ca1c904",
+                ]
+                : [
+                    "C97BA923-8009-4858-BDD5-D8BE5FCCECF7",
+                    "F1828A2C-7E5D-4BBD-98CA-320474871548",
+                ], false, language);
+            setImages(children);
+            setLoadingThumbnails(false);
+            return children;
+        }
+    }
+    const searchDebounced = useDebouncedCallback(async (searchPrompt) => {
+        return search(searchPrompt);
+    }, 300);
+    const search = async (searchPrompt) => {
+        if (!editContext)
+            return;
+        setSearchPrompt(searchPrompt);
+        if (searchPrompt.length == 0)
+            return;
+        setLoadingThumbnails(true);
+        const result = await executeSearch({
+            query: searchPrompt,
+            rootItemIds: selectedFolderId ? [selectedFolderId] : undefined,
+            editContext,
+            maxResults: 50,
+            index: "media",
+            skipValidation: true,
+        });
+        if (result.type == "success") {
+            setImages(result.data);
+        }
+        else {
+            toast.error(result.response.statusText || "Error searching");
+        }
+        setLoadingThumbnails(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Splitter, { className: "flex-1", direction: "horizontal", localStorageKey: "editor.mediaSelectorTreeSize", panels: [
+                    {
+                        name: "tree",
+                        defaultSize: 300,
+                        content: (_jsxs("div", { className: "relative flex h-full flex-col", children: [history.length > 0 && (_jsx("div", { className: "absolute top-2 right-2 z-50", children: _jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: _jsx(ClockIcon, { className: "h-4 w-4" }) }) }) }), _jsx(TooltipContent, { children: "Recent Locations" })] }), _jsxs(PopoverContent, { className: "pointer-events-auto w-64 p-2", onPointerDown: (e) => e.stopPropagation(), onPointerMove: (e) => e.stopPropagation(), onPointerEnter: (e) => e.stopPropagation(), onPointerLeave: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), onMouseMove: (e) => e.stopPropagation(), onMouseEnter: (e) => e.stopPropagation(), onMouseLeave: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "mb-2 flex items-center gap-1 text-xs font-medium text-gray-700", children: [_jsx(ClockIcon, { className: "h-3 w-3" }), "Recent Locations"] }), history.map((x) => (_jsx("div", { className: "cursor-pointer rounded px-2 py-1 text-xs hover:bg-gray-100", onMouseDown: (e) => {
+                                                            e.preventDefault();
+                                                            e.stopPropagation();
+                                                            setSelectedFolderId(x.id);
+                                                            setExpandedIdPath(x.idPath);
+                                                            // Close the popover after selection
+                                                            setIsPopoverOpen(false);
+                                                        }, children: x.name }, x.idPath)))] })] }) })), _jsx("div", { "data-testid": "media-selector-tree", className: `absolute inset-0 overflow-auto p-2 ${isPopoverOpen ? "pointer-events-none" : ""}`, children: _jsx(ContentTree, { rootItemIds: ["3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1"], selectionMode: "single", selectedItemIds: selection, templateIds: ["FE5DD826-48C6-436D-B87A-7C4210C7413B"], onItemInserted: (item) => {
+                                            setSelectedFolderId(item.id);
+                                        }, expandIdPath: expandedIdPath ?? "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", onSelectionChange: (selection) => {
+                                            const selectedNode = selection[0];
+                                            if (selectedNode)
+                                                setSelectedFolderId(selectedNode.id);
+                                            else
+                                                setSelectedFolderId(undefined);
+                                        }, language: language }) })] })),
+                    },
+                    {
+                        name: "thumbnails",
+                        defaultSize: "auto",
+                        content: (_jsxs("div", { className: "relative flex h-full w-full flex-col gap-2", children: [_jsx(AiImageSearchPrompt, { onSearchPromptChange: searchDebounced }), _jsxs("div", { className: "relative flex-1", children: [loadingThumbnails && (_jsx("div", { className: "flex h-full items-center", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin" }) })), !loadingThumbnails && (_jsx(Thumbnails, { images: images ?? [], selectedImage: selectedImage, setSelectedImage: setSelectedImage, onMediaSelected: () => {
+                                                updateHistory();
+                                                onMediaSelected(selectedImage.id);
+                                            }, onHide: onHide }))] }), selectedFolderId && (_jsx("div", { className: "border-gray-3 border-t", children: _jsx(UploadZone, { selectedFolderId: selectedFolderId, uploadCompleted: () => {
+                                            loadThumbnailsAndSelectImage();
+                                        } }) }))] })),
+                    },
+                    {
+                        name: "preview",
+                        defaultSize: 250,
+                        content: (_jsx("div", { className: "relative h-full", children: _jsx(Preview, { selectedImage: selectedImage }) })),
+                    },
+                ] }), _jsxs(DialogButtons, { children: [_jsx(Button, { variant: "ghost", onClick: () => onHide(), children: "Cancel" }), _jsxs(UploadButton, { variant: "outline", auto: true, accept: "image/*,video/*", uploadUrl: "/parhelia/upload?folder=" + selection[0], onUpload: async (uploadResponse) => {
+                            updateHistory();
+                            const response = JSON.parse(uploadResponse.xhr.responseText);
+                            const thumbs = await loadThumbnails(selectedFolderId);
+                            setSelectedImage(thumbs?.find((x) => x.id === response.id));
+                        }, children: [_jsx(Upload, {}), " Upload"] }), _jsx(Button, { disabled: !selectedImage, onClick: () => {
+                            updateHistory();
+                            onMediaSelected(selectedImage.id);
+                            onHide();
+                        }, children: "Select" })] })] }));
+};
+//# sourceMappingURL=TreeSelector.js.map

package/dist/editor/media-selector/TreeSelector.js.map

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

package/dist/editor/media-selector/UploadZone.d.ts

@@ -0,0 +1,4 @@
+export declare function UploadZone({ selectedFolderId, uploadCompleted, }: {
+    selectedFolderId: string | undefined;
+    uploadCompleted: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/UploadZone.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { useCallback, useRef } from "react";
+import { useState } from "react";
+import { Spinner } from "../ui/Spinner";
+import { Upload } from "lucide-react";
+export function UploadZone({ selectedFolderId, uploadCompleted, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const [isUploading, setIsUploading] = useState(false);
+    const dragZoneRef = useRef(null);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (dragZoneRef.current === e.target) {
+            setIsDragging(true);
+        }
+    }, []);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (dragZoneRef.current?.contains(e.target)) {
+            return;
+        }
+        setIsDragging(false);
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length > 0) {
+            onFilesDropped(files);
+        }
+    }, [selectedFolderId]);
+    const onFilesDropped = useCallback(async (files) => {
+        const formData = new FormData();
+        files.forEach((file, index) => {
+            formData.append("file" + index, file);
+        });
+        try {
+            setIsUploading(true);
+            const response = await fetch("/parhelia/upload?folder=" + selectedFolderId, {
+                method: "POST",
+                body: formData,
+            });
+            setIsUploading(false);
+            if (!response.ok) {
+                throw new Error("Upload failed");
+            }
+            uploadCompleted();
+        }
+        catch (error) {
+            console.error("Error uploading files:", error);
+        }
+    }, [selectedFolderId]);
+    if (isUploading) {
+        return (_jsxs("div", { className: "flex items-center justify-center gap-2 rounded-lg border-2 border-dashed p-4 text-sm text-gray-500", children: [_jsx(Spinner, { size: "2xl" }), " Uploading..."] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: dragZoneRef, className: cn("mx-6 my-4 flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-4", isDragging
+                    ? "border-blue-400 bg-blue-50"
+                    : "border-gray-300 hover:border-blue-300 hover:bg-gray-50"), onDragOverCapture: handleDragOver, onDragEnterCapture: handleDragEnter, onDragLeaveCapture: handleDragLeave, onDropCapture: handleDrop, onClick: () => {
+                    const fileInput = document.createElement("input");
+                    fileInput.type = "file";
+                    fileInput.multiple = true;
+                    fileInput.accept = "image/*,video/*";
+                    fileInput.onchange = (e) => {
+                        const files = Array.from(e.target.files || []);
+                        if (files.length > 0) {
+                            onFilesDropped(files);
+                        }
+                    };
+                    fileInput.click();
+                }, children: _jsxs("div", { className: "flex cursor-pointer items-center gap-2", children: [_jsx(Upload, { className: "h-5 w-5" }), _jsx("span", { className: "text-sm", children: isDragging
+                                ? "Drop files here"
+                                : "Click to upload or drop files here" })] }) }), isDragging && (_jsx("div", { className: "pointer-events-none absolute inset-0 border-2 border-dashed border-blue-400" }))] }));
+}
+//# sourceMappingURL=UploadZone.js.map

package/dist/editor/media-selector/UploadZone.js.map

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

package/dist/editor/media-selector/index.d.ts

@@ -0,0 +1,8 @@
+export { Thumbnails } from "./Thumbnails";
+export { MediaFolderBrowser } from "./MediaFolderBrowser";
+export { TreeSelector } from "./TreeSelector";
+export { Preview } from "./Preview";
+export { UploadZone } from "./UploadZone";
+export { AiImageSearch } from "./AiImageSearch";
+export { AiImageSearchPrompt } from "./AiImageSearchPrompt";
+export { MediaSelector, type MediaSelectorMode } from "./MediaSelector";

package/dist/editor/media-selector/index.js

@@ -0,0 +1,9 @@
+export { Thumbnails } from "./Thumbnails";
+export { MediaFolderBrowser } from "./MediaFolderBrowser";
+export { TreeSelector } from "./TreeSelector";
+export { Preview } from "./Preview";
+export { UploadZone } from "./UploadZone";
+export { AiImageSearch } from "./AiImageSearch";
+export { AiImageSearchPrompt } from "./AiImageSearchPrompt";
+export { MediaSelector } from "./MediaSelector";
+//# sourceMappingURL=index.js.map