{"version":3,"file":"static/js/main-c45011c8.bda5ba07.js","mappings":"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","sources":["Components/Node/frameNode/Frame.js"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Box, Stack, TextField } from \"@mui/material\";\r\nimport {\r\n  Handle,\r\n  NodeResizeControl,\r\n  useReactFlow,\r\n  useStoreApi,\r\n  useStore,\r\n  NodeToolbar,\r\n  Position,\r\n  getConnectedEdges,\r\n  NodeResizer,\r\n} from \"reactflow\";\r\nimport { getNodePositionInsideParent } from \"../../../Utils/grouping-utils\";\r\nimport OpenInFullIcon from \"@mui/icons-material/OpenInFull\";\r\nimport FrameToolbar from \"./FrameToolbar\";\r\nimport {\r\n  IcEyeClose2,\r\n  IcPhone,\r\n  IcTablet,\r\n} from \"../../../assets/icon-components\";\r\nimport { useLocation, useParams } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { fixOrphanNodes, getId, updateJson } from \"../../../CommanFunctions/commanFunctions\";\r\n// import { useStore } from \"react-redux\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { debounce } from \"lodash\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport { useUndoRedo } from \"../../DrawBoard/dndUndoRedo/UndoRedoProvider\";\r\nimport { useSocketContext } from \"../../../Utils/hooks/useSocketContext\";\r\nimport { socketEvents } from \"../../DrawBoard/const\";\r\nimport { createSliceId, sliceChange } from \"../../../Redux/sidebarSlice\";\r\nimport useNodeSelectionStarted from \"../../../Utils/hooks/useNodeSelectionStarted\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\n\r\nconst Frame = (node) => {\r\n  const userRowData = localStorage.getItem(\"user_data\");\r\n  const userDataLocal = userRowData ? JSON.parse(userRowData) : {};\r\n  const { socket } = useSocketContext();\r\n\r\n  const { permission, showExport, copyAsImage, isDownload } = useSelector(\r\n    (state) => state.mindMapStore\r\n  );\r\n  const { isNodeSelectionStarted } = useNodeSelectionStarted({\r\n    selected: node?.selected,\r\n  });\r\n  const zoomLevel =\r\n    useStore((s) => Math.round(s.transform[2] * 100) / 100) * 100;\r\n  const mainZoomPercentages = Math.floor(zoomLevel);\r\n  const [zoomPercentages, setZoomPercentages] = useState(100);\r\n  const [name, setName] = useState(node?.data?.frameName);\r\n  const isResizing = useRef(false);\r\n\r\n  const handleResize = () => {\r\n    isResizing.current = true;\r\n  };\r\n\r\n  const debouncedSearch = useMemo(\r\n    () =>\r\n      debounce((value) => {\r\n        let updatedNodes = [];\r\n\r\n        setNodes((prev) => {\r\n          localStorage.setItem(\r\n            \"architectureJson\",\r\n            JSON.stringify({\r\n              architecture_json: {\r\n                nodes: prev,\r\n                // lastUpdatedBy: userData?.user_id,\r\n                lastEvent: ``,\r\n              },\r\n            })\r\n          );\r\n          updatedNodes = prev?.map((_) => {\r\n            if (_?.id === node?.id) {\r\n              _.data = {\r\n                ..._.data,\r\n                frameName: value,\r\n              };\r\n              return _;\r\n            } else {\r\n              return _;\r\n            }\r\n          });\r\n\r\n          return updatedNodes;\r\n        });\r\n\r\n        const search = new URLSearchParams(location.search);\r\n        const a_id = search.get(\"a_id\");\r\n        let parsedData = {};\r\n        if (user_data) {\r\n          parsedData = JSON.parse(user_data);\r\n        }\r\n\r\n        updateJson({\r\n          json: {\r\n            architecture_json: {\r\n              nodes: updatedNodes,\r\n              lastUpdatedBy: parsedData?.user_id,\r\n            },\r\n          },\r\n          id,\r\n          dispatch,\r\n          undo,\r\n          a_id,\r\n          takeSnapshot,\r\n        });\r\n      }, 750),\r\n    []\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (socket) {\r\n      socket.on(socketEvents.NODE_UPDATED, (data) => {\r\n        const jsonData = data?.architecture_json;\r\n        const currentNode = jsonData?.nodes?.find(\r\n          (val) => val?.id === node?.id\r\n        );\r\n        if (jsonData?.lastUpdatedBy !== userDataLocal?.user_id) {\r\n          // here s logic state update\r\n          setName(currentNode?.data?.frameName);\r\n        }\r\n      });\r\n    }\r\n  }, [socket]);\r\n\r\n  useEffect(() => {\r\n    setName(node?.data?.frameName);\r\n  }, [node?.data?.frameName]);\r\n\r\n  let mainRef = useRef(null);\r\n  let frameRef = useRef(null);\r\n  const store = useStoreApi();\r\n  const {\r\n    setNodes,\r\n    getIntersectingNodes,\r\n    getNodes,\r\n    getNode,\r\n    getEdges,\r\n    setEdges,\r\n    project,\r\n    fitView,\r\n  } = useReactFlow();\r\n  const [hoveredItem, setHoveredItem] = useState(\"\");\r\n  const [isInputVisible, setIsInputVisible] = useState(false);\r\n  const [showDots, setShowDots] = useState(false);\r\n  const [isShowToolsPop, setIsShowToolsPop] = useState(true);\r\n  const location = useLocation();\r\n  const { id } = useParams();\r\n  const dispatch = useDispatch();\r\n  const { undo, takeSnapshot } = useUndoRedo();\r\n  const currNode = getNode(node.id);\r\n  const user_data = localStorage.getItem(\"user_data\");\r\n  const [clickTimeSTamps, setClickTimeStamps] = useState({\r\n    mouseDown: 0,\r\n    mouseUp: 0,\r\n    duration: 0,\r\n  });\r\n\r\n  const zoom = useStore((state) =>\r\n    (node?.selected || showDots) && !isNodeSelectionStarted\r\n      ? state?.transform?.[2]\r\n      : 1\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (mainRef.current && !isNodeSelectionStarted) {\r\n      setZoomPercentages(zoom * 100);\r\n    }\r\n  }, [zoom]);\r\n\r\n  const isItemToSmall = useMemo(\r\n    () => zoomPercentages <= 12.5,\r\n    [zoomPercentages]\r\n  );\r\n\r\n  const isWidthLessthan25 = useMemo(\r\n    () => 12.5 < zoomPercentages && zoomPercentages <= 25,\r\n    [zoomPercentages]\r\n  );\r\n\r\n  const isWidthLessthan50 = useMemo(\r\n    () => 25 < zoomPercentages && zoomPercentages <= 50,\r\n    [zoomPercentages]\r\n  );\r\n\r\n  const isWidthLessthan100 = useMemo(\r\n    () => 50 < zoomPercentages && zoomPercentages <= 100,\r\n    [zoomPercentages]\r\n  );\r\n\r\n  const onResizeStart = () => {\r\n    if (node?.data?.isOrgChartFrame) {\r\n      setNodes((prev) => {\r\n        const updatedNodes = prev?.map((nd) => {\r\n          if (nd.type === \"orgChart\" && nd?.data?.rootFrameId === node?.id) {\r\n            return {\r\n              ...nd,\r\n              data: {\r\n                ...nd.data,\r\n                previousWidth: nd.width,\r\n                previousHeight: nd.height,\r\n                previousPosition: nd.position,\r\n                previousPositionAbsolute: nd.positionAbsolute,\r\n                isResizing: true,\r\n              },\r\n            };\r\n          }\r\n          return nd;\r\n        });\r\n        return updatedNodes;\r\n      });\r\n    }\r\n  };\r\n\r\n  const onResize = (e, params) => {\r\n    const { height, width } = params;\r\n\r\n    const heightScale = height / node?.data?.previousHeight;\r\n    const widthScale = width / node?.data?.previousWidth;\r\n\r\n    if (node?.data?.isOrgChartFrame) {\r\n      setNodes((prev) => {\r\n        const updatedNodes = prev?.map((nd) => {\r\n          if (nd.type === \"orgChart\" && nd?.data?.rootFrameId === node?.id) {\r\n            return {\r\n              ...nd,\r\n              style: {\r\n                ...nd.style,\r\n                width: widthScale * nd.data.previousWidth,\r\n                height: heightScale * nd.data.previousHeight,\r\n              },\r\n              position: {\r\n                x: nd.data.previousPosition.x * widthScale,\r\n                y: nd.data.previousPosition.y * heightScale,\r\n              },\r\n              positionAbsolute: {\r\n                x: nd.data.previousPositionAbsolute.x * widthScale,\r\n                y: nd.data.previousPositionAbsolute.y * heightScale,\r\n              },\r\n            };\r\n          }\r\n          return nd;\r\n        });\r\n        return updatedNodes;\r\n      });\r\n    }\r\n  };\r\n\r\n  const onResizeEnd = (event, node) => {\r\n    let updatedNodes = [];\r\n    const updatedNode = [];\r\n\r\n    setNodes((prev) => {\r\n      localStorage.setItem(\r\n        \"architectureJson\",\r\n        JSON.stringify({\r\n          architecture_json: {\r\n            nodes: prev,\r\n            // lastUpdatedBy: userData?.user_id,\r\n            lastEvent: ``,\r\n          },\r\n        })\r\n      );\r\n\r\n      const newWidth = Number(mainRef?.current?.offsetWidth || 100);\r\n      const newHeight = Number(mainRef?.current?.offsetHeight || 100);\r\n\r\n      const newSizeRatio =\r\n        currNode.data.sizeRatio !== undefined\r\n          ? typeof currNode.data.sizeRatio === \"number\"\r\n            ? (newWidth * currNode.data.sizeRatio) / currNode.width\r\n            : 1\r\n          : 1;\r\n\r\n      updatedNodes = prev?.map((_) => {\r\n        if (_?.id === node?.id) {\r\n          _ = JSON.parse(JSON.stringify(_));\r\n          _.style.width = newWidth;\r\n          _.style.height = newHeight;\r\n\r\n          _.data.width = newWidth;\r\n          _.data.height = newHeight;\r\n          _.data.sizeRatio = newSizeRatio;\r\n\r\n          if (node?.data?.isOrgChartFrame) {\r\n            _.data.previousWidth = newWidth;\r\n            _.data.previousHeight = newHeight;\r\n          }\r\n\r\n          return _;\r\n        } else {\r\n          return _;\r\n        }\r\n      });\r\n\r\n      updatedNodes = updatedNodes?.map((n) => {\r\n        if (\r\n          n.type === \"orgChart\" &&\r\n          n?.data?.rootFrameId === node?.id &&\r\n          n.parentNode === node?.id\r\n        ) {\r\n          return {\r\n            ...n,\r\n            data: {\r\n              ...n.data,\r\n              isResizing: false,\r\n            },\r\n          };\r\n        }\r\n        return n;\r\n      });\r\n\r\n      // Check for intersections and handle node placement\r\n      updatedNodes = updatedNodes?.map((n) => {\r\n        const intersections = getIntersectingNodes(node, false);\r\n\r\n        let groupNode = null;\r\n        if (intersections?.length > 0) {\r\n          groupNode = intersections[intersections?.length - 1];\r\n        }\r\n\r\n        if (\r\n          node.type !== \"group\" &&\r\n          node?.parentNode &&\r\n          node?.parentNode === groupNode?.id\r\n        ) {\r\n          // node drop in in same Group\r\n          return n; // do nothing but do not delete\r\n        } else if (\r\n          intersections.length &&\r\n          node?.parentNode !== groupNode?.id &&\r\n          !node?.parentNode\r\n        ) {\r\n          /**.NODE DROP IN GROUP*/\r\n          if (n.id === groupNode.id) {\r\n            updatedNode.push({\r\n              ...n,\r\n              className: \"\",\r\n            });\r\n            return {\r\n              ...n,\r\n              className: \"\",\r\n            };\r\n          } else if (n.id === node.id && !n?.parentNode) {\r\n            const position = getNodePositionInsideParent(n, groupNode) ?? {\r\n              x: 0,\r\n              y: 0,\r\n            };\r\n            updatedNode.push({\r\n              ...n,\r\n              position,\r\n              parentNode: groupNode.id,\r\n              // extent: 'parent',\r\n            });\r\n            return {\r\n              ...n,\r\n              position,\r\n              parentNode: groupNode.id,\r\n              // extent: 'parent',\r\n            };\r\n          } else return n;\r\n        } else if (\r\n          // node.type !== \"group\" &&\r\n          node?.parentNode &&\r\n          node?.parentNode !== groupNode?.id &&\r\n          !groupNode\r\n        ) {\r\n          /** NODE DROP OUTSIDE */\r\n          if ([node?.id].includes(n.id) && node?.parentNode) {\r\n            const parentNode = store\r\n              .getState()\r\n              ?.nodeInternals?.get(node?.parentNode);\r\n            if (parentNode) {\r\n              const tempNode = {\r\n                ...n,\r\n                position: {\r\n                  x: n.position.x + (parentNode?.positionAbsolute?.x ?? 0),\r\n                  y: n.position.y + (parentNode?.positionAbsolute?.y ?? 0),\r\n                },\r\n                expandParent: undefined,\r\n                parentNode: undefined,\r\n              };\r\n              updatedNode.push(tempNode);\r\n              return tempNode;\r\n            } else {\r\n              return n;\r\n            }\r\n          } else {\r\n            return n;\r\n          }\r\n        } else if (\r\n          // node.type !== \"group\" &&\r\n          node?.parentNode &&\r\n          node?.parentNode !== groupNode?.id &&\r\n          groupNode\r\n        ) {\r\n          /** NODE DIRECTLY DROP IN TO ONE GROUP TO ANOTHER GROUP*/\r\n          if (n?.id === node?.id) {\r\n            n = structuredClone(n);\r\n            n.parentNode = groupNode?.id;\r\n            n.position = {\r\n              x:\r\n                (node?.positionAbsolute?.x || 0) -\r\n                (groupNode?.positionAbsolute?.x || 0),\r\n              y:\r\n                (node?.positionAbsolute?.y || 0) -\r\n                (groupNode?.positionAbsolute?.y || 0),\r\n            };\r\n            updatedNode.push(n);\r\n            return n;\r\n          } else return n;\r\n        } else {\r\n          if (n?.type === \"group\") {\r\n            // n.dragging = false;\r\n          }\r\n          return n; // DO NOTHING\r\n        }\r\n      });\r\n\r\n      return updatedNodes;\r\n    });\r\n\r\n    // Call updateJson once\r\n    const search = new URLSearchParams(location.search);\r\n    const a_id = search.get(\"a_id\");\r\n    let parsedData = {};\r\n    if (user_data) {\r\n      parsedData = JSON.parse(user_data);\r\n    }\r\n\r\n    updateJson({\r\n      json: {\r\n        architecture_json: {\r\n          nodes: updatedNodes,\r\n          lastUpdatedBy: parsedData?.user_id,\r\n        },\r\n      },\r\n      id,\r\n      dispatch,\r\n      undo,\r\n      a_id,\r\n      takeSnapshot,\r\n    });\r\n  };\r\n\r\n  const {\r\n    width: borderWidth,\r\n    type: borderStyle,\r\n    borderColor,\r\n  } = node?.data?.border;\r\n\r\n  const isNodeSelected = getNodes().filter(\r\n    (nd) => nd.id === node.id && node.selected === true\r\n  );\r\n\r\n  const inputSpanRef = useRef(null);\r\n  const inputRef = useRef(null);\r\n  const [isInputFocused, setIsInputFocused] = useState(false);\r\n\r\n  const handleClickRename = () => {\r\n    setIsInputVisible(true);\r\n    if (inputRef.current) {\r\n      setTimeout(() => {\r\n        inputRef.current?.focus();\r\n        inputRef.current.select();\r\n        setIsInputFocused(true);\r\n      }, 0);\r\n    }\r\n  };\r\n\r\n  const handleClickOutside = (event) => {\r\n    if (inputRef.current && !inputRef.current.contains(event.target)) {\r\n      setIsInputFocused(false);\r\n      setIsInputVisible(false);\r\n      // inputRef.current.blur();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, []);\r\n\r\n  const handleDragDuplicate = (e, node) => {\r\n    if (!e.altKey) return;\r\n    e.preventDefault();\r\n\r\n    let tempNode = null;\r\n\r\n    const currentNode = getNode(node.id);\r\n    const currentNodeHeight = currentNode.style.height\r\n      ? typeof currentNode.style.height === \"string\"\r\n        ? Number(currentNode.style.height.replace(\"px\", \"\"))\r\n        : currentNode.style.height\r\n      : currentNode.height || 100;\r\n\r\n    const currentNodeWidth = currentNode.style.width\r\n      ? typeof currentNode.style.width === \"string\"\r\n        ? Number(currentNode.style.width.replace(\"px\", \"\"))\r\n        : currentNode.style.width\r\n      : currentNode.width || 100;\r\n\r\n    const childNodes = getNodes().filter((nd) => nd.parentNode === node.id);\r\n\r\n    const idMapping = {};\r\n    const duplicateChildNodes = childNodes.map((cNode) => {\r\n      const newId = getId();\r\n      idMapping[cNode.id] = newId;\r\n      return {\r\n        ...cNode,\r\n        id: newId,\r\n        parentNode: node.id,\r\n      };\r\n    });\r\n\r\n    const selectedEdges = getConnectedEdges(childNodes, getEdges()).filter(\r\n      (edge) => {\r\n        return (\r\n          childNodes.some((n) => n.id === edge.source) &&\r\n          childNodes.some((n) => n.id === edge.target)\r\n        );\r\n      }\r\n    );\r\n\r\n    const now = Date.now();\r\n    const newEdges = selectedEdges\r\n      .filter((edge) => idMapping[edge.source] && idMapping[edge.target])\r\n      .map((edge) => {\r\n        const id = `${edge.id}-${now}`;\r\n        const source = idMapping[edge.source] || edge.source;\r\n        const target = idMapping[edge.target] || edge.target;\r\n        const edgeDataPoints = edge?.data?.points?.map((val) => ({\r\n          ...val,\r\n          x: val.x + Number(currentNodeWidth) + 20,\r\n        }));\r\n\r\n        return {\r\n          ...edge,\r\n          id,\r\n          source,\r\n          target,\r\n          data: { ...edge?.data, points: edgeDataPoints },\r\n          selected: false,\r\n        };\r\n      });\r\n\r\n    const onMouseMove = (moveEvent) => {\r\n      const canvasPosition = project({\r\n        x: moveEvent.clientX,\r\n        y: moveEvent.clientY,\r\n      });\r\n\r\n      if (!tempNode) {\r\n        const duplicatedFrame = {\r\n          ...node,\r\n          id: getId(),\r\n          position: {\r\n            x: canvasPosition.x,\r\n            y: canvasPosition.y,\r\n          },\r\n          positionAbsolute: {\r\n            x: canvasPosition.x,\r\n            y: canvasPosition.y,\r\n          },\r\n          data: {\r\n            ...node.data,\r\n            frameName: `${\r\n              currentNode.data.frameName.includes(\"(Copy)\") ||\r\n              currentNode.data.frameName.includes(\"Copy\")\r\n                ? currentNode.data.frameName\r\n                : `${currentNode.data.frameName} (Copy)`\r\n            }`,\r\n            height: currentNodeHeight,\r\n            width: currentNodeWidth,\r\n          },\r\n          style: {\r\n            ...currNode?.style,\r\n            width: currentNodeWidth,\r\n            height: currentNodeHeight,\r\n          },\r\n        };\r\n\r\n        const updatedDuplicateChildNodes = duplicateChildNodes.map((cNode) => ({\r\n          ...cNode,\r\n          parentNode: duplicatedFrame.id,\r\n        }));\r\n\r\n        const updatedNodes = [\r\n          ...getNodes().map((nd) => ({ ...nd, selected: false })),\r\n          duplicatedFrame,\r\n          ...updatedDuplicateChildNodes,\r\n        ];\r\n\r\n        setNodes(updatedNodes);\r\n        setEdges((edges) => [...edges, ...newEdges]);\r\n\r\n        tempNode = duplicatedFrame;\r\n      } else {\r\n        setNodes((nds) =>\r\n          nds.map((n) =>\r\n            n.id === tempNode.id\r\n              ? {\r\n                  ...n,\r\n                  position: {\r\n                    x: canvasPosition.x,\r\n                    y: canvasPosition.y,\r\n                  },\r\n                  positionAbsolute: {\r\n                    x: canvasPosition.x,\r\n                    y: canvasPosition.y,\r\n                  },\r\n                }\r\n              : n\r\n          )\r\n        );\r\n      }\r\n    };\r\n\r\n    const onMouseUp = () => {\r\n      if (tempNode) {\r\n        const updatedNodes = getNodes();\r\n        const updatedEdges = getEdges();\r\n\r\n        localStorage.setItem(\r\n          \"architectureJson\",\r\n          JSON.stringify({\r\n            architecture_json: {\r\n              nodes: updatedNodes,\r\n              edges: updatedEdges,\r\n              lastEvent: \"\",\r\n            },\r\n          })\r\n        );\r\n\r\n        const search = new URLSearchParams(location.search);\r\n        const a_id = search.get(\"a_id\");\r\n        let parsedData = {};\r\n        if (user_data) {\r\n          parsedData = JSON.parse(user_data);\r\n        }\r\n\r\n        updateJson({\r\n          json: {\r\n            architecture_json: {\r\n              nodes: updatedNodes,\r\n              edges: updatedEdges,\r\n              lastUpdatedBy: parsedData?.user_id,\r\n            },\r\n          },\r\n          id,\r\n          dispatch,\r\n          undo,\r\n          a_id,\r\n          takeSnapshot,\r\n        });\r\n\r\n        tempNode = null;\r\n        document.removeEventListener(\"mousemove\", onMouseMove);\r\n        document.removeEventListener(\"mouseup\", onMouseUp);\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousemove\", onMouseMove);\r\n    document.addEventListener(\"mouseup\", onMouseUp);\r\n  };\r\n\r\n  const inputWidth = useMemo(() => {\r\n    return !isInputFocused\r\n      ? inputSpanRef?.current?.offsetWidth >\r\n        (currNode.width - 8) * (mainZoomPercentages / 100)\r\n        ? mainZoomPercentages === 100\r\n          ? currNode.width - 8\r\n          : (currNode.width - 8) * (mainZoomPercentages / 100)\r\n        : inputSpanRef?.current?.offsetWidth > 1000\r\n        ? inputSpanRef?.current?.offsetWidth - 125\r\n        : inputSpanRef?.current?.offsetWidth > 600\r\n        ? inputSpanRef?.current?.offsetWidth - 75\r\n        : inputSpanRef?.current?.offsetWidth > 400\r\n        ? inputSpanRef?.current?.offsetWidth - 40\r\n        : inputSpanRef?.current?.offsetWidth > 200\r\n        ? inputSpanRef?.current?.offsetWidth - 20\r\n        : inputSpanRef?.current?.offsetWidth\r\n      : inputSpanRef?.current?.offsetWidth > 1000\r\n      ? inputSpanRef?.current?.offsetWidth - 125\r\n      : inputSpanRef?.current?.offsetWidth > 600\r\n      ? inputSpanRef?.current?.offsetWidth - 75\r\n      : inputSpanRef?.current?.offsetWidth > 400\r\n      ? inputSpanRef?.current?.offsetWidth - 40\r\n      : inputSpanRef?.current?.offsetWidth > 200\r\n      ? inputSpanRef?.current?.offsetWidth - 20\r\n      : inputSpanRef?.current?.offsetWidth;\r\n  }, [\r\n    currNode.width,\r\n    isInputFocused,\r\n    mainZoomPercentages,\r\n    inputSpanRef?.current?.offsetWidth,\r\n  ]);\r\n  const slideId = useSelector(({ sidebar }) => sidebar?.slideId);\r\n  const getFrameNodeId = getNodes()\r\n    .filter((val) => val.type === \"frame\")\r\n    ?.map((val) => val?.id)\r\n    ?.findIndex((val) => val === node?.id);\r\n\r\n  const addPresentationShowDataSlide1 = useSelector(\r\n    ({ sidebar }) => sidebar?.presentationShowDataSlide\r\n  );\r\n  const addPresentationShowDataSlide1111 = useSelector(\r\n    ({ sidebar }) => sidebar?.presentationShowDataSlide\r\n  )?.filter((val) => val?.type === \"frame\");\r\n  const addPresentation = useSelector(\r\n    ({ sidebar }) => sidebar?.presentationShowData\r\n  );\r\n\r\n  const presentation = useSelector(({ sidebar }) => sidebar?.presentationShow);\r\n\r\n  const slideID = useSelector(({ sidebar }) => sidebar?.slideId);\r\n  const slide = useSelector(({ sidebar }) => sidebar?.slide);\r\n\r\n  const currentShowingSlide = useSelector(\r\n    ({ sidebar }) => sidebar?.presentationShowDataSlide\r\n  )?.find((val) => val?.id === slideID);;\r\n\r\n  useEffect(() => {\r\n    if (slideID && addPresentationShowDataSlide1) {\r\n      const currentSlideIndex = slide - 1;\r\n      // const currentSlide = addPresentationShowDataSlide1111[currentSlideIndex];\r\n      const currentSlide = currentShowingSlide;\r\n\r\n      if (!currentSlide) {\r\n        console.error(`Slide at index ${currentSlideIndex} not found.`);\r\n        return;\r\n      }\r\n\r\n      let allInsideNodes = addPresentation?.filter(\r\n        (n) =>\r\n          n.id !== currentSlide?.id &&\r\n          n.type !== \"orgChart\" &&\r\n          node.type !== \"TreeView\" && \r\n          n.positionAbsolute &&\r\n          currentSlide?.positionAbsolute &&\r\n          n.positionAbsolute.x >= currentSlide?.positionAbsolute?.x &&\r\n          n.positionAbsolute.x + n.width <=\r\n          currentSlide?.positionAbsolute?.x + currentSlide?.width &&\r\n          n.positionAbsolute.y >= currentSlide?.positionAbsolute?.y &&\r\n          n.positionAbsolute.y + n.height <=\r\n          currentSlide?.positionAbsolute?.y + currentSlide?.height\r\n      );\r\n\r\n      allInsideNodes = fixOrphanNodes(allInsideNodes);\r\n\r\n      let updatedCurrentSlide = { ...currentSlide, parentNode: null, position: currentSlide.positionAbsolute };\r\n\r\n      setNodes([\r\n        updatedCurrentSlide,\r\n        ...(allInsideNodes || []),\r\n      ]);\r\n      setTimeout(() => {\r\n        fitView({\r\n          nodes: [{ id: updatedCurrentSlide.id }],\r\n          duration: 800,\r\n          padding: 0,\r\n        });\r\n      }, 300);\r\n    }\r\n  }, [addPresentationShowDataSlide1, slideID, slide]);\r\n\r\n  function getTextColorBasedOnBg(backgroundColor) {\r\n    const match = backgroundColor.match(\r\n      /rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*[\\d.]+)?\\)/\r\n    );\r\n\r\n    if (!match) return \"white\";\r\n\r\n    const [, r, g, b] = match.map(Number);\r\n\r\n    const luminance =\r\n      0.2126 * (r / 255) + 0.7152 * (g / 255) + 0.0722 * (b / 255);\r\n\r\n    return luminance > 0.7 ? \"#282828\" : \"#FFFFFF\";\r\n  }\r\n\r\n  const textColor = getTextColorBasedOnBg(node.data.style.background);\r\n\r\n  return (\r\n    <Stack\r\n      ref={mainRef}\r\n      data-id={`frame-${node?.id}`}\r\n      sx={{\r\n        ...node?.data?.style,\r\n        pointerEvents: permission === \"can_edit\" ? \"all\" : \"none\",\r\n        position: \"relative\",\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        background: \"transparent\",\r\n        cursor: !node?.selected && \"pointer\",\r\n        border:\r\n          node.selected && !copyAsImage && !isDownload && !presentation\r\n            ? `1px solid ${color?.primaryColor}`\r\n            : presentation && showDots && node?.id !== slideId\r\n            ? `1px solid ${color?.primaryColor}`\r\n            : \"none\",\r\n        ...(node.data.isShadow\r\n          ? { boxShadow: \"0px 1px 8px 0px #00000014\" }\r\n          : {}),\r\n      }}\r\n      onMouseOver={() => setShowDots(true)}\r\n      onMouseLeave={() => setShowDots(false)}\r\n      onMouseDownCapture={(e) => {\r\n        if (e.altKey) {\r\n          e.stopPropagation();\r\n          handleDragDuplicate(e, node);\r\n        }\r\n        node.data.locked === true && e.stopPropagation();\r\n      }}\r\n      onDoubleClick={handleClickRename}\r\n    >\r\n      <NodeToolbar\r\n        isVisible={mainZoomPercentages > 25 && !slideId}\r\n        position={Position.Top}\r\n        align=\"start\"\r\n        style={{\r\n          left: 0,\r\n          top: node.data.variant === \"section\" ? \"2px\" : \"4px\",\r\n          zIndex: 1,\r\n        }}\r\n        onDoubleClick={() => {\r\n          setIsInputVisible(true);\r\n        }}\r\n      >\r\n        <Stack\r\n          sx={{\r\n            width: node?.style?.width,\r\n            flex: 1,\r\n          }}\r\n        >\r\n          <Stack\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n            direction={\"row\"}\r\n            sx={{\r\n              width: node?.style?.width,\r\n              cursor: \"pointer\",\r\n              height: node.data.variant === \"section\" ? \"26px\" : \"auto\",\r\n              // px: node.data.variant === \"section\" ? \"10px\" : 0,\r\n              paddingLeft: node.data.variant === \"section\" ? \"10px\" : 0,\r\n              borderRadius: node.data.variant === \"section\" ? \"6px\" : 0,\r\n              background:\r\n                node.data.variant === \"section\" && node?.data?.defaultColor\r\n                  ? node.data.style.background\r\n                  : node.data.variant === \"section\" && !node?.data?.defaultColor\r\n                  ? \"#DCDEE0\"\r\n                  : \"transparent\",\r\n\r\n              \"& input\": {\r\n                cursor: isInputFocused ? \"\" : \"pointer\",\r\n                fontSize: \"14px !important\",\r\n                border: \"none !important\",\r\n                outline: \"none !important\",\r\n                background: \"transparent !important\",\r\n                whiteSpace: isInputFocused ? \"normal\" : \"nowrap\",\r\n                overflow: isInputFocused ? \"visible\" : \"hidden\",\r\n                textOverflow: isInputFocused ? \"clip\" : \"ellipsis\",\r\n              },\r\n            }}\r\n          >\r\n            {isInputVisible ? (\r\n              <TextField\r\n                value={name}\r\n                ref={inputRef}\r\n                autoFocus\r\n                autoComplete=\"off\"\r\n                onFocus={() => setIsInputFocused(true)}\r\n                onBlur={() => setIsInputFocused(false)}\r\n                onChange={(e) => {\r\n                  setName(e.target.value);\r\n                  debouncedSearch(e.target.value);\r\n                }}\r\n                onClick={(e) => {\r\n                  const input = e.target;\r\n                  let selectionStart = input.selectionStart;\r\n                  let selectionEnd = input.selectionEnd;\r\n\r\n                  if (selectionStart > selectionEnd) {\r\n                    [selectionStart, selectionEnd] = [\r\n                      selectionEnd,\r\n                      selectionStart,\r\n                    ];\r\n                  }\r\n\r\n                  if (\r\n                    selectionStart !== selectionEnd &&\r\n                    clickTimeSTamps.duration < 200\r\n                  ) {\r\n                    const clickPosition =\r\n                      e.nativeEvent.offsetX / input.scrollWidth;\r\n\r\n                    const cursorIndex = Math.floor(\r\n                      clickPosition * input.value.length + 2\r\n                    );\r\n\r\n                    if (\r\n                      cursorIndex !== selectionStart &&\r\n                      cursorIndex !== selectionEnd\r\n                    ) {\r\n                      input.setSelectionRange(cursorIndex, cursorIndex);\r\n                    }\r\n                  }\r\n                }}\r\n                onDoubleClick={(e) => {\r\n                  e.target.select();\r\n                }}\r\n                onMouseDownCapture={(e) =>\r\n                  setClickTimeStamps((prev) => ({\r\n                    ...prev,\r\n                    mouseDown: e.timeStamp,\r\n                  }))\r\n                }\r\n                onMouseUpCapture={(e) =>\r\n                  setClickTimeStamps((prev) => {\r\n                    const clickDuration = e.timeStamp - prev.mouseDown;\r\n\r\n                    return {\r\n                      ...prev,\r\n                      mouseUp: e.timeStamp,\r\n                      duration: clickDuration,\r\n                    };\r\n                  })\r\n                }\r\n                sx={{\r\n                  \"& .MuiOutlinedInput-root\": {\r\n                    // width:inputWidth,\r\n                    border: \"none\",\r\n                    padding: \"0px\",\r\n                    \"& fieldset\": {\r\n                      border: \"none\",\r\n                    },\r\n                    \"&:hover fieldset\": {\r\n                      border: \"none\",\r\n                    },\r\n\r\n                    \"& .MuiInputBase-input\": {\r\n                      padding: \"0\",\r\n                      border: \"none\",\r\n                      color:\r\n                        node.data.variant === \"section\"\r\n                          ? textColor\r\n                          : \"#848382 !important\",\r\n                      fontSize: \"14px\",\r\n                      fontWeight: \"400\",\r\n\r\n                      resize: \"none\",\r\n                      borderRadius: \"0px\",\r\n                    },\r\n                  },\r\n                }}\r\n                style={{\r\n                  backgroundColor: \"transparent\",\r\n                  border: \"none\",\r\n                  outline: \"none\",\r\n                  width: inputWidth + 20,\r\n                }}\r\n              />\r\n            ) : (\r\n              <div\r\n                style={{\r\n                  color:\r\n                    node.data.variant === \"section\"\r\n                      ? textColor\r\n                      : \"#848382 !important\",\r\n                  resize: \"none\",\r\n                  fontSize: \"14px\",\r\n                  width:\r\n                    node.data.variant === \"section\"\r\n                      ? inputWidth - 4\r\n                      : inputWidth + 8,\r\n                  whiteSpace: \"nowrap\",\r\n                  overflow: \"hidden\",\r\n                  textOverflow: \"ellipsis\",\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {name}\r\n              </div>\r\n            )}\r\n            <span\r\n              ref={inputSpanRef}\r\n              style={{\r\n                position: \"absolute\",\r\n                visibility: \"hidden\",\r\n                whiteSpace: \"pre\",\r\n                fontSize: \"14px !important\",\r\n              }}\r\n            >\r\n              {name}\r\n            </span>\r\n          </Stack>\r\n        </Stack>\r\n      </NodeToolbar>\r\n      {/* {presentation && showDots && node?.id !== slideId && (\r\n        <Box\r\n          onClick={() => {\r\n            dispatch(sliceChange(getFrameNodeId + 1));\r\n            dispatch(createSliceId(node?.id));\r\n          }}\r\n          sx={{\r\n            position: \"absolute\",\r\n            top: \"0\",\r\n            right: \"0\",\r\n            // width:\"15px\",\r\n            // height:\"15px\",\r\n            padding: \"10px\",\r\n            // background: color?.primaryColor,\r\n          }}\r\n        >\r\n          <OpenInFullIcon />{\" \"}\r\n        </Box>\r\n      )} */}\r\n      {!isInputFocused &&\r\n        !isNodeSelectionStarted &&\r\n        node.selected &&\r\n        !node.dragging && (\r\n          <FrameToolbar\r\n            node={node}\r\n            isShowToolsPop={isShowToolsPop}\r\n            setIsShowToolsPop={setIsShowToolsPop}\r\n            handleClickRename={handleClickRename}\r\n            simpleRef={mainRef}\r\n          />\r\n        )}\r\n      {node?.selected &&\r\n        !showExport &&\r\n        !node.data.locked &&\r\n        !copyAsImage &&\r\n        !isDownload &&\r\n        !slideId && (\r\n          <>\r\n            {!node?.data?.isOrgChartFrame && (\r\n              <NodeResizer\r\n                color=\"transparent\"\r\n                minWidth={50}\r\n                minHeight={50}\r\n                onResizeStart={onResizeStart}\r\n                onResizeEnd={(e) => onResizeEnd(e, node)}\r\n                onResize={(e) => {\r\n                  handleResize();\r\n                }}\r\n              />\r\n            )}\r\n            <NodeResizeControl\r\n              keepAspectRatio={\r\n                node?.data?.isOrgChartFrame ||\r\n                node?.data?.variant === \"phone\" ||\r\n                node?.data?.variant === \"tablet\" ||\r\n                node?.data?.variant === \"browser\"\r\n                  ? true\r\n                  : false\r\n              }\r\n              position=\"bottom-right\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              onResize={onResize}\r\n              onResizeStart={onResizeStart}\r\n              minWidth={100}\r\n              minHeight={100}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  background: node?.selected ? \"#FFFFFF\" : \"transparent\",\r\n                  width: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  height: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  borderRadius: \"1.5px\",\r\n                  transform: isWidthLessthan100\r\n                    ? `translate(-5px, -5px)`\r\n                    : isWidthLessthan50\r\n                    ? `translate(-8px, -8px)`\r\n                    : isWidthLessthan25\r\n                    ? `translate(-11px, -13px)`\r\n                    : `translate(-3.5px, -3.5px)`,\r\n                  border: node?.selected\r\n                    ? `1px solid ${color?.primaryColor}`\r\n                    : \"none\",\r\n                  \"&:hover\": { bgcolor: color?.primaryColor },\r\n                }}\r\n              />\r\n            </NodeResizeControl>\r\n            <NodeResizeControl\r\n              // onResizeStart={() => setIsResizing(true)}\r\n              keepAspectRatio={\r\n                node?.data?.isOrgChartFrame ||\r\n                node?.data?.variant === \"phone\" ||\r\n                node?.data?.variant === \"tablet\" ||\r\n                node?.data?.variant === \"browser\"\r\n                  ? true\r\n                  : false\r\n              }\r\n              position=\"bottom-left\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              onResize={onResize}\r\n              onResizeStart={onResizeStart}\r\n              minWidth={100}\r\n              minHeight={100}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  background: node?.selected ? \"#FFFFFF\" : \"transparent\",\r\n                  width: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  height: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  borderRadius: \"1.5px\",\r\n                  // transform: isWidthLessthan100\r\n                  //   ? `translate(-3px, -4px)`\r\n                  //   : isWidthLessthan50\r\n                  //   ? `translate(-5px, -5.5px)`\r\n                  //   : isWidthLessthan25\r\n                  //   ? `translate(-6px, -6.5px)`\r\n                  //   : `translate(-2px, -3px)`,\r\n                  transform: isWidthLessthan100\r\n                    ? `translate(-6px, -5px)`\r\n                    : isWidthLessthan50\r\n                    ? `translate(-7.5px, -5.5px)`\r\n                    : isWidthLessthan25\r\n                    ? `translate(-15px, -10px)`\r\n                    : `translate(-5px, -3.5px)`,\r\n                  border: node?.selected\r\n                    ? `1px solid ${color?.primaryColor}`\r\n                    : \"none\",\r\n                  \"&:hover\": { bgcolor: color?.primaryColor },\r\n                }}\r\n              />\r\n            </NodeResizeControl>\r\n            <NodeResizeControl\r\n              keepAspectRatio={\r\n                node?.data?.isOrgChartFrame ||\r\n                node?.data?.variant === \"phone\" ||\r\n                node?.data?.variant === \"tablet\" ||\r\n                node?.data?.variant === \"browser\"\r\n                  ? true\r\n                  : false\r\n              }\r\n              position=\"top-right\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              onResize={onResize}\r\n              onResizeStart={onResizeStart}\r\n              minWidth={100}\r\n              minHeight={100}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  background: node?.selected ? \"#FFFFFF\" : \"transparent\",\r\n                  width: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  height: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  borderRadius: \"1.5px\",\r\n                  transform: isWidthLessthan100\r\n                    ? `translate(-5px, -6px)`\r\n                    : isWidthLessthan50\r\n                    ? `translate(-7.5px, -10px)`\r\n                    : isWidthLessthan25\r\n                    ? `translate(-10px, -14px)`\r\n                    : `translate(-3.5px, -4.5px)`,\r\n                  border: node?.selected\r\n                    ? `1px solid ${color?.primaryColor}`\r\n                    : \"none\",\r\n                  \"&:hover\": { bgcolor: color?.primaryColor },\r\n                }}\r\n              />\r\n            </NodeResizeControl>\r\n            <NodeResizeControl\r\n              keepAspectRatio={\r\n                node?.data?.isOrgChartFrame ||\r\n                node?.data?.variant === \"phone\" ||\r\n                node?.data?.variant === \"tablet\" ||\r\n                node?.data?.variant === \"browser\"\r\n                  ? true\r\n                  : false\r\n              }\r\n              position=\"top-left\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              onResize={onResize}\r\n              onResizeStart={onResizeStart}\r\n              minWidth={100}\r\n              minHeight={100}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  background: node?.selected ? \"#FFFFFF\" : \"transparent\",\r\n                  width: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  height: isWidthLessthan100\r\n                    ? \"13px\"\r\n                    : isWidthLessthan50\r\n                    ? \"20px\"\r\n                    : isWidthLessthan25\r\n                    ? \"30px\"\r\n                    : \"10px\",\r\n                  borderRadius: \"1.5px\",\r\n                  transform: isWidthLessthan100\r\n                    ? `translate(-6px, -6px)`\r\n                    : isWidthLessthan50\r\n                    ? `translate(-10px, -7.5px)`\r\n                    : isWidthLessthan25\r\n                    ? `translate(-15px, -14px)`\r\n                    : `translate(-4.5px, -4.5px)`,\r\n                  border: node?.selected\r\n                    ? `1px solid ${color?.primaryColor}`\r\n                    : \"none\",\r\n                  \"&:hover\": { bgcolor: color?.primaryColor },\r\n                }}\r\n              />\r\n            </NodeResizeControl>\r\n          </>\r\n        )}\r\n\r\n      {!node?.dragging &&\r\n        !showExport &&\r\n        !isItemToSmall &&\r\n        !node.data.locked &&\r\n        !copyAsImage &&\r\n        !isDownload &&\r\n        !slideId && (\r\n          <>\r\n            <Handle\r\n              id={\"bbb\"}\r\n              // type=\"source\"\r\n              connectionMode=\"loose\"\r\n              className=\"edge_points\"\r\n              position=\"left\"\r\n              isConnectable={true}\r\n              style={{\r\n                width: isWidthLessthan100\r\n                  ? \"11px\"\r\n                  : isWidthLessthan50\r\n                  ? \"15px\"\r\n                  : isWidthLessthan25\r\n                  ? \"24px\"\r\n                  : \"8px\",\r\n                height: \"22px\",\r\n                maxWidth: \"100%\",\r\n                maxHeight: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"flex-start\",\r\n                alignItems: \"center\",\r\n                zIndex: 9999,\r\n                position: \"absolute\",\r\n                background: \"transparent\",\r\n                border: \"none\",\r\n                transform: `translateY(-50%)`,\r\n                left:\r\n                  node.selected || showDots\r\n                    ? isWidthLessthan100\r\n                      ? \"-4.5px\"\r\n                      : isWidthLessthan50\r\n                      ? \"-5.5px\"\r\n                      : isWidthLessthan25\r\n                      ? \"-12px\"\r\n                      : \"-4.5px\"\r\n                    : \"1px\",\r\n              }}\r\n              onConnect={(params) => console.log(\"handle onConnect\", params)}\r\n              onMouseOver={() => {\r\n                setShowDots(true);\r\n                setHoveredItem(\"left\");\r\n              }}\r\n              onMouseLeave={() => {\r\n                setShowDots(false);\r\n                setHoveredItem(\"\");\r\n              }}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n              }}\r\n            >\r\n              {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n                <Box\r\n                  sx={{\r\n                    background:\r\n                      (showDots && hoveredItem !== \"left\") ||\r\n                      (node.selected && hoveredItem !== \"left\")\r\n                        ? \"#CCDEF9\"\r\n                        : hoveredItem === \"left\"\r\n                        ? color?.primaryColor\r\n                        : \"transparent\",\r\n                    border:\r\n                      showDots || node.selected\r\n                        ? `1px solid ${color?.primaryColor}`\r\n                        : // : \"1px solid transparent\",\r\n                          \"none\",\r\n                    transform: hoveredItem === \"left\" ? \"scale(1.5)\" : \"\",\r\n                    borderRadius: \"50%\",\r\n                    pointerEvents: \"none\",\r\n                    width: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                    height: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                  }}\r\n                />\r\n              )}\r\n            </Handle>\r\n            <Handle\r\n              id={\"ccc\"}\r\n              // type=\"target\"\r\n              connectionMode=\"loose\"\r\n              position=\"right\"\r\n              className=\"edge_points\"\r\n              isConnectable={true}\r\n              style={{\r\n                background: \"transparent\",\r\n                border: \"none\",\r\n                zIndex: 9999,\r\n                position: \"absolute\",\r\n                transform: `translateY(-50%)`,\r\n                width: isWidthLessthan100\r\n                  ? \"11px\"\r\n                  : isWidthLessthan50\r\n                  ? \"15px\"\r\n                  : isWidthLessthan25\r\n                  ? \"24px\"\r\n                  : \"8px\",\r\n                height: \"22px\",\r\n                maxWidth: \"100%\",\r\n                maxHeight: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"flex-end\",\r\n                alignItems: \"center\",\r\n                right:\r\n                  node.selected || showDots\r\n                    ? isWidthLessthan100\r\n                      ? \"-4.5px\"\r\n                      : isWidthLessthan50\r\n                      ? \"-5.5px\"\r\n                      : isWidthLessthan25\r\n                      ? \"-12px\"\r\n                      : \"-4.5px\"\r\n                    : \"1px\",\r\n              }}\r\n              onConnect={(params) => console.log(\"handle onConnect\", params)}\r\n              onMouseOver={() => {\r\n                setShowDots(true);\r\n                setHoveredItem(\"right\");\r\n              }}\r\n              onMouseLeave={() => {\r\n                setShowDots(false);\r\n                setHoveredItem(\"\");\r\n              }}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n              }}\r\n            >\r\n              {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n                <Box\r\n                  sx={{\r\n                    background:\r\n                      (showDots && hoveredItem !== \"right\") ||\r\n                      (node.selected && hoveredItem !== \"right\")\r\n                        ? \"#CCDEF9\"\r\n                        : hoveredItem === \"right\"\r\n                        ? color?.primaryColor\r\n                        : \"transparent\",\r\n                    border:\r\n                      showDots || node.selected\r\n                        ? `1px solid ${color?.primaryColor}`\r\n                        : // : \"1px solid transparent\",\r\n                          \"none\",\r\n                    transform: hoveredItem === \"right\" ? \"scale(1.5)\" : \"\",\r\n                    borderRadius: \"50%\",\r\n                    pointerEvents: \"none\",\r\n                    width: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                    height: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                  }}\r\n                />\r\n              )}\r\n            </Handle>\r\n            <Handle\r\n              id={\"aaa\"}\r\n              // type=\"target\"\r\n              connectionMode=\"loose\"\r\n              position=\"top\"\r\n              isConnectable={true}\r\n              className=\"edge_points\"\r\n              style={{\r\n                background: \"transparent\",\r\n                border: \"none\",\r\n                zIndex: 9999,\r\n                position: \"absolute\",\r\n                left: \"50%\",\r\n                transform: `translateX(-50%)`,\r\n                width: \"22px\",\r\n                height: isWidthLessthan100\r\n                  ? \"11px\"\r\n                  : isWidthLessthan50\r\n                  ? \"15px\"\r\n                  : isWidthLessthan25\r\n                  ? \"24px\"\r\n                  : \"8px\",\r\n                maxWidth: \"100%\",\r\n                maxHeight: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"flex-start\",\r\n                top:\r\n                  node.selected || showDots\r\n                    ? isWidthLessthan100\r\n                      ? \"-4.5px\"\r\n                      : isWidthLessthan50\r\n                      ? \"-5.5px\"\r\n                      : isWidthLessthan25\r\n                      ? \"-12px\"\r\n                      : \"-4.5px\"\r\n                    : \"1px\",\r\n              }}\r\n              onMouseOver={() => {\r\n                setShowDots(true);\r\n                setHoveredItem(\"top\");\r\n              }}\r\n              onMouseLeave={() => {\r\n                setShowDots(false);\r\n                setHoveredItem(\"\");\r\n              }}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n              }}\r\n            >\r\n              {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n                <Box\r\n                  sx={{\r\n                    background:\r\n                      (showDots && hoveredItem !== \"top\") ||\r\n                      (node.selected && hoveredItem !== \"top\")\r\n                        ? \"#CCDEF9\"\r\n                        : hoveredItem === \"top\"\r\n                        ? color?.primaryColor\r\n                        : \"transparent\",\r\n                    border:\r\n                      showDots || node.selected\r\n                        ? `1px solid ${color?.primaryColor}`\r\n                        : // : \"1px solid transparent\",\r\n                          \"none\",\r\n                    transform: hoveredItem === \"top\" ? \"scale(1.5)\" : \"\",\r\n                    borderRadius: \"50%\",\r\n                    pointerEvents: \"none\",\r\n                    width: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                    height: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                  }}\r\n                />\r\n              )}\r\n            </Handle>\r\n            <Handle\r\n              id=\"ddd\"\r\n              // type=\"source\"\r\n              connectionMode=\"loose\"\r\n              position=\"bottom\"\r\n              className=\"edge_points\"\r\n              isConnectable={true}\r\n              style={{\r\n                background: \"transparent\",\r\n                border: \"none\",\r\n                zIndex: 9999,\r\n                position: \"absolute\",\r\n                left: \"50%\",\r\n                transform: `translateX(-50%)`,\r\n                width: \"22px\",\r\n                height: isWidthLessthan100\r\n                  ? \"11px\"\r\n                  : isWidthLessthan50\r\n                  ? \"15px\"\r\n                  : isWidthLessthan25\r\n                  ? \"24px\"\r\n                  : \"8px\",\r\n                maxWidth: \"100%\",\r\n                maxHeight: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"flex-end\",\r\n                bottom:\r\n                  node.selected || showDots\r\n                    ? isWidthLessthan100\r\n                      ? \"-4.5px\"\r\n                      : isWidthLessthan50\r\n                      ? \"-5.5px\"\r\n                      : isWidthLessthan25\r\n                      ? \"-12px\"\r\n                      : \"-4.5px\"\r\n                    : \"1px\",\r\n              }}\r\n              onConnect={(params) => console.log(\"handle onConnect\", params)}\r\n              onMouseOver={() => {\r\n                setShowDots(true);\r\n                setHoveredItem(\"bottom\");\r\n              }}\r\n              onMouseLeave={() => {\r\n                setShowDots(false);\r\n                setHoveredItem(\"\");\r\n              }}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n              }}\r\n            >\r\n              {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n                <Box\r\n                  sx={{\r\n                    background:\r\n                      (showDots && hoveredItem !== \"bottom\") ||\r\n                      (node.selected && hoveredItem !== \"bottom\")\r\n                        ? \"#CCDEF9\"\r\n                        : hoveredItem === \"bottom\"\r\n                        ? color?.primaryColor\r\n                        : \"transparent\",\r\n                    border:\r\n                      showDots || node.selected\r\n                        ? `1px solid ${color?.primaryColor}`\r\n                        : // : \"1px solid transparent\",\r\n                          \"none\",\r\n                    transform: hoveredItem === \"bottom\" ? \"scale(1.5)\" : \"\",\r\n                    pointerEvents: \"none\",\r\n                    borderRadius: \"50%\",\r\n                    width: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                    height: isWidthLessthan100\r\n                      ? \"11px\"\r\n                      : isWidthLessthan50\r\n                      ? \"15px\"\r\n                      : isWidthLessthan25\r\n                      ? \"24px\"\r\n                      : \"8px\",\r\n                  }}\r\n                />\r\n              )}\r\n            </Handle>\r\n          </>\r\n        )}\r\n\r\n      {/* <Typography\r\n        fontSize={14}\r\n        color={\"#848382\"}\r\n        sx={{\r\n          width: \"max-content\",\r\n          position: \"absolute\",\r\n          left: 0,\r\n          top: \"-22px\",\r\n        }}\r\n      >\r\n        {node.data.frameName}\r\n      </Typography> */}\r\n      {node.data.hide ? (\r\n        <Stack\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n          sx={{\r\n            position: \"absolute\",\r\n            height: \"100%\",\r\n            width: \"100%\",\r\n            background: \"#F3F3F3\",\r\n            top: 0,\r\n            left: 0,\r\n            border: \"1px solid #EAEAEA\",\r\n          }}\r\n          onClick={() => {\r\n            setIsShowToolsPop(false);\r\n          }}\r\n        >\r\n          <IcEyeClose2 height=\"99\" width=\"99\" fill=\"#BABABA\" />\r\n        </Stack>\r\n      ) : (\r\n        <>\r\n          {node?.data?.showDevice ? (\r\n            node?.data?.variant === \"phone\" ? (\r\n              <IcPhone\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n                fill={node.data.style.background}\r\n              />\r\n            ) : node?.data?.variant === \"tablet\" ? (\r\n              <IcTablet\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n                fill={node.data.style.background}\r\n              />\r\n            ) : node?.data?.variant === \"browser\" ? (\r\n              <>\r\n                <Stack\r\n                  height={\"33px\"}\r\n                  width={\"100%\"}\r\n                  bgcolor={\"#DFE1E5\"}\r\n                  borderRadius={\"10px 10px 0px 0px\"}\r\n                  alignItems={\"center\"}\r\n                  direction={\"row\"}\r\n                  gap={\"7px\"}\r\n                  px={\"14px\"}\r\n                >\r\n                  <Box\r\n                    width={\"10px\"}\r\n                    height={\"10px\"}\r\n                    borderRadius={\"50%\"}\r\n                    bgcolor={\"#FFF\"}\r\n                  />\r\n                  <Box\r\n                    width={\"10px\"}\r\n                    height={\"10px\"}\r\n                    borderRadius={\"50%\"}\r\n                    bgcolor={\"#FFF\"}\r\n                  />\r\n                  <Box\r\n                    width={\"10px\"}\r\n                    height={\"10px\"}\r\n                    borderRadius={\"50%\"}\r\n                    bgcolor={\"#FFF\"}\r\n                  />\r\n                </Stack>\r\n                <Stack\r\n                  ref={frameRef}\r\n                  sx={{\r\n                    height: \"100%\",\r\n                    width: \"100%\",\r\n                    top: 0,\r\n                    left: 0,\r\n                    borderRadius: \"0px 0px 10px 10px\",\r\n                    background:\r\n                      node.data.variant === \"section\"\r\n                        ? commanService.downColoropacity(\r\n                            node.data.style.background,\r\n                            0.85\r\n                          )\r\n                        : node.data.style.background,\r\n                    ...(node.data.variant === \"section\"\r\n                      ? {\r\n                          border: `1px solid ${node.data.style.background}`,\r\n                        }\r\n                      : node.data.showBorder\r\n                      ? {\r\n                          border: `${borderWidth}px`,\r\n                          borderStyle: borderStyle,\r\n                          borderColor,\r\n                        }\r\n                      : {}),\r\n                  }}\r\n                  onClick={() => {\r\n                    setIsShowToolsPop(false);\r\n                    setIsInputVisible(false);\r\n                  }}\r\n                ></Stack>\r\n              </>\r\n            ) : null\r\n          ) : (\r\n            <Stack\r\n              ref={frameRef}\r\n              sx={{\r\n                height: \"100%\",\r\n                width: \"100%\",\r\n                top: 0,\r\n                left: 0,\r\n                borderRadius:\r\n                  node.data.variant === \"section\"\r\n                    ? node.selected\r\n                      ? 0\r\n                      : \"6px\"\r\n                    : 0,\r\n                background:\r\n                  node.data.variant === \"section\"\r\n                    ? commanService.downColoropacity(\r\n                        node.data.style.background,\r\n                        0.85\r\n                      )\r\n                    : node.data.style.background,\r\n                ...(node.data.variant === \"section\"\r\n                  ? { border: `1px solid ${node.data.style.background}` }\r\n                  : node.data.showBorder\r\n                  ? {\r\n                      border: `${borderWidth}px`,\r\n                      borderStyle: borderStyle,\r\n                      borderColor,\r\n                    }\r\n                  : {}),\r\n              }}\r\n              onClick={() => {\r\n                setIsShowToolsPop(false);\r\n                setIsInputVisible(false);\r\n              }}\r\n            ></Stack>\r\n          )}\r\n        </>\r\n      )}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default React.memo(Frame, (prevProps, nextProps) => {\r\n  return prevProps.data.globalDragging && nextProps.data.globalDragging;\r\n});\r\n"],"names":["Frame","node","_node$data","_node$data3","_node$data9","_inputSpanRef$current20","_getNodes$filter","_getNodes$filter$map","_useSelector","_useSelector2","_node$data10","_node$style","_node$style2","_node$data11","_node$data12","_node$data13","_node$data14","_node$data15","_node$data16","_node$data17","_node$data18","_node$data19","_node$data20","_node$data21","_node$data22","_node$data23","_node$data24","_node$data25","_node$data26","_node$data27","_node$data28","_node$data29","_node$data30","_node$data31","_node$data32","_node$data33","userRowData","localStorage","getItem","userDataLocal","JSON","parse","socket","useSocketContext","permission","showExport","copyAsImage","isDownload","useSelector","state","mindMapStore","isNodeSelectionStarted","useNodeSelectionStarted","selected","zoomLevel","useStore","s","Math","round","transform","mainZoomPercentages","floor","zoomPercentages","setZoomPercentages","useState","name","setName","data","frameName","isResizing","useRef","debouncedSearch","useMemo","debounce","value","_parsedData","updatedNodes","setNodes","prev","setItem","stringify","architecture_json","nodes","lastEvent","map","_","id","_objectSpread","a_id","URLSearchParams","location","search","get","parsedData","user_data","updateJson","json","lastUpdatedBy","user_id","dispatch","undo","takeSnapshot","useEffect","on","socketEvents","NODE_UPDATED","_jsonData$nodes","jsonData","currentNode","find","val","_currentNode$data","_node$data2","mainRef","frameRef","store","useStoreApi","getIntersectingNodes","getNodes","getNode","getEdges","setEdges","project","fitView","useReactFlow","hoveredItem","setHoveredItem","isInputVisible","setIsInputVisible","showDots","setShowDots","isShowToolsPop","setIsShowToolsPop","useLocation","useParams","useDispatch","useUndoRedo","currNode","clickTimeSTamps","setClickTimeStamps","mouseDown","mouseUp","duration","zoom","_state$transform","current","isItemToSmall","isWidthLessthan25","isWidthLessthan50","isWidthLessthan100","onResizeStart","_node$data4","isOrgChartFrame","nd","_nd$data","type","rootFrameId","previousWidth","width","previousHeight","height","previousPosition","position","previousPositionAbsolute","positionAbsolute","onResize","e","params","_node$data5","_node$data6","_node$data7","heightScale","widthScale","_nd$data2","style","x","y","onResizeEnd","event","_parsedData2","updatedNode","_mainRef$current","_mainRef$current2","_updatedNodes","_updatedNodes2","newWidth","Number","offsetWidth","newHeight","offsetHeight","newSizeRatio","undefined","sizeRatio","_ref","_node$data8","n","_n$data","parentNode","_groupNode","_groupNode2","_groupNode3","_groupNode4","intersections","groupNode","length","includes","_store$getState","_store$getState$nodeI","getState","nodeInternals","_parentNode$positionA","_parentNode$positionA2","_parentNode$positionA3","_parentNode$positionA4","tempNode","expandParent","push","_n2","_groupNode5","_node$positionAbsolut","_groupNode6","_groupNode6$positionA","_node$positionAbsolut2","_groupNode7","_groupNode7$positionA","_n3","structuredClone","_n","className","_getNodePositionInsid","getNodePositionInsideParent","borderWidth","borderStyle","borderColor","border","isNodeSelected","filter","inputSpanRef","inputRef","isInputFocused","setIsInputFocused","handleClickRename","setTimeout","_inputRef$current","focus","select","handleClickOutside","contains","target","document","addEventListener","removeEventListener","inputWidth","_inputSpanRef$current","_inputSpanRef$current2","_inputSpanRef$current3","_inputSpanRef$current4","_inputSpanRef$current5","_inputSpanRef$current6","_inputSpanRef$current7","_inputSpanRef$current8","_inputSpanRef$current9","_inputSpanRef$current10","_inputSpanRef$current11","_inputSpanRef$current12","_inputSpanRef$current13","_inputSpanRef$current14","_inputSpanRef$current15","_inputSpanRef$current16","_inputSpanRef$current17","_inputSpanRef$current18","_inputSpanRef$current19","slideId","_ref2","sidebar","addPresentationShowDataSlide1","findIndex","_ref3","presentationShowDataSlide","addPresentation","_ref4","_ref5","presentationShowData","presentation","_ref6","presentationShow","slideID","_ref7","slide","_ref8","currentShowingSlide","_ref9","currentSlide","allInsideNodes","_currentSlide$positio","_currentSlide$positio2","_currentSlide$positio3","_currentSlide$positio4","fixOrphanNodes","updatedCurrentSlide","padding","textColor","backgroundColor","match","r","g","b","getTextColorBasedOnBg","background","_jsxs","Stack","ref","concat","sx","pointerEvents","cursor","color","primaryColor","isShadow","boxShadow","onMouseOver","onMouseLeave","onMouseDownCapture","altKey","stopPropagation","handleDragDuplicate","preventDefault","currentNodeHeight","replace","currentNodeWidth","childNodes","idMapping","duplicateChildNodes","cNode","newId","getId","selectedEdges","getConnectedEdges","edge","some","source","now","Date","newEdges","_edge$data","_edge$data$points","edgeDataPoints","points","onMouseMove","moveEvent","canvasPosition","clientX","clientY","nds","duplicatedFrame","updatedDuplicateChildNodes","edges","onMouseUp","_parsedData3","updatedEdges","locked","onDoubleClick","children","_jsx","NodeToolbar","isVisible","Position","Top","align","left","top","variant","zIndex","flex","alignItems","justifyContent","direction","paddingLeft","borderRadius","defaultColor","fontSize","outline","whiteSpace","overflow","textOverflow","TextField","autoFocus","autoComplete","onFocus","onBlur","onChange","onClick","input","selectionStart","selectionEnd","clickPosition","nativeEvent","offsetX","scrollWidth","cursorIndex","setSelectionRange","timeStamp","onMouseUpCapture","clickDuration","fontWeight","resize","visibility","dragging","FrameToolbar","simpleRef","_Fragment","NodeResizer","minWidth","minHeight","NodeResizeControl","keepAspectRatio","Box","bgcolor","Handle","connectionMode","isConnectable","maxWidth","maxHeight","display","onConnect","right","bottom","hide","IcEyeClose2","fill","showDevice","IcPhone","IcTablet","gap","px","commanService","downColoropacity","showBorder","React","prevProps","nextProps","globalDragging"],"sourceRoot":""}