@flowuent-org/diagramming-core 1.3.6 → 1.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowuent-org/diagramming-core",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/packages/diagrams/src/lib/components/automation/AutomationApiNode.tsx

@@ -14,7 +14,6 @@ import {
 } from '@mui/icons-material';
 import { RiCloseLine, RiUser2Line } from 'react-icons/ri';
 import ReactJson from 'react-json-view';
-import { getIconByName } from '../../utils/iconMapper';
 import { useTranslation } from 'react-i18next';
 import { useDiagram } from '../../contexts/DiagramProvider';
 import { AISuggestion } from './AISuggestionsModal';
@@ -23,6 +22,7 @@ import { NodeActionButtons } from './NodeActionButtons';
 import { showNodeAIAssistantPopup } from './NodeAIAssistantPopup';
 import { useSearch } from '../../contexts/SearchContext';
 import { getStatusColor } from './statusColors';
+import { ApiNodeIcon } from '../../../../../molecules/src/lib/SvgIcons/icons';
 
 interface AutomationApiNodeProps {
     data: {
@@ -75,9 +75,6 @@ export const AutomationApiNode: React.FC<AutomationApiNodeProps> = ({ data, sele
     const nodes = useDiagram((state) => state.nodes);
     const setNodes = useDiagram((state) => state.setNodes);
 
-    // Get the icon component based on the iconName
-    const IconComponent = getIconByName(data.iconName);
-
 
 
     const handleJsonClick = () => {
@@ -335,18 +332,18 @@ export const AutomationApiNode: React.FC<AutomationApiNodeProps> = ({ data, sele
                 {/* Title Section */}
                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
-                        <Box
+                    <Box
                             sx={{
                                 width: '32px',
                                 height: '32px',
-                                backgroundColor: '#0ea5e9',
+                                backgroundColor: '#1E3A8A',
                                 borderRadius: '50%',
                                 display: 'flex',
                                 alignItems: 'center',
                                 justifyContent: 'center',
-                            }}
+                            }}                       
                         >
-                            <IconComponent sx={{ color: 'white', fontSize: '18px' }} />
+                            <ApiNodeIcon/>
                         </Box>
                         <Typography variant="h6" sx={{ fontWeight: 600, fontSize: '16px' }}>
                             {highlightText(data.label)}

package/packages/diagrams/src/lib/components/automation/AutomationEndNode.tsx

@@ -5,7 +5,6 @@ import { Box, Typography, Chip, IconButton, Card, CardContent, Button } from '@m
 import { AccessTime as AccessTimeIcon, Visibility as VisibilityIcon, Save as SaveIcon, Send as SendIcon, Lightbulb as LightbulbIcon } from '@mui/icons-material';
 import { RiCloseLine, RiUser2Line } from 'react-icons/ri';
 import ReactJson from 'react-json-view';
-import { getIconByName } from '../../utils/iconMapper';
 import { useTranslation } from 'react-i18next';
 import { useDiagram } from '../../contexts/DiagramProvider';
 import { AISuggestion } from './AISuggestionsModal';
@@ -14,7 +13,7 @@ import { NodeActionButtons } from './NodeActionButtons';
 import { showNodeAIAssistantPopup } from './NodeAIAssistantPopup';
 import { useSearch } from '../../contexts/SearchContext';
 import { getStatusColor } from './statusColors';
-import { EndNodeIcon } from '@flowuent-labs/molecules';
+import { EndNodeIcon } from '../../../../../molecules/src/lib/SvgIcons/icons';
 
 interface AutomationEndNodeProps {
     data: {
@@ -56,9 +55,7 @@ export const AutomationEndNode: React.FC<AutomationEndNodeProps> = ({ data, sele
     const nodes = useDiagram((state) => state.nodes);
     const setNodes = useDiagram((state) => state.setNodes);
 
-    // Get the icon component based on the iconName
-    const IconComponent = getIconByName(data.iconName);
-    const isEndNode = data.label === 'End' || data.label === 'End Node';
+    // Always use EndNodeIcon for automation end nodes
 
     const handleJsonClick = () => {
         if (nodeId) setSelectedNode(nodeId);
@@ -266,23 +263,10 @@ export const AutomationEndNode: React.FC<AutomationEndNodeProps> = ({ data, sele
                 {/* Title Section */}
                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
-                        <Box
-                            sx={{
-                                width: '32px',
-                                height: '32px',
-                                backgroundColor: '#0ea5e9', // Blue-green color like in image
-                                borderRadius: '50%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                            }}
-                        >
-                            {isEndNode ? (
-                                <EndNodeIcon size={18} color="#FFFFFF" />
-                            ) : (
-                                <IconComponent sx={{ color: 'white', fontSize: '18px' }} />
-                            )}
-                        </Box>
+                       
+                            
+                            <EndNodeIcon />
+                        
                         <Typography variant="h6" sx={{ fontWeight: 600, fontSize: '16px' }}>
                             {highlightText(data.label)}
                         </Typography>

package/packages/diagrams/src/lib/components/automation/AutomationFormattingNode.tsx

@@ -14,7 +14,6 @@ import {
 } from '@mui/icons-material';
 import { RiCloseLine, RiUser2Line } from 'react-icons/ri';
 import ReactJson from 'react-json-view';
-import { getIconByName } from '../../utils/iconMapper';
 import { useTranslation } from 'react-i18next';
 import { useDiagram } from '../../contexts/DiagramProvider';
 import { AISuggestion } from './AISuggestionsModal';
@@ -23,7 +22,7 @@ import { NodeActionButtons } from './NodeActionButtons';
 import { showNodeAIAssistantPopup } from './NodeAIAssistantPopup';
 import { useSearch } from '../../contexts/SearchContext';
 import { getStatusColor } from './statusColors';
-import { ArticleAnalyzerIcon } from '@flowuent-labs/molecules';
+import { ArticleAnalyzerIcon, FormattingNodeIcon } from '../../../../../molecules/src/lib/SvgIcons/icons';
 
 interface AutomationFormattingNodeProps {
     data: {
@@ -83,11 +82,6 @@ export const AutomationFormattingNode: React.FC<AutomationFormattingNodeProps> =
 
     // Check if this is Article Analyzer node
     const isArticleAnalyzer = data.label === 'Article Analyzer';
-    
-    // Get the icon component based on the iconName or use ArticleAnalyzerIcon for Article Analyzer
-    const IconComponent = isArticleAnalyzer 
-        ? ArticleAnalyzerIcon 
-        : getIconByName(data.iconName);
 
     const handleJsonClick = () => {
         if (nodeId) setSelectedNode(nodeId);
@@ -344,23 +338,9 @@ export const AutomationFormattingNode: React.FC<AutomationFormattingNodeProps> =
                 {/* Title Section */}
                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
-                        <Box
-                            sx={{
-                                width: '32px',
-                                height: '32px',
-                                backgroundColor: '#1E3A8A', 
-                                borderRadius: '50%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                            }}
-                        >
-                            {isArticleAnalyzer ? (
-                                <ArticleAnalyzerIcon size={18} color="#FFFFFF" />
-                            ) : (
-                                <IconComponent size={18} color="#FFFFFF" />
-                            )}
-                        </Box>
+                        
+                                <FormattingNodeIcon  />
+                           
                         <Typography variant="h6" sx={{ fontWeight: 600, fontSize: '16px' }}>
                             {highlightText(data.label)}
                         </Typography>