@parhelia/core 0.1.12901 → 0.1.12903

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

@@ -0,0 +1,95 @@
+export const normalizeMediaFileType = (value) => {
+    const type = value?.trim().replace(/^\./, "").toLowerCase();
+    if (!type)
+        return undefined;
+    if (type === "jpeg")
+        return "jpg";
+    if (type === "svg+xml")
+        return "svg";
+    return type;
+};
+const getFileTypeFromName = (name) => {
+    const match = name?.match(/\.([a-z0-9]{1,10})$/i);
+    return normalizeMediaFileType(match?.[1]);
+};
+const getFileTypeFromMimeType = (mimeType) => {
+    const normalized = mimeType?.split(";")[0]?.trim().toLowerCase();
+    if (!normalized)
+        return undefined;
+    const knownTypes = {
+        "application/pdf": "pdf",
+        "image/jpeg": "jpg",
+        "image/svg+xml": "svg",
+        "text/plain": "txt",
+        "video/quicktime": "mov",
+    };
+    if (knownTypes[normalized])
+        return knownTypes[normalized];
+    const subtype = normalized.split("/")[1];
+    if (!subtype)
+        return undefined;
+    return normalizeMediaFileType(subtype.split("+")[0]);
+};
+const getFileTypeFromUrl = (url) => {
+    if (!url)
+        return undefined;
+    try {
+        const parsed = new URL(url, typeof window === "undefined"
+            ? "http://localhost"
+            : window.location.origin);
+        const pathType = getFileTypeFromName(parsed.pathname);
+        if (pathType && !["ashx", "aspx"].includes(pathType))
+            return pathType;
+        const queryFileName = parsed.searchParams.get("file") ||
+            parsed.searchParams.get("filename") ||
+            parsed.searchParams.get("download");
+        return getFileTypeFromName(queryFileName || undefined);
+    }
+    catch {
+        const [path] = url.split(/[?#]/);
+        const pathType = getFileTypeFromName(path);
+        return pathType && !["ashx", "aspx"].includes(pathType)
+            ? pathType
+            : undefined;
+    }
+};
+const getFileTypeFromTemplateName = (templateName) => {
+    const normalized = templateName?.trim().toLowerCase();
+    if (!normalized)
+        return undefined;
+    const templateTypes = {
+        jpeg: "jpg",
+        jpg: "jpg",
+        png: "png",
+        gif: "gif",
+        svg: "svg",
+        webp: "webp",
+        avif: "avif",
+        bmp: "bmp",
+        bitmap: "bmp",
+        pdf: "pdf",
+    };
+    for (const [templateType, label] of Object.entries(templateTypes)) {
+        if (normalized.includes(templateType))
+            return label;
+    }
+    return undefined;
+};
+const getFileTypeFromTemplateId = (templateId) => {
+    const normalized = templateId?.replace(/[{}]/g, "").toLowerCase();
+    if (!normalized)
+        return undefined;
+    const templateTypes = {
+        "daf085e8-602e-43a6-8299-038ff171349f": "jpg",
+    };
+    return templateTypes[normalized];
+};
+export const getMediaFileTypeLabel = (media) => normalizeMediaFileType(media.extension) ||
+    getFileTypeFromMimeType(media.mimeType) ||
+    getFileTypeFromName(media.name) ||
+    getFileTypeFromUrl(media.downloadUrl) ||
+    getFileTypeFromUrl(media.previewUrl) ||
+    getFileTypeFromUrl(media.thumbUrl) ||
+    getFileTypeFromTemplateName(media.templateName) ||
+    getFileTypeFromTemplateId(media.templateId);
+//# sourceMappingURL=mediaFileType.js.map

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

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

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

@@ -0,0 +1,5 @@
+export declare function normalizeMediaSelectionId(id: string | null | undefined): string | undefined;
+export declare function parseMediaSelectionIdPath(selectedIdPath?: string): {
+    folderId?: string;
+    mediaId?: string;
+};

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

@@ -0,0 +1,21 @@
+export function normalizeMediaSelectionId(id) {
+    const normalized = id
+        ?.trim()
+        .replace(/[{}()]/g, "")
+        .toLowerCase();
+    return normalized || undefined;
+}
+export function parseMediaSelectionIdPath(selectedIdPath) {
+    const ids = (selectedIdPath ?? "")
+        .split("/")
+        .map(normalizeMediaSelectionId)
+        .filter((id) => !!id);
+    if (ids.length === 0) {
+        return {};
+    }
+    return {
+        folderId: ids.length > 1 ? ids[ids.length - 2] : undefined,
+        mediaId: ids[ids.length - 1],
+    };
+}
+//# sourceMappingURL=mediaSelectionPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaSelectionPath.js","sourceRoot":"","sources":["../../../src/editor/media-selector/mediaSelectionPath.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,yBAAyB,CACvC,EAA6B;IAE7B,MAAM,UAAU,GAAG,EAAE;QACnB,EAAE,IAAI,EAAE;SACP,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;SACtB,WAAW,EAAE,CAAC;IACjB,OAAO,UAAU,IAAI,SAAS,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,cAAuB;IAI/D,MAAM,GAAG,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC;SAC/B,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,yBAAyB,CAAC;SAC9B,MAAM,CAAC,CAAC,EAAE,EAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEtC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC1D,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;KAC7B,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { EditContextType } from "../client/editContext";
+import type { ItemDescriptor } from "../pageModel";
+import type { Thumbnail } from "../services/contentService";
+export type MediaUploadResponse = {
+    success: boolean;
+    message?: string;
+    id?: string;
+    requiresReplaceConfirmation: boolean;
+    replaced: boolean;
+    existingId?: string;
+    existingName?: string;
+};
+type UploadMediaFilesOptions = {
+    files: File[];
+    folderId: string;
+    editContext?: EditContextType;
+    language?: string;
+};
+type ReplaceMediaItemOptions = {
+    file: File;
+    mediaItem: Pick<Thumbnail, "id" | "name">;
+    editContext?: EditContextType;
+    language?: string;
+    itemDescriptor?: ItemDescriptor;
+    refreshFields?: string[];
+    skipConfirmation?: boolean;
+};
+export declare function uploadMediaFiles({ files, folderId, editContext, language, }: UploadMediaFilesOptions): Promise<MediaUploadResponse[]>;
+export declare function replaceMediaItemWithFile({ file, mediaItem, editContext, language, itemDescriptor, refreshFields, skipConfirmation, }: ReplaceMediaItemOptions): Promise<MediaUploadResponse | undefined>;
+export {};

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

@@ -0,0 +1,155 @@
+import { toast } from "sonner";
+const read = (raw, lower, pascal) => raw[lower] ?? raw[pascal];
+const readString = (raw, lower, pascal) => {
+    const value = read(raw, lower, pascal);
+    return typeof value === "string" && value.length > 0 ? value : undefined;
+};
+const readBoolean = (raw, lower, pascal) => {
+    const value = read(raw, lower, pascal);
+    return typeof value === "boolean" ? value : false;
+};
+const normalizeUploadResponse = (raw) => ({
+    success: readBoolean(raw, "success", "Success"),
+    message: readString(raw, "message", "Message"),
+    id: readString(raw, "id", "Id"),
+    requiresReplaceConfirmation: readBoolean(raw, "requiresReplaceConfirmation", "RequiresReplaceConfirmation"),
+    replaced: readBoolean(raw, "replaced", "Replaced"),
+    existingId: readString(raw, "existingId", "ExistingId"),
+    existingName: readString(raw, "existingName", "ExistingName"),
+});
+async function confirmReplace({ editContext, fileName, mediaName, directUpdate, }) {
+    const message = directUpdate
+        ? `Update "${mediaName}" with "${fileName}"? The media item ID and existing references will stay the same.`
+        : `A media item named "${mediaName}" already exists. Replace it with "${fileName}"? The media item ID and existing references will stay the same.`;
+    if (!editContext?.confirm) {
+        return typeof window !== "undefined" ? window.confirm(message) : false;
+    }
+    return await new Promise((resolve) => {
+        editContext.confirm({
+            header: directUpdate ? "Update media item?" : "Replace media item?",
+            message,
+            acceptLabel: directUpdate ? "Update" : "Replace",
+            rejectLabel: "Cancel",
+            accept: () => resolve(true),
+            reject: () => resolve(false),
+        });
+    });
+}
+async function postMediaFile({ file, folderId, replaceItemId, replace, }) {
+    const params = new URLSearchParams();
+    if (folderId)
+        params.set("folder", folderId);
+    if (replaceItemId)
+        params.set("replaceItemId", replaceItemId);
+    if (replace)
+        params.set("replace", "true");
+    const formData = new FormData();
+    formData.append("file", file);
+    const query = params.toString();
+    const response = await fetch(`/parhelia/upload${query ? `?${query}` : ""}`, {
+        method: "POST",
+        body: formData,
+    });
+    const body = await response.text();
+    let raw = {};
+    if (body) {
+        try {
+            raw = JSON.parse(body);
+        }
+        catch {
+            raw = { Message: body };
+        }
+    }
+    if (!response.ok) {
+        throw new Error(normalizeUploadResponse(raw).message ||
+            response.statusText ||
+            "Upload failed");
+    }
+    return normalizeUploadResponse(raw);
+}
+async function refreshMediaItem(editContext, mediaItemId, language = "en", itemDescriptor, refreshFields) {
+    if (!editContext || !mediaItemId)
+        return;
+    await editContext.itemsRepository.refreshItems([
+        itemDescriptor ?? {
+            id: mediaItemId,
+            language,
+            version: 0,
+            database: "master",
+        },
+    ], {
+        properties: true,
+        ...(refreshFields?.length ? { fields: refreshFields } : {}),
+    });
+    editContext.requestRefresh("immediate");
+}
+export async function uploadMediaFiles({ files, folderId, editContext, language, }) {
+    const uploaded = [];
+    for (const file of files) {
+        try {
+            let result = await postMediaFile({ file, folderId });
+            if (result.requiresReplaceConfirmation && result.existingId) {
+                const accepted = await confirmReplace({
+                    editContext,
+                    fileName: file.name,
+                    mediaName: result.existingName || file.name,
+                });
+                if (!accepted)
+                    continue;
+                result = await postMediaFile({
+                    file,
+                    folderId,
+                    replace: true,
+                });
+            }
+            if (!result.success) {
+                toast.error(result.message || `Failed to upload ${file.name}.`);
+                continue;
+            }
+            if (result.replaced) {
+                toast.success("Media item updated.");
+            }
+            await refreshMediaItem(editContext, result.id, language);
+            uploaded.push(result);
+        }
+        catch (error) {
+            console.error("Error uploading media file:", error);
+            toast.error(error instanceof Error
+                ? error.message
+                : `Failed to upload ${file.name}.`);
+        }
+    }
+    return uploaded;
+}
+export async function replaceMediaItemWithFile({ file, mediaItem, editContext, language, itemDescriptor, refreshFields, skipConfirmation, }) {
+    const accepted = skipConfirmation ||
+        (await confirmReplace({
+            editContext,
+            fileName: file.name,
+            mediaName: mediaItem.name,
+            directUpdate: true,
+        }));
+    if (!accepted)
+        return undefined;
+    try {
+        const result = await postMediaFile({
+            file,
+            replaceItemId: mediaItem.id,
+        });
+        if (!result.success) {
+            toast.error(result.message || `Failed to update ${mediaItem.name}.`);
+            return undefined;
+        }
+        toast.success("Media item updated.");
+        await refreshMediaItem(editContext, result.id || mediaItem.id, language, itemDescriptor, refreshFields);
+        return result;
+    }
+    catch (error) {
+        console.error("Error updating media item:", error);
+        toast.error(error instanceof Error
+            ? error.message
+            : `Failed to update ${mediaItem.name}.`);
+        return undefined;
+    }
+}
+//# sourceMappingURL=mediaUpload.js.map

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

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

package/dist/editor/menubar/toolbar-sections/UndoRedoControls.js

@@ -1,72 +1,90 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
 import { useEditContext } from "../../client/editContext";
 import { SimpleIconButton } from "../../ui/SimpleIconButton";
 import { getUndoCommand, getRedoCommand } from "../../commands/undo";
+import { ChevronDown, History } from "lucide-react";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../../components/ui/popover";
+import { Button } from "../../../components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../../components/ui/tooltip";
+import { cn } from "../../../lib/utils";
+import { OperationItem } from "../../sidebar/OperationItem";
+const EMPTY_EDIT_HISTORY = [];
 export function UndoRedoControls() {
     const editContext = useEditContext();
+    const [historyOpen, setHistoryOpen] = useState(false);
+    const editHistory = editContext?.editHistory ?? EMPTY_EDIT_HISTORY;
+    const hasEditContext = Boolean(editContext);
+    const showOnlyMyChanges = editContext?.showOnlyMyChanges ?? false;
+    const sessionId = editContext?.sessionId;
+    const currentItem = editContext?.item?.descriptor;
+    const currentItemId = currentItem?.id;
+    const currentItemLanguage = currentItem?.language;
+    const currentItemVersion = currentItem?.version;
+    const historyMode = editContext?.historyMode;
     // Filter operations based on historyMode and showOnlyMyChanges
     const filterOperation = useMemo(() => {
-        if (!editContext)
+        if (!hasEditContext)
             return () => false;
-        const filterBySession = editContext.showOnlyMyChanges;
-        const currentItem = editContext.item?.descriptor;
-        const historyMode = editContext.historyMode;
         return (op) => {
             // Session filter (showOnlyMyChanges)
-            if (filterBySession && op.sessionId !== editContext.sessionId) {
+            if (showOnlyMyChanges && op.sessionId !== sessionId) {
                 return false;
             }
             // Page-centric filter: only show operations for current item and language (any version)
             // EXCEPTION: delete-items operations are always shown because after deleting an item,
             // the user navigates to parent but should still be able to undo the deletion
             if (historyMode === "page-centric" &&
-                currentItem &&
+                currentItemId &&
                 op.type !== "delete-items") {
                 if (!op.mainItem ||
-                    op.mainItem.id !== currentItem.id ||
-                    op.mainItem.language !== currentItem.language) {
+                    op.mainItem.id !== currentItemId ||
+                    op.mainItem.language !== currentItemLanguage) {
                     return false;
                 }
             }
             // Current-version filter: only show operations for current item and version
-            if (historyMode === "current-version" && currentItem) {
+            if (historyMode === "current-version" && currentItemId) {
                 if (!op.mainItem ||
-                    op.mainItem.id !== currentItem.id ||
-                    op.mainItem.version !== currentItem.version) {
+                    op.mainItem.id !== currentItemId ||
+                    op.mainItem.version !== currentItemVersion) {
                     return false;
                 }
             }
             return true;
         };
     }, [
-        editContext?.showOnlyMyChanges,
-        editContext?.sessionId,
-        editContext?.historyMode,
-        editContext?.item?.descriptor?.id,
-        editContext?.item?.descriptor?.language,
-        editContext?.item?.descriptor?.version,
+        hasEditContext,
+        showOnlyMyChanges,
+        sessionId,
+        historyMode,
+        currentItemId,
+        currentItemLanguage,
+        currentItemVersion,
     ]);
     // Get the next undoable operation (first operation where canUndo is true)
     const nextUndoOperation = useMemo(() => {
-        if (!editContext)
+        if (!hasEditContext)
             return undefined;
-        const allOps = editContext.editHistory || [];
-        const undoableOps = allOps.filter((x) => x.canUndo);
+        const undoableOps = editHistory.filter((x) => x.canUndo);
         const filteredOps = undoableOps.filter(filterOperation);
         const result = filteredOps[0];
         return result;
-    }, [editContext?.editHistory, filterOperation]);
+    }, [editHistory, filterOperation, hasEditContext]);
     // Get the next redoable operation (last operation where canRedo is true)
     const nextRedoOperation = useMemo(() => {
-        if (!editContext)
+        if (!hasEditContext)
             return undefined;
-        const filteredRedoable = editContext.editHistory.filter((x) => x.canRedo && filterOperation(x));
-        const result = [...editContext.editHistory]
+        const result = [...editHistory]
             .reverse()
             .find((x) => x.canRedo && filterOperation(x));
         return result;
-    }, [editContext?.editHistory, filterOperation]);
+    }, [editHistory, filterOperation, hasEditContext]);
+    const historyOperations = useMemo(() => {
+        if (!hasEditContext)
+            return [];
+        return editHistory.filter(filterOperation);
+    }, [editHistory, filterOperation, hasEditContext]);
     if (!editContext)
         return null;
     const undoCommand = getUndoCommand();
@@ -78,7 +96,11 @@ export function UndoRedoControls() {
     const redoLabel = nextRedoOperation
         ? `Redo: ${nextRedoOperation.title}`
         : "Redo";
-    return (_jsxs(_Fragment, { children: [_jsx(SimpleIconButton, { onClick: async (ev) => {
+    const handleOpenHistorySidepanel = () => {
+        editContext.openSidebar("history");
+        setHistoryOpen(false);
+    };
+    return (_jsxs("div", { className: "group/undo-redo flex shrink-0 items-center gap-0.5", children: [_jsx(SimpleIconButton, { onClick: async (ev) => {
                     // Pass the operation ID from current React state to avoid stale ref issues
                     // Await to ensure the operation completes before the click handler returns
                     await editContext.executeCommand({
@@ -94,6 +116,7 @@ export function UndoRedoControls() {
                         event: ev,
                         data: { operationId: nextRedoOperation?.id },
                     });
-                }, icon: redoCommand.icon, label: redoLabel, size: "large", "data-testid": "toolbar-redo-button", disabled: editContext.isCommandDisabled({ command: redoCommand }) })] }));
+                }, icon: redoCommand.icon, label: redoLabel, size: "large", "data-testid": "toolbar-redo-button", disabled: editContext.isCommandDisabled({ command: redoCommand }) }), _jsxs(Popover, { open: historyOpen, onOpenChange: setHistoryOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Open edit history", "data-testid": "toolbar-edit-history-trigger", className: cn("text-neutral-grey-50 hover:border-neutral-grey-10 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 inline-flex h-7 w-4 shrink-0 items-center justify-center rounded-[4px] border border-transparent opacity-0 transition-all group-hover/undo-redo:opacity-100 focus-visible:opacity-100", historyOpen &&
+                                            "bg-neutral-grey-5 text-neutral-grey-100 opacity-100"), children: _jsx(ChevronDown, { className: "h-3 w-3", strokeWidth: 1.5 }) }) }) }), _jsx(TooltipContent, { side: "bottom", children: "Edit history" })] }), _jsxs(PopoverContent, { align: "start", side: "bottom", sideOffset: 6, className: "w-[420px] max-w-[90vw] p-0", "data-testid": "toolbar-edit-history-popover", children: [_jsxs("div", { className: "border-border-default flex items-center justify-between gap-2 border-b px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx(History, { className: "text-neutral-grey-50 h-3.5 w-3.5 shrink-0", strokeWidth: 1.5 }), _jsx("span", { className: "text-neutral-grey-100 truncate text-xs font-medium", children: "Edit history" })] }), _jsx("span", { className: "text-neutral-grey-50 shrink-0 text-[10px]", children: historyOperations.length })] }), _jsx("div", { className: "max-h-[60vh] overflow-y-auto", children: historyOperations.length > 0 ? (historyOperations.map((operation, index) => (_jsx(OperationItem, { operation: operation, index: index, showUserName: !editContext.showOnlyMyChanges, showDescription: false, hidePath: editContext.historyMode !== "global", showLanguage: editContext.historyMode === "global" }, operation.id || index)))) : (_jsx("div", { className: "text-neutral-grey-50 p-4 text-center text-xs", children: "No edit history available" })) }), _jsx("div", { className: "border-border-default flex justify-start border-t p-2", children: _jsx(Button, { type: "button", variant: "ghost", size: "xs", onClick: handleOpenHistorySidepanel, "data-testid": "toolbar-edit-history-open-sidepanel-button", children: "Open sidepanel" }) })] })] })] }));
 }
 //# sourceMappingURL=UndoRedoControls.js.map

package/dist/editor/menubar/toolbar-sections/UndoRedoControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoRedoControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/UndoRedoControls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UndoRedoControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/UndoRedoControls.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/ComponentOperationBubble.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+import { type ComponentFrameInsertColor } from "../componentFrameColors";
+export declare function ComponentOperationBubble({ color, className, style, testId, }: {
+    color?: ComponentFrameInsertColor;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-editor-chrome/ComponentOperationBubble.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { componentFrameBgColorVariants, } from "../componentFrameColors";
+export function ComponentOperationBubble({ color = "default", className, style, testId, }) {
+    const colorClassName = componentFrameBgColorVariants[color];
+    return (_jsxs("div", { className: cn("pointer-events-none absolute flex h-8 w-8", className), "data-testid": testId, style: style, children: [_jsx("span", { className: `${colorClassName} absolute inline-flex h-full w-full animate-ping rounded-full opacity-75` }), _jsx("span", { className: `${colorClassName} relative inline-flex h-8 w-8 rounded-full` })] }));
+}
+//# sourceMappingURL=ComponentOperationBubble.js.map

package/dist/editor/page-editor-chrome/ComponentOperationBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentOperationBubble.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/ComponentOperationBubble.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,6BAA6B,GAE9B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,UAAU,wBAAwB,CAAC,EACvC,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,KAAK,EACL,MAAM,GAMP;IACC,MAAM,cAAc,GAAG,6BAA6B,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,iBACxD,MAAM,EACnB,KAAK,EAAE,KAAK,aAEZ,eACE,SAAS,EAAE,GAAG,cAAc,0EAA0E,GACtG,EACF,eACE,SAAS,EAAE,GAAG,cAAc,4CAA4C,GACxE,IACE,CACP,CAAC;AACJ,CAAC"}