@vertesia/ui 0.60.0 → 0.61.0

package/lib/esm/features/store/objects/DocumentTable.js

@@ -0,0 +1,278 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner, useToast } from "@vertesia/ui/core";
+import { DropZone } from '@vertesia/ui/widgets';
+import clsx from "clsx";
+import { useMemo, useState } from "react";
+import { useOptionalDocumentSelection } from "./DocumentSelectionProvider";
+import { DocumentTableColumn } from "./layout/DocumentTableColumn";
+import { DocumentGridView, DocumentTableView } from "./layout/documentLayout";
+import { useDocumentSearch } from "./search/DocumentSearchContext";
+import { DocumentUploadModal, useSmartFileUploadProcessing } from "./upload";
+const defaultLayout = [
+    { name: "ID", field: "id", type: "string?slice=-7" },
+    { name: "Name", field: ".", type: "objectLink" },
+    { name: "Type", field: "type.name", type: "string" },
+    { name: "Status", field: "status", type: "string" },
+    { name: "Updated At", field: "updated_at", type: "date" },
+];
+export function DocumentTable({ isGridView = false, onUpload, collectionId, ...others }) {
+    if (onUpload) {
+        return (_jsx(ObjectTableWithDropZone, { ...others, onUpload: onUpload, isGridView: isGridView, collectionId: collectionId }));
+    }
+    else {
+        return _jsx(DocumentTableImpl, { ...others, isGridView: isGridView });
+    }
+}
+function ObjectTableWithDropZone({ isGridView, onUpload, collectionId, skipTypeModal = false, ...others }) {
+    const [isLoading, setLoading] = useState(false);
+    const [files, setFiles] = useState([]);
+    const [isDragging, setIsDragging] = useState(false);
+    const [processedFiles, setProcessedFiles] = useState(null);
+    const [typeSelectionOpen, setTypeSelectionOpen] = useState(false);
+    const search = useDocumentSearch();
+    const toast = useToast();
+    const { checkDocumentProcessing } = useSmartFileUploadProcessing();
+    // Handle file uploads when a file is dropped
+    const handleFileDrop = async (droppedFiles, feedback) => {
+        console.log("Files dropped on ObjectTable:", droppedFiles.length, feedback);
+        setLoading(true);
+        try {
+            // Always process files with the smart upload processing if we have a collection ID
+            if (collectionId) {
+                // Process files to check for duplicates, updates, etc.
+                const processed = await checkDocumentProcessing(droppedFiles, null, collectionId);
+                setProcessedFiles(processed);
+                // Create a user-friendly summary message
+                const toCreate = processed.filter((f) => f.action === "create").length;
+                const toUpdate = processed.filter((f) => f.action === "update").length;
+                const toSkip = processed.filter((f) => f.action === "skip").length;
+                toast({
+                    title: "Files ready to process",
+                    description: `${droppedFiles.length} file(s): ${toCreate} new, ${toUpdate} to update, ${toSkip} to skip`,
+                    status: "info",
+                    duration: 4000,
+                });
+            }
+            else {
+                // If no collection ID, we can't check for duplicates
+                setProcessedFiles(null);
+            }
+        }
+        catch (error) {
+            console.error("Error processing files:", error);
+            toast({
+                title: "Error processing files",
+                description: "There was an error checking for duplicate files",
+                status: "error",
+                duration: 4000,
+            });
+            // Continue with plain upload in case of error
+            setProcessedFiles(null);
+        }
+        finally {
+            setLoading(false);
+            setFiles(droppedFiles);
+            setIsDragging(false);
+            if (skipTypeModal) {
+                // If skipTypeModal is true, we skip our internal modal and call onUpload directly
+                console.log("Skipping type modal and calling onUpload directly", {
+                    filesLength: droppedFiles.length,
+                    processedFilesLength: processedFiles?.length,
+                });
+                // Pass processed files as a custom property and collectionId as the third parameter
+                const uploadPromise = onUpload(droppedFiles, null, collectionId);
+                // Attach the processed files to the promise for parent components to use
+                if (uploadPromise && typeof uploadPromise === "object") {
+                    uploadPromise.processedFiles = processedFiles;
+                }
+            }
+            else {
+                // Otherwise, open our type selection modal
+                console.log("Setting typeSelectionOpen to true", { filesLength: droppedFiles.length });
+                setTypeSelectionOpen(true);
+            }
+        }
+    };
+    // Handle the type selection and start the upload
+    const onDoUpload = (typeId) => {
+        const filesToUpload = [...files]; // Make a copy to be safe
+        // Reset state variables
+        setFiles([]);
+        setProcessedFiles(null);
+        setTypeSelectionOpen(false);
+        // If typeid is undefined we cancel the upload
+        if (filesToUpload.length > 0 && typeId !== undefined) {
+            setLoading(true);
+            console.log("Starting upload with", {
+                typeId,
+                filesCount: filesToUpload.length,
+                hasProcessingResults: !!processedFiles,
+                collectionId,
+            });
+            onUpload(filesToUpload, typeId, collectionId).finally(() => {
+                setLoading(false);
+                search.search(); // Refresh the search results after upload
+            });
+        }
+    };
+    // Handle drag events to show the drop zone
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        // Only set dragging to false if leaving the container (not entering a child)
+        if (e.currentTarget.contains(e.relatedTarget)) {
+            return;
+        }
+        setIsDragging(false);
+    };
+    return (_jsxs("div", { className: "min-h-[400px] relative", onDragOver: handleDragOver, onDragEnter: handleDragOver, onDragLeave: handleDragLeave, onDrop: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            setIsDragging(false);
+            // Get the files from the drop event
+            if (e.dataTransfer.items) {
+                const files = [];
+                for (let i = 0; i < e.dataTransfer.items.length; i++) {
+                    const item = e.dataTransfer.items[i];
+                    if (item.kind === "file") {
+                        const file = item.getAsFile();
+                        if (file)
+                            files.push(file);
+                    }
+                }
+                if (files.length > 0) {
+                    const feedback = {
+                        count: files.length,
+                        message: `Preparing to upload ${files.length} file${files.length === 1 ? "" : "s"}...`,
+                    };
+                    handleFileDrop(files, feedback);
+                }
+            }
+        }, children: [_jsx("div", { className: clsx("bg-white dark:bg-gray-800 opacity-40 absolute inset-0 z-50 flex justify-center items-center", isLoading ? "block" : "hidden"), children: _jsx(Spinner, { size: "xl" }) }), _jsx(DocumentTableImpl, { ...others, isGridView: isGridView }), _jsx("div", { className: clsx("absolute inset-0 pointer-events-none", isDragging ? "z-40" : "-z-10"), children: _jsx("div", { className: "w-full h-full relative", children: _jsx(DropZone, { onDrop: handleFileDrop, message: "Drop files or folders here to upload", className: clsx("absolute inset-0 bg-white/90 dark:bg-gray-800/90 pointer-events-auto", isDragging ? "flex" : "hidden"), buttonLabel: "Select Files or Folders", allowFolders: true }) }) }), _jsx(DocumentUploadModal, { isOpen: typeSelectionOpen && files.length > 0, onClose: () => {
+                    // Reset state variables and close the modal
+                    setFiles([]);
+                    setProcessedFiles(null);
+                    setTypeSelectionOpen(false);
+                    onDoUpload(undefined);
+                }, files: files, collectionId: collectionId, selectedFolder: null, title: "Upload Files", onUploadComplete: (result) => {
+                    // Handle upload completion
+                    if (result) {
+                        // If there are failures, show them
+                        if (result.failedFiles && result.failedFiles.length > 0) {
+                            toast({
+                                title: "Upload Issues",
+                                description: `${result.failedFiles.length} file(s) failed to upload`,
+                                status: "warning",
+                                duration: 5000,
+                            });
+                        }
+                        // On success, summarize the results
+                        if (result.success) {
+                            const created = result.uploadedFiles.filter((f) => f.status === "created").length;
+                            const updated = result.uploadedFiles.filter((f) => f.status === "updated").length;
+                            const skipped = result.skippedFiles.length;
+                            if (created > 0 || updated > 0) {
+                                toast({
+                                    title: "Upload Complete",
+                                    description: `${created > 0 ? `${created} created` : ""}${created > 0 && updated > 0 ? ", " : ""}${updated > 0 ? `${updated} updated` : ""}${skipped > 0 ? `, ${skipped} skipped` : ""}`,
+                                    status: "success",
+                                    duration: 5000,
+                                });
+                            }
+                        }
+                        // Force search refresh
+                        search.search();
+                    }
+                    // Close modal and reset state without passing result
+                    setFiles([]);
+                    setProcessedFiles(null);
+                    setTypeSelectionOpen(false);
+                    // Complete the upload process with type ID if successful
+                    if (result && result.success && result.objectIds.length > 0) {
+                        // We don't have type information here, so pass null (process completed)
+                        onDoUpload(null);
+                    }
+                    else {
+                        // Cancel the upload
+                        onDoUpload(undefined);
+                    }
+                } })] }));
+}
+function DocumentTableImpl({ objects, layout = defaultLayout, isLoading, onRowClick, onSelectionChange, isGridView, }) {
+    const selection = useOptionalDocumentSelection();
+    const _onSelectionChange = (object, ev) => {
+        if (selection) {
+            const isShift = ev.nativeEvent.shiftKey;
+            const checked = ev.target.checked;
+            if (!checked) {
+                selection.remove(object.id);
+            }
+            else {
+                selection.add(object);
+                if (isShift) {
+                    const index = objects.findIndex((obj) => obj.id === object.id);
+                    const prev = findPreviousSelected(objects, index, selection);
+                    if (prev > -1 && prev < index - 1) {
+                        const toSelect = [];
+                        for (let i = prev + 1; i < index; i++) {
+                            toSelect.push(objects[i]);
+                        }
+                        selection.addAll(toSelect);
+                    }
+                    else {
+                        const next = findNextSelected(objects, index, selection);
+                        if (next > -1 && next > index + 1) {
+                            const toSelect = [];
+                            for (let i = index + 1; i < next; i++) {
+                                toSelect.push(objects[i]);
+                            }
+                            selection.addAll(toSelect);
+                        }
+                    }
+                }
+            }
+            onSelectionChange && onSelectionChange(selection);
+        }
+    };
+    const toggleAll = (ev) => {
+        if (selection) {
+            const checked = ev.target.checked;
+            if (!checked) {
+                // remove all
+                selection.removeAll();
+            }
+            else {
+                selection.addAll(objects);
+            }
+        }
+    };
+    const columns = useMemo(() => {
+        // avoid rendering empty layouts
+        const actualLayout = layout.length > 0 ? layout : defaultLayout;
+        return actualLayout.map((col) => new DocumentTableColumn(col));
+    }, [layout]);
+    return isGridView ? (_jsx(DocumentGridView, { objects: objects, isLoading: isLoading, columns: columns, onRowClick: onRowClick, selection: selection, toggleAll: toggleAll, onSelectionChange: _onSelectionChange })) : (_jsx(DocumentTableView, { objects: objects, isLoading: isLoading, columns: columns, onRowClick: onRowClick, selection: selection, toggleAll: toggleAll, onSelectionChange: _onSelectionChange }));
+}
+function findPreviousSelected(objects, index, selection) {
+    for (let i = index - 1; i >= 0; i--) {
+        if (selection.isSelected(objects[i].id)) {
+            return i;
+        }
+    }
+    return -1;
+}
+function findNextSelected(objects, index, selection) {
+    const length = objects.length;
+    for (let i = index + 1; i < length; i++) {
+        if (selection.isSelected(objects[i].id)) {
+            return i;
+        }
+    }
+    return -1;
+}
+//# sourceMappingURL=DocumentTable.js.map

package/lib/esm/features/store/objects/DocumentTable.js.map

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

package/lib/esm/features/store/objects/ExportPropertiesModal.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, ModalBody, ModalTitle, SelectBox, Spinner } from "@vertesia/ui/core";
+import { useState } from "react";
+export var ExportTypes;
+(function (ExportTypes) {
+    ExportTypes["CSV"] = "CSV";
+    ExportTypes["JSON"] = "JSON";
+})(ExportTypes || (ExportTypes = {}));
+;
+export function ExportPropertiesModal({ isExporting, isOpen, onClose }) {
+    const title = "Export Object Properties";
+    return (_jsxs(Modal, { onClose: () => onClose(undefined), isOpen: isOpen, className: "relative overflow-visible", children: [_jsx(ModalTitle, { children: title }), !isExporting &&
+                _jsx(SelectPanel, { onClose: onClose }), isExporting &&
+                _jsx(WaitingPanel, {})] }));
+}
+function SelectPanel({ onClose }) {
+    const [exportType, setExportType] = useState(undefined);
+    const [exportAll, setExportAll] = useState(undefined);
+    const selectionOption = ["Export selected objects", "Export all objects"];
+    const exportAllBoolean = (option) => {
+        return option == selectionOption[1];
+    };
+    const onSubmit = () => {
+        onClose(exportType, exportAllBoolean(exportAll));
+    };
+    return (_jsxs(ModalBody, { className: "min-h-[104px] pt-0 flex flex-col gap-y-4", children: [_jsx("div", { className: 'h-1/3', children: _jsx(SelectBox, { options: selectionOption, value: exportAll, onChange: setExportAll, placeholder: "Choose what to export", className: "h-full w-full text-sm", filterBy: "name", isClearable: true }) }), _jsxs("div", { className: 'h-1/2 flex flex-col gap-y-8 content-between', children: [_jsx(SelectBox, { options: Object.values(ExportTypes), value: exportType, onChange: setExportType, placeholder: "Choose a format", className: "h-full w-full text-sm", filterBy: "name", isClearable: true }), _jsx(Button, { className: "w-full", isDisabled: !exportType || !exportAll, onClick: onSubmit, children: "Export Properties" })] })] }));
+}
+function WaitingPanel({}) {
+    return (_jsx(ModalBody, { className: "min-h-[84px] pt-0", children: _jsxs("div", { className: 'h-full grid flex-col gap-y-2 content-between justify-items-center', children: [_jsxs("div", { className: "text-sm flex flex-col gap-x-2", children: [_jsx("p", { children: "EXPORT IS IN PROGRESS" }), _jsx("p", { className: "pt-2 grid justify-items-center", children: "PLEASE WAIT" })] }), _jsx(Spinner, { size: 'lg' })] }) }));
+}
+//# sourceMappingURL=ExportPropertiesModal.js.map

package/lib/esm/features/store/objects/ExportPropertiesModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportPropertiesModal.js","sourceRoot":"","sources":["../../../../../src/features/store/objects/ExportPropertiesModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;IACnB,0BAAW,CAAA;IAAE,4BAAa,CAAA;AAC9B,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB;AAAA,CAAC;AAOF,MAAM,UAAU,qBAAqB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAA8B;IAC9F,MAAM,KAAK,GAAG,0BAA0B,CAAC;IAEzC,OAAO,CACH,MAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,2BAA2B,aAC3F,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,CAAC,WAAW;gBACT,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,EAEpC,WAAW;gBACR,KAAC,YAAY,KAAG,IAEhB,CACX,CAAA;AACL,CAAC;AAKD,SAAS,WAAW,CAAC,EAAE,OAAO,EAAoB;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAa,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;IAEpF,MAAM,gBAAgB,GAAG,CAAC,MAA0B,EAAE,EAAE;QACpD,OAAO,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;IACrD,CAAC,CAAA;IAED,OAAO,CACH,MAAC,SAAS,IAAC,SAAS,EAAC,0CAA0C,aAC3D,cAAK,SAAS,EAAC,OAAO,YAClB,KAAC,SAAS,IACN,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,uBAAuB,EACnC,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,MAAM,EACf,WAAW,SACb,GACA,EACN,eAAK,SAAS,EAAC,6CAA6C,aACxD,KAAC,SAAS,IACN,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EACnC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,MAAM,EACf,WAAW,SACb,EAEF,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,kCAA4B,IAC7G,IACE,CACf,CAAA;AACL,CAAC;AAGD,SAAS,YAAY,CAAC,EAAsB;IACxC,OAAO,CACH,KAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,YACpC,eAAK,SAAS,EAAC,mEAAmE,aAC9E,eAAK,SAAS,EAAC,+BAA+B,aAC1C,gDAA4B,EAC5B,YAAG,SAAS,EAAC,gCAAgC,4BAAgB,IAC3D,EACN,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,IACnB,GACE,CACf,CAAA;AACL,CAAC"}

package/lib/esm/features/store/objects/components/ContentDispositionButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LayoutGrid, TableProperties } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from '@vertesia/ui/core';
+const LAST_DISPLAYED_VIEW = 'vertesia.content_store.lastDisplayedView';
+export function ContentDispositionButton({ onUpdate }) {
+    const [isGridView, setIsGridView] = useState(localStorage.getItem(LAST_DISPLAYED_VIEW) === "grid");
+    const updateView = () => {
+        if (isGridView) {
+            toggleTableView();
+        }
+        else {
+            toggleGridView();
+        }
+    };
+    const toggleGridView = () => {
+        localStorage.setItem(LAST_DISPLAYED_VIEW, "grid");
+        setIsGridView(true);
+        onUpdate(true);
+    };
+    const toggleTableView = () => {
+        localStorage.setItem(LAST_DISPLAYED_VIEW, "table");
+        setIsGridView(false);
+        onUpdate(false);
+    };
+    return (_jsx(Button, { variant: "outline", onClick: updateView, alt: isGridView ? "Table View" : "Thumbnail View", children: isGridView
+            ? _jsx(TableProperties, {})
+            : _jsx(LayoutGrid, {}) }));
+}
+ContentDispositionButton.LAST_DISPLAYED_VIEW = LAST_DISPLAYED_VIEW;
+//# sourceMappingURL=ContentDispositionButton.js.map

package/lib/esm/features/store/objects/components/ContentDispositionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentDispositionButton.js","sourceRoot":"","sources":["../../../../../../src/features/store/objects/components/ContentDispositionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,mBAAmB,GAAG,0CAA0C,CAAA;AAKtE,MAAM,UAAU,wBAAwB,CAAC,EAAE,QAAQ,EAA2C;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,MAAM,CAAC,CAAA;IAElG,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,UAAU,EAAE,CAAC;YACb,eAAe,EAAE,CAAA;QACrB,CAAC;aAAM,CAAC;YACJ,cAAc,EAAE,CAAA;QACpB,CAAC;IACL,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;QACjD,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;QAClD,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACH,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,YAExF,UAAU;YACN,CAAC,CAAC,KAAC,eAAe,KAAG;YACrB,CAAC,CAAC,KAAC,UAAU,KAAG,GAEnB,CACZ,CAAA;AACL,CAAC;AAED,wBAAwB,CAAC,mBAAmB,GAAG,mBAAmB,CAAA"}

package/lib/esm/features/store/objects/components/ContentOverview.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { useUserSession } from "@vertesia/ui/session";
+import { Button, Link, Spinner, useToast } from "@vertesia/ui/core";
+import { JSONDisplay } from "@vertesia/ui/widgets";
+import { ImageRenditionFormat } from "@vertesia/common";
+import { Copy, Download, SquarePen } from "lucide-react";
+import { PropertiesEditorModal } from "./PropertiesEditorModal";
+export function ContentOverview({ object, loadText, }) {
+    const { client, store } = useUserSession();
+    const [isLoadingText, setIsLoadingText] = useState(false);
+    const [text, setText] = useState(object.text);
+    const [imageUrl, setImageUrl] = useState();
+    const [isPropertiesModalOpen, setPropertiesModalOpen] = useState(false);
+    const toast = useToast();
+    const [viewCode, setViewCode] = useState(false);
+    const VIEW_JSON = "JSON";
+    const VIEW_TEXT = "Preview";
+    const handleOpenPropertiesModal = () => {
+        setPropertiesModalOpen(true);
+    };
+    const handleClosePropertiesModal = () => {
+        setPropertiesModalOpen(false);
+    };
+    useEffect(() => {
+        if (loadText && !text) {
+            setIsLoadingText(true);
+            store.objects
+                .getObjectText(object.id)
+                .then((res) => {
+                setText(res.text);
+            })
+                .catch((err) => {
+                console.error("Failed to load text", err);
+            })
+                .finally(() => {
+                setIsLoadingText(false);
+            });
+        }
+    }, [loadText]);
+    const handleCopyContent = async (content, type) => {
+        try {
+            await navigator.clipboard.writeText(content);
+            toast({
+                status: "success",
+                title: `${type === "text" ? "Content" : "Properties"} copied`,
+                description: `Successfully copied ${type} to clipboard`,
+                duration: 2000,
+            });
+        }
+        catch (err) {
+            console.error(`Failed to copy ${type}:`, err);
+            toast({
+                status: "error",
+                title: "Copy failed",
+                description: `Failed to copy ${type} to clipboard`,
+                duration: 5000,
+            });
+        }
+    };
+    const handleExportDocument = async (format) => {
+        try {
+            // Request document rendition from the server
+            const response = await client.objects.getRendition(object.id, {
+                format: format, // We're extending the format type
+                max_hw: 1024, // Not used for document exports but required by API
+                generate_if_missing: true,
+                sign_url: true,
+            });
+            if (response.status === "generating") {
+                toast({
+                    status: "info",
+                    title: "Generating document",
+                    description: `Please wait while we prepare your ${format.toUpperCase()} file...`,
+                    duration: 5000,
+                });
+                // Poll for completion
+                setTimeout(() => handleExportDocument(format), 3000);
+                return;
+            }
+            if (response.status === "failed") {
+                throw new Error("Document generation failed");
+            }
+            // Download the generated file or open in new window
+            if (response.renditions && response.renditions.length > 0) {
+                const downloadUrl = response.renditions[0];
+                if (format === 'pdf') {
+                    // Open PDF in new window
+                    window.open(downloadUrl, '_blank');
+                    toast({
+                        status: "success",
+                        title: "PDF opened",
+                        description: "PDF document opened in a new window",
+                        duration: 2000,
+                    });
+                }
+                else {
+                    // Download DOCX file
+                    const link = document.createElement("a");
+                    link.href = downloadUrl;
+                    link.download = `${object.name || "document"}.${format}`;
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    toast({
+                        status: "success",
+                        title: "Document exported",
+                        description: `Successfully exported to ${format.toUpperCase()} format`,
+                        duration: 2000,
+                    });
+                }
+            }
+        }
+        catch (err) {
+            console.error(`Failed to export document as ${format}:`, err);
+            toast({
+                status: "error",
+                title: "Export failed",
+                description: `Failed to export document to ${format.toUpperCase()} format`,
+                duration: 5000,
+            });
+        }
+    };
+    const handleExportDocx = () => handleExportDocument("docx");
+    //const handleExportPdf = () => handleExportDocument("pdf");
+    const content = object.content;
+    const isImage = content &&
+        content.source &&
+        content.type &&
+        content.type.startsWith("image/");
+    const isMarkdownOrText = content &&
+        content.type &&
+        (content.type === "text/markdown" || content.type === "text/plain");
+    // Check for markdown indicators, ignoring any HTML comments
+    const seemsMarkdown = text &&
+        // Look for markdown indicators
+        (text.includes("\n#") ||
+            text.includes("\n*") ||
+            text.includes("\n+") ||
+            text.includes("!["));
+    useEffect(() => {
+        if (isImage) {
+            client.objects
+                .getRendition(object.id, {
+                max_hw: 1024,
+                format: ImageRenditionFormat.jpeg,
+                generate_if_missing: false,
+                sign_url: true,
+            })
+                .then((r) => {
+                if (r.status === "found") {
+                    return r.renditions?.length ? r.renditions[0] : null;
+                }
+                else {
+                    return object;
+                }
+            })
+                .catch(() => {
+                return object;
+            })
+                .then(() => {
+                client.files
+                    .getDownloadUrl(object.content.source)
+                    .then((r) => {
+                    setImageUrl(r.url);
+                });
+            });
+        }
+    }, []);
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex flex-col lg:flex-row lg:gap-8", children: [_jsxs("div", { className: "w-full lg:w-1/2", children: [_jsxs("div", { className: "h-[41px] text-lg font-semibold mb-4 border-b flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-1", children: ["Properties", _jsx(Button, { variant: "outline", size: "sm", alt: `${viewCode ? "Preview" : "View in JSON format"}`, onClick: () => setViewCode(!viewCode), children: viewCode ? VIEW_TEXT : VIEW_JSON })] }), _jsxs("div", { className: "flex items-center gap-2", children: [object.properties && (_jsx(Button, { variant: "ghost", size: "sm", title: "Copy properties", onClick: () => handleCopyContent(JSON.stringify(object.properties, null, 2), "properties"), children: _jsx(Copy, { className: "size-4" }) })), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleOpenPropertiesModal, title: "Edit properties", className: "flex items-center gap-2", children: _jsx(SquarePen, { className: "size-4" }) })] })] }), object.properties ? (_jsx(JSONDisplay, { value: object.properties, viewCode: viewCode })) : (_jsx("div", { children: "No properties defined" })), isImage && (_jsxs("div", { className: "my-4", children: [_jsx("div", { className: "h-[41px] text-lg font-semibold mb-4 border-b flex justify-between items-center", children: _jsx("span", { className: "py-1", children: "Image" }) }), imageUrl ? (_jsx("img", { src: imageUrl, alt: object.name, className: "w-full object-contain" })) : (_jsx(Spinner, { size: "md" }))] }))] }), _jsxs("div", { className: "w-full lg:w-1/2 mt-4 lg:mt-0", children: [_jsxs("div", { className: "h-[41px] text-lg font-semibold mb-4 border-b flex justify-between items-center", children: [_jsx("span", { className: "py-1", children: "Text" }), _jsxs("div", { className: "flex items-center gap-2", children: [text && (_jsx(Button, { variant: "ghost", size: "sm", title: "Copy text", onClick: () => handleCopyContent(text, "text"), className: "flex items-center gap-2", children: _jsx(Copy, { className: "h-4 w-4" }) })), (isMarkdownOrText || seemsMarkdown) && text && (_jsx(_Fragment, { children: _jsxs(Button, { variant: "ghost", size: "sm", onClick: handleExportDocx, className: "flex items-center gap-2", children: [_jsx(Download, { className: "h-4 w-4" }), "DOCX"] }) }))] })] }), isLoadingText && _jsx(Spinner, { size: "md" }), text ? (_jsx("div", { className: "border shadow-xs rounded-xs max-w-7xl", children: seemsMarkdown ? (_jsx("div", { className: "prose prose-sm max-w-none prose-p:bg-transparent prose-p:my-0 prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900 prose-pre:my-2 prose-code:bg-gray-200/70 dark:prose-code:bg-gray-700/50 prose-headings:bg-transparent prose-li:bg-transparent dark:prose-invert dark:text-gray-100", children: _jsx(Markdown, { remarkPlugins: [remarkGfm], components: {
+                                            a: ({ node, ...props }) => {
+                                                const href = props.href || "";
+                                                if (href.startsWith("/store/objects/")) {
+                                                    return (_jsx(Link, { href: href, className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300", children: props.children }));
+                                                }
+                                                return (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" }));
+                                            },
+                                            p: ({ node, ...props }) => (_jsx("p", { ...props, className: "my-0 text-gray-800 dark:text-gray-100" })),
+                                            pre: ({ node, ...props }) => (_jsx("pre", { ...props, className: "my-2 bg-gray-800 dark:bg-gray-900 p-2 rounded text-gray-100" })),
+                                            code: ({ node, className, children, ...props }) => {
+                                                const match = /language-(\w+)/.exec(className || "");
+                                                const isInline = !match;
+                                                return (_jsx("code", { ...props, className: isInline
+                                                        ? "px-1.5 py-0.5 rounded text-muted bg-gray-200/70 dark:bg-gray-700/50"
+                                                        : "text-gray-100", children: children }));
+                                            },
+                                            h1: ({ node, ...props }) => (_jsx("h1", { ...props, className: "text-gray-900 dark:text-gray-50 font-bold text-2xl my-2" })),
+                                            h2: ({ node, ...props }) => (_jsx("h2", { ...props, className: "text-gray-900 dark:text-gray-50 font-bold text-xl my-2" })),
+                                            h3: ({ node, ...props }) => (_jsx("h3", { ...props, className: "text-gray-900 dark:text-gray-50 font-bold text-lg my-2" })),
+                                            li: ({ node, ...props }) => (_jsx("li", { ...props, className: "text-gray-800 dark:text-gray-100" })),
+                                        }, children: text }) })) : (_jsx("pre", { className: "text-wrap bg-muted text-muted p-2", children: text })) })) : (_jsx("div", { children: "No content" }))] })] }), _jsx(PropertiesEditorModal, { isOpen: isPropertiesModalOpen, onClose: handleClosePropertiesModal, object: object })] }));
+}
+//# sourceMappingURL=ContentOverview.js.map

package/lib/esm/features/store/objects/components/ContentOverview.js.map

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

package/lib/esm/features/store/objects/components/DocumentIcon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { retrieveRendition } from '../../../utils';
+import { Card, CardContent, Separator, VTooltip } from "@vertesia/ui/core";
+import { useNavigate } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+export function DocumentIcon({ selection, document, onSelectionChange }) {
+    const { client } = useUserSession();
+    const navigate = useNavigate();
+    const [renditionUrl, setRenditionUrl] = useState(undefined);
+    const [renditionAlt, setRenditionAlt] = useState(undefined);
+    const handleNavigateToDocument = () => {
+        navigate(`/objects/${document.id}`);
+    };
+    const handleSelect = (ev) => {
+        ev.stopPropagation();
+        onSelectionChange(document, ev);
+    };
+    useEffect(() => {
+        if (!document?.content) {
+            return;
+        }
+        retrieveRendition(client, document, setRenditionUrl, setRenditionAlt);
+    }, [document]);
+    console.log("renditionUrl", document);
+    return (_jsxs(Card, { className: "relative flex flex-col border h-fit", onClick: handleNavigateToDocument, children: [selection && (_jsx("div", { className: "absolute top-2 left-2 z-10 flex flex-col items-center gap-1", children: _jsx("input", { checked: selection.isSelected(document.id), type: "checkbox", onChange: handleSelect, onClick: (e) => e.stopPropagation() }) })), renditionUrl ? (_jsx("img", { src: renditionUrl, alt: renditionAlt, className: "w-auto h-48 object-cover rounded-t-xl" })) : (_jsx("div", { className: "h-48 bg-gray-700 rounded-t-xl" })), _jsx(Separator, { className: 'bg-gray-200 h-[2px]' }), _jsx(CardContent, { className: "p-2 flex flex-col gap-1", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(VTooltip, { placement: 'top', description: document.properties?.title ?? document.name, children: _jsx("h3", { className: "text-start font-medium leading-none truncate", children: document.properties?.title ?? document.name }) }), document?.type?.name ? (_jsx(VTooltip, { placement: 'bottom', size: 'xs', description: document?.type?.name, children: _jsx("p", { className: "text-start text-xs text-muted truncate", children: document?.type?.name }) })) : _jsx("p", { className: "text-xs text-muted", children: "\u2002" })] }) })] }));
+}
+//# sourceMappingURL=DocumentIcon.js.map

package/lib/esm/features/store/objects/components/DocumentIcon.js.map

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