{"version":3,"file":"static/js/main-c268f626.34988f19.js","mappings":"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","sources":["Components/DrawBoard/Nodes-Types/PeopleNode.js"],"sourcesContent":["import {\r\n  Box,\r\n  CircularProgress,\r\n  IconButton,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport IcPin from \"../../../assets/icon-components/IcPin\";\r\nimport IcNoRecord from \"../../../assets/icon-components/IcNoRecord\";\r\nimport React, {\r\n  memo,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n} from \"react\";\r\nimport {\r\n  IcLockLocked,\r\n  IcLockUnLocked,\r\n  IcMenuDotsVertical,\r\n  IcSerch,\r\n} from \"../../../assets/icon-components\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport {\r\n  Handle,\r\n  NodeResizeControl,\r\n  NodeResizer,\r\n  NodeToolbar,\r\n  Position,\r\n  useReactFlow,\r\n  useStoreApi,\r\n} from \"reactflow\";\r\nimport { useLocation, useParams } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { getNodePositionInsideParent } from \"../../../Utils/grouping-utils\";\r\nimport { updateJson } from \"../../../CommanFunctions/commanFunctions\";\r\nimport { useSelector } from \"react-redux\";\r\nimport FrameMoreMenus from \"../../Node/frameNode/FrameMoreMenus\";\r\nimport {\r\n  CustomNameTooltip,\r\n  CustomTooltip,\r\n} from \"../top-toolbar/components/CustomTooltip\";\r\nimport { useUndoRedo } from \"../dndUndoRedo/UndoRedoProvider\";\r\nimport { updateIsPeopleDragClicked } from \"../../../Redux/mindMapSlice\";\r\nimport useNodeSelectionStarted from \"../../../Utils/hooks/useNodeSelectionStarted\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport CommonDivider from \"../../../common-components/CommonDivider\";\r\n\r\nconst PeopleNode = (node) => {\r\n  const location = useLocation();\r\n  const { getNodes, setNodes, getIntersectingNodes, getNode } = useReactFlow();\r\n  const [zoomPercentages] = useState(100);\r\n  const [data, setData] = useState();\r\n  const [hoveredItem, setHoveredItem] = useState(\"\");\r\n  const [showDots, setShowDots] = useState(false);\r\n  const { undo, takeSnapshot } = useUndoRedo();\r\n  const { id } = useParams();\r\n  const store = useStoreApi();\r\n  const [searchValue, setSearchValue] = useState({ name: \"\" });\r\n  const { isNodeSelectionStarted } = useNodeSelectionStarted({\r\n    selected: node?.selected,\r\n  });\r\n  const [showLinkMoreOptions, setShowLinkMoreOptions] = useState(false);\r\n  const [loading, setLoading] = useState(!node?.data?.allRecord ? true : false);\r\n  const architectureData = useSelector(\r\n    (data) => data?.archBoard?.architectureRes\r\n  );\r\n\r\n  const dragImageRef = useRef(null);\r\n  const handlePinClick = (userId, index) => {\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    setSearchValue({ name: \"\" });\r\n    setNodes((nodes) => {\r\n      updatedNodes = nodes.map((nd) => {\r\n        if (nd.id === node.id) {\r\n          return {\r\n            ...nd,\r\n            data: {\r\n              ...nd.data,\r\n              allRecord: nd.data.allRecord.map((container1) => {\r\n                if (container1.email_id === userId) {\r\n                  return {\r\n                    ...container1,\r\n                    pin: !container1?.pin || false,\r\n                  };\r\n                }\r\n                return container1;\r\n              }),\r\n            },\r\n          };\r\n        }\r\n        return nd;\r\n      });\r\n\r\n      localStorage.setItem(\r\n        \"architectureJson\",\r\n        JSON.stringify({\r\n          architecture_json: {\r\n            nodes: updatedNodes,\r\n            lastUpdatedBy: parsedData?.user_id,\r\n            lastEvent: ``,\r\n          },\r\n        })\r\n      );\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    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 calculatedWidth = 100;\r\n  const calculatedHeight = 100;\r\n  const handleDragStart = (event, val) => {\r\n    setData(val);\r\n    const updatedObject = {\r\n      type: \"PeopleNode\",\r\n      key: \"PeopleNode\",\r\n      data: {\r\n        value: val,\r\n      },\r\n    };\r\n\r\n    event.dataTransfer.setData(\r\n      \"data/file\",\r\n      JSON.stringify(updatedObject ?? {})\r\n    );\r\n    event.dataTransfer.effectAllowed = \"move\";\r\n    if (dragImageRef.current) {\r\n      const xPos = calculatedWidth / 2;\r\n      const yPos = calculatedHeight / 2;\r\n      dragImageRef.current.style.visibility = \"visible\";\r\n      event.dataTransfer.setDragImage(dragImageRef.current, xPos, yPos);\r\n    }\r\n    dispatch(updateIsPeopleDragClicked({ clicked: false }));\r\n  };\r\n  useEffect(() => {\r\n    if (dragImageRef.current) {\r\n      dragImageRef.current.style.visibility = \"hidden\";\r\n    }\r\n  }, []);\r\n  const onDragEnd = () => {\r\n    if (dragImageRef.current) {\r\n      dragImageRef.current.style.visibility = \"hidden\";\r\n      setData(\"\");\r\n    }\r\n  };\r\n\r\n  const mainDivRef = useRef(null);\r\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });\r\n\r\n  useEffect(() => {\r\n    if (mainDivRef.current) {\r\n      // Get the dimensions of the div\r\n      const { width, height } = mainDivRef.current.getBoundingClientRect();\r\n      setDimensions({ width, height });\r\n    }\r\n  }, []);\r\n  const [isDotsShow, setIsDotsShow] = useState(true);\r\n  const nodeWH = getNode(node?.id);\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  const onResizeEnd = (event, node) => {\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\r\n              width: event.x,\r\n              height: 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\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\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          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  const [boardData, setBoardData] = useState(null);\r\n  const user_data = localStorage.getItem(\"user_data\");\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 selectedNodes = getNodes()?.filter(\r\n    (val) => val?.selected && !val?.type === \"comment\"\r\n  )?.length;\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              data: {\r\n                ...(nd?.data?.data || {}),\r\n                locked: !nd?.data?.data?.locked,\r\n              },\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      takeSnapshot,\r\n      a_id,\r\n    });\r\n  };\r\n\r\n  const isMultiNodeSelected = useMemo(() => {\r\n    return selectedNodes > 1;\r\n  }, [selectedNodes]);\r\n\r\n  // const getArchitectureById = useCallback(async () => {\r\n  //   try {\r\n  //     const search = new URLSearchParams(location.search);\r\n  //     const a_id = search.get(\"a_id\");\r\n  //     const response = await commanService.getApi(\r\n  //       \"drawboard/v1\",\r\n  //       `architectures/${location.pathname.replace(\"/cloudcollab/\", \"\")}${\r\n  //         a_id !== null && a_id !== undefined ? `?a_id=${a_id}` : \"\"\r\n  //       }`\r\n  //     );\r\n  //     const projectRes = a_id\r\n  //       ? \"\"\r\n  //       : await commanService.getApi(\r\n  //           \"drawboard/v1\",\r\n  //           `projects/${response.data.data.project_id}`\r\n  //         );\r\n  //     setBoardData({\r\n  //       ...response.data.data,\r\n  //       project_name: a_id ? \"\" : projectRes.data.data.project_name,\r\n  //       type: \"chart\",\r\n  //     });\r\n  //   } catch (error) {}\r\n  // }, [location.pathname]);\r\n\r\n  // useEffect(() => {\r\n  //   getArchitectureById();\r\n  // }, []);\r\n\r\n  async function handleArchitectureResponse() {\r\n    const search = new URLSearchParams(location.search);\r\n    const a_id = search.get(\"a_id\");\r\n    const projectRes = a_id\r\n      ? \"\"\r\n      : await commanService.getApi(\r\n          \"drawboard/v1\",\r\n          `projects/${architectureData?.project_id}`\r\n        );\r\n    setBoardData({\r\n      ...architectureData,\r\n      project_name: a_id ? \"\" : projectRes.data.data.project_name,\r\n      type: \"chart\",\r\n      // team_name: teamRes.data.data.teamInfo.team_name,\r\n    });\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (architectureData?.architecture_id) {\r\n      handleArchitectureResponse();\r\n    }\r\n  }, [architectureData?.architecture_id]);\r\n\r\n  useEffect(() => {\r\n    getArchitectureMembers();\r\n  }, [boardData]);\r\n\r\n  const dispatch = useDispatch();\r\n  const getArchitectureMembers = useCallback(async () => {\r\n    const response = await commanService.getApi(\r\n      \"drawboard/v1\",\r\n      `architectures/members/${id}`\r\n    );\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    if (!node?.data?.allRecord) {\r\n      setNodes((nodes) => {\r\n        updatedNodes = nodes.map((nd) => {\r\n          if (nd.id === node.id) {\r\n            return {\r\n              ...nd,\r\n              data: {\r\n                ...nd.data,\r\n                allRecord: response?.data?.data,\r\n              },\r\n            };\r\n          }\r\n          return nd;\r\n        });\r\n\r\n        localStorage.setItem(\r\n          \"architectureJson\",\r\n          JSON.stringify({\r\n            architecture_json: {\r\n              nodes: updatedNodes,\r\n              lastUpdatedBy: parsedData?.user_id,\r\n              lastEvent: ``,\r\n            },\r\n          })\r\n        );\r\n\r\n        return updatedNodes;\r\n      });\r\n      setLoading(false);\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      });\r\n    }\r\n    if (\r\n      node?.data?.allRecord &&\r\n      node?.data?.allRecord.length !== response?.data?.data.length\r\n    ) {\r\n      setNodes((nodes) => {\r\n        updatedNodes = nodes.map((nd) => {\r\n          if (nd.id === node.id) {\r\n            const missingRecords = response?.data?.data.filter((newRecord) => {\r\n              return !node?.data?.allRecord.some(\r\n                (existingRecord) =>\r\n                  existingRecord.email_id === newRecord.email_id\r\n              );\r\n            });\r\n\r\n            return {\r\n              ...nd,\r\n              data: {\r\n                ...nd.data,\r\n                allRecord: [...(node.data.allRecord || []), ...missingRecords],\r\n              },\r\n            };\r\n          }\r\n          return nd;\r\n        });\r\n        setLoading(false);\r\n        localStorage.setItem(\r\n          \"architectureJson\",\r\n          JSON.stringify({\r\n            architecture_json: {\r\n              nodes: updatedNodes,\r\n              lastUpdatedBy: parsedData?.user_id,\r\n              lastEvent: ``,\r\n            },\r\n          })\r\n        );\r\n\r\n        return updatedNodes;\r\n      });\r\n    }\r\n  }, [boardData]);\r\n\r\n  const frameMoreOptionsRef = useRef(null);\r\n  const handleClickOutside = (event) => {\r\n    if (\r\n      frameMoreOptionsRef.current &&\r\n      !frameMoreOptionsRef.current.contains(event.target)\r\n    ) {\r\n      setShowLinkMoreOptions(false);\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 filteredMembers =\r\n    node?.data?.allRecord &&\r\n    node?.data?.allRecord.filter((member) => {\r\n      const fullName =\r\n        `${member?.first_name} ${member?.last_name}`.toLowerCase();\r\n      const email = member.email_id?.toLowerCase();\r\n      return (\r\n        fullName.includes(searchValue?.name?.toLowerCase()) ||\r\n        (email && email.includes(searchValue?.name.toLowerCase()))\r\n      );\r\n    });\r\n\r\n  return (\r\n    <>\r\n      <Box sx={{ height: \"100%\", width: \"100%\" }}>\r\n        {!node?.dragging &&\r\n          !isMultiNodeSelected &&\r\n          !isNodeSelectionStarted &&\r\n          node?.selected &&\r\n          !node?.data?.data?.locked && (\r\n            <>\r\n              <NodeResizer\r\n                color=\"transparent\"\r\n                isVisible={data?.selected}\r\n                minWidth={350}\r\n                minHeight={579}\r\n                onResizeEnd={(e) => onResizeEnd(e, node)}\r\n              />\r\n              <NodeResizeControl\r\n                // keepAspectRatio={true}\r\n                // onResize={onResize}\r\n                // onResizeStart={onResizeStart}\r\n                position=\"bottom-right\"\r\n                onResizeEnd={(e) => onResizeEnd(e, node)}\r\n                minWidth={350}\r\n                maxWidth={500}\r\n                minHeight={579}\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                minWidth={350}\r\n                maxWidth={500}\r\n                minHeight={579}\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                minWidth={350}\r\n                maxWidth={500}\r\n                minHeight={579}\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                minWidth={350}\r\n                maxWidth={500}\r\n                minHeight={579}\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        <NodeToolbar\r\n          isVisible={node.selected && !isNodeSelectionStarted}\r\n          position={Position.Top}\r\n        >\r\n          <Box\r\n            display={\"flex\"}\r\n            alignItems={\"center\"}\r\n            gap={\"8px\"}\r\n            position={\"fixed\"}\r\n            top={\"-60px\"}\r\n            px={\"8px\"}\r\n            sx={{\r\n              right: \"50%\",\r\n              transform: \"translateX(50%)\",\r\n              background: \"#FFFFFF\",\r\n              border: \"1px solid #00000024\",\r\n              boxShadow: \"0px 5px 15.2px 0px #030B1614\",\r\n              borderRadius: \"12px\",\r\n              height: \"48px\",\r\n            }}\r\n          >\r\n            <CustomNameTooltip\r\n              placement=\"top\"\r\n              title={node.data.locked ? \"Unlock\" : \"Lock\"}\r\n              arrow\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                height={\"36px\"}\r\n                width={\"36px\"}\r\n                borderRadius={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  transition: \"all 0.3s\",\r\n                  \"&:hover\": {\r\n                    background: \"#F5F5F5\",\r\n                  },\r\n                }}\r\n                onClick={toggleLockUnlock}\r\n              >\r\n                {node?.data?.data?.locked ? (\r\n                  <IcLockLocked />\r\n                ) : (\r\n                  <IcLockUnLocked />\r\n                )}\r\n              </Stack>\r\n            </CustomNameTooltip>\r\n            <CommonDivider\r\n              orientation=\"vertical\"\r\n              variant=\"middle\"\r\n              flexItem\r\n              sx={{\r\n                width: \"1px\",\r\n                height: \"34px\",\r\n                padding: \"14px 0px\",\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={() => setShowLinkMoreOptions(false)}\r\n                open={showLinkMoreOptions}\r\n                disableFocusListener\r\n                disableHoverListener\r\n                disableTouchListener\r\n                title={\r\n                  <FrameMoreMenus\r\n                    node={node}\r\n                    width={nodeWH?.width / 2}\r\n                    height={nodeWH?.height / 2}\r\n                    showRename={false}\r\n                    showDuplicate={true}\r\n                    showCopyAsImage={false}\r\n                    showAddComment={true}\r\n                    showLockUnlock={true}\r\n                    showCopyLink={true}\r\n                    showLinkTo={true}\r\n                    saveFile={false}\r\n                    originalSize={false}\r\n                    hideImage={false}\r\n                    showDelete={true}\r\n                    showFrame={true}\r\n                    showBringToFrontAndBack={true}\r\n                    download={false}\r\n                    exportShow={false}\r\n                    setShowFrameMoreOptions={setShowLinkMoreOptions}\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={() => setShowLinkMoreOptions(!showLinkMoreOptions)}\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        <Stack\r\n          ref={mainDivRef}\r\n          sx={{\r\n            height: \"100%\",\r\n            width: \"100%\",\r\n            minHeight: \"579px\",\r\n\r\n            boxShadow: \"0px 2px 8px 0px #030B160D\",\r\n            border:\r\n              !isMultiNodeSelected &&\r\n              !isNodeSelectionStarted &&\r\n              node?.selected &&\r\n              !node?.data?.data?.locked\r\n                ? `1px solid ${color?.primaryColor}`\r\n                : \"1px solid  #EEEEEE\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            bgcolor: \"#FFF\",\r\n            borderRadius:\r\n              !node?.dragging &&\r\n              !isMultiNodeSelected &&\r\n              !isNodeSelectionStarted &&\r\n              node?.selected &&\r\n              !node?.data?.data?.locked\r\n                ? \" 0px\"\r\n                : \"10px\",\r\n            gap: \"11px\",\r\n            padding: \"15px\",\r\n          }}\r\n          className={node?.data?.data?.locked ? \"nodrag\" : \"\"}\r\n        >\r\n          {loading && (\r\n            <Box\r\n              sx={{\r\n                position: \"absolute\",\r\n                top: 0,\r\n                left: 0,\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                backgroundColor: \"rgba(255, 255, 255, 0.8)\",\r\n                zIndex: 1,\r\n              }}\r\n            >\r\n              <CircularProgress />\r\n            </Box>\r\n          )}\r\n          <Typography sx={{ fontWeight: \"600\" }}>People</Typography>\r\n\r\n          <TextField\r\n            placeholder=\"Search by name or email\"\r\n            autoComplete=\"off\"\r\n            fullWidth\r\n            onClick={(e) => e.stopPropagation()}\r\n            onChange={(e) => {\r\n              setSearchValue((prev) => ({\r\n                ...prev,\r\n                name: e.target.value,\r\n              }));\r\n            }}\r\n            InputProps={{\r\n              startAdornment: (\r\n                <Box\r\n                  sx={{\r\n                    marginLeft: \"10px\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                  }}\r\n                >\r\n                  <IcSerch\r\n                    sx={{\r\n                      color: \"#959BA3\",\r\n                      height: \"16px\",\r\n                      width: \"16px\",\r\n                    }}\r\n                  />\r\n                </Box>\r\n              ),\r\n            }}\r\n            sx={{\r\n              \"& .MuiOutlinedInput-root\": {\r\n                padding: \"1px\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover fieldset\": {\r\n                  border: \"1px solid #EEEEEE\",\r\n                },\r\n                \"&.Mui-focused fieldset\": {\r\n                  border: \"1px solid #EEEEEE\",\r\n                },\r\n                \"&.Mui-focused fieldset\": {\r\n                  border: `1.5px solid ${color?.primaryColor}`,\r\n                  boxShadow: \"0 0 0 3px rgba(0, 122, 255, 0.2)\",\r\n                },\r\n\r\n                \"& .MuiInputBase-input::placeholder\": {\r\n                  color: \"#959BA3 !important\",\r\n                  opacity: \"1\",\r\n                },\r\n                \"& .MuiInputBase-input\": {\r\n                  border: \"1px solid #EEEEEE\",\r\n                  width: \"100%\",\r\n                  border: \"none\",\r\n                  marginTop: \"1px\",\r\n                  padding: \"8px\",\r\n                  lineHeight: \"20px\",\r\n                  fontSize: \"12px !important\",\r\n                  cursor: \"pointer\",\r\n                  fontWeight: \"400 !important\",\r\n                },\r\n              },\r\n            }}\r\n          />\r\n\r\n          {!searchValue?.name && (\r\n            <Box sx={{ overflow: \"scroll\" }}>\r\n              {node?.data?.allRecord &&\r\n                node?.data?.allRecord.length > 0 &&\r\n                node?.data?.allRecord?.filter((val) => val?.pin).length > 0 && (\r\n                  <Box>\r\n                    {\" \"}\r\n                    <Typography\r\n                      sx={{\r\n                        fontWeight: \"400\",\r\n                        fontSize: \"10px\",\r\n                        marginTop: \"4px\",\r\n                        color: \"#848382\",\r\n                        marginBottom: \"10px\",\r\n                      }}\r\n                    >\r\n                      Pinned\r\n                    </Typography>\r\n                    <Box>\r\n                      {node?.data?.allRecord\r\n                        ?.filter((val) => val?.pin)\r\n                        ?.map((user, i) => (\r\n                          <React.Fragment key={i + 1}>\r\n                            <Stack\r\n                              direction={\"row\"}\r\n                              alignItems={\"center\"}\r\n                              justifyContent={\"space-between\"}\r\n                              gap={\"10px\"}\r\n                              padding={\"5px\"}\r\n                              fontSize={\"14px\"}\r\n                              height={\"46px\"}\r\n                              onMouseDownCapture={(e) => e.stopPropagation()}\r\n                              draggable={true}\r\n                              onDragStart={(e) => handleDragStart(e, user)}\r\n                              sx={{\r\n                                borderRadius: \"8px\",\r\n                                transition: \"all 0.3s ease\",\r\n                                cursor: \"pointer\",\r\n                                \"&:hover\": {\r\n                                  bgcolor: \"#F5F5F5\",\r\n                                },\r\n                                \"&:hover .iconButton\": {\r\n                                  opacity: 1,\r\n                                  color: \"blue\",\r\n                                },\r\n                              }}\r\n                            >\r\n                              <Box\r\n                                display={\"flex\"}\r\n                                direction={\"column\"}\r\n                                alignItems={\"center\"}\r\n                                gap={\"10px\"}\r\n                                fontSize={\"14px\"}\r\n                                sx={{\r\n                                  borderRadius: \"8px\",\r\n                                  transition: \"all 0.3s ease\",\r\n                                  cursor: \"pointer\",\r\n\r\n                                  \"&:hover\": {\r\n                                    bgcolor: \"#F5F5F5\",\r\n                                  },\r\n                                }}\r\n                              >\r\n                                {user?.profile_picture ? (\r\n                                  <Box\r\n                                    sx={{\r\n                                      height: \"34px\",\r\n                                      width: \"34px\",\r\n                                      position: \"relative\",\r\n                                      border: \"2px solid #FFFFFF\",\r\n                                      borderRadius: \"50%\",\r\n                                      objectFit: \"cover\",\r\n                                      borderRadius: \"50%\",\r\n                                      height: \"34px\",\r\n                                      width: \"34px\",\r\n                                      backgroundColor:\r\n                                        user?.profile_color || \"#3EDDFA\",\r\n                                      display: \"flex\",\r\n                                      justifyContent: \"center\",\r\n                                      alignItems: \"center\",\r\n                                      \"& input\": { display: \"none\" },\r\n                                      cursor: \"pointer\",\r\n                                      boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                                    }}\r\n                                  >\r\n                                    <img\r\n                                      style={{\r\n                                        height: \"100%\",\r\n                                        width: \"100%\",\r\n                                        borderRadius: \"50%\",\r\n                                      }}\r\n                                      src={user?.profile_picture}\r\n                                      alt=\"profile_picture\"\r\n                                    />\r\n                                  </Box>\r\n                                ) : (\r\n                                  <Box\r\n                                    sx={{\r\n                                      position: \"relative\",\r\n                                      border: \"2px solid #FFFFFF\",\r\n                                      borderRadius: \"50%\",\r\n                                      height: \"34px\",\r\n                                      width: \"34px\",\r\n                                      boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                                      backgroundColor:\r\n                                        user?.profile_color || \"#3EDDFA\",\r\n                                      display: \"flex\",\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                                        // mt: \"6px\",\r\n                                      }}\r\n                                    >\r\n                                      {user?.first_name[0]?.toUpperCase()}\r\n                                    </Typography>\r\n                                  </Box>\r\n                                )}\r\n\r\n                                <Box\r\n                                  sx={{\r\n                                    display: \"flex\",\r\n                                    flexDirection: \"column\",\r\n                                  }}\r\n                                >\r\n                                  <Typography\r\n                                    fontSize={12}\r\n                                    fontWeight={\"600\"}\r\n                                    color={\"##18181B\"}\r\n                                  >\r\n                                    {user?.first_name + \" \" + user?.last_name}\r\n                                  </Typography>\r\n                                  <Typography\r\n                                    fontSize={10}\r\n                                    fontWeight={\"400\"}\r\n                                    color={\"#848382\"}\r\n                                  >\r\n                                    {user?.email_id}\r\n                                  </Typography>\r\n                                </Box>\r\n                              </Box>\r\n                              <Box\r\n                                sx={{\r\n                                  opacity: 0,\r\n                                  transition: \"opacity 0.3s ease\",\r\n                                  \"svg path\": {\r\n                                    stroke: color?.primaryColor,\r\n                                    fill: color?.primaryColor,\r\n                                  },\r\n                                }}\r\n                                onClick={() =>\r\n                                  handlePinClick(user?.email_id, false)\r\n                                }\r\n                                className=\"iconButton\"\r\n                              >\r\n                                <IcPin fill={color?.primaryColor} />\r\n                              </Box>\r\n                            </Stack>\r\n                          </React.Fragment>\r\n                        ))}\r\n                    </Box>\r\n                  </Box>\r\n                )}\r\n              {node?.data?.allRecord &&\r\n                node?.data?.allRecord.length > 0 &&\r\n                node?.data?.allRecord?.filter((val) => !val?.pin).length >\r\n                  0 && (\r\n                  <Typography\r\n                    sx={{\r\n                      fontWeight: \"400\",\r\n                      fontSize: \"10px\",\r\n                      marginTop: \"4px\",\r\n                      color: \"#848382\",\r\n                      marginBottom: \"10px\",\r\n                    }}\r\n                  >\r\n                    Online\r\n                  </Typography>\r\n                )}\r\n              {node?.data?.allRecord && node?.data?.allRecord.length > 0\r\n                ? node?.data?.allRecord\r\n                    ?.filter((val) => !val?.pin)\r\n                    .map((user, i) => (\r\n                      <React.Fragment key={i + 1}>\r\n                        <Stack\r\n                          direction={\"row\"}\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"space-between\"}\r\n                          gap={\"10px\"}\r\n                          padding={\"5px\"}\r\n                          fontSize={\"14px\"}\r\n                          height={\"46px\"}\r\n                          sx={{\r\n                            borderRadius: \"8px\",\r\n                            transition: \"all 0.3s ease\",\r\n                            cursor: \"pointer\",\r\n                            \"&:hover\": { bgcolor: \"#F5F5F5\" },\r\n                            \"&:hover .iconButton\": {\r\n                              opacity: 1,\r\n                              color: \"blue\",\r\n                            },\r\n                          }}\r\n                          onMouseDownCapture={(e) => e.stopPropagation()}\r\n                          draggable={true}\r\n                          onDragStart={(e) => handleDragStart(e, user)}\r\n                        >\r\n                          <Box\r\n                            display={\"flex\"}\r\n                            direction={\"column\"}\r\n                            alignItems={\"center\"}\r\n                            gap={\"10px\"}\r\n                            fontSize={\"14px\"}\r\n                            sx={{\r\n                              borderRadius: \"8px\",\r\n                              transition: \"all 0.3s ease\",\r\n                              cursor: \"pointer\",\r\n                              \"&:hover\": {\r\n                                bgcolor: \"#F5F5F5\",\r\n                              },\r\n                            }}\r\n                          >\r\n                            {user?.profile_picture ? (\r\n                              <Box\r\n                                sx={{\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  position: \"relative\",\r\n                                  border: \"2px solid #FFFFFF\",\r\n                                  borderRadius: \"50%\",\r\n                                  objectFit: \"cover\",\r\n                                  borderRadius: \"50%\",\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  backgroundColor:\r\n                                    user?.profile_color || \"#3EDDFA\",\r\n                                  display: \"flex\",\r\n                                  justifyContent: \"center\",\r\n                                  alignItems: \"center\",\r\n                                  \"& input\": { display: \"none\" },\r\n                                  cursor: \"pointer\",\r\n                                  boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                                }}\r\n                              >\r\n                                <img\r\n                                  style={{\r\n                                    height: \"100%\",\r\n                                    width: \"100%\",\r\n                                    borderRadius: \"50%\",\r\n                                  }}\r\n                                  src={user?.profile_picture}\r\n                                  alt=\"profile_picture\"\r\n                                />\r\n                              </Box>\r\n                            ) : (\r\n                              <Box\r\n                                sx={{\r\n                                  position: \"relative\",\r\n                                  border: \"2px solid #FFFFFF\",\r\n                                  borderRadius: \"50%\",\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  backgroundColor:\r\n                                    user?.profile_color || \"#3EDDFA\",\r\n                                  display: \"flex\",\r\n                                  justifyContent: \"center\",\r\n                                  alignItems: \"center\",\r\n                                  \"& input\": { display: \"none\" },\r\n                                  cursor: \"pointer\",\r\n                                  boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                                }}\r\n                              >\r\n                                <Typography\r\n                                  sx={{\r\n                                    fontSize: \"16px\",\r\n                                    color: \"#fff\",\r\n                                    textAlign: \"center\",\r\n                                    // mt: \"6px\",\r\n                                  }}\r\n                                >\r\n                                  {user?.first_name[0]?.toUpperCase()}\r\n                                </Typography>\r\n                              </Box>\r\n                            )}\r\n\r\n                            <Box\r\n                              sx={{ display: \"flex\", flexDirection: \"column\" }}\r\n                            >\r\n                              <Typography\r\n                                fontSize={12}\r\n                                fontWeight={\"600\"}\r\n                                color={\"#18181B\"}\r\n                              >\r\n                                {user?.first_name + \" \" + user?.last_name}\r\n                              </Typography>\r\n                              <Typography\r\n                                fontSize={10}\r\n                                fontWeight={\"400\"}\r\n                                color={\"#848382\"}\r\n                              >\r\n                                {user?.email_id}\r\n                              </Typography>\r\n                            </Box>\r\n                          </Box>\r\n                          <Box\r\n                            sx={{\r\n                              opacity: 0,\r\n                              transition: \"opacity 0.3s ease\",\r\n                              \"&:hover svg path\": {\r\n                                stroke: color?.primaryColor,\r\n                                fill: color?.primaryColor,\r\n                              },\r\n                            }}\r\n                            onClick={() => handlePinClick(user?.email_id, true)}\r\n                            className=\"iconButton\"\r\n                          >\r\n                            <IcPin />\r\n                          </Box>\r\n                        </Stack>\r\n                      </React.Fragment>\r\n                    ))\r\n                : []}\r\n            </Box>\r\n          )}\r\n\r\n          {searchValue?.name && (\r\n            <Box sx={{ height: \"100%\" }}>\r\n              {\" \"}\r\n              {filteredMembers.length > 0 ? (\r\n                <Box>\r\n                  {\" \"}\r\n                  <Typography\r\n                    sx={{\r\n                      fontWeight: \"400\",\r\n                      fontSize: \"10px\",\r\n                      marginTop: \"4px\",\r\n                      color: \"#848382\",\r\n                      marginBottom: \"10px\",\r\n                    }}\r\n                  >\r\n                    Result\r\n                  </Typography>\r\n                  <Box>\r\n                    {filteredMembers?.map((user, i) => (\r\n                      <React.Fragment key={i + 1}>\r\n                        <Stack\r\n                          direction={\"row\"}\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"space-between\"}\r\n                          gap={\"10px\"}\r\n                          padding={\"5px\"}\r\n                          fontSize={\"14px\"}\r\n                          height={\"46px\"}\r\n                          onMouseDownCapture={(e) => e.stopPropagation()}\r\n                          draggable={true}\r\n                          onDragStart={(e) => handleDragStart(e, user)}\r\n                          onDragEnd={() => {\r\n                            onDragEnd();\r\n                          }}\r\n                          sx={{\r\n                            borderRadius: \"8px\",\r\n                            transition: \"all 0.3s ease\",\r\n                            cursor: \"pointer\",\r\n                            \"&:hover\": {\r\n                              bgcolor: \"#F5F5F5\",\r\n                            },\r\n                            \"&:hover .iconButton\": {\r\n                              opacity: 1,\r\n                              color: \"blue\",\r\n                            },\r\n                          }}\r\n                        >\r\n                          <Box\r\n                            display={\"flex\"}\r\n                            direction={\"column\"}\r\n                            alignItems={\"center\"}\r\n                            gap={\"10px\"}\r\n                            fontSize={\"14px\"}\r\n                            sx={{\r\n                              borderRadius: \"8px\",\r\n                              transition: \"all 0.3s ease\",\r\n                              cursor: \"pointer\",\r\n                              \"&:hover\": {\r\n                                bgcolor: \"#F5F5F5\",\r\n                              },\r\n                            }}\r\n                          >\r\n                            {user?.profile_picture ? (\r\n                              <Box\r\n                                sx={{\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  position: \"relative\",\r\n                                  border: \"2px solid #FFFFFF\",\r\n                                  borderRadius: \"50%\",\r\n                                  objectFit: \"cover\",\r\n                                  borderRadius: \"50%\",\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  backgroundColor:\r\n                                    user?.profile_color || \"#3EDDFA\",\r\n                                  display: \"flex\",\r\n                                  justifyContent: \"center\",\r\n                                  alignItems: \"center\",\r\n                                  \"& input\": { display: \"none\" },\r\n                                  cursor: \"pointer\",\r\n                                  boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                                }}\r\n                              >\r\n                                <img\r\n                                  style={{\r\n                                    height: \"100%\",\r\n                                    width: \"100%\",\r\n                                    borderRadius: \"50%\",\r\n                                  }}\r\n                                  src={user?.profile_picture}\r\n                                  alt=\"profile_picture\"\r\n                                />\r\n                              </Box>\r\n                            ) : (\r\n                              <Box\r\n                                sx={{\r\n                                  position: \"relative\",\r\n                                  border: \"2px solid #FFFFFF\",\r\n                                  borderRadius: \"50%\",\r\n                                  height: \"34px\",\r\n                                  width: \"34px\",\r\n                                  backgroundColor:\r\n                                    user?.profile_color || \"#3EDDFA\",\r\n                                  display: \"flex\",\r\n                                  justifyContent: \"center\",\r\n                                  alignItems: \"center\",\r\n                                  \"& input\": { display: \"none\" },\r\n                                  cursor: \"pointer\",\r\n                                  boxShadow: \"0px 1px 4px 0px #00000040\",\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                                    // mt: \"6px\",\r\n                                  }}\r\n                                >\r\n                                  {user?.first_name[0]?.toUpperCase()}\r\n                                </Typography>\r\n                              </Box>\r\n                            )}\r\n\r\n                            <Box\r\n                              sx={{ display: \"flex\", flexDirection: \"column\" }}\r\n                            >\r\n                              <Typography\r\n                                fontSize={12}\r\n                                fontWeight={\"600\"}\r\n                                color={\"#18181B\"}\r\n                              >\r\n                                {user?.first_name + \" \" + user?.last_name}\r\n                              </Typography>\r\n                              <Typography\r\n                                fontSize={10}\r\n                                fontWeight={\"400\"}\r\n                                color={\"#848382\"}\r\n                              >\r\n                                {user?.email_id}\r\n                              </Typography>\r\n                            </Box>\r\n                          </Box>\r\n                          <Box\r\n                            sx={{\r\n                              opacity: 0,\r\n                              transition: \"opacity 0.3s ease\",\r\n                              \"&:hover svg path\": {\r\n                                stroke: color?.primaryColor,\r\n                                fill: color?.primaryColor,\r\n                              },\r\n                            }}\r\n                            onClick={() =>\r\n                              handlePinClick(user?.email_id, false)\r\n                            }\r\n                            className=\"iconButton\"\r\n                          >\r\n                            <IcPin />\r\n                          </Box>\r\n                        </Stack>\r\n                      </React.Fragment>\r\n                    ))}\r\n                  </Box>\r\n                </Box>\r\n              ) : (\r\n                <Box\r\n                  sx={{\r\n                    height: \"100%\", // Ensures the parent occupies full height\r\n                    display: \"flex\", // Enables flexbox for centering\r\n                    justifyContent: \"center\", // Horizontally centers the content\r\n                    alignItems: \"center\", // Vertically centers the content\r\n                    flexDirection: \"column\",\r\n                    marginTop: \"-55px\",\r\n                  }}\r\n                >\r\n                  <IcNoRecord />\r\n                </Box>\r\n              )}{\" \"}\r\n            </Box>\r\n          )}\r\n        </Stack>\r\n\r\n        <div\r\n          ref={dragImageRef}\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-1000%\",\r\n            left: \"-1000%\",\r\n            // width: `${Math.min(calculatedWidth, 300)}px`,\r\n            // height: `${Math.min(calculatedHeight, 300)}px`,\r\n            backgroundColor: \"transparent\",\r\n            borderRadius: \"8px\",\r\n            // border: \"2px solid #121212\",\r\n            opacity: 1,\r\n            minHeight: `${calculatedHeight}px`,\r\n            minWidth: `${calculatedWidth}px`,\r\n            maxHeight: `${calculatedHeight}px`,\r\n            maxWidth: `${calculatedWidth}px`,\r\n            overflow: \"visible\",\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              minHeight: `${calculatedHeight / 2.5}px`,\r\n              minWidth: `${calculatedWidth / 2.5}px`,\r\n              maxHeight: `${calculatedHeight / 2.5}px`,\r\n              maxWidth: `${calculatedWidth / 2.5}px`,\r\n\r\n              position: \"absolute\",\r\n              // background: \"#FFF\",\r\n              // backgroundColor: \"#FFF\",\r\n              // backgroundImage: \"#FFF\",\r\n              top: \"50%\",\r\n              left: \"50%\",\r\n              opacity: 1,\r\n            }}\r\n          >\r\n            <Box\r\n              display={\"flex\"}\r\n              direction={\"column\"}\r\n              alignItems={\"center\"}\r\n              gap={\"10px\"}\r\n              fontSize={\"14px\"}\r\n              sx={{\r\n                borderRadius: \"8px\",\r\n                transition: \"all 0.3s ease\",\r\n                cursor: \"pointer\",\r\n                // \"&:hover\": {\r\n                //   bgcolor: \"#F5F5F5\",\r\n                // },\r\n              }}\r\n            >\r\n              {data?.profile_picture ? (\r\n                <Box\r\n                  sx={{\r\n                    position: \"relative\",\r\n                    border: \"2px solid #FFFFFF\",\r\n                    borderRadius: \"50%\",\r\n                    objectFit: \"cover\",\r\n                    borderRadius: \"50%\",\r\n                    height: \"4px\",\r\n                    width: \"40px\",\r\n                    backgroundColor: data?.profile_color || \"#3EDDFA\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    \"& input\": { display: \"none\" },\r\n                    cursor: \"pointer\",\r\n                    boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                  }}\r\n                >\r\n                  <img\r\n                    style={{\r\n                      height: \"100%\",\r\n                      width: \"100%\",\r\n                      borderRadius: \"50%\",\r\n                    }}\r\n                    src={data?.profile_picture}\r\n                    alt=\"profile_picture\"\r\n                  />\r\n                </Box>\r\n              ) : (\r\n                <Box\r\n                  sx={{\r\n                    position: \"relative\",\r\n                    border: \"2px solid #FFFFFF\",\r\n                    borderRadius: \"50%\",\r\n                    height: \"40px\",\r\n                    width: \"40px\",\r\n                    backgroundColor: data?.profile_color || \"#3EDDFA\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    \"& input\": { display: \"none\" },\r\n                    cursor: \"pointer\",\r\n                    boxShadow: \"0px 1px 4px 0px #00000040\",\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    sx={{\r\n                      fontSize: \"16px\",\r\n                      color: \"#fff\",\r\n                      textAlign: \"center\",\r\n                      // mt: \"6px\",\r\n                    }}\r\n                  >\r\n                    {data?.first_name[0]?.toUpperCase()}\r\n                  </Typography>\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          </div>\r\n        </div>\r\n      </Box>{\" \"}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default memo(PeopleNode, (prevProps, nextProps) => {\r\n  return prevProps.data.globalDragging && nextProps.data.globalDragging;\r\n});\r\n"],"names":["PeopleNode","node","_node$data","_getNodes","_getNodes$filter","_node$data6","_node$data7","_node$data8","_node$data8$data","_node$data9","_node$data9$data","_node$data10","_node$data10$data","_node$data11","_node$data11$data","_node$data12","_node$data12$data","_node$data13","_node$data13$data","_node$data14","_node$data15","_node$data16","_node$data16$allRecor","_node$data17","_node$data17$allRecor","_node$data17$allRecor2","_node$data18","_node$data19","_node$data20","_node$data20$allRecor","_node$data21","_node$data22","_node$data23","_node$data23$allRecor","_data$first_name$","location","useLocation","getNodes","setNodes","getIntersectingNodes","getNode","useReactFlow","zoomPercentages","useState","data","setData","hoveredItem","setHoveredItem","showDots","setShowDots","undo","takeSnapshot","useUndoRedo","id","useParams","store","useStoreApi","searchValue","setSearchValue","name","isNodeSelectionStarted","useNodeSelectionStarted","selected","showLinkMoreOptions","setShowLinkMoreOptions","loading","setLoading","allRecord","architectureData","useSelector","_data$archBoard","archBoard","architectureRes","dragImageRef","useRef","handlePinClick","userId","index","_parsedData2","updatedNodes","parsedData","user_data","JSON","parse","nodes","_parsedData","map","nd","_objectSpread","container1","email_id","pin","localStorage","setItem","stringify","architecture_json","lastUpdatedBy","user_id","lastEvent","a_id","URLSearchParams","search","get","updateJson","json","dispatch","calculatedWidth","calculatedHeight","handleDragStart","event","val","updatedObject","type","key","value","dataTransfer","effectAllowed","current","xPos","yPos","style","visibility","setDragImage","updateIsPeopleDragClicked","clicked","useEffect","mainDivRef","dimensions","setDimensions","width","height","getBoundingClientRect","isDotsShow","setIsDotsShow","nodeWH","isWidthLessthan25","useMemo","isWidthLessthan50","isWidthLessthan100","onResizeEnd","_parsedData4","nds","n","x","y","updatedNode","prev","_parsedData3","_updatedNodes","_","_ref","Number","offsetWidth","offsetHeight","_groupNode","_groupNode2","_groupNode3","_groupNode4","intersections","groupNode","length","parentNode","includes","_store$getState","_store$getState$nodeI","getState","nodeInternals","_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","boardData","setBoardData","getItem","isNodeSelected","filter","selectedNodes","isMultiNodeSelected","architecture_id","async","projectRes","commanService","getApi","concat","project_id","project_name","handleArchitectureResponse","getArchitectureMembers","useDispatch","useCallback","_node$data2","_node$data3","_node$data4","_response$data2","response","_parsedData8","_parsedData7","_response$data","_parsedData9","_response$data3","missingRecords","newRecord","_node$data5","some","existingRecord","frameMoreOptionsRef","handleClickOutside","contains","target","document","addEventListener","removeEventListener","filteredMembers","member","_member$email_id","_searchValue$name","fullName","first_name","last_name","toLowerCase","email","_jsxs","_Fragment","children","Box","sx","dragging","locked","_jsx","NodeResizer","color","isVisible","minWidth","minHeight","e","NodeResizeControl","maxWidth","background","borderRadius","transform","border","primaryColor","bgcolor","Handle","connectionMode","isConnectable","maxHeight","display","justifyContent","alignItems","zIndex","left","onConnect","params","onMouseOver","onMouseLeave","onClick","preventDefault","pointerEvents","right","top","bottom","NodeToolbar","Position","Top","gap","px","boxShadow","CustomNameTooltip","placement","title","arrow","Stack","direction","cursor","transition","toggleLockUnlock","_parsedData6","_parsedData5","_nd$data","_nd$data2","_nd$data3","_nd$data3$data","IcLockLocked","IcLockUnLocked","CommonDivider","orientation","variant","flexItem","padding","ref","CustomTooltip","mt","PopperProps","disablePortal","onClose","open","disableFocusListener","disableHoverListener","disableTouchListener","FrameMoreMenus","showRename","showDuplicate","showCopyAsImage","showAddComment","showLockUnlock","showCopyLink","showLinkTo","saveFile","originalSize","hideImage","showDelete","showFrame","showBringToFrontAndBack","download","exportShow","setShowFrameMoreOptions","IconButton","IcMenuDotsVertical","fill","flexDirection","backgroundColor","CircularProgress","Typography","fontWeight","TextField","placeholder","autoComplete","fullWidth","stopPropagation","onChange","InputProps","startAdornment","marginLeft","IcSerch","opacity","marginTop","lineHeight","fontSize","overflow","marginBottom","user","i","_user$first_name$","React","onMouseDownCapture","draggable","onDragStart","profile_picture","objectFit","profile_color","src","alt","textAlign","toUpperCase","stroke","IcPin","_user$first_name$2","_user$first_name$3","onDragEnd","IcNoRecord","memo","prevProps","nextProps","globalDragging"],"sourceRoot":""}