hunk.code_window: import { createModalAction } from "actions/widgetActions";
   import { TreeDropdownOption } from "components/ads/TreeDropdown";
   import TreeStructure from "components/utils/TreeStructure";
   import { OnboardingStep } from "constants/OnboardingConstants";
   import { ReduxActionTypes } from "constants/ReduxActionConstants";
   import { INTEGRATION_EDITOR_URL, INTEGRATION_TABS } from "constants/routes";
   import { PluginType } from "entities/Action";
   import { Datasource } from "entities/Datasource";
   import { keyBy } from "lodash";
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit: import {
     INTEGRATION_EDITOR_MODES,
     INTEGRATION_EDITOR_URL,
     INTEGRATION_TABS,
   } from "constants/routes";
  
hunk.file_path: app/client/src/components/editorComponents/ActionCreator/index.tsx
hunk.type: replace
file: import React from "react";
  import styled from "styled-components";
  import { useSelector } from "react-redux";
  import { commentModeSelector } from "selectors/commentsSelectors";
  
  const StyledPreventInteractionsOverlay = styled.div`
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  `;
  
  const Container = styled.div`
    width: 100%;
    height: 100%;
    position: relative;
  
    > div {
      height: 100%;
    }
  `;
  
  type Props = {
    children: React.ReactNode;
    widgetType: string;
  };
  
  const preventInteractionsBlacklist = [
    "CONTAINER_WIDGET",
    "CANVAS_WIDGET",
    "TABS_WIDGET",
    "FORM_WIDGET",
  ];
  
  /**
   * Prevent interactions with the component
   */
  function PreventInteractionsOverlay({ children, widgetType }: Props) {
    const isCommentMode = useSelector(commentModeSelector);
    const isComponentBlacklisted =
      preventInteractionsBlacklist.indexOf(widgetType) !== -1;
    const shouldPreventInteraction = !isComponentBlacklisted && isCommentMode;
  
    return (
      <Container>
        {children}
        {shouldPreventInteraction && <StyledPreventInteractionsOverlay />}
      </Container>
    );
  }
  
  export default PreventInteractionsOverlay;
  