@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/components/ColorRegionClient.js

@@ -0,0 +1,546 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { toast } from 'sonner';
+import { ReactFlow, Background, useNodesState, useEdgesState, ReactFlowProvider, useReactFlow, } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import { Lightbulb } from 'lucide-react';
+import { ColorNode } from './ColorNode';
+import { ColorRegionNode } from './ColorRegionNode';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks';
+const nodeTypes = {
+    clientColorNode: (props) => _jsx(ColorNode, { ...props, variant: "client" }),
+    clientColorRegionNode: (props) => _jsx(ColorRegionNode, { ...props }),
+};
+function ColorRegionClientContent({ questionData, explanation, isReviewMode = false, config }) {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageDimensions, setImageDimensions] = useState({ width: 0, height: 0 });
+    // Get presigned URL for background image from S3
+    const { previewUrl: backgroundImagePreviewUrl, isLoading: isLoadingImage } = usePresignedFileUrl(questionData.backgroundImageUrl);
+    // Refs
+    const imageRef = useRef(null);
+    const flowRef = useRef(null);
+    // React Flow State
+    const [nodes, setNodes, reactFlowOnNodesChange] = useNodesState([]);
+    const [, , onEdgesChange] = useEdgesState([]);
+    // Track which color is assigned to which region
+    const [regionAssignments, setRegionAssignments] = useState({});
+    // Handle image load
+    const handleImageLoad = () => {
+        if (imageRef.current && flowRef.current) {
+            const flowWidth = flowRef.current.clientWidth - 100; // 50px padding on each side
+            const flowHeight = flowRef.current.clientHeight - 260; // top section and bottom margin
+            const naturalWidth = imageRef.current.naturalWidth || imageRef.current.clientWidth;
+            const naturalHeight = imageRef.current.naturalHeight || imageRef.current.clientHeight;
+            const widthRatio = flowWidth / naturalWidth;
+            const heightRatio = flowHeight / naturalHeight;
+            const scale = Math.min(widthRatio, heightRatio, 1);
+            setImageDimensions({
+                width: naturalWidth * scale,
+                height: naturalHeight * scale,
+            });
+            setImageLoaded(true);
+        }
+    };
+    // Handle filling color into region
+    const handleFillRegionColor = useCallback((regionId, color) => {
+        setRegionAssignments((prev) => ({
+            ...prev,
+            [regionId]: color,
+        }));
+    }, []);
+    // Handle removing color from region (for client mode delete)
+    const handleRemoveColorFromRegion = useCallback((regionId) => {
+        const removedColor = regionAssignments[regionId];
+        if (removedColor) {
+            // Remove assignment
+            setRegionAssignments((prev) => {
+                const newAssignments = { ...prev };
+                delete newAssignments[regionId];
+                return newAssignments;
+            });
+            // Restore color node visibility
+            setNodes((prevNodes) => prevNodes.map((n) => n.data?.color === removedColor ? { ...n, data: { ...n.data, isConnected: false } } : n));
+        }
+    }, [regionAssignments, setNodes]);
+    // State for visual feedback
+    const [highlightedRegionId, setHighlightedRegionId] = useState(null);
+    const { getIntersectingNodes } = useReactFlow();
+    const imageStartY = 200;
+    const imageStartX = (() => {
+        if (!imageLoaded || imageDimensions.width <= 0)
+            return 50;
+        const flowWidth = flowRef.current?.clientWidth || 0;
+        if (!flowWidth)
+            return 50;
+        const centered = (flowWidth - imageDimensions.width) / 2;
+        return Math.max(50, centered);
+    })();
+    // Track if a node is being dragged to prevent panning
+    const isDraggingNodeRef = useRef(false);
+    // Track the old region ID when dragging starts (for swap functionality)
+    const draggedNodeOldRegionRef = useRef(null);
+    // Handle node drag start - store old region for potential swap
+    const onNodeDragStart = useCallback((_, node) => {
+        // Only handle color nodes
+        if (node.type !== 'clientColorNode') {
+            return;
+        }
+        // Set flag to prevent panning
+        isDraggingNodeRef.current = true;
+        const draggedColor = node.data?.color;
+        if (!draggedColor || typeof draggedColor !== 'string') {
+            return;
+        }
+        // Check if this color node is from a region (has regionId in data)
+        const regionId = node.data?.regionId;
+        // Find the old region this color was assigned to (either from regionId or from assignments)
+        const assignedRegionId = regionId ||
+            Object.keys(regionAssignments).find((id) => regionAssignments[id] === draggedColor);
+        // Store the old region ID for potential swap
+        draggedNodeOldRegionRef.current = assignedRegionId || null;
+        if (assignedRegionId) {
+            // Temporarily remove the old assignment (will be restored or swapped)
+            setRegionAssignments((prev) => {
+                const newAssignments = { ...prev };
+                delete newAssignments[assignedRegionId];
+                return newAssignments;
+            });
+            // Ngay lập tức cập nhật lại region node để hiển thị vùng drop
+            setNodes((prevNodes) => prevNodes.map((n) => {
+                if (n.id !== assignedRegionId || n.type !== 'clientColorRegionNode') {
+                    return n;
+                }
+                return {
+                    ...n,
+                    data: {
+                        ...n.data,
+                        savedColor: '',
+                    },
+                    style: {
+                        ...n.style,
+                        pointerEvents: 'auto',
+                    },
+                };
+            }));
+        }
+    }, [regionAssignments, setNodes]);
+    const onNodeDrag = useCallback((_, node) => {
+        if (node.type !== 'clientColorNode') {
+            return;
+        }
+        const draggedColor = node.data?.color;
+        if (!draggedColor || typeof draggedColor !== 'string') {
+            setHighlightedRegionId(null);
+            return;
+        }
+        const parseDimension = (value) => {
+            if (typeof value === 'number') {
+                return Number.isFinite(value) ? value : null;
+            }
+            if (typeof value === 'string') {
+                const parsed = parseFloat(value);
+                return Number.isFinite(parsed) ? parsed : null;
+            }
+            return null;
+        };
+        const getNodeDimension = (targetNode, key) => {
+            const direct = key in targetNode ? targetNode[key] : null;
+            if (typeof direct === 'number' && Number.isFinite(direct)) {
+                return direct;
+            }
+            const styleValue = targetNode.measured
+                ? targetNode.measured[key]
+                : undefined;
+            return parseDimension(styleValue);
+        };
+        const getRegionPixelSize = (targetRegion) => {
+            if (imageDimensions.width <= 0 || imageDimensions.height <= 0) {
+                return null;
+            }
+            const styleWidth = parseDimension(targetRegion.style?.width);
+            const styleHeight = parseDimension(targetRegion.style?.height);
+            if (styleWidth && styleHeight) {
+                return {
+                    width: Math.max(styleWidth, 60),
+                    height: Math.max(styleHeight, 40),
+                };
+            }
+            const regionData = targetRegion.data;
+            if (regionData?.width === undefined ||
+                regionData?.height === undefined ||
+                typeof regionData.width !== 'number' ||
+                typeof regionData.height !== 'number') {
+                return null;
+            }
+            return {
+                width: Math.max((regionData.width / 100) * imageDimensions.width, 60),
+                height: Math.max((regionData.height / 100) * imageDimensions.height, 40),
+            };
+        };
+        const highlightedColorNodeClass = '';
+        const draggingColorNodeClass = ''; // Bỏ border khi đang drag
+        const intersectingNodes = getIntersectingNodes(node, true);
+        const colorNodeIds = intersectingNodes
+            .filter((n) => n.type === 'clientColorNode')
+            .map((n) => n.id);
+        const intersectingRegions = intersectingNodes.filter((n) => n.type === 'clientColorRegionNode' && n.id !== 'unassigned-region');
+        const nodeY = node.position.y;
+        const isInUnassignedRegion = nodeY >= 0 && nodeY <= 100;
+        if (intersectingRegions.length > 0) {
+            setHighlightedRegionId(intersectingRegions[0].id);
+            if (!colorNodeIds.includes(node.id)) {
+                colorNodeIds.push(node.id);
+            }
+        }
+        else if (isInUnassignedRegion) {
+            setHighlightedRegionId('unassigned-region');
+        }
+        else {
+            setHighlightedRegionId(null);
+        }
+        setNodes((prevNodes) => prevNodes.map((n) => n.type === 'clientColorNode'
+            ? {
+                ...n,
+                data: {
+                    ...n.data,
+                    highlightClass: colorNodeIds.includes(n.id)
+                        ? highlightedColorNodeClass
+                        : n.id === node.id
+                            ? draggingColorNodeClass
+                            : undefined,
+                    highlightStyle: colorNodeIds.includes(n.id) &&
+                        n.id === node.id &&
+                        intersectingRegions.length > 0
+                        ? (() => {
+                            const targetRegion = intersectingRegions[0];
+                            const regionSize = getRegionPixelSize(targetRegion);
+                            const nodeWidth = getNodeDimension(n, 'width');
+                            const nodeHeight = getNodeDimension(n, 'height');
+                            if (!regionSize || !nodeWidth || !nodeHeight) {
+                                return undefined;
+                            }
+                            return {
+                                transform: `scale(${Number(regionSize.width) / Number(nodeWidth)}, ${Number(regionSize.height) / Number(nodeHeight)})`,
+                                transformOrigin: 'center center',
+                                transition: 'transform 180ms ease-out',
+                            };
+                        })()
+                        : undefined,
+                    isHighlighted: colorNodeIds.includes(n.id),
+                },
+            }
+            : n));
+    }, [getIntersectingNodes, imageDimensions, setNodes]);
+    // Handle node drag stop (drop) with intersection detection
+    const onNodeDragStop = useCallback((_, node) => {
+        if (node.type !== 'clientColorNode')
+            return;
+        setNodes((prevNodes) => prevNodes.map((n) => n.type === 'clientColorNode'
+            ? {
+                ...n,
+                data: {
+                    ...n.data,
+                    highlightClass: undefined,
+                    highlightStyle: undefined,
+                    isHighlighted: false,
+                },
+            }
+            : n));
+        const draggedColor = node.data?.color;
+        if (!draggedColor || typeof draggedColor !== 'string') {
+            setHighlightedRegionId(null);
+            return;
+        }
+        // Get intersecting nodes using React Flow's built-in method with partial intersection
+        const intersectingNodes = getIntersectingNodes(node, true); // partially = true
+        // Find intersecting region nodes (excluding unassigned region - we'll check it manually)
+        const intersectingRegions = intersectingNodes.filter((n) => n.type === 'clientColorRegionNode' && n.id !== 'unassigned-region');
+        // Manually check if node is in unassigned region area (top 100px)
+        const nodeY = node.position.y;
+        const isInUnassignedRegion = nodeY >= 0 && nodeY <= 100;
+        // Clear highlight
+        setHighlightedRegionId(null);
+        if (intersectingRegions.length > 0) {
+            const targetRegion = intersectingRegions[0];
+            const oldRegionId = draggedNodeOldRegionRef.current;
+            // Drop into a regular region
+            const existingColorInTargetRegion = regionAssignments[targetRegion.id];
+            if (existingColorInTargetRegion && existingColorInTargetRegion !== draggedColor) {
+                // Swap: Target region already has a color node
+                // 1. Assign dragged color to target region
+                // 2. Assign existing color to old region (if exists) or remove it
+                setRegionAssignments((prev) => {
+                    const newAssignments = { ...prev };
+                    // Assign dragged color to target region
+                    newAssignments[targetRegion.id] = draggedColor;
+                    // If dragged color had an old region, assign existing color to old region
+                    if (oldRegionId) {
+                        newAssignments[oldRegionId] = existingColorInTargetRegion;
+                    }
+                    // If dragged color had no old region, existing color will be removed from assignments
+                    // (it will go back to original position - already removed when we set newAssignments)
+                    return newAssignments;
+                });
+            }
+            else {
+                // Simple assignment: Target region is empty or same color
+                setRegionAssignments((prev) => ({
+                    ...prev,
+                    [targetRegion.id]: draggedColor,
+                }));
+            }
+            // Clear the ref
+            draggedNodeOldRegionRef.current = null;
+        }
+        else if (isInUnassignedRegion) {
+            // Drop into unassigned region area - remove assignment and return to original position
+            const oldRegionId = draggedNodeOldRegionRef.current;
+            if (oldRegionId) {
+                setRegionAssignments((prev) => {
+                    const newAssignments = { ...prev };
+                    delete newAssignments[oldRegionId];
+                    return newAssignments;
+                });
+            }
+            // Reset node position to original position
+            const originalNode = questionData.colorNodes.find((n) => n.color === draggedColor);
+            if (originalNode) {
+                const currentAssignments = oldRegionId
+                    ? Object.fromEntries(Object.entries(regionAssignments).filter(([id]) => id !== oldRegionId))
+                    : regionAssignments;
+                const unassignedColors = questionData.colorNodes.filter((n) => !Object.values(currentAssignments).includes(n.color) || n.color === draggedColor);
+                const itemsPerRow = 4;
+                const nodeIndex = unassignedColors.findIndex((n) => n.id === originalNode.id);
+                const row = Math.floor(nodeIndex / itemsPerRow);
+                const col = nodeIndex % itemsPerRow;
+                const originalPosition = { x: 50 + col * 200, y: 20 + row * 80 };
+                // Update node position
+                setNodes((prevNodes) => prevNodes.map((n) => (n.id === node.id ? { ...n, position: originalPosition } : n)));
+            }
+            draggedNodeOldRegionRef.current = null;
+        }
+        else {
+            // Drop outside any valid region - return to original position
+            // If it was assigned to a region, remove the assignment
+            if (draggedNodeOldRegionRef.current) {
+                setRegionAssignments((prev) => {
+                    const newAssignments = { ...prev };
+                    delete newAssignments[draggedNodeOldRegionRef.current];
+                    return newAssignments;
+                });
+            }
+            // Reset node position to original position
+            const originalNode = questionData.colorNodes.find((n) => n.color === draggedColor);
+            if (originalNode) {
+                const currentAssignments = draggedNodeOldRegionRef.current
+                    ? Object.fromEntries(Object.entries(regionAssignments).filter(([id]) => id !== draggedNodeOldRegionRef.current))
+                    : regionAssignments;
+                const unassignedColors = questionData.colorNodes.filter((n) => !Object.values(currentAssignments).includes(n.color) || n.color === draggedColor);
+                const itemsPerRow = 4;
+                const nodeIndex = unassignedColors.findIndex((n) => n.id === originalNode.id);
+                const row = Math.floor(nodeIndex / itemsPerRow);
+                const col = nodeIndex % itemsPerRow;
+                const originalPosition = { x: 50 + col * 200, y: 20 + row * 80 };
+                // Update node position
+                setNodes((prevNodes) => prevNodes.map((n) => (n.id === node.id ? { ...n, position: originalPosition } : n)));
+            }
+            // Clear the ref
+            draggedNodeOldRegionRef.current = null;
+        }
+        // Clear dragging flag
+        isDraggingNodeRef.current = false;
+    }, [getIntersectingNodes, regionAssignments, questionData.colorNodes, setNodes]);
+    // Memoize color nodes to avoid unnecessary recalculations
+    // Only show color nodes that are NOT assigned to any region (they will be shown in regions when assigned)
+    const colorFlowNodes = useMemo(() => {
+        if (!questionData.colorNodes || questionData.colorNodes.length === 0) {
+            return [];
+        }
+        // Filter out color nodes that are already assigned to regions
+        const unassignedColors = questionData.colorNodes.filter((node) => !Object.values(regionAssignments).includes(node.color));
+        const itemsPerRow = 4; // 4 items per row
+        return unassignedColors.map((node, index) => {
+            const row = Math.floor(index / itemsPerRow);
+            const col = index % itemsPerRow;
+            return {
+                id: node.id,
+                type: 'clientColorNode',
+                position: { x: 50 + col * 200, y: 20 + row * 80 },
+                data: {
+                    color: node.color,
+                    isEditMode: false,
+                    isConnected: false, // These are unassigned, so always false
+                    displayMode: 'compact',
+                    onRemove: () => {
+                        // Remove assignment when color node is removed
+                        const regionId = Object.keys(regionAssignments).find((id) => regionAssignments[id] === node.color);
+                        if (regionId) {
+                            setRegionAssignments((prev) => {
+                                const newAssignments = { ...prev };
+                                delete newAssignments[regionId];
+                                return newAssignments;
+                            });
+                        }
+                    },
+                },
+                draggable: true, // Enable dragging in client mode
+            };
+        });
+    }, [questionData.colorNodes, regionAssignments]);
+    // Memoize color nodes that are assigned to regions (render them inside regions for dragging)
+    const colorNodesInRegions = useMemo(() => {
+        if (!imageLoaded || imageDimensions.width <= 0)
+            return [];
+        return questionData.regionNodes
+            .filter((region) => regionAssignments[region.id]) // Only regions with assigned colors
+            .map((region) => {
+            const assignedColor = regionAssignments[region.id];
+            const colorNodeData = questionData.colorNodes.find((n) => n.color === assignedColor);
+            if (!colorNodeData)
+                return null;
+            // Position and size color node relative to region
+            const flowWidth = flowRef.current?.clientWidth || 0;
+            const startX = flowWidth > 0 && imageDimensions.width > 0
+                ? Math.max(50, (flowWidth - imageDimensions.width) / 2)
+                : 50;
+            const regionX = startX + (region.x / 100) * imageDimensions.width;
+            const regionY = imageStartY + (region.y / 100) * imageDimensions.height;
+            const regionWidth = (region.width / 100) * imageDimensions.width;
+            const regionHeight = (region.height / 100) * imageDimensions.height;
+            // Apply min dimensions to match ColorRegionNode behavior
+            const minWidth = 60;
+            const minHeight = 40;
+            const finalWidth = Math.max(regionWidth, minWidth);
+            const finalHeight = Math.max(regionHeight, minHeight);
+            return {
+                id: `color-in-region-${region.id}`,
+                type: 'clientColorNode',
+                position: {
+                    x: regionX,
+                    y: regionY,
+                },
+                data: {
+                    color: assignedColor,
+                    isEditMode: false,
+                    isConnected: true,
+                    regionId: region.id, // Store region ID for reference
+                    onRemove: () => handleRemoveColorFromRegion(region.id),
+                },
+                draggable: true,
+                width: finalWidth,
+                height: finalHeight,
+                style: {
+                    width: `${finalWidth}px`,
+                    height: `${finalHeight}px`,
+                    margin: 0,
+                    padding: 0,
+                    boxSizing: 'border-box',
+                },
+            };
+        })
+            .filter((node) => node !== null);
+    }, [
+        imageLoaded,
+        imageDimensions,
+        questionData.regionNodes,
+        questionData.colorNodes,
+        regionAssignments,
+        handleRemoveColorFromRegion,
+    ]);
+    // Memoize region nodes to avoid unnecessary recalculations
+    // Regions will be positioned on the image in the middle section
+    const regionFlowNodes = useMemo(() => {
+        if (!imageLoaded || imageDimensions.width <= 0)
+            return [];
+        // Calculate image position in the middle section
+        // Image starts after color nodes section (top ~200px) and is centered
+        const imageStartY = 200; // Start image after color nodes
+        const imageStartX = 50; // Left margin
+        const flowWidth = flowRef.current?.clientWidth || 0;
+        const imageLeft = flowWidth > 0 ? (flowWidth - imageDimensions.width) / 2 : imageStartX;
+        return questionData.regionNodes.map((region) => {
+            const savedColor = regionAssignments[region.id] || '';
+            return {
+                id: region.id,
+                type: 'clientColorRegionNode',
+                position: {
+                    x: imageLeft + (region.x / 100) * imageDimensions.width,
+                    y: imageStartY + (region.y / 100) * imageDimensions.height,
+                },
+                data: {
+                    color: region.color,
+                    x: region.x,
+                    y: region.y,
+                    width: region.width,
+                    height: region.height,
+                    isEditMode: false,
+                    isClientMode: true,
+                    savedColor: savedColor, // Only use assignments from client interactions
+                    onFillColor: (color) => handleFillRegionColor(region.id, color),
+                    onRemove: () => handleRemoveColorFromRegion(region.id), // Add remove handler for client mode
+                    isHighlighted: highlightedRegionId === region.id, // Pass highlight state
+                },
+                draggable: false,
+                style: {
+                    width: `${(region.width / 100) * imageDimensions.width}px`,
+                    height: `${(region.height / 100) * imageDimensions.height}px`,
+                    pointerEvents: (savedColor ? 'none' : 'auto'), // Disable pointer events when ColorNode is assigned
+                },
+                zIndex: 0, // Ensure regions are below color nodes
+            };
+        });
+    }, [
+        imageLoaded,
+        imageDimensions,
+        questionData.regionNodes,
+        regionAssignments,
+        handleFillRegionColor,
+        handleRemoveColorFromRegion,
+        highlightedRegionId,
+    ]);
+    // Update nodes when dependencies change
+    useEffect(() => {
+        // Skip updating nodes if we're currently dragging a node
+        // This prevents position reset during drag operations
+        if (isDraggingNodeRef.current) {
+            return;
+        }
+        // Don't include unassigned region as a React Flow node - render it as background instead
+        const allNodes = [...regionFlowNodes, ...colorFlowNodes, ...colorNodesInRegions];
+        setNodes(allNodes);
+    }, [
+        colorFlowNodes,
+        colorNodesInRegions,
+        regionFlowNodes,
+        setNodes,
+        imageLoaded,
+        imageDimensions,
+    ]);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: config.clientTitle }), _jsx("p", { className: "text-sm text-gray-500", children: config.clientSubtitle })] }) }), questionData.instructions && questionData.instructions.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-gray-100 bg-gradient-to-r from-blue-50 to-indigo-50 px-4 py-2.5", children: [_jsx("svg", { className: "h-5 w-5 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" }) }), _jsx("h3", { className: "text-sm font-semibold text-gray-800", children: "H\u01B0\u1EDBng d\u1EABn" })] }), _jsx("div", { className: "divide-y divide-gray-50 mt-2", children: questionData.instructions.map((instruction, index) => (_jsx("div", { className: "flex items-center gap-3 px-5 py-2 transition-colors hover:bg-gray-50", children: _jsxs("span", { className: "text-sm font-semibold text-gray-700", children: [index + 1, ". ", instruction] }) }, index))) })] })), _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg", children: [_jsx("div", { className: "border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-5 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-red-400" }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-yellow-400" }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-green-400" }), _jsx("span", { className: "ml-3 text-sm font-medium text-gray-500", children: "Workspace" })] }) }), _jsxs("div", { className: "relative bg-gradient-to-br from-slate-50 to-gray-100", style: { height: '800px', width: '100%' }, ref: flowRef, children: [_jsx("div", { className: "pointer-events-none absolute", style: {
+                                    left: `${imageStartX}px`,
+                                    top: `${imageStartY}px`,
+                                    width: imageDimensions.width ? `${imageDimensions.width}px` : 'auto',
+                                    height: imageDimensions.height ? `${imageDimensions.height}px` : 'auto',
+                                    zIndex: 0,
+                                }, children: isLoadingImage ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-500", children: "\u0110ang t\u1EA3i h\u00ECnh \u1EA3nh..." })) : backgroundImagePreviewUrl ? (_jsx("img", { ref: imageRef, src: backgroundImagePreviewUrl, alt: "Background", className: "h-full w-full object-contain", style: imageDimensions.width && imageDimensions.height
+                                        ? {
+                                            width: `${imageDimensions.width}px`,
+                                            height: `${imageDimensions.height}px`,
+                                        }
+                                        : undefined, onLoad: handleImageLoad, onError: () => {
+                                        toast.error('Không thể load ảnh!');
+                                        setImageLoaded(false);
+                                    } })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-500", children: "Kh\u00F4ng c\u00F3 h\u00ECnh \u1EA3nh" })) }), _jsx(ReactFlow, { nodes: nodes, edges: [], onNodesChange: reactFlowOnNodesChange, onNodeDragStart: onNodeDragStart, onNodeDrag: onNodeDrag, onNodeDragStop: onNodeDragStop, onEdgesChange: onEdgesChange, nodeTypes: nodeTypes, defaultViewport: { x: 0, y: 0, zoom: 1 }, fitView: false, nodesDraggable: true, nodesConnectable: false, elementsSelectable: false, panOnDrag: false, panOnScroll: false, zoomOnScroll: false, zoomOnDoubleClick: false, zoomOnPinch: false, preventScrolling: true, autoPanOnNodeDrag: false, autoPanOnConnect: false, proOptions: { hideAttribution: true }, style: {
+                                    width: '100%',
+                                    height: '100%',
+                                    position: 'absolute',
+                                    top: 0,
+                                    left: 0,
+                                    zIndex: 10,
+                                }, children: _jsx(Background, {}) })] })] }), isReviewMode && explanation && (_jsx("div", { className: "rounded-xl bg-gradient-to-r from-blue-50 to-indigo-50 p-4 border border-blue-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-white", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-semibold text-blue-700 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-gray-700 leading-relaxed", children: explanation })] })] }) }))] }));
+}
+export function ColorRegionClient(props) {
+    return (_jsx(ReactFlowProvider, { children: _jsx(ColorRegionClientContent, { ...props }) }));
+}
+//# sourceMappingURL=ColorRegionClient.js.map

package/dist/components/questions/components/ColorRegionClient.js.map

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

package/dist/components/questions/components/ColorRegionCreator.d.ts

@@ -0,0 +1,8 @@
+import { ReadAndColorObjectsCreatorProps } from '../_shared/types/read-and-color-objects.type';
+import type { ColorRegionConfig } from '../_shared/types/color-region.config';
+export interface ColorRegionCreatorExportProps extends ReadAndColorObjectsCreatorProps {
+    config: ColorRegionConfig;
+    ClientComponent: React.ComponentType<any>;
+}
+export declare function ColorRegionCreator(props: ColorRegionCreatorExportProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorRegionCreator.d.ts.map

package/dist/components/questions/components/ColorRegionCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorRegionCreator.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/components/ColorRegionCreator.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACH,+BAA+B,EAIlC,MAAM,8CAA8C,CAAC;AAStD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AA43B9E,MAAM,WAAW,6BAA8B,SAAQ,+BAA+B;IAClF,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,6BAA6B,+BAEtE"}