hunk.code_window:       .use(Url, { companionUrl: "https://companion.uppy.io" })
         .use(OneDrive, {
           companionUrl: "https://companion.uppy.io/",
         })
         .use(Webcam, {
           onBeforeSnapshot: () => Promise.resolve(),
           countdown: false,
           mirror: true,
  
hunk.labels: keep keep keep replace replace keep keep keep
hunk.after_edit:       });
       if (location.protocol === "https:") {
         this.state.uppy.use(Webcam, {
  
hunk.file_path: app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx
hunk.type: replace
file: import React, { RefObject, useRef } from "react";
  import styled from "styled-components";
  import Icon, { IconSize } from "components/ads/Icon";
  import DebuggerLogs from "./DebuggerLogs";
  import { useDispatch } from "react-redux";
  import { showDebugger } from "actions/debuggerActions";
  import Errors from "./Errors";
  import Resizer, { ResizerCSS } from "./Resizer";
  import EntityDeps from "./EntityDependecies";
  import {
    createMessage,
    DEBUGGER_ERRORS,
    DEBUGGER_LOGS,
    INSPECT_ENTITY,
  } from "constants/messages";
  import { stopEventPropagation } from "utils/AppsmithUtils";
  import { DEBUGGER_TAB_KEYS } from "./helpers";
  import { Colors } from "constants/Colors";
  import EntityBottomTabs from "../EntityBottomTabs";
  
  const TABS_HEADER_HEIGHT = 36;
  
  const Container = styled.div`
    ${ResizerCSS}
    position: absolute;
    bottom: 0;
    height: 25%;
    min-height: ${TABS_HEADER_HEIGHT}px;
    background-color: ${(props) => props.theme.colors.debugger.background};
    border-top: 1px solid ${Colors.ALTO};
  
    ul.react-tabs__tab-list {
      padding: 0px ${(props) => props.theme.spaces[12]}px;
    }
    .react-tabs__tab-panel {
      height: calc(100% - ${TABS_HEADER_HEIGHT}px);
    }
  
    .close-debugger {
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 12px 15px;
    }
  `;
  
  type DebuggerTabsProps = {
    defaultIndex: number;
  };
  
  const DEBUGGER_TABS = [
    {
      key: DEBUGGER_TAB_KEYS.ERROR_TAB,
      title: createMessage(DEBUGGER_ERRORS),
      panelComponent: <Errors hasShortCut />,
    },
    {
      key: DEBUGGER_TAB_KEYS.LOGS_TAB,
      title: createMessage(DEBUGGER_LOGS),
      panelComponent: <DebuggerLogs hasShortCut />,
    },
    {
      key: DEBUGGER_TAB_KEYS.INSPECT_TAB,
      title: createMessage(INSPECT_ENTITY),
      panelComponent: <EntityDeps />,
    },
  ];
  
  function DebuggerTabs(props: DebuggerTabsProps) {
    const dispatch = useDispatch();
    const panelRef: RefObject<HTMLDivElement> = useRef(null);
    const onClose = () => dispatch(showDebugger(false));
  
    return (
      <Container onClick={stopEventPropagation} ref={panelRef}>
        <Resizer panelRef={panelRef} />
        <EntityBottomTabs
          defaultIndex={props.defaultIndex}
          tabs={DEBUGGER_TABS}
        />
        <Icon
          className="close-debugger t--close-debugger"
          name="cross"
          onClick={onClose}
          size={IconSize.SMALL}
        />
      </Container>
    );
  }
  
  export default DebuggerTabs;
  