{"version":3,"file":"static/js/main-b69b3755.c59a6fe4.js","mappings":"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","sources":["Components/DrawBoard/Nodes-Types/PeopleDraggingNode.js"],"sourcesContent":["import React, { memo, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport {\r\n  Handle,\r\n  NodeResizeControl,\r\n  NodeToolbar,\r\n  Position,\r\n  useReactFlow,\r\n  useStoreApi,\r\n} from \"reactflow\";\r\nimport { Box, IconButton, Tooltip, Typography } from \"@mui/material\";\r\nimport { getNodePositionInsideParent } from \"../../../Utils/grouping-utils\";\r\nimport { useLocation, useParams } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { updateJson } from \"../../../CommanFunctions/commanFunctions\";\r\nimport {\r\n  IcLockLocked,\r\n  IcLockUnLocked,\r\n  IcMenuDotsVertical,\r\n} from \"../../../assets/icon-components\";\r\nimport FrameMoreMenus from \"../../Node/frameNode/FrameMoreMenus\";\r\nimport {\r\n  CustomNameTooltip,\r\n  CustomTooltip,\r\n} from \"../top-toolbar/components/CustomTooltip\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useUndoRedo } from \"../dndUndoRedo/UndoRedoProvider\";\r\nimport useNodeSelectionStarted from \"../../../Utils/hooks/useNodeSelectionStarted\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\n\r\nconst PeopleDraggingNode = (node) => {\r\n  const [hovered, setHovered] = useState(false);\r\n  const [showDotVotingMoreOptions, setShowDotVotingMoreOptions] =\r\n    useState(false);\r\n\r\n  const { getNodes, setNodes, getIntersectingNodes } = useReactFlow();\r\n  const { undo, takeSnapshot } = useUndoRedo();\r\n  const { id } = useParams();\r\n  const dispatch = useDispatch();\r\n  const location = useLocation();\r\n  const user_data = localStorage.getItem(\"user_data\");\r\n  const [zoomPercentages, setZoomPercentages] = useState(100);\r\n  const [hoveredItem, setHoveredItem] = useState(\"\");\r\n  const [showDots, setShowDots] = useState(false);\r\n  const { isNodeSelectionStarted } = useNodeSelectionStarted({ selected: node?.selected });\r\n  const isNodeSelected = getNodes().filter(\r\n    (nd) => nd.id === node.id && node.selected === true\r\n  );\r\n\r\n  const frameMoreOptionsRef = useRef(null);\r\n\r\n  const isWidthLessthan25 = useMemo(\r\n    () => 12.5 < zoomPercentages && zoomPercentages <= 25,\r\n    [zoomPercentages]\r\n  );\r\n  const selectedNodes = getNodes()?.filter(\r\n    (val) => val?.selected && !val?.type === \"comment\"\r\n  )?.length;\r\n\r\n  const isMultiNodeSelected = useMemo(() => {\r\n    return selectedNodes > 1;\r\n  }, [selectedNodes]);\r\n  const isWidthLessthan50 = useMemo(\r\n    () => 25 < zoomPercentages && zoomPercentages <= 50,\r\n    [zoomPercentages]\r\n  );\r\n  const store = useStoreApi();\r\n\r\n  const isWidthLessthan100 = useMemo(\r\n    () => 50 < zoomPercentages && zoomPercentages <= 100,\r\n    [zoomPercentages]\r\n  );\r\n  const handleClickOutside = (event) => {\r\n    if (\r\n      frameMoreOptionsRef.current &&\r\n      !frameMoreOptionsRef.current.contains(event.target)\r\n    ) {\r\n      setShowDotVotingMoreOptions(false);\r\n    }\r\n  };\r\n\r\n  const mainDivRef = useRef(null);\r\n  const onResizeEnd = (event, node) => {\r\n    let updatedNodes = [];\r\n    const updatedNode = [];\r\n    let parsedData = {};\r\n    if (user_data) {\r\n      parsedData = JSON.parse(user_data);\r\n    }\r\n    setNodes((nds) =>\r\n      nds.map((n) => {\r\n        if (n?.id === node?.id) {\r\n          return {\r\n            ...n,\r\n            width: event.x,\r\n            height: event.y,\r\n\r\n            data: {\r\n              ...n.data,\r\n              width: event.x,\r\n              height: event.y,\r\n              dataWidth: event.x,\r\n              dataHeight: event.y,\r\n            },\r\n            style: {\r\n              width: event.x,\r\n              height: event.y,\r\n            },\r\n          };\r\n        }\r\n        return n;\r\n      })\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: parsedData?.user_id,\r\n            lastEvent: ``,\r\n          },\r\n        })\r\n      );\r\n      // Update the resized node\r\n      updatedNodes = prev?.map((_) => {\r\n        if (_?.id === node?.id) {\r\n          _ = JSON.parse(JSON.stringify(_));\r\n          _.style.width = Number(mainDivRef.current.offsetWidth || 0);\r\n          _.style.height = Number(mainDivRef.current.offsetHeight || 0);\r\n          _.data.dataWidth = Number(mainDivRef.current.offsetWidth || 0);\r\n          _.data.dataHeight = Number(mainDivRef.current.offsetHeight || 0);\r\n          return _;\r\n        } else {\r\n          return _;\r\n        }\r\n      });\r\n\r\n      updatedNodes = updatedNodes?.map((n) => {\r\n        const intersections = getIntersectingNodes(node, false);\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              let 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    const search = new URLSearchParams(location.search);\r\n    const a_id = search.get(\"a_id\");\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  useEffect(() => {\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [showDotVotingMoreOptions]);\r\n\r\n  const toggleLockUnlock = () => {\r\n    let updatedNodes = getNodes();\r\n    let parsedData = {};\r\n    if (user_data) {\r\n      parsedData = JSON.parse(user_data);\r\n    }\r\n    let updatedNode;\r\n    setNodes((nodes) => {\r\n      localStorage.setItem(\r\n        \"architectureJson\",\r\n        JSON.stringify({\r\n          architecture_json: {\r\n            nodes,\r\n            lastUpdatedBy: parsedData?.user_id,\r\n            lastEvent: ``,\r\n          },\r\n        })\r\n      );\r\n      updatedNodes = nodes.map((nd) => {\r\n        if (nd.id === node.id) {\r\n          updatedNode = {\r\n            ...nd,\r\n            data: {\r\n              ...nd.data,\r\n              locked: !nd?.data?.locked,\r\n            },\r\n          };\r\n          return updatedNode;\r\n        }\r\n        return nd;\r\n      });\r\n      return updatedNodes;\r\n    });\r\n    const search = new URLSearchParams(location.search);\r\n    const a_id = search.get(\"a_id\");\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  return (\r\n    <div\r\n      ref={mainDivRef}\r\n      onMouseOver={() => setHovered(true)}\r\n      onMouseOut={() => setHovered(false)}\r\n      style={{\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      {!node?.dragging &&\r\n        !isMultiNodeSelected &&\r\n        !isNodeSelectionStarted &&\r\n        node?.selected &&\r\n        !node?.data?.data?.locked && (\r\n          <>\r\n            <NodeResizeControl\r\n              keepAspectRatio={true}\r\n              position=\"bottom-right\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              maxWidth={150}\r\n              maxHeight={150}\r\n              minWidth={49}\r\n              minHeight={49}\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              maxWidth={150}\r\n              maxHeight={150}\r\n              minWidth={49}\r\n              minHeight={49}\r\n              position=\"bottom-left\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\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              position=\"top-right\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              maxWidth={150}\r\n              maxHeight={150}\r\n              minWidth={49}\r\n              minHeight={49}\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              position=\"top-left\"\r\n              onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              maxWidth={150}\r\n              maxHeight={150}\r\n              minWidth={49}\r\n              minHeight={49}\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        !isMultiNodeSelected &&\r\n        !isNodeSelectionStarted &&\r\n        node?.selected &&\r\n        !node?.data?.data?.locked && (\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      {!node.dragging && !isNodeSelectionStarted && node?.selected && (\r\n        <NodeToolbar position={Position.Top}>\r\n          <Box\r\n            display={\"flex\"}\r\n            gap={\"8px\"}\r\n            p={\"7px\"}\r\n            sx={{\r\n              background: \"#FFFFFF\",\r\n              border: \"1px solid #00000024\",\r\n              boxShadow: \"0px 5px 15.2px 0px #030B1614\",\r\n              zIndex: 9999,\r\n              borderRadius: \"12px\",\r\n            }}\r\n          >\r\n            <Box>\r\n              <CustomNameTooltip\r\n                placement=\"top\"\r\n                arrow\r\n                title={node?.data?.locked ? \"Lock\" : \"Unlock\"}\r\n              >\r\n                <IconButton\r\n                  sx={{\r\n                    height: \"36px !important\",\r\n                    width: \"36px !important\",\r\n                    borderRadius: \"8px\",\r\n                    transition: \"all 0.3s ease\",\r\n                    background: \"#FFF\",\r\n                    padding: \"0px\",\r\n                    cursor: \"pointer\",\r\n                    \"&:hover\": {\r\n                      background: \"#F5F5F5\",\r\n                    },\r\n                  }}\r\n                  onClick={toggleLockUnlock}\r\n                >\r\n                  {node?.data?.locked ? <IcLockLocked /> : <IcLockUnLocked />}\r\n                </IconButton>\r\n              </CustomNameTooltip>\r\n            </Box>\r\n            <Box\r\n              sx={{\r\n                height: \"36px\",\r\n                width: \"1px\",\r\n                background: \"#EAECF0\",\r\n              }}\r\n            />\r\n            <Box ref={frameMoreOptionsRef}>\r\n              <CustomTooltip\r\n                mt={9}\r\n                PopperProps={{\r\n                  disablePortal: true,\r\n                }}\r\n                onClose={() => setShowDotVotingMoreOptions(false)}\r\n                open={showDotVotingMoreOptions}\r\n                disableFocusListener\r\n                disableHoverListener\r\n                disableTouchListener\r\n                title={\r\n                  <FrameMoreMenus\r\n                    node={node}\r\n                    showRename={false}\r\n                    showCopyAsImage={true}\r\n                    showLockUnlock={true}\r\n                    showCopyLink={true}\r\n                    showLinkTo={true}\r\n                    showDelete={true}\r\n                    showDuplicate={true}\r\n                    showBringToFrontAndBack={true}\r\n                    setShowFrameMoreOptions={setShowDotVotingMoreOptions}\r\n                  />\r\n                }\r\n              >\r\n                <Box>\r\n                  <IconButton\r\n                    sx={{\r\n                      height: \"36px !important\",\r\n                      width: \"36px !important\",\r\n                      borderRadius: \"8px\",\r\n                      transition: \"all 0.3s ease\",\r\n                      background: \"#FFF\",\r\n                      padding: \"0px\",\r\n                      cursor: \"pointer\",\r\n                      transform: \"rotate(90deg)\",\r\n                      \"&:hover\": {\r\n                        background: \"#F5F5F5\",\r\n                      },\r\n                    }}\r\n                    onClick={() =>\r\n                      setShowDotVotingMoreOptions(!showDotVotingMoreOptions)\r\n                    }\r\n                  >\r\n                    <IcMenuDotsVertical height=\"32\" width=\"32\" fill=\"#282828\" />\r\n                  </IconButton>\r\n                </Box>\r\n              </CustomTooltip>\r\n            </Box>\r\n          </Box>\r\n        </NodeToolbar>\r\n      )}\r\n      <Box\r\n        className={node?.data?.locked ? \"nodrag\" : \"\"}\r\n        sx={{\r\n          border:\r\n            !node?.dragging &&\r\n            !node.data?.locked &&\r\n            node?.selected &&\r\n            !isNodeSelectionStarted &&\r\n            `1px solid ${color?.primaryColor}`,\r\n          margin: \"auto\",\r\n          width: \"100%\",\r\n          height: \"100%\",\r\n        }}\r\n      >\r\n        <Tooltip\r\n          title={`${node?.data?.value?.first_name} ${node?.data?.value?.last_name}`}\r\n          arrow\r\n          placement=\"top\"\r\n          sx={{ marginTop: \"30px\" }}\r\n        >\r\n          {node?.data?.value?.profile_picture ? (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                height: \"100%\",\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  border: \"2px solid #FFFFFF\",\r\n                  boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                  borderRadius: \"50%\",\r\n                  display: \"flex\",\r\n                  textAlign: \"center\",\r\n                  width: \"80%\",\r\n                  height: \"80%\",\r\n                  justifyContent: \"center\",\r\n                  alignItems: \"center\",\r\n                  \"& input\": { display: \"none\" },\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                <img\r\n                  src={node?.data?.value?.profile_picture}\r\n                  alt=\"profile_picture\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    height: \"100%\",\r\n                    borderRadius: \"50%\",\r\n                    objectFit: \"cover\",\r\n                  }}\r\n                />\r\n              </Box>\r\n            </div>\r\n          ) : (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                height: \"100%\",\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  backgroundColor:\r\n                    node?.data?.value?.profile_color || \"#3EDDFA\",\r\n                  border: \"2px solid #FFFFFF\",\r\n                  boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                  borderRadius: \"50%\",\r\n                  display: \"flex\",\r\n                  textAlign: \"center\",\r\n                  width: \"80%\",\r\n                  margin: \"auto\",\r\n                  height: \"80%\",\r\n                  justifyContent: \"center\",\r\n                  alignItems: \"center\",\r\n                  \"& input\": { display: \"none\" },\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: \"16px\",\r\n                    color: \"#fff\",\r\n                    textAlign: \"center\",\r\n                  }}\r\n                >\r\n                  {node?.data?.value?.first_name[0]?.toUpperCase()}\r\n                </Typography>\r\n              </Box>\r\n            </div>\r\n          )}\r\n        </Tooltip>\r\n      </Box>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default memo(PeopleDraggingNode, (prevProps, nextProps) => {\r\n  return (\r\n    prevProps.data.globalDragging && nextProps.data.globalDragging\r\n  );\r\n});\r\n"],"names":["PeopleDraggingNode","node","_getNodes","_getNodes$filter","_node$data","_node$data$data","_node$data2","_node$data2$data","_node$data3","_node$data4","_node$data5","_node$data6","_node$data7","_node$data7$value","_node$data8","_node$data8$value","_node$data9","_node$data9$value","_node$data10","_node$data10$value","_node$data11","_node$data11$value","_node$data12","_node$data12$value","_node$data12$value$fi","hovered","setHovered","useState","showDotVotingMoreOptions","setShowDotVotingMoreOptions","getNodes","setNodes","getIntersectingNodes","useReactFlow","undo","takeSnapshot","useUndoRedo","id","useParams","dispatch","useDispatch","location","useLocation","user_data","localStorage","getItem","zoomPercentages","setZoomPercentages","hoveredItem","setHoveredItem","showDots","setShowDots","isNodeSelectionStarted","useNodeSelectionStarted","selected","isNodeSelected","filter","nd","frameMoreOptionsRef","useRef","isWidthLessthan25","useMemo","selectedNodes","val","type","length","isMultiNodeSelected","isWidthLessthan50","store","useStoreApi","isWidthLessthan100","handleClickOutside","event","current","contains","target","mainDivRef","onResizeEnd","_parsedData2","updatedNodes","updatedNode","parsedData","JSON","parse","nds","map","n","_objectSpread","width","x","height","y","data","dataWidth","dataHeight","style","prev","_parsedData","_updatedNodes","setItem","stringify","architecture_json","nodes","lastUpdatedBy","user_id","lastEvent","_","_ref","Number","offsetWidth","offsetHeight","_groupNode","_groupNode2","_groupNode3","_groupNode4","intersections","groupNode","parentNode","includes","_store$getState","_store$getState$nodeI","getState","nodeInternals","get","_n$position","_parentNode$positionA","_parentNode$positionA2","_n$position2","_parentNode$positionA3","_parentNode$positionA4","tempNode","position","positionAbsolute","expandParent","undefined","push","_n2","_groupNode5","_node$positionAbsolut","_groupNode6","_groupNode6$positionA","_node$positionAbsolut2","_groupNode7","_groupNode7$positionA","_n3","structuredClone","_n","className","_getNodePositionInsid","getNodePositionInsideParent","a_id","URLSearchParams","search","updateJson","json","useEffect","document","addEventListener","removeEventListener","_jsxs","ref","onMouseOver","onMouseOut","children","dragging","locked","_Fragment","_jsx","NodeResizeControl","keepAspectRatio","e","maxWidth","maxHeight","minWidth","minHeight","Box","sx","background","borderRadius","transform","border","concat","color","primaryColor","bgcolor","Handle","connectionMode","isConnectable","display","justifyContent","alignItems","zIndex","left","onConnect","params","onMouseLeave","onClick","preventDefault","pointerEvents","right","top","bottom","NodeToolbar","Position","Top","gap","p","boxShadow","CustomNameTooltip","placement","arrow","title","IconButton","transition","padding","cursor","toggleLockUnlock","_parsedData4","_parsedData3","_nd$data","IcLockLocked","IcLockUnLocked","CustomTooltip","mt","PopperProps","disablePortal","onClose","open","disableFocusListener","disableHoverListener","disableTouchListener","FrameMoreMenus","showRename","showCopyAsImage","showLockUnlock","showCopyLink","showLinkTo","showDelete","showDuplicate","showBringToFrontAndBack","setShowFrameMoreOptions","IcMenuDotsVertical","fill","margin","Tooltip","value","first_name","last_name","marginTop","profile_picture","textAlign","src","alt","objectFit","backgroundColor","profile_color","Typography","fontSize","toUpperCase","memo","prevProps","nextProps","globalDragging"],"sourceRoot":""}