@vertesia/ui 0.24.0-dev.202601221707

package/lib/esm/features/store/collections/CollectionsTable.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { NavLink } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+import { FolderClosed, Search, Trash2 } from "lucide-react";
+import { Button, ConfirmModal, ErrorBox, Table, TBody, TR, useToast, VTooltip, useFetch, EmptyCollection } from "@vertesia/ui/core";
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import { useState, useEffect } from "react";
+import { CreateCollectionModal } from "./CreateCollection";
+dayjs.extend(relativeTime);
+export function CollectionsTable({}) {
+    const { client } = useUserSession();
+    const toast = useToast();
+    const [collectionToDelete, setCollectionToDelete] = useState();
+    const [isLoading, setIsLoading] = useState(true);
+    const [isOpen, setOpen] = useState(false);
+    const { data: collections, error, refetch } = useFetch(() => client.store.collections.search({}), []);
+    // Update loading state when data is fetched
+    useEffect(() => {
+        if (collections || error) {
+            setIsLoading(false);
+        }
+    }, [collections, error]);
+    if (error) {
+        return _jsx(ErrorBox, { title: 'Collections fetch failed', children: error.message });
+    }
+    const deleteCollection = async () => {
+        if (!collectionToDelete)
+            return;
+        try {
+            await client.store.collections.delete(collectionToDelete);
+            toast({
+                title: 'Collection deleted',
+                status: 'success',
+                duration: 3000
+            });
+            refetch();
+        }
+        catch (err) {
+            console.error('Failed to delete collection:', err);
+            toast({
+                title: 'Failed to delete collection',
+                description: err.message || 'An error occurred',
+                status: 'error',
+                duration: 5000
+            });
+        }
+        finally {
+            setCollectionToDelete(undefined);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [collections &&
+                (collections.length > 0 ?
+                    (_jsxs(Table, { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Name" }), _jsx("th", { children: "Type" }), _jsx("th", { children: "Created" }), _jsx("th", {})] }) }), _jsx(TBody, { columns: 4, isLoading: isLoading, children: collections.map((c) => {
+                                    return _jsxs(TR, { children: [_jsx("td", { children: _jsxs("div", { className: "flex items-center gap-2", children: [collectionIcon(c.dynamic), _jsx(NavLink, { href: `/collections/${c.id}`, children: c.name })] }) }), _jsx("td", { children: c.type?.name || "-" }), _jsx("td", { children: dayjs(c.created_at).fromNow() }), _jsx("td", { className: "text-right", children: _jsx(Button, { variant: "destructive", size: "sm", onClick: () => setCollectionToDelete(c.id), children: _jsx(Trash2, { className: "size-4" }) }) })] }, c.id);
+                                }) })] })) :
+                    _jsx(EmptyCollection, { title: "No Collections", buttonLabel: 'New Collections', onClick: () => setOpen(true), children: "Get started by creating a new Collections." })), _jsx(CreateCollectionModal, { isOpen: isOpen, onClose: () => setOpen(false) }), _jsx(ConfirmModal, { isOpen: !!collectionToDelete, title: "Delete Collection", content: "Are you sure you want to delete this collection? This action cannot be undone.", onConfirm: deleteCollection, onCancel: () => setCollectionToDelete(undefined) })] }));
+}
+export function collectionIcon(isDynamic) {
+    const tooltipText = isDynamic ? "Dynamic Collection" : "Static Collection";
+    const icon = isDynamic ? _jsx(Search, { className: "size-5" }) : _jsx(FolderClosed, { className: "size-5" });
+    return (_jsx(VTooltip, { description: tooltipText, className: "mr-2", children: icon }));
+}
+//# sourceMappingURL=CollectionsTable.js.map

package/lib/esm/features/store/collections/CollectionsTable.js.map

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

package/lib/esm/features/store/collections/CreateCollection.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useToast, VModalBody, FormItem, VModalFooter, Input, Switch, Button, VModal, VModalTitle, Textarea } from "@vertesia/ui/core";
+import { SelectContentType } from "../types/SelectContentType";
+import { useNavigate } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+import { useState } from "react";
+export function CreateCollectionForm({ onClose, redirect = true, onAddToCollection }) {
+    const navigate = useNavigate();
+    const toast = useToast();
+    const [isProcessing, setProcessing] = useState(false);
+    const { client } = useUserSession();
+    const [payload, setPayload] = useState({
+        dynamic: false,
+        name: "",
+        description: "",
+    });
+    function setPayloadProp(name, value) {
+        setPayload({
+            ...payload,
+            [name]: value,
+        });
+    }
+    const onCreate = () => {
+        if (!payload?.name || !payload.name.trim()) {
+            toast({
+                title: "Name is required",
+                description: "Please provide a name for the collection",
+                status: "error",
+                duration: 5000,
+            });
+            return;
+        }
+        payload.name = payload.name.trim();
+        if (payload.description) {
+            payload.description = payload.description.trim();
+        }
+        if (payload.dynamic == null) {
+            payload.dynamic = false;
+        }
+        setProcessing(true);
+        client.store.collections
+            .create(payload)
+            .then((r) => {
+            onClose();
+            toast({
+                title: "Collection created",
+                description: `Collection "${r.name}" created successfully`,
+                status: "success",
+                duration: 3000,
+            });
+            if (redirect)
+                navigate(`/collections/${r.id}`);
+            if (onAddToCollection) {
+                onAddToCollection(r.id);
+            }
+        })
+            .catch((err) => {
+            toast({
+                title: "Failed to create collection",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+        })
+            .finally(() => setProcessing(false));
+    };
+    return (_jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [_jsxs(VModalBody, { children: [_jsx(FormItem, { label: "Name", required: true, children: _jsx(Input, { type: "text", value: payload.name || "", onChange: (value) => setPayloadProp("name", value) }) }), _jsx(FormItem, { label: "Description", className: "mt-2", children: _jsx(Textarea, { value: payload.description || "", onChange: (ev) => setPayloadProp("description", ev) }) }), _jsx(FormItem, { label: "Dynamic Collection", className: "mt-2", direction: "row", description: "Dynamically fetch content for the collection based on a query. If not enabled, then content must be added by users or agents.", children: _jsx(Switch, { value: payload.dynamic || false, onChange: (value) => setPayloadProp("dynamic", value) }) }), !payload.dynamic &&
+                        _jsx(FormItem, { label: "Allowed Content Types", className: "mt-4", description: "Optionally select which content types can be added to the collection. If not set, then all content types are allowed.", children: _jsx(SelectContentType, { defaultValue: payload.allowed_types || null, onChange: (v) => {
+                                    if (Array.isArray(v)) {
+                                        setPayloadProp("allowed_types", v.map(type => type.id));
+                                    }
+                                    else {
+                                        setPayloadProp("allowed_types", v ? [v.id] : []);
+                                    }
+                                }, isClearable: true, multiple: true }) }), _jsx(FormItem, { label: "Type", className: "mt-2", description: "Optionally select a content type to assign custom properties and data to the collection.", children: _jsx(SelectContentType, { defaultValue: payload.type || null, onChange: (v) => {
+                                if (Array.isArray(v)) {
+                                    setPayloadProp("type", v.length > 0 ? v[0].id : null);
+                                }
+                                else {
+                                    setPayloadProp("type", v?.id || null);
+                                }
+                            }, isClearable: true }) })] }), _jsx(VModalFooter, { children: _jsx(Button, { isDisabled: isProcessing, onClick: onCreate, children: "Create Collection" }) })] }));
+}
+export function CreateCollectionModal({ isOpen, onClose }) {
+    return (_jsxs(VModal, { onClose: onClose, isOpen: isOpen, children: [_jsx(VModalTitle, { children: "Create a Collection" }), _jsx(CreateCollectionForm, { onClose: onClose })] }));
+}
+//# sourceMappingURL=CreateCollection.js.map

package/lib/esm/features/store/collections/CreateCollection.js.map

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

package/lib/esm/features/store/collections/EditCollectionView.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { json } from "@codemirror/lang-json";
+import { Button, ErrorBox, FormItem, Input, Panel, Styles, Textarea, useFetch, useToast } from "@vertesia/ui/core";
+import { SharedPropsEditor, SyncMemberHeadsToggle, UserInfo } from "@vertesia/ui/features";
+import { useUserSession } from "@vertesia/ui/session";
+import { CodeMirrorEditor, GeneratedForm, ManagedObject } from "@vertesia/ui/widgets";
+import { basicSetup } from "codemirror";
+import dayjs from "dayjs";
+import { useMemo, useRef, useState } from "react";
+import { SelectContentType, stringifyTableLayout } from "../types";
+const extensions = [basicSetup, json()];
+export function EditCollectionView({ refetch, collection }) {
+    const typeId = collection.type?.id;
+    const tableLayoutRef = useRef(undefined);
+    const toast = useToast();
+    const { client } = useUserSession();
+    const [isUpdating, setUpdating] = useState(false);
+    const [metadata, setMetadata] = useState({
+        name: collection.name,
+        description: collection.description || "",
+        query: collection.query ? JSON.stringify(collection.query, null, 2) : "",
+        tags: collection.tags || [],
+        type: collection.type?.id || "",
+        allowed_types: collection.allowed_types || [],
+    });
+    const tableLayoutValue = useMemo(() => {
+        return stringifyTableLayout(collection.table_layout);
+    }, [collection.table_layout]);
+    const onSubmit = () => {
+        let query = undefined;
+        try {
+            query = metadata.query ? JSON.parse(metadata.query) : undefined;
+        }
+        catch (err) {
+            toast({
+                title: "Invalid Query JSON",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+            return;
+        }
+        const payload = {
+            name: metadata.name,
+            description: metadata.description,
+            query: query,
+            tags: metadata.tags,
+            type: metadata.type,
+            allowed_types: metadata.allowed_types,
+        };
+        let error;
+        if (!payload.name) {
+            error = "Name is required";
+        }
+        if (!payload.type) {
+            payload.type = null;
+        }
+        if (error) {
+            toast({
+                title: "Validation failed",
+                description: error,
+                status: "error",
+                duration: 5000,
+            });
+            return;
+        }
+        if (tableLayoutRef.current) {
+            const layout = tableLayoutRef.current.getValue();
+            if (layout) {
+                try {
+                    payload.table_layout = JSON.parse(layout);
+                }
+                catch (err) {
+                    toast({
+                        title: "Invalid Table Layout",
+                        description: err.message,
+                        status: "error",
+                        duration: 5000,
+                    });
+                    return;
+                }
+            }
+            else {
+                payload.table_layout = null;
+            }
+        }
+        setUpdating(true);
+        client.store.collections
+            .update(collection.id, payload)
+            .then(() => {
+            refetch();
+            toast({
+                title: "Collection updated",
+                description: "Collection has been updated successfully",
+                status: "success",
+                duration: 3000,
+            });
+        })
+            .catch((err) => {
+            toast({
+                title: "Failed to update collection",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+        })
+            .finally(() => {
+            setUpdating(false);
+        });
+    };
+    const setField = (name, value) => {
+        setMetadata({
+            ...metadata,
+            [name]: value,
+        });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs(Panel, { title: "Configuration", action: _jsx(Button, { size: "lg", isDisabled: isUpdating, onClick: onSubmit, children: "Save" }), children: [_jsxs("div", { className: "flex justify-between mb-2", children: [_jsxs("div", { className: "w-1/2 gap-2 flex flex-col", children: [_jsx("div", { className: "text-sm font-medium mb-1", children: "Created By" }), _jsxs("div", { className: "gap-2 flex items-center", children: [_jsx(UserInfo, { userRef: collection.created_by, showTitle: true }), _jsxs("span", { children: ["at ", dayjs(collection.created_at).format("YYYY-MM-DD HH:mm:ss")] })] })] }), _jsxs("div", { className: "w-1/2 gap-2 flex flex-col", children: [_jsx("div", { className: "text-sm font-medium mb-1", children: "Updated By" }), _jsxs("div", { className: "gap-2 flex items-center", children: [_jsx(UserInfo, { userRef: collection.updated_by, showTitle: true }), _jsxs("span", { children: ["at ", dayjs(collection.updated_at).format("YYYY-MM-DD HH:mm:ss")] })] })] })] }), _jsx(FormItem, { label: "Name", required: true, children: _jsx(Input, { value: metadata.name, onChange: (v) => setField("name", v) }) }), _jsx(FormItem, { label: "Description", children: _jsx(Textarea, { value: metadata.description, onChange: (e) => setField("description", e.target.value) }) }), !collection.dynamic &&
+                        _jsx(FormItem, { label: "Allowed Content Types", description: "Select which content types can be added to the collection. If not set, then all content types are allowed.", children: _jsx(SelectContentType, { defaultValue: metadata.allowed_types || null, onChange: (v) => {
+                                    if (Array.isArray(v)) {
+                                        setField("allowed_types", v.map(type => type.id));
+                                    }
+                                    else {
+                                        setField("allowed_types", v ? [v.id] : []);
+                                    }
+                                }, isClearable: true, multiple: true }) }), collection.dynamic && (_jsx(FormItem, { label: "Query", description: "Define the query to dynamically fetch content for the collection.", children: _jsx(Textarea, { className: Styles.INPUT, value: metadata.query, onChange: (e) => setField("query", e.target.value) }) })), _jsx(FormItem, { label: "Table Layout", description: "Define a custom layout for displaying the collection in tables.", children: _jsx(CodeMirrorEditor, { className: "border-1 rounded-md border-border", value: tableLayoutValue, extensions: extensions, editorRef: tableLayoutRef }) }), _jsx(FormItem, { label: "Type", description: "Select a content type to assign custom properties and data to the collection.", children: _jsx(SelectContentType, { defaultValue: metadata.type || null, onChange: (v) => {
+                                if (Array.isArray(v)) {
+                                    setField("type", v.length > 0 ? v[0].id : null);
+                                }
+                                else {
+                                    setField("type", v?.id || null);
+                                }
+                            }, isClearable: true }) })] }), typeId && _jsx(PropertiesEditor, { typeId: typeId, collection: collection }), !collection.dynamic && (_jsxs(_Fragment, { children: [_jsx(SyncMemberHeadsToggle, { collection: collection }), _jsx(SharedPropsEditor, { collection: collection })] }))] }));
+}
+function PropertiesEditor({ typeId, collection }) {
+    const [formData, setFormData] = useState({});
+    const toast = useToast();
+    const { client } = useUserSession();
+    const [isUpdating, setIsUpdating] = useState(false);
+    const { data: type, error } = useFetch(() => client.store.types.retrieve(typeId), [typeId]);
+    const schema = type?.object_schema || {};
+    const object = useMemo(() => new ManagedObject(schema, collection.properties || {}), [schema, collection.properties]);
+    if (error) {
+        return _jsx(ErrorBox, { title: "Failed to load type", children: error.message });
+    }
+    if (!type) {
+        return null;
+    }
+    const _onSave = (data) => {
+        if (!data || !Object.keys(data).length) {
+            return;
+        }
+        const payload = { properties: data || {} };
+        setIsUpdating(true);
+        client.store.collections
+            .update(collection.id, payload)
+            .then(() => {
+            toast({
+                title: "Collection properties updated",
+                description: "Collection has been updated successfully",
+                status: "success",
+                duration: 3000,
+            });
+        })
+            .catch((err) => {
+            toast({
+                title: "Failed to update collection properties",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+        })
+            .finally(() => {
+            setIsUpdating(false);
+        });
+    };
+    const onDataChanged = (data) => {
+        if (data instanceof ManagedObject) {
+            setFormData(data.value);
+        }
+    };
+    return (_jsx(Panel, { title: "Properties", action: _jsx(Button, { size: "lg", isLoading: isUpdating, type: "submit", onClick: () => _onSave(formData), children: "Save" }), children: _jsx(GeneratedForm, { object: object, onChange: onDataChanged }) }));
+}
+//# sourceMappingURL=EditCollectionView.js.map

package/lib/esm/features/store/collections/EditCollectionView.js.map

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

package/lib/esm/features/store/collections/SelectCollection.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { Button, cn, ErrorBox, useDebounce, useFetch, Popover, PopoverContent, PopoverTrigger, Command, CommandEmpty, CommandGroup, CommandItem, CommandInput } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+export function SelectCollection({ onChange, value, disabled = false, placeholder = "Select a collection", searchPlaceholder = "Search collections", filterOut, allowDynamic = true, multiple = false }) {
+    const { client } = useUserSession();
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isSearching, setIsSearching] = useState(false);
+    const [useServerSearch, setUseServerSearch] = useState(false);
+    // Debounce the search query to avoid excessive API calls (only used for server-side search)
+    const debouncedSearchQuery = useDebounce(searchQuery, 300);
+    // Memoize the search function to prevent unnecessary re-renders
+    const searchCollections = useCallback(async (query) => {
+        setIsSearching(true);
+        const trimmedQuery = query.trim();
+        const collections = await client.store.collections.search({
+            dynamic: allowDynamic ? undefined : false,
+            name: useServerSearch ? (trimmedQuery || undefined) : undefined
+        });
+        setIsSearching(false);
+        // Check if we hit the maximum limit (1000 collections) - if so, enable server-side search
+        if (!useServerSearch && collections.length >= 1000) {
+            setUseServerSearch(true);
+        }
+        // Filter out collections if filterOut is provided
+        if (filterOut && filterOut.length > 0) {
+            return collections.filter(col => !filterOut.includes(col.id));
+        }
+        return collections;
+    }, [client, allowDynamic, filterOut, useServerSearch]);
+    // Fetch collections based on search mode
+    const { data: collections, error } = useFetch(() => searchCollections(useServerSearch ? debouncedSearchQuery : ''), [useServerSearch ? debouncedSearchQuery : '', searchCollections]);
+    // Memoize the selected collection(s)
+    const selectedCollection = useMemo(() => {
+        if (!collections)
+            return multiple ? [] : undefined;
+        if (multiple && Array.isArray(value)) {
+            return collections.filter((collection) => value.includes(collection.id));
+        }
+        else if (!multiple && typeof value === 'string') {
+            return collections.find((collection) => collection.id === value);
+        }
+        return multiple ? [] : undefined;
+    }, [collections, value, multiple]);
+    // Handle collection selection
+    const handleSelect = useCallback((collection) => {
+        if (multiple) {
+            const currentValues = Array.isArray(value) ? value : [];
+            const isSelected = currentValues.includes(collection.id);
+            if (isSelected) {
+                // Remove from selection
+                const newValues = currentValues.filter(id => id !== collection.id);
+                const newCollections = collections?.filter(c => newValues.includes(c.id)) || [];
+                onChange(newValues, newCollections);
+            }
+            else {
+                // Add to selection
+                const newValues = [...currentValues, collection.id];
+                const newCollections = collections?.filter(c => newValues.includes(c.id)) || [];
+                onChange(newValues, newCollections);
+            }
+        }
+        else {
+            onChange(collection.id, collection);
+        }
+    }, [onChange, value, collections, multiple]);
+    // Handle clear selection
+    const handleClear = useCallback(() => {
+        onChange(undefined, undefined);
+    }, [onChange]);
+    // Handle search input change
+    const handleSearchChange = useCallback((query) => {
+        setSearchQuery(query);
+    }, []);
+    const hasSearchQuery = searchQuery.trim().length > 0;
+    // Client-side filtering when not using server search
+    const filteredCollections = useMemo(() => {
+        if (!collections)
+            return [];
+        // If using server search, collections are already filtered by the server
+        if (useServerSearch)
+            return collections;
+        // Otherwise, do client-side filtering
+        if (!hasSearchQuery)
+            return collections;
+        const queryLower = searchQuery.toLowerCase();
+        return collections.filter(col => col.name.toLowerCase().includes(queryLower));
+    }, [collections, useServerSearch, hasSearchQuery, searchQuery]);
+    const showClearOption = selectedCollection && hasSearchQuery;
+    // Show error state
+    if (error) {
+        return (_jsx(ErrorBox, { title: "Collection fetch failed", children: error.message }));
+    }
+    // Get display text for the button
+    const getDisplayText = () => {
+        if (multiple && Array.isArray(selectedCollection) && selectedCollection.length > 0) {
+            if (selectedCollection.length === 1) {
+                return selectedCollection[0].name;
+            }
+            return `${selectedCollection.length} collections selected`;
+        }
+        else if (!multiple && selectedCollection && !Array.isArray(selectedCollection)) {
+            return selectedCollection.name;
+        }
+        return placeholder;
+    };
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-haspopup": "listbox", className: cn("w-full justify-between min-w-0"), disabled: disabled, children: [_jsx("span", { className: "truncate flex-1 text-left min-w-0", children: getDisplayText() }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "mt-2 mb-2 w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsxs("div", { className: "flex justify-between items-center border-b px-3", "cmdk-input-wrapper": "", children: [_jsx(CommandInput, { placeholder: searchPlaceholder, value: searchQuery, onValueChange: handleSearchChange, className: "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" }), isSearching && (_jsx("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }))] }), _jsx(CommandEmpty, { children: isSearching
+                                ? "Searching..."
+                                : hasSearchQuery
+                                    ? "No collections found."
+                                    : "No collections available." }), _jsxs(CommandGroup, { className: "max-h-[300px] overflow-auto", children: [showClearOption && !multiple && (_jsx(CommandItem, { value: "__clear__", onSelect: handleClear, className: "text-muted-foreground", children: "Clear selection" })), filteredCollections.map((collection) => {
+                                    const isSelected = multiple && Array.isArray(value)
+                                        ? value.includes(collection.id)
+                                        : value === collection.id;
+                                    return (_jsxs(CommandItem, { value: collection.id, onSelect: () => handleSelect(collection), className: "flex items-center justify-between", children: [_jsx("span", { className: "truncate", children: collection.name }), isSelected && (_jsx(Check, { className: "ml-2 h-4 w-4 shrink-0" }))] }, collection.id));
+                                })] })] }) })] }));
+}
+//# sourceMappingURL=SelectCollection.js.map

package/lib/esm/features/store/collections/SelectCollection.js.map

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

package/lib/esm/features/store/collections/SharedPropsEditor.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, Panel, TagsInput, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useEffect, useState } from "react";
+export function SharedPropsEditor({ collection }) {
+    const { client } = useUserSession();
+    const [colType, setColType] = useState(undefined);
+    const [sharedProps, setSharedProps] = useState(collection.shared_properties || []);
+    const toast = useToast();
+    useEffect(() => {
+        if (collection.type?.id) {
+            client.store.types.retrieve(collection.type.id).then(setColType);
+        }
+    }, [collection.type?.id]);
+    const options = colType ? Object.keys(colType.object_schema?.properties || {}) : [];
+    const onSelect = (selected) => {
+        setSharedProps(selected);
+    };
+    const onSave = () => {
+        client.store.collections.update(collection.id, {
+            shared_properties: sharedProps
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated shared properties",
+                status: "success"
+            });
+        }).catch((error) => {
+            toast({
+                title: "Failed to update shared properties",
+                description: error.message,
+                status: "error"
+            });
+            // Handle error
+        });
+    };
+    return (_jsx(Panel, { title: "Shared Properties", description: "Add properties to share across all members in the collection. This feature requires to enable shared property synchronization on the project.", action: _jsx(Button, { size: "lg", isLoading: false, onClick: onSave, children: "Save" }), children: _jsx("div", { className: '', children: _jsx(TagsInput, { value: sharedProps, onChange: onSelect, options: options, placeholder: "Select properties to share" }) }) }));
+}
+//# sourceMappingURL=SharedPropsEditor.js.map

package/lib/esm/features/store/collections/SharedPropsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedPropsEditor.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/SharedPropsEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAA0B;IAEpE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgC,SAAS,CAAC,CAAC;IACjF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,UAAU,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IAC7F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrE,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,MAAM,OAAO,GAAa,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,MAAM,QAAQ,GAAG,CAAC,QAAkB,EAAE,EAAE;QACpC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE;YAC3C,iBAAiB,EAAE,WAAW;SACjC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB;YACjB,KAAK,CAAC;gBACF,KAAK,EAAE,2BAA2B;gBAClC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAA;QACN,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,KAAK,CAAC;gBACF,KAAK,EAAE,oCAAoC;gBAC3C,WAAW,EAAE,KAAK,CAAC,OAAO;gBAC1B,MAAM,EAAE,OAAO;aAClB,CAAC,CAAA;YACF,eAAe;QACnB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,OAAO,CACH,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,+IAA+I,EACxL,MAAM,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAE1C,YAEb,cAAK,SAAS,EAAC,EAAE,YACb,KAAC,SAAS,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAC,4BAA4B,GAAG,GAC9G,GACF,CACX,CAAA;AAEL,CAAC"}

package/lib/esm/features/store/collections/SyncMemberHeadsToggle.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Panel, Switch, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useState } from "react";
+export function SyncMemberHeadsToggle({ collection }) {
+    const { client } = useUserSession();
+    const [skipHeadSync, setSkipHeadSync] = useState(collection.skip_head_sync ?? false);
+    const [isSaving, setIsSaving] = useState(false);
+    const toast = useToast();
+    const onSaveSkipHeadSync = (enableSyncHeads) => {
+        const skip_head_sync = !enableSyncHeads;
+        setIsSaving(true);
+        client.store.collections.update(collection.id, {
+            skip_head_sync: skip_head_sync
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated skip head sync setting",
+                status: "success"
+            });
+            setSkipHeadSync(skip_head_sync);
+        }).catch((error) => {
+            toast({
+                title: "Failed to update skip head sync",
+                description: error.message,
+                status: "error"
+            });
+            // Handle error
+        }).finally(() => {
+            setIsSaving(false);
+        });
+    };
+    return (_jsx(Panel, { title: "Synchronize Member Heads", description: "When a new HEAD version of a member is created the colleciton will be updated to point to the new HEAD.", children: _jsx(Switch, { disabled: isSaving, value: !skipHeadSync, onChange: onSaveSkipHeadSync, children: "Enable synchronizing member heads" }) }));
+}
+//# sourceMappingURL=SyncMemberHeadsToggle.js.map

package/lib/esm/features/store/collections/SyncMemberHeadsToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncMemberHeadsToggle.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/SyncMemberHeadsToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,UAAU,qBAAqB,CAAC,EAAE,UAAU,EAA8B;IAE5E,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,UAAU,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC;IAC9F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,kBAAkB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACpD,MAAM,cAAc,GAAG,CAAC,eAAe,CAAC;QACxC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE;YAC3C,cAAc,EAAE,cAAc;SACjC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB;YACjB,KAAK,CAAC;gBACF,KAAK,EAAE,gCAAgC;gBACvC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAA;YACF,eAAe,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,KAAK,CAAC;gBACF,KAAK,EAAE,iCAAiC;gBACxC,WAAW,EAAE,KAAK,CAAC,OAAO;gBAC1B,MAAM,EAAE,OAAO;aAClB,CAAC,CAAA;YACF,eAAe;QACnB,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,OAAO,CACH,KAAC,KAAK,IAAC,KAAK,EAAC,0BAA0B,EAAC,WAAW,EAAC,yGAAyG,YACzJ,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,kDAErE,GACL,CACX,CAAA;AAEL,CAAC"}

package/lib/esm/features/store/collections/index.js

@@ -0,0 +1,8 @@
+export * from "./BrowseCollectionView";
+export * from "./CollectionsTable";
+export * from "./EditCollectionView";
+export * from "./CreateCollection";
+export * from "./SelectCollection";
+export * from "./SharedPropsEditor";
+export * from "./SyncMemberHeadsToggle";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/store/collections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/lib/esm/features/store/index.js

@@ -0,0 +1,4 @@
+export * from "./objects";
+export * from "./types";
+export * from "./collections";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}