@verbb/plugin-kit-react 1.0.0

package/dist/components/tiptap/VariableTagView.js

@@ -0,0 +1,445 @@
+import { cn } from "../../utils/classes.js";
+import "../../utils/index.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+import "../../hooks/index.js";
+import { buildVariableTagAttrs, parseTokenWithDefault } from "./variableSerialization.js";
+import { VariableCommandList } from "./VariableCommandList.js";
+import { useVariablePicker } from "./useVariablePicker.js";
+import { Input } from "../Input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../Popover.js";
+import { useVariablePickerContext } from "./VariablePickerContext.js";
+import { VariableTransformControls } from "./VariableTransformControls.js";
+import "../index.js";
+import { Button } from "../Button.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faXmark } from "@fortawesome/pro-solid-svg-icons";
+import { NodeViewWrapper } from "@tiptap/react";
+//#region src/components/tiptap/VariableTagView.tsx
+var VariableTagView_default = (props) => {
+	const t = useTranslation();
+	const { editor, node, updateAttributes, deleteNode, selected: isActive } = props;
+	const isReadOnly = !editor?.isEditable || false;
+	const openOnInsert = Boolean(node?.attrs?.openOnInsert);
+	const [isConfigOpen, setIsConfigOpen] = useState(openOnInsert);
+	const [isPickerMode, setIsPickerMode] = useState(false);
+	const [defaultIfEmpty, setDefaultIfEmpty] = useState(node?.attrs?.default ?? "");
+	const [transformerId, setTransformerId] = useState(node?.attrs?.transformerId ?? "");
+	const [transformerParams, setTransformerParams] = useState(() => {
+		const raw = node?.attrs?.transformerParams;
+		if (!raw || typeof raw !== "object") return {};
+		return Object.entries(raw).reduce((acc, [key, value]) => {
+			acc[key] = value == null ? "" : String(value);
+			return acc;
+		}, {});
+	});
+	const openOnInsertHandled = useRef(false);
+	const popoverContentRef = useRef(null);
+	const pickerContext = useVariablePickerContext();
+	const selectedVariableMeta = useMemo(() => {
+		const [token] = parseTokenWithDefault(String(node?.attrs?.value ?? ""));
+		const groups = Object.values(pickerContext?.variableCategories ?? {});
+		const visit = (items) => {
+			for (const item of items) {
+				if (item?.value === token) return item;
+				const childMatch = (Array.isArray(item?.children) ? item.children : []).find((child) => {
+					return child?.value === token;
+				});
+				if (childMatch) return childMatch;
+			}
+			return null;
+		};
+		for (const groupItems of groups) {
+			const match = visit(Array.isArray(groupItems) ? groupItems : []);
+			if (match) return match;
+		}
+		return null;
+	}, [pickerContext?.variableCategories, node?.attrs?.value]);
+	const transformOptions = useMemo(() => {
+		const registry = pickerContext?.variableTransformerRegistry ?? {};
+		const compatibleWith = Array.isArray(selectedVariableMeta?.compatibleWith) ? selectedVariableMeta.compatibleWith : [];
+		const allowedTypes = /* @__PURE__ */ new Set();
+		const hasCompatibilityHints = compatibleWith.length > 0;
+		(Array.isArray(selectedVariableMeta?.transformValueTypes) ? selectedVariableMeta.transformValueTypes : []).forEach((type) => {
+			if (typeof type === "string" && type.trim() !== "") allowedTypes.add(type);
+		});
+		const hasTransformHints = hasCompatibilityHints || allowedTypes.size > 0;
+		if (compatibleWith.includes("plainText") || compatibleWith.includes("email")) allowedTypes.add("text");
+		if (compatibleWith.includes("number") || compatibleWith.includes("calculations")) allowedTypes.add("number");
+		if (compatibleWith.includes("url")) allowedTypes.add("url");
+		if (compatibleWith.includes("date")) allowedTypes.add("date");
+		if (compatibleWith.includes("boolean")) allowedTypes.add("boolean");
+		if (compatibleWith.includes("array")) allowedTypes.add("array");
+		const byId = /* @__PURE__ */ new Map();
+		Object.entries(registry).forEach(([valueType, transformers]) => {
+			if (hasTransformHints && allowedTypes.size > 0 && !allowedTypes.has(valueType)) return;
+			(Array.isArray(transformers) ? transformers : []).forEach((transformer) => {
+				const appliesTo = Array.isArray(transformer.appliesTo) && transformer.appliesTo.length ? transformer.appliesTo : [valueType];
+				if (hasTransformHints && allowedTypes.size > 0 && !appliesTo.some((type) => {
+					return allowedTypes.has(type);
+				})) return;
+				if (!byId.has(transformer.id)) byId.set(transformer.id, {
+					value: transformer.id,
+					label: transformer.label,
+					description: transformer.description,
+					params: Array.isArray(transformer.params) ? transformer.params : [],
+					appliesTo
+				});
+			});
+		});
+		return Array.from(byId.values());
+	}, [pickerContext?.variableTransformerRegistry, selectedVariableMeta]);
+	const selectedTransformer = useMemo(() => {
+		return transformOptions.find((option) => {
+			return option.value === transformerId;
+		}) ?? null;
+	}, [transformOptions, transformerId]);
+	const hasIncompatibleTransformerSelection = useMemo(() => {
+		return transformerId.trim() !== "" && !selectedTransformer;
+	}, [transformerId, selectedTransformer]);
+	const initialPage = useMemo(() => {
+		const currentValue = node?.attrs?.value;
+		if (!currentValue || !pickerContext?.variableCategories) return null;
+		const findParentWithChild = (items) => {
+			for (const item of items) {
+				const children = Array.isArray(item?.children) ? item.children : [];
+				if (children.some((c) => {
+					return c?.value === currentValue;
+				})) return item;
+				const nested = findParentWithChild(children);
+				if (nested) return nested;
+			}
+			return null;
+		};
+		return findParentWithChild(Object.values(pickerContext.variableCategories).flatMap((items) => {
+			return items ?? [];
+		}));
+	}, [node?.attrs?.value, pickerContext?.variableCategories]);
+	const picker = useVariablePicker({
+		variableCategories: pickerContext?.variableCategories ?? {},
+		variableCategoryLabels: pickerContext?.variableCategoryLabels,
+		variableCategoryOrder: pickerContext?.variableCategoryOrder,
+		isOpen: isConfigOpen,
+		initialPage,
+		getDefaultIfEmpty: () => {
+			return defaultIfEmpty;
+		},
+		onApply: (baseVariable, variable, defaultText) => {
+			const attrs = buildVariableTagAttrs(baseVariable, variable, { defaultIfEmpty: defaultText });
+			updateAttributes?.(attrs);
+			setDefaultIfEmpty("");
+			setTransformerId("");
+			setTransformerParams({});
+			setIsConfigOpen(false);
+			setIsPickerMode(false);
+			picker.reset();
+		}
+	});
+	const hasFullPicker = pickerContext && Object.values(pickerContext.variableCategories ?? {}).some((items) => {
+		return Array.isArray(items) && items.length > 0;
+	});
+	const isConfigurable = !isReadOnly;
+	const canChangeVariable = !!hasFullPicker;
+	useEffect(() => {
+		if (!openOnInsert) return;
+		openOnInsertHandled.current = false;
+	}, [openOnInsert]);
+	useEffect(() => {
+		if (!openOnInsert || openOnInsertHandled.current) return;
+		openOnInsertHandled.current = true;
+		setIsConfigOpen(true);
+		queueMicrotask(() => {
+			updateAttributes?.({ openOnInsert: false });
+		});
+	}, [openOnInsert, updateAttributes]);
+	const handleDelete = () => {
+		if (!isReadOnly) deleteNode();
+	};
+	function closeConfig() {
+		setIsConfigOpen(false);
+		setIsPickerMode(false);
+		picker.reset();
+	}
+	const exitPickerMode = useCallback(() => {
+		setIsPickerMode(false);
+	}, []);
+	const handleOpenConfig = useCallback(() => {
+		if (!isConfigurable) return;
+		setIsConfigOpen(true);
+	}, [isConfigurable]);
+	useEffect(() => {
+		const editorDom = editor?.view?.dom;
+		if (!editorDom || !isActive || !isConfigurable) return;
+		const handleEditorKeyDown = (event) => {
+			if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
+			const tagName = event.target?.tagName;
+			if (tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT") return;
+			if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
+				event.preventDefault();
+				event.stopPropagation();
+				handleOpenConfig();
+			}
+		};
+		editorDom.addEventListener("keydown", handleEditorKeyDown, true);
+		return () => {
+			editorDom.removeEventListener("keydown", handleEditorKeyDown, true);
+		};
+	}, [
+		editor,
+		isActive,
+		isConfigurable,
+		handleOpenConfig
+	]);
+	const handleSaveOptions = () => {
+		const trimmedDefault = defaultIfEmpty.trim();
+		const trimmedTransformerId = transformerId.trim();
+		const normalizedParams = trimmedTransformerId ? Object.entries(transformerParams).reduce((acc, [key, value]) => {
+			const trimmed = String(value ?? "").trim();
+			if (trimmed !== "") acc[key] = trimmed;
+			return acc;
+		}, {}) : null;
+		updateAttributes?.({
+			default: trimmedDefault || null,
+			transformerId: trimmedTransformerId || null,
+			transformerParams: trimmedTransformerId ? normalizedParams : null
+		});
+		closeConfig();
+	};
+	const handleConfigOpenChange = (nextOpen) => {
+		setIsConfigOpen(nextOpen);
+		setIsPickerMode(false);
+		if (!nextOpen) picker.reset();
+	};
+	const handleTagKeyDown = (event) => {
+		if (!isConfigurable) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			event.stopPropagation();
+			handleOpenConfig();
+		}
+	};
+	useEffect(() => {
+		setDefaultIfEmpty(node?.attrs?.default ?? "");
+		setTransformerId(node?.attrs?.transformerId ?? "");
+		const raw = node?.attrs?.transformerParams;
+		if (raw && typeof raw === "object") setTransformerParams(Object.entries(raw).reduce((acc, [key, value]) => {
+			acc[key] = value == null ? "" : String(value);
+			return acc;
+		}, {}));
+		else setTransformerParams({});
+	}, [
+		isConfigOpen,
+		node?.attrs?.default,
+		node?.attrs?.transformerId,
+		node?.attrs?.transformerParams
+	]);
+	useEffect(() => {
+		if (!selectedTransformer) return;
+		setTransformerParams((current) => {
+			const next = { ...current };
+			(selectedTransformer.params ?? []).forEach((param) => {
+				if (next[param.name] == null || next[param.name] === "") next[param.name] = param.default == null ? "" : String(param.default);
+			});
+			return next;
+		});
+	}, [selectedTransformer]);
+	useEffect(() => {
+		if (!isConfigOpen || !isPickerMode) return;
+		let frame = 0;
+		let cancelled = false;
+		const focusSearch = (attempt = 0) => {
+			if (cancelled) return;
+			const input = popoverContentRef.current?.querySelector("[data-slot=\"command-input\"]");
+			if (input) {
+				input.focus();
+				return;
+			}
+			if (attempt < 8) frame = requestAnimationFrame(() => {
+				focusSearch(attempt + 1);
+			});
+		};
+		focusSearch();
+		return () => {
+			cancelled = true;
+			if (frame) cancelAnimationFrame(frame);
+		};
+	}, [isConfigOpen, isPickerMode]);
+	const fallbackPreview = String(props.node?.attrs?.default ?? "").trim();
+	const appliedTransformerId = String(props.node?.attrs?.transformerId ?? "").trim();
+	const appliedTransformer = transformOptions.find((option) => {
+		return option.value === appliedTransformerId;
+	}) ?? null;
+	let transformPreview = "";
+	if (appliedTransformer?.label) transformPreview = appliedTransformer.label;
+	else if (appliedTransformerId) transformPreview = appliedTransformerId;
+	const tokenValue = String(node?.attrs?.value ?? "");
+	const tagLabel = selectedVariableMeta?.label ?? node?.attrs?.label ?? "";
+	const tagTitle = tagLabel;
+	return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		as: "span",
+		className: cn("relative inline-block leading-none mx-[1px] cursor-default"),
+		tabIndex: isConfigurable ? 0 : void 0,
+		onKeyDown: handleTagKeyDown,
+		"data-drag-handle": true,
+		"data-variable-value": tokenValue,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: cn("relative inline-flex items-stretch whitespace-nowrap gap-0 overflow-hidden", "-mt-[3px] text-[11px] font-normal! leading-none align-middle", "bg-[#5C6BC0] text-white rounded-[2px]", isReadOnly && "inline-flex flex-1 px-[5px] py-[4px]", isActive && !isReadOnly && "outline-none shadow-[0_0_0_2px_rgba(123,140,232,0.5)]", isReadOnly && isActive && "shadow-none"),
+			children: [
+				fallbackPreview && /* @__PURE__ */ jsx("span", {
+					className: "pointer-events-none absolute top-0 left-0 h-0 w-0 border-t-[8px] border-r-[8px] border-t-orange-400 border-r-transparent",
+					"aria-label": t("Has fallback value")
+				}),
+				isConfigurable ? /* @__PURE__ */ jsxs(Popover, {
+					open: isConfigOpen,
+					onOpenChange: handleConfigOpenChange,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "inline-flex flex-1 min-w-0 self-stretch items-center cursor-pointer bg-transparent border-0 px-[5px] py-[4px] m-0 text-left text-inherit focus:outline-none",
+						title: tagTitle,
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							handleOpenConfig();
+						},
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "block truncate max-w-[220px]",
+							children: [
+								tagLabel,
+								transformPreview && /* @__PURE__ */ jsx("span", {
+									className: "ml-1 inline-flex items-center rounded bg-white/20 px-1 py-[1px] text-[9px] leading-none text-white/95 align-middle",
+									title: t("Transform: {transform}", { transform: transformPreview }),
+									"aria-label": t("Transform: {transform}", { transform: transformPreview }),
+									children: transformPreview
+								}),
+								fallbackPreview && false
+							]
+						})
+					}) }), /* @__PURE__ */ jsx(PopoverContent, {
+						ref: popoverContentRef,
+						align: "start",
+						side: "bottom",
+						sideOffset: 6,
+						className: hasFullPicker ? "min-w-[260px] max-w-[360px] p-0" : "w-[260px] p-0",
+						onMouseDown: (event) => {
+							const target = event.target;
+							const tagName = target?.tagName;
+							const isFocusableInput = tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT";
+							const isSelectControl = Boolean(target?.closest("[data-slot=\"select-trigger\"]"));
+							if (isFocusableInput || isSelectControl) return;
+							event.preventDefault();
+							event.stopPropagation();
+						},
+						children: isPickerMode ? canChangeVariable && /* @__PURE__ */ jsx(VariableCommandList, {
+							search: picker.search,
+							onSearchChange: picker.setSearch,
+							groups: picker.groups,
+							options: picker.options,
+							selectedValue: node?.attrs?.value,
+							onSelect: picker.handleSelect,
+							placeholder: t("Search variables"),
+							showSearch: true,
+							shouldFilter: false,
+							onBack: picker.page ? picker.handleBack : exitPickerMode,
+							isChildMode: !!picker.page
+						}) : /* @__PURE__ */ jsxs("div", {
+							className: "p-2",
+							children: [
+								/* @__PURE__ */ jsx("label", {
+									className: "text-[11px] text-gray-500 block mb-1",
+									children: t("Default if empty (optional)")
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									type: "text",
+									value: defaultIfEmpty,
+									onChange: (event) => {
+										setDefaultIfEmpty(event.target.value);
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Enter") {
+											event.preventDefault();
+											event.stopPropagation();
+											handleSaveOptions();
+										}
+									}
+								}),
+								/* @__PURE__ */ jsx(VariableTransformControls, {
+									transformerId,
+									onTransformerIdChange: (nextId) => {
+										setTransformerId(nextId);
+										if (!nextId) setTransformerParams({});
+									},
+									transformOptions,
+									hasIncompatibleTransformerSelection,
+									selectedTransformer,
+									transformerParams,
+									onTransformerParamChange: (paramName, nextValue) => {
+										setTransformerParams((current) => {
+											return {
+												...current,
+												[paramName]: nextValue
+											};
+										});
+									}
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "mt-3 -mx-2 -mb-2 border-t border-slate-200 bg-[#f3f7fd] px-2 py-2 flex items-center justify-between gap-2",
+									children: [canChangeVariable ? /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "default",
+										size: "sm",
+										className: "text-[11px]",
+										onClick: () => {
+											setIsPickerMode(true);
+										},
+										children: t("Change variable")
+									}) : /* @__PURE__ */ jsx("span", { className: "inline-block" }), /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "primary",
+										size: "sm",
+										className: "text-[11px]",
+										onClick: handleSaveOptions,
+										children: t("Save")
+									})]
+								})
+							]
+						})
+					})]
+				}) : /* @__PURE__ */ jsxs("span", {
+					className: "block truncate max-w-[220px]",
+					title: tagTitle,
+					children: [
+						tagLabel,
+						transformPreview && !isReadOnly && /* @__PURE__ */ jsx("span", {
+							className: "ml-1 inline-flex items-center rounded bg-white/20 px-1 py-[1px] text-[9px] leading-none text-white/95 align-middle",
+							title: t("Transform: {transform}", { transform: transformPreview }),
+							"aria-label": t("Transform: {transform}", { transform: transformPreview }),
+							children: transformPreview
+						}),
+						fallbackPreview && false
+					]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: cn("inline-flex items-center justify-center cursor-pointer", "px-1 pr-[5px] py-[4px] self-stretch", isReadOnly && "hidden"),
+					onMouseDown: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+					},
+					onClick: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						handleDelete();
+					},
+					children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
+						icon: faXmark,
+						className: "size-[10px]"
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { VariableTagView_default as default };
+
+//# sourceMappingURL=VariableTagView.js.map

package/dist/components/tiptap/VariableTagView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableTagView.js","names":[],"sources":["../../../src/components/tiptap/VariableTagView.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '@verbb/plugin-kit-react/components';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faXmark } from '@fortawesome/pro-solid-svg-icons';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { Input } from '@verbb/plugin-kit-react/components/Input';\nimport type { VariableOption } from './VariableDropdown';\nimport { VariableCommandList } from './VariableCommandList';\nimport { useVariablePickerContext } from './VariablePickerContext';\nimport { VariableTransformControls } from './VariableTransformControls';\nimport { useVariablePicker } from './useVariablePicker';\nimport { buildVariableTagAttrs } from './variableSerialization';\nimport { parseTokenWithDefault } from './variableSerialization';\n\ntype VariableMeta = VariableOption & {\n    compatibleWith?: string[];\n    transformValueTypes?: string[];\n};\n\nexport default (props) => {\n    const t = useTranslation();\n    const {\n        editor,\n        node,\n        updateAttributes,\n        deleteNode,\n        selected: isActive,\n    } = props;\n    const isReadOnly = !editor?.isEditable || false;\n    const openOnInsert = Boolean(node?.attrs?.openOnInsert);\n    const [isConfigOpen, setIsConfigOpen] = useState(openOnInsert);\n    const [isPickerMode, setIsPickerMode] = useState(false);\n    const [defaultIfEmpty, setDefaultIfEmpty] = useState(node?.attrs?.default ?? '');\n    const [transformerId, setTransformerId] = useState(node?.attrs?.transformerId ?? '');\n    const [transformerParams, setTransformerParams] = useState<Record<string, string>>(() => {\n        const raw = node?.attrs?.transformerParams;\n        if (!raw || typeof raw !== 'object') {\n            return {};\n        }\n\n        return Object.entries(raw).reduce((acc, [key, value]) => {\n            acc[key] = value == null ? '' : String(value);\n            return acc;\n        }, {} as Record<string, string>);\n    });\n    const openOnInsertHandled = useRef(false);\n    const popoverContentRef = useRef<HTMLDivElement | null>(null);\n    const pickerContext = useVariablePickerContext();\n\n    const selectedVariableMeta = useMemo(() => {\n        const [token] = parseTokenWithDefault(String(node?.attrs?.value ?? ''));\n        const groups = Object.values(pickerContext?.variableCategories ?? {});\n\n        const visit = (items: VariableOption[]): VariableMeta | null => {\n            for (const item of items) {\n                if (item?.value === token) {\n                    return item as VariableMeta;\n                }\n\n                const children = Array.isArray(item?.children) ? item.children : [];\n                const childMatch = children.find((child) => {\n                    return child?.value === token;\n                });\n                if (childMatch) {\n                    return childMatch as VariableMeta;\n                }\n            }\n\n            return null;\n        };\n\n        for (const groupItems of groups) {\n            const match = visit(Array.isArray(groupItems) ? groupItems : []);\n            if (match) {\n                return match;\n            }\n        }\n\n        return null;\n    }, [pickerContext?.variableCategories, node?.attrs?.value]);\n\n    const transformOptions = useMemo(() => {\n        const registry = pickerContext?.variableTransformerRegistry ?? {};\n        const compatibleWith = Array.isArray(selectedVariableMeta?.compatibleWith)\n            ? selectedVariableMeta.compatibleWith\n            : [];\n\n        const allowedTypes = new Set<string>();\n        const hasCompatibilityHints = compatibleWith.length > 0;\n        const explicitTransformTypes = Array.isArray(selectedVariableMeta?.transformValueTypes)\n            ? selectedVariableMeta.transformValueTypes\n            : [];\n        explicitTransformTypes.forEach((type) => {\n            if (typeof type === 'string' && type.trim() !== '') {\n                allowedTypes.add(type);\n            }\n        });\n        const hasTransformHints = hasCompatibilityHints || allowedTypes.size > 0;\n        if (compatibleWith.includes('plainText') || compatibleWith.includes('email')) {\n            allowedTypes.add('text');\n        }\n        if (compatibleWith.includes('number') || compatibleWith.includes('calculations')) {\n            allowedTypes.add('number');\n        }\n        if (compatibleWith.includes('url')) {\n            allowedTypes.add('url');\n        }\n        if (compatibleWith.includes('date')) {\n            allowedTypes.add('date');\n        }\n        if (compatibleWith.includes('boolean')) {\n            allowedTypes.add('boolean');\n        }\n        if (compatibleWith.includes('array')) {\n            allowedTypes.add('array');\n        }\n\n        const byId = new Map();\n\n        Object.entries(registry).forEach(([valueType, transformers]) => {\n            if (hasTransformHints && allowedTypes.size > 0 && !allowedTypes.has(valueType)) {\n                return;\n            }\n\n            (Array.isArray(transformers) ? transformers : []).forEach((transformer) => {\n                const appliesTo = Array.isArray(transformer.appliesTo) && transformer.appliesTo.length\n                    ? transformer.appliesTo\n                    : [valueType];\n\n                if (hasTransformHints && allowedTypes.size > 0 && !appliesTo.some((type) => {\n                    return allowedTypes.has(type);\n                })) {\n                    return;\n                }\n\n                if (!byId.has(transformer.id)) {\n                    byId.set(transformer.id, {\n                        value: transformer.id,\n                        label: transformer.label,\n                        description: transformer.description,\n                        params: Array.isArray(transformer.params) ? transformer.params : [],\n                        appliesTo,\n                    });\n                }\n            });\n        });\n\n        return Array.from(byId.values());\n    }, [pickerContext?.variableTransformerRegistry, selectedVariableMeta]);\n\n    const selectedTransformer = useMemo(() => {\n        return transformOptions.find((option) => {\n            return option.value === transformerId;\n        }) ?? null;\n    }, [transformOptions, transformerId]);\n    const hasIncompatibleTransformerSelection = useMemo(() => {\n        const current = transformerId.trim();\n        return current !== '' && !selectedTransformer;\n    }, [transformerId, selectedTransformer]);\n\n    const initialPage = useMemo((): VariableOption | null => {\n        const currentValue = node?.attrs?.value;\n        if (!currentValue || !pickerContext?.variableCategories) {\n            return null;\n        }\n        const findParentWithChild = (items: VariableOption[]): VariableOption | null => {\n            for (const item of items) {\n                const children = Array.isArray(item?.children) ? item.children : [];\n                if (children.some((c) => {\n                    return c?.value === currentValue;\n                })) {\n                    return item;\n                }\n                const nested = findParentWithChild(children);\n                if (nested) {\n                    return nested;\n                }\n            }\n            return null;\n        };\n        const allItems = Object.values(pickerContext.variableCategories).flatMap((items) => {\n            return items ?? [];\n        });\n        return findParentWithChild(allItems);\n    }, [node?.attrs?.value, pickerContext?.variableCategories]);\n\n    const picker = useVariablePicker({\n        variableCategories: pickerContext?.variableCategories ?? {},\n        variableCategoryLabels: pickerContext?.variableCategoryLabels,\n        variableCategoryOrder: pickerContext?.variableCategoryOrder,\n        isOpen: isConfigOpen,\n        initialPage,\n        getDefaultIfEmpty: () => {\n            return defaultIfEmpty;\n        },\n        onApply: (baseVariable, variable, defaultText) => {\n            const attrs = buildVariableTagAttrs(baseVariable, variable, {\n                defaultIfEmpty: defaultText,\n            });\n            updateAttributes?.(attrs);\n            setDefaultIfEmpty('');\n            setTransformerId('');\n            setTransformerParams({});\n            setIsConfigOpen(false);\n            setIsPickerMode(false);\n            picker.reset();\n        },\n    });\n\n    const hasFullPicker = pickerContext && Object.values(pickerContext.variableCategories ?? {}).some((items) => {\n        return Array.isArray(items) && items.length > 0;\n    });\n\n    const isConfigurable = !isReadOnly;\n    const canChangeVariable = !!hasFullPicker;\n\n    useEffect(() => {\n        if (!openOnInsert) {\n            return;\n        }\n        openOnInsertHandled.current = false;\n    }, [openOnInsert]);\n\n    useEffect(() => {\n        if (!openOnInsert || openOnInsertHandled.current) {\n            return;\n        }\n        openOnInsertHandled.current = true;\n        setIsConfigOpen(true);\n        queueMicrotask(() => {\n            updateAttributes?.({ openOnInsert: false });\n        });\n    }, [openOnInsert, updateAttributes]);\n\n    const handleDelete = () => {\n        if (!isReadOnly) {\n            deleteNode();\n        }\n    };\n\n    function closeConfig() {\n        setIsConfigOpen(false);\n        setIsPickerMode(false);\n        picker.reset();\n    }\n\n    const exitPickerMode = useCallback(() => {\n        setIsPickerMode(false);\n    }, []);\n\n    const handleOpenConfig = useCallback(() => {\n        if (!isConfigurable) {\n            return;\n        }\n\n        setIsConfigOpen(true);\n    }, [isConfigurable]);\n\n    useEffect(() => {\n        const editorDom = editor?.view?.dom;\n\n        if (!editorDom || !isActive || !isConfigurable) {\n            return;\n        }\n\n        const handleEditorKeyDown = (event: KeyboardEvent) => {\n            if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) {\n                return;\n            }\n\n            const target = event.target as HTMLElement | null;\n            const tagName = target?.tagName;\n            const isFocusableInput = tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT';\n\n            if (isFocusableInput) {\n                return;\n            }\n\n            if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {\n                event.preventDefault();\n                event.stopPropagation();\n                handleOpenConfig();\n            }\n        };\n\n        editorDom.addEventListener('keydown', handleEditorKeyDown, true);\n\n        return () => {\n            editorDom.removeEventListener('keydown', handleEditorKeyDown, true);\n        };\n    }, [editor, isActive, isConfigurable, handleOpenConfig]);\n\n    const handleSaveOptions = () => {\n        const trimmedDefault = defaultIfEmpty.trim();\n        const trimmedTransformerId = transformerId.trim();\n        const normalizedParams = trimmedTransformerId\n            ? Object.entries(transformerParams).reduce((acc, [key, value]) => {\n                const trimmed = String(value ?? '').trim();\n                if (trimmed !== '') {\n                    acc[key] = trimmed;\n                }\n                return acc;\n            }, {} as Record<string, string>)\n            : null;\n\n        updateAttributes?.({\n            default: trimmedDefault || null,\n            transformerId: trimmedTransformerId || null,\n            transformerParams: trimmedTransformerId ? normalizedParams : null,\n        });\n        closeConfig();\n    };\n\n    const handleConfigOpenChange = (nextOpen: boolean) => {\n        setIsConfigOpen(nextOpen);\n\n        // Always reopen on the options view.\n        setIsPickerMode(false);\n\n        if (!nextOpen) {\n            picker.reset();\n        }\n    };\n\n    const handleTagKeyDown = (event) => {\n        if (!isConfigurable) {\n            return;\n        }\n\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            event.stopPropagation();\n            handleOpenConfig();\n        }\n    };\n\n    useEffect(() => {\n        setDefaultIfEmpty(node?.attrs?.default ?? '');\n        setTransformerId(node?.attrs?.transformerId ?? '');\n        const raw = node?.attrs?.transformerParams;\n        if (raw && typeof raw === 'object') {\n            setTransformerParams(Object.entries(raw).reduce((acc, [key, value]) => {\n                acc[key] = value == null ? '' : String(value);\n                return acc;\n            }, {} as Record<string, string>));\n        } else {\n            setTransformerParams({});\n        }\n    }, [isConfigOpen, node?.attrs?.default, node?.attrs?.transformerId, node?.attrs?.transformerParams]);\n\n    useEffect(() => {\n        if (!selectedTransformer) {\n            return;\n        }\n\n        setTransformerParams((current) => {\n            const next = { ...current };\n            (selectedTransformer.params ?? []).forEach((param) => {\n                if (next[param.name] == null || next[param.name] === '') {\n                    next[param.name] = param.default == null ? '' : String(param.default);\n                }\n            });\n\n            return next;\n        });\n    }, [selectedTransformer]);\n\n    useEffect(() => {\n        if (!isConfigOpen || !isPickerMode) {\n            return;\n        }\n\n        let frame = 0;\n        let cancelled = false;\n\n        const focusSearch = (attempt = 0) => {\n            if (cancelled) {\n                return;\n            }\n\n            const input = popoverContentRef.current?.querySelector<HTMLInputElement>('[data-slot=\"command-input\"]');\n\n            if (input) {\n                input.focus();\n                return;\n            }\n\n            if (attempt < 8) {\n                frame = requestAnimationFrame(() => {\n                    focusSearch(attempt + 1);\n                });\n            }\n        };\n\n        focusSearch();\n\n        return () => {\n            cancelled = true;\n\n            if (frame) {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [isConfigOpen, isPickerMode]);\n\n    const fallbackPreview = String(props.node?.attrs?.default ?? '').trim();\n    const appliedTransformerId = String(props.node?.attrs?.transformerId ?? '').trim();\n    const appliedTransformer = transformOptions.find((option) => {\n        return option.value === appliedTransformerId;\n    }) ?? null;\n    let transformPreview = '';\n    if (appliedTransformer?.label) {\n        transformPreview = appliedTransformer.label;\n    } else if (appliedTransformerId) {\n        transformPreview = appliedTransformerId;\n    }\n    const tokenValue = String(node?.attrs?.value ?? '');\n    const tagLabel = selectedVariableMeta?.label ?? (node?.attrs?.label ?? '');\n    const tagTitle = tagLabel;\n    const useCornerBadge = true;\n\n    return (\n        <NodeViewWrapper\n            as=\"span\"\n            className={cn(\n                'relative inline-block leading-none mx-[1px] cursor-default',\n            )}\n            tabIndex={isConfigurable ? 0 : undefined}\n            onKeyDown={handleTagKeyDown}\n            data-drag-handle\n            data-variable-value={tokenValue}\n        >\n            <span className={cn(\n                'relative inline-flex items-stretch whitespace-nowrap gap-0 overflow-hidden',\n                '-mt-[3px] text-[11px] font-normal! leading-none align-middle',\n                'bg-[#5C6BC0] text-white rounded-[2px]',\n\n                isReadOnly && 'inline-flex flex-1 px-[5px] py-[4px]',\n\n                isActive && !isReadOnly && 'outline-none shadow-[0_0_0_2px_rgba(123,140,232,0.5)]',\n\n                isReadOnly && isActive && 'shadow-none',\n            )}>\n                {fallbackPreview && useCornerBadge && (\n                    <span\n                        className=\"pointer-events-none absolute top-0 left-0 h-0 w-0 border-t-[8px] border-r-[8px] border-t-orange-400 border-r-transparent\"\n                        aria-label={t('Has fallback value')}\n                    />\n                )}\n                {isConfigurable ? (\n                    <Popover open={isConfigOpen} onOpenChange={handleConfigOpenChange}>\n                        <PopoverTrigger\n                            render={\n                                <button\n                                    type=\"button\"\n                                    className=\"inline-flex flex-1 min-w-0 self-stretch items-center cursor-pointer bg-transparent border-0 px-[5px] py-[4px] m-0 text-left text-inherit focus:outline-none\"\n                                    title={tagTitle}\n                                    onClick={(event) => {\n                                        event.preventDefault();\n                                        event.stopPropagation();\n                                        handleOpenConfig();\n                                    }}\n                                >\n                                    <span className=\"block truncate max-w-[220px]\">\n                                        {tagLabel}\n                                        {(transformPreview) && (\n                                            <span\n                                                className=\"ml-1 inline-flex items-center rounded bg-white/20 px-1 py-[1px] text-[9px] leading-none text-white/95 align-middle\"\n                                                title={t('Transform: {transform}', { transform: transformPreview })}\n                                                aria-label={t('Transform: {transform}', { transform: transformPreview })}\n                                            >\n                                                {transformPreview}\n                                            </span>\n                                        )}\n                                        {fallbackPreview && !useCornerBadge && (\n                                            <span\n                                                className=\"ml-1 inline-block size-[5px] rounded-full bg-white/75 align-middle\"\n                                                aria-label={t('Has fallback value')}\n                                            />\n                                        )}\n                                    </span>\n                                </button>\n                            }\n                        />\n\n                        <PopoverContent\n                            ref={popoverContentRef}\n                            align=\"start\"\n                            side=\"bottom\"\n                            sideOffset={6}\n                            className={hasFullPicker ? 'min-w-[260px] max-w-[360px] p-0' : 'w-[260px] p-0'}\n                            onMouseDown={(event) => {\n                                const target = event.target as HTMLElement | null;\n                                const tagName = target?.tagName;\n                                const isFocusableInput = tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT';\n                                const isSelectControl = Boolean(target?.closest('[data-slot=\"select-trigger\"]'));\n\n                                // Keep editor selection stable for picker clicks, but allow typing in fallback input.\n                                if (isFocusableInput || isSelectControl) {\n                                    return;\n                                }\n\n                                event.preventDefault();\n                                event.stopPropagation();\n                            }}\n                        >\n                            {isPickerMode ? (\n                                canChangeVariable && (\n                                    <VariableCommandList\n                                        search={picker.search}\n                                        onSearchChange={picker.setSearch}\n                                        groups={picker.groups}\n                                        options={picker.options}\n                                        selectedValue={node?.attrs?.value}\n                                        onSelect={picker.handleSelect}\n                                        placeholder={t('Search variables')}\n                                        showSearch\n                                        shouldFilter={false}\n                                        onBack={picker.page ? picker.handleBack : exitPickerMode}\n                                        isChildMode={!!picker.page}\n                                    />\n                                )\n                            ) : (\n                                <div className=\"p-2\">\n                                    <label className=\"text-[11px] text-gray-500 block mb-1\">\n                                        {t('Default if empty (optional)')}\n                                    </label>\n                                    <Input\n                                        type=\"text\"\n                                        value={defaultIfEmpty}\n                                        onChange={(event) => {\n                                            setDefaultIfEmpty(event.target.value);\n                                        }}\n                                        onKeyDown={(event) => {\n                                            if (event.key === 'Enter') {\n                                                event.preventDefault();\n                                                event.stopPropagation();\n                                                handleSaveOptions();\n                                            }\n                                        }}\n                                    />\n                                    <VariableTransformControls\n                                        transformerId={transformerId}\n                                        onTransformerIdChange={(nextId) => {\n                                            setTransformerId(nextId);\n                                            if (!nextId) {\n                                                setTransformerParams({});\n                                            }\n                                        }}\n                                        transformOptions={transformOptions}\n                                        hasIncompatibleTransformerSelection={hasIncompatibleTransformerSelection}\n                                        selectedTransformer={selectedTransformer}\n                                        transformerParams={transformerParams}\n                                        onTransformerParamChange={(paramName, nextValue) => {\n                                            setTransformerParams((current) => {\n                                                return {\n                                                    ...current,\n                                                    [paramName]: nextValue,\n                                                };\n                                            });\n                                        }}\n                                    />\n                                    <div className=\"mt-3 -mx-2 -mb-2 border-t border-slate-200 bg-[#f3f7fd] px-2 py-2 flex items-center justify-between gap-2\">\n                                        {canChangeVariable ? (\n                                            <Button\n                                                type=\"button\"\n                                                variant=\"default\"\n                                                size=\"sm\"\n                                                className=\"text-[11px]\"\n                                                onClick={() => {\n                                                    setIsPickerMode(true);\n                                                }}\n                                            >\n                                                {t('Change variable')}\n                                            </Button>\n                                        ) : <span className=\"inline-block\" />}\n                                        <Button\n                                            type=\"button\"\n                                            variant=\"primary\"\n                                            size=\"sm\"\n                                            className=\"text-[11px]\"\n                                            onClick={handleSaveOptions}\n                                        >\n                                            {t('Save')}\n                                        </Button>\n                                    </div>\n                                </div>\n                            )}\n                        </PopoverContent>\n                    </Popover>\n                ) : (\n                    <span className=\"block truncate max-w-[220px]\" title={tagTitle}>\n                        {tagLabel}\n                        {(transformPreview && !isReadOnly) && (\n                            <span\n                                className=\"ml-1 inline-flex items-center rounded bg-white/20 px-1 py-[1px] text-[9px] leading-none text-white/95 align-middle\"\n                                title={t('Transform: {transform}', { transform: transformPreview })}\n                                aria-label={t('Transform: {transform}', { transform: transformPreview })}\n                            >\n                                {transformPreview}\n                            </span>\n                        )}\n                        {fallbackPreview && !useCornerBadge && (\n                            <span\n                                className=\"ml-1 inline-block size-[5px] rounded-full bg-white/75 align-middle\"\n                                aria-label={t('Has fallback value')}\n                            />\n                        )}\n                    </span>\n                )}\n\n                <span\n                    className={cn(\n                        'inline-flex items-center justify-center cursor-pointer',\n                        'px-1 pr-[5px] py-[4px] self-stretch',\n                        isReadOnly && 'hidden',\n                    )}\n                    onMouseDown={(event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                    }}\n                    onClick={(event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        handleDelete();\n                    }}\n                >\n                    <FontAwesomeIcon icon={faXmark} className=\"size-[10px]\" />\n                </span>\n            </span>\n\n        </NodeViewWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,IAAA,2BAAgB,UAAU;CACtB,MAAM,IAAI,gBAAgB;CAC1B,MAAM,EACF,QACA,MACA,kBACA,YACA,UAAU,aACV;CACJ,MAAM,aAAa,CAAC,QAAQ,cAAc;CAC1C,MAAM,eAAe,QAAQ,MAAM,OAAO,aAAa;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAS,aAAa;CAC9D,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM,OAAO,WAAW,GAAG;CAChF,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM,OAAO,iBAAiB,GAAG;CACpF,MAAM,CAAC,mBAAmB,wBAAwB,eAAuC;EACrF,MAAM,MAAM,MAAM,OAAO;AACzB,MAAI,CAAC,OAAO,OAAO,QAAQ,SACvB,QAAO,EAAE;AAGb,SAAO,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;AACrD,OAAI,OAAO,SAAS,OAAO,KAAK,OAAO,MAAM;AAC7C,UAAO;KACR,EAAE,CAA2B;GAClC;CACF,MAAM,sBAAsB,OAAO,MAAM;CACzC,MAAM,oBAAoB,OAA8B,KAAK;CAC7D,MAAM,gBAAgB,0BAA0B;CAEhD,MAAM,uBAAuB,cAAc;EACvC,MAAM,CAAC,SAAS,sBAAsB,OAAO,MAAM,OAAO,SAAS,GAAG,CAAC;EACvE,MAAM,SAAS,OAAO,OAAO,eAAe,sBAAsB,EAAE,CAAC;EAErE,MAAM,SAAS,UAAiD;AAC5D,QAAK,MAAM,QAAQ,OAAO;AACtB,QAAI,MAAM,UAAU,MAChB,QAAO;IAIX,MAAM,cADW,MAAM,QAAQ,MAAM,SAAS,GAAG,KAAK,WAAW,EAAE,EACvC,MAAM,UAAU;AACxC,YAAO,OAAO,UAAU;MAC1B;AACF,QAAI,WACA,QAAO;;AAIf,UAAO;;AAGX,OAAK,MAAM,cAAc,QAAQ;GAC7B,MAAM,QAAQ,MAAM,MAAM,QAAQ,WAAW,GAAG,aAAa,EAAE,CAAC;AAChE,OAAI,MACA,QAAO;;AAIf,SAAO;IACR,CAAC,eAAe,oBAAoB,MAAM,OAAO,MAAM,CAAC;CAE3D,MAAM,mBAAmB,cAAc;EACnC,MAAM,WAAW,eAAe,+BAA+B,EAAE;EACjE,MAAM,iBAAiB,MAAM,QAAQ,sBAAsB,eAAe,GACpE,qBAAqB,iBACrB,EAAE;EAER,MAAM,+BAAe,IAAI,KAAa;EACtC,MAAM,wBAAwB,eAAe,SAAS;AAItD,GAH+B,MAAM,QAAQ,sBAAsB,oBAAoB,GACjF,qBAAqB,sBACrB,EAAE,EACe,SAAS,SAAS;AACrC,OAAI,OAAO,SAAS,YAAY,KAAK,MAAM,KAAK,GAC5C,cAAa,IAAI,KAAK;IAE5B;EACF,MAAM,oBAAoB,yBAAyB,aAAa,OAAO;AACvE,MAAI,eAAe,SAAS,YAAY,IAAI,eAAe,SAAS,QAAQ,CACxE,cAAa,IAAI,OAAO;AAE5B,MAAI,eAAe,SAAS,SAAS,IAAI,eAAe,SAAS,eAAe,CAC5E,cAAa,IAAI,SAAS;AAE9B,MAAI,eAAe,SAAS,MAAM,CAC9B,cAAa,IAAI,MAAM;AAE3B,MAAI,eAAe,SAAS,OAAO,CAC/B,cAAa,IAAI,OAAO;AAE5B,MAAI,eAAe,SAAS,UAAU,CAClC,cAAa,IAAI,UAAU;AAE/B,MAAI,eAAe,SAAS,QAAQ,CAChC,cAAa,IAAI,QAAQ;EAG7B,MAAM,uBAAO,IAAI,KAAK;AAEtB,SAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,WAAW,kBAAkB;AAC5D,OAAI,qBAAqB,aAAa,OAAO,KAAK,CAAC,aAAa,IAAI,UAAU,CAC1E;AAGJ,IAAC,MAAM,QAAQ,aAAa,GAAG,eAAe,EAAE,EAAE,SAAS,gBAAgB;IACvE,MAAM,YAAY,MAAM,QAAQ,YAAY,UAAU,IAAI,YAAY,UAAU,SAC1E,YAAY,YACZ,CAAC,UAAU;AAEjB,QAAI,qBAAqB,aAAa,OAAO,KAAK,CAAC,UAAU,MAAM,SAAS;AACxE,YAAO,aAAa,IAAI,KAAK;MAC/B,CACE;AAGJ,QAAI,CAAC,KAAK,IAAI,YAAY,GAAG,CACzB,MAAK,IAAI,YAAY,IAAI;KACrB,OAAO,YAAY;KACnB,OAAO,YAAY;KACnB,aAAa,YAAY;KACzB,QAAQ,MAAM,QAAQ,YAAY,OAAO,GAAG,YAAY,SAAS,EAAE;KACnE;KACH,CAAC;KAER;IACJ;AAEF,SAAO,MAAM,KAAK,KAAK,QAAQ,CAAC;IACjC,CAAC,eAAe,6BAA6B,qBAAqB,CAAC;CAEtE,MAAM,sBAAsB,cAAc;AACtC,SAAO,iBAAiB,MAAM,WAAW;AACrC,UAAO,OAAO,UAAU;IAC1B,IAAI;IACP,CAAC,kBAAkB,cAAc,CAAC;CACrC,MAAM,sCAAsC,cAAc;AAEtD,SADgB,cAAc,MACvB,KAAY,MAAM,CAAC;IAC3B,CAAC,eAAe,oBAAoB,CAAC;CAExC,MAAM,cAAc,cAAqC;EACrD,MAAM,eAAe,MAAM,OAAO;AAClC,MAAI,CAAC,gBAAgB,CAAC,eAAe,mBACjC,QAAO;EAEX,MAAM,uBAAuB,UAAmD;AAC5E,QAAK,MAAM,QAAQ,OAAO;IACtB,MAAM,WAAW,MAAM,QAAQ,MAAM,SAAS,GAAG,KAAK,WAAW,EAAE;AACnE,QAAI,SAAS,MAAM,MAAM;AACrB,YAAO,GAAG,UAAU;MACtB,CACE,QAAO;IAEX,MAAM,SAAS,oBAAoB,SAAS;AAC5C,QAAI,OACA,QAAO;;AAGf,UAAO;;AAKX,SAAO,oBAHU,OAAO,OAAO,cAAc,mBAAmB,CAAC,SAAS,UAAU;AAChF,UAAO,SAAS,EAAE;IAEK,CAAS;IACrC,CAAC,MAAM,OAAO,OAAO,eAAe,mBAAmB,CAAC;CAE3D,MAAM,SAAS,kBAAkB;EAC7B,oBAAoB,eAAe,sBAAsB,EAAE;EAC3D,wBAAwB,eAAe;EACvC,uBAAuB,eAAe;EACtC,QAAQ;EACR;EACA,yBAAyB;AACrB,UAAO;;EAEX,UAAU,cAAc,UAAU,gBAAgB;GAC9C,MAAM,QAAQ,sBAAsB,cAAc,UAAU,EACxD,gBAAgB,aACnB,CAAC;AACF,sBAAmB,MAAM;AACzB,qBAAkB,GAAG;AACrB,oBAAiB,GAAG;AACpB,wBAAqB,EAAE,CAAC;AACxB,mBAAgB,MAAM;AACtB,mBAAgB,MAAM;AACtB,UAAO,OAAO;;EAErB,CAAC;CAEF,MAAM,gBAAgB,iBAAiB,OAAO,OAAO,cAAc,sBAAsB,EAAE,CAAC,CAAC,MAAM,UAAU;AACzG,SAAO,MAAM,QAAQ,MAAM,IAAI,MAAM,SAAS;GAChD;CAEF,MAAM,iBAAiB,CAAC;CACxB,MAAM,oBAAoB,CAAC,CAAC;AAE5B,iBAAgB;AACZ,MAAI,CAAC,aACD;AAEJ,sBAAoB,UAAU;IAC/B,CAAC,aAAa,CAAC;AAElB,iBAAgB;AACZ,MAAI,CAAC,gBAAgB,oBAAoB,QACrC;AAEJ,sBAAoB,UAAU;AAC9B,kBAAgB,KAAK;AACrB,uBAAqB;AACjB,sBAAmB,EAAE,cAAc,OAAO,CAAC;IAC7C;IACH,CAAC,cAAc,iBAAiB,CAAC;CAEpC,MAAM,qBAAqB;AACvB,MAAI,CAAC,WACD,aAAY;;CAIpB,SAAS,cAAc;AACnB,kBAAgB,MAAM;AACtB,kBAAgB,MAAM;AACtB,SAAO,OAAO;;CAGlB,MAAM,iBAAiB,kBAAkB;AACrC,kBAAgB,MAAM;IACvB,EAAE,CAAC;CAEN,MAAM,mBAAmB,kBAAkB;AACvC,MAAI,CAAC,eACD;AAGJ,kBAAgB,KAAK;IACtB,CAAC,eAAe,CAAC;AAEpB,iBAAgB;EACZ,MAAM,YAAY,QAAQ,MAAM;AAEhC,MAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAC5B;EAGJ,MAAM,uBAAuB,UAAyB;AAClD,OAAI,MAAM,oBAAoB,MAAM,UAAU,MAAM,WAAW,MAAM,QACjE;GAIJ,MAAM,UADS,MAAM,QACG;AAGxB,OAFyB,YAAY,WAAW,YAAY,cAAc,YAAY,SAGlF;AAGJ,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,OAAO,MAAM,QAAQ,YAAY;AACxE,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;AACvB,sBAAkB;;;AAI1B,YAAU,iBAAiB,WAAW,qBAAqB,KAAK;AAEhE,eAAa;AACT,aAAU,oBAAoB,WAAW,qBAAqB,KAAK;;IAExE;EAAC;EAAQ;EAAU;EAAgB;EAAiB,CAAC;CAExD,MAAM,0BAA0B;EAC5B,MAAM,iBAAiB,eAAe,MAAM;EAC5C,MAAM,uBAAuB,cAAc,MAAM;EACjD,MAAM,mBAAmB,uBACnB,OAAO,QAAQ,kBAAkB,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;GAC9D,MAAM,UAAU,OAAO,SAAS,GAAG,CAAC,MAAM;AAC1C,OAAI,YAAY,GACZ,KAAI,OAAO;AAEf,UAAO;KACR,EAAE,CAA2B,GAC9B;AAEN,qBAAmB;GACf,SAAS,kBAAkB;GAC3B,eAAe,wBAAwB;GACvC,mBAAmB,uBAAuB,mBAAmB;GAChE,CAAC;AACF,eAAa;;CAGjB,MAAM,0BAA0B,aAAsB;AAClD,kBAAgB,SAAS;AAGzB,kBAAgB,MAAM;AAEtB,MAAI,CAAC,SACD,QAAO,OAAO;;CAItB,MAAM,oBAAoB,UAAU;AAChC,MAAI,CAAC,eACD;AAGJ,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC5C,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AACvB,qBAAkB;;;AAI1B,iBAAgB;AACZ,oBAAkB,MAAM,OAAO,WAAW,GAAG;AAC7C,mBAAiB,MAAM,OAAO,iBAAiB,GAAG;EAClD,MAAM,MAAM,MAAM,OAAO;AACzB,MAAI,OAAO,OAAO,QAAQ,SACtB,sBAAqB,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;AACnE,OAAI,OAAO,SAAS,OAAO,KAAK,OAAO,MAAM;AAC7C,UAAO;KACR,EAAE,CAA2B,CAAC;MAEjC,sBAAqB,EAAE,CAAC;IAE7B;EAAC;EAAc,MAAM,OAAO;EAAS,MAAM,OAAO;EAAe,MAAM,OAAO;EAAkB,CAAC;AAEpG,iBAAgB;AACZ,MAAI,CAAC,oBACD;AAGJ,wBAAsB,YAAY;GAC9B,MAAM,OAAO,EAAE,GAAG,SAAS;AAC3B,IAAC,oBAAoB,UAAU,EAAE,EAAE,SAAS,UAAU;AAClD,QAAI,KAAK,MAAM,SAAS,QAAQ,KAAK,MAAM,UAAU,GACjD,MAAK,MAAM,QAAQ,MAAM,WAAW,OAAO,KAAK,OAAO,MAAM,QAAQ;KAE3E;AAEF,UAAO;IACT;IACH,CAAC,oBAAoB,CAAC;AAEzB,iBAAgB;AACZ,MAAI,CAAC,gBAAgB,CAAC,aAClB;EAGJ,IAAI,QAAQ;EACZ,IAAI,YAAY;EAEhB,MAAM,eAAe,UAAU,MAAM;AACjC,OAAI,UACA;GAGJ,MAAM,QAAQ,kBAAkB,SAAS,cAAgC,gCAA8B;AAEvG,OAAI,OAAO;AACP,UAAM,OAAO;AACb;;AAGJ,OAAI,UAAU,EACV,SAAQ,4BAA4B;AAChC,gBAAY,UAAU,EAAE;KAC1B;;AAIV,eAAa;AAEb,eAAa;AACT,eAAY;AAEZ,OAAI,MACA,sBAAqB,MAAM;;IAGpC,CAAC,cAAc,aAAa,CAAC;CAEhC,MAAM,kBAAkB,OAAO,MAAM,MAAM,OAAO,WAAW,GAAG,CAAC,MAAM;CACvE,MAAM,uBAAuB,OAAO,MAAM,MAAM,OAAO,iBAAiB,GAAG,CAAC,MAAM;CAClF,MAAM,qBAAqB,iBAAiB,MAAM,WAAW;AACzD,SAAO,OAAO,UAAU;GAC1B,IAAI;CACN,IAAI,mBAAmB;AACvB,KAAI,oBAAoB,MACpB,oBAAmB,mBAAmB;UAC/B,qBACP,oBAAmB;CAEvB,MAAM,aAAa,OAAO,MAAM,OAAO,SAAS,GAAG;CACnD,MAAM,WAAW,sBAAsB,SAAU,MAAM,OAAO,SAAS;CACvE,MAAM,WAAW;AAGjB,QACI,oBAAC,iBAAD;EACI,IAAG;EACH,WAAW,GACP,6DACH;EACD,UAAU,iBAAiB,IAAI,KAAA;EAC/B,WAAW;EACX,oBAAA;EACA,uBAAqB;YAErB,qBAAC,QAAD;GAAM,WAAW,GACb,8EACA,gEACA,yCAEA,cAAc,wCAEd,YAAY,CAAC,cAAc,yDAE3B,cAAc,YAAY,cAC7B;aAVD;IAWK,mBACG,oBAAC,QAAD;KACI,WAAU;KACV,cAAY,EAAE,qBAAqB;KACrC,CAAA;IAEL,iBACG,qBAAC,SAAD;KAAS,MAAM;KAAc,cAAc;eAA3C,CACI,oBAAC,gBAAD,EACI,QACI,oBAAC,UAAD;MACI,MAAK;MACL,WAAU;MACV,OAAO;MACP,UAAU,UAAU;AAChB,aAAM,gBAAgB;AACtB,aAAM,iBAAiB;AACvB,yBAAkB;;gBAGtB,qBAAC,QAAD;OAAM,WAAU;iBAAhB;QACK;QACC,oBACE,oBAAC,QAAD;SACI,WAAU;SACV,OAAO,EAAE,0BAA0B,EAAE,WAAW,kBAAkB,CAAC;SACnE,cAAY,EAAE,0BAA0B,EAAE,WAAW,kBAAkB,CAAC;mBAEvE;SACE,CAAA;QAEV,mBAAmB;QAMjB;;MACF,CAAA,EAEf,CAAA,EAEF,oBAAC,gBAAD;MACI,KAAK;MACL,OAAM;MACN,MAAK;MACL,YAAY;MACZ,WAAW,gBAAgB,oCAAoC;MAC/D,cAAc,UAAU;OACpB,MAAM,SAAS,MAAM;OACrB,MAAM,UAAU,QAAQ;OACxB,MAAM,mBAAmB,YAAY,WAAW,YAAY,cAAc,YAAY;OACtF,MAAM,kBAAkB,QAAQ,QAAQ,QAAQ,iCAA+B,CAAC;AAGhF,WAAI,oBAAoB,gBACpB;AAGJ,aAAM,gBAAgB;AACtB,aAAM,iBAAiB;;gBAG1B,eACG,qBACI,oBAAC,qBAAD;OACI,QAAQ,OAAO;OACf,gBAAgB,OAAO;OACvB,QAAQ,OAAO;OACf,SAAS,OAAO;OAChB,eAAe,MAAM,OAAO;OAC5B,UAAU,OAAO;OACjB,aAAa,EAAE,mBAAmB;OAClC,YAAA;OACA,cAAc;OACd,QAAQ,OAAO,OAAO,OAAO,aAAa;OAC1C,aAAa,CAAC,CAAC,OAAO;OACxB,CAAA,GAGN,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACI,oBAAC,SAAD;SAAO,WAAU;mBACZ,EAAE,8BAA8B;SAC7B,CAAA;QACR,oBAAC,OAAD;SACI,MAAK;SACL,OAAO;SACP,WAAW,UAAU;AACjB,4BAAkB,MAAM,OAAO,MAAM;;SAEzC,YAAY,UAAU;AAClB,cAAI,MAAM,QAAQ,SAAS;AACvB,iBAAM,gBAAgB;AACtB,iBAAM,iBAAiB;AACvB,8BAAmB;;;SAG7B,CAAA;QACF,oBAAC,2BAAD;SACmB;SACf,wBAAwB,WAAW;AAC/B,2BAAiB,OAAO;AACxB,cAAI,CAAC,OACD,sBAAqB,EAAE,CAAC;;SAGd;SACmB;SAChB;SACF;SACnB,2BAA2B,WAAW,cAAc;AAChD,gCAAsB,YAAY;AAC9B,kBAAO;YACH,GAAG;aACF,YAAY;YAChB;YACH;;SAER,CAAA;QACF,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACK,oBACG,oBAAC,QAAD;UACI,MAAK;UACL,SAAQ;UACR,MAAK;UACL,WAAU;UACV,eAAe;AACX,2BAAgB,KAAK;;oBAGxB,EAAE,kBAAkB;UAChB,CAAA,GACT,oBAAC,QAAD,EAAM,WAAU,gBAAiB,CAAA,EACrC,oBAAC,QAAD;UACI,MAAK;UACL,SAAQ;UACR,MAAK;UACL,WAAU;UACV,SAAS;oBAER,EAAE,OAAO;UACL,CAAA,CACP;;QACJ;;MAEG,CAAA,CACX;SAEV,qBAAC,QAAD;KAAM,WAAU;KAA+B,OAAO;eAAtD;MACK;MACC,oBAAoB,CAAC,cACnB,oBAAC,QAAD;OACI,WAAU;OACV,OAAO,EAAE,0BAA0B,EAAE,WAAW,kBAAkB,CAAC;OACnE,cAAY,EAAE,0BAA0B,EAAE,WAAW,kBAAkB,CAAC;iBAEvE;OACE,CAAA;MAEV,mBAAmB;MAMjB;;IAGX,oBAAC,QAAD;KACI,WAAW,GACP,0DACA,uCACA,cAAc,SACjB;KACD,cAAc,UAAU;AACpB,YAAM,gBAAgB;AACtB,YAAM,iBAAiB;;KAE3B,UAAU,UAAU;AAChB,YAAM,gBAAgB;AACtB,YAAM,iBAAiB;AACvB,oBAAc;;eAGlB,oBAAC,iBAAD;MAAiB,MAAM;MAAS,WAAU;MAAgB,CAAA;KACvD,CAAA;IACJ;;EAEO,CAAA"}

package/dist/components/tiptap/VariableTransformControls.d.ts

@@ -0,0 +1,37 @@
+type TransformParamOption = {
+    value: string;
+    label: string;
+    group?: string;
+};
+type TransformParam = {
+    name: string;
+    type: string;
+    label: string;
+    required: boolean;
+    default?: string | number | boolean | null;
+    placeholder?: string;
+    options?: TransformParamOption[];
+    showWhen?: {
+        param: string;
+        equals: string;
+    };
+};
+type TransformOption = {
+    value: string;
+    label: string;
+    description: string;
+    appliesTo?: string[];
+    params: TransformParam[];
+};
+type VariableTransformControlsProps = {
+    transformerId: string;
+    onTransformerIdChange: (value: string) => void;
+    transformOptions: TransformOption[];
+    hasIncompatibleTransformerSelection: boolean;
+    selectedTransformer: TransformOption | null;
+    transformerParams: Record<string, string>;
+    onTransformerParamChange: (paramName: string, value: string) => void;
+};
+export declare function VariableTransformControls({ transformerId, onTransformerIdChange, transformOptions, hasIncompatibleTransformerSelection, selectedTransformer, transformerParams, onTransformerParamChange, }: VariableTransformControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=VariableTransformControls.d.ts.map

package/dist/components/tiptap/VariableTransformControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableTransformControls.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariableTransformControls.tsx"],"names":[],"mappings":"AAaA,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,cAAc,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,8BAA8B,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,mCAAmC,EAAE,OAAO,CAAC;IAC7C,mBAAmB,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxE,CAAC;AAqGF,wBAAgB,yBAAyB,CAAC,EACtC,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,mCAAmC,EACnC,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,GAC3B,EAAE,8BAA8B,kDAiHhC"}