fix: source map warning during build (#8148)

* [WEB-5473] fix: source map errors

* [WEB-5473] chore: run codemod

* fix: build errors in editor

---------

Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>

apps/web/core/components/account/auth-forms/common/container.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 export function FormContainer({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex flex-col justify-center items-center flex-grow w-full py-6 mt-10">

apps/web/core/components/account/auth-forms/common/header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 export function AuthFormHeader({ title, description }: { title: string; description: string }) {
   return (
     <div className="flex flex-col gap-1">

apps/web/core/components/account/auth-forms/email.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC, FormEvent } from "react";
 import { useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/account/auth-forms/forgot-password.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";

apps/web/core/components/account/auth-forms/form-root.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";

apps/web/core/components/account/auth-forms/password.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

apps/web/core/components/account/auth-forms/reset-password.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";

apps/web/core/components/account/auth-forms/set-password.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FormEvent } from "react";
 import { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/account/auth-forms/unique-code.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useState } from "react";
 import { CircleCheck, XCircle } from "lucide-react";
 import { API_BASE_URL, AUTH_TRACKER_ELEMENTS, AUTH_TRACKER_EVENTS } from "@plane/constants";

apps/web/core/components/account/deactivate-account-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState } from "react";
 import { Trash2 } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";

apps/web/core/components/analytics/insight-table/data-table.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import * as React from "react";
 import type {
   ColumnDef,

apps/web/core/components/analytics/select/project.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 // plane package imports
 import { Logo } from "@plane/propel/emoji-icon-picker";

apps/web/core/components/analytics/select/select-x-axis.tsx

@@ -1,4 +1,3 @@
-"use client";
 // plane package imports
 import type { ChartXAxisProperty } from "@plane/types";
 import { CustomSelect } from "@plane/ui";

apps/web/core/components/analytics/select/select-y-axis.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { EEstimateSystem } from "@plane/constants";

apps/web/core/components/api-token/delete-token-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useState } from "react";
 import { mutate } from "swr";

apps/web/core/components/api-token/empty-state.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 // ui
 import { Button } from "@plane/propel/button";

apps/web/core/components/api-token/modal/create-token-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState } from "react";
 import { mutate } from "swr";
 // plane imports

apps/web/core/components/api-token/modal/form.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { add } from "date-fns";
 import { Controller, useForm } from "react-hook-form";

apps/web/core/components/api-token/modal/generated-token-details.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Copy } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
 import { Button } from "@plane/propel/button";

apps/web/core/components/api-token/token-list-item.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { XCircle } from "lucide-react";
 // plane imports

apps/web/core/components/auth-screens/auth-base.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 import { AuthRoot } from "@/components/account/auth-forms/auth-root";
 import type { EAuthModes } from "@/helpers/authentication.helper";

apps/web/core/components/auth-screens/footer.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 import { AccentureLogo, DolbyLogo, SonyLogo, ZerodhaLogo } from "@plane/propel/icons";
 

apps/web/core/components/auth-screens/header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

apps/web/core/components/auth-screens/project/join-project.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { useState } from "react";
 import { useParams } from "next/navigation";
 import { ClipboardList } from "lucide-react";

apps/web/core/components/auth-screens/workspace/not-a-member.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import Link from "next/link";
 // ui
 import { Button } from "@plane/propel/button";

apps/web/core/components/automation/auto-archive-automation.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useMemo, useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/automation/auto-close-automation.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useMemo, useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/automation/select-month-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import { useParams } from "next/navigation";
 // react-hook-form

apps/web/core/components/base-layouts/gantt/layout.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useCallback, useMemo } from "react";
 import { observer } from "mobx-react";
 import { GANTT_TIMELINE_TYPE } from "@plane/types";

apps/web/core/components/base-layouts/gantt/sidebar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { RefObject } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/base-layouts/kanban/layout.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import type { IBaseLayoutsKanbanItem, IBaseLayoutsKanbanProps } from "@plane/types";
 import { cn } from "@plane/utils";

apps/web/core/components/base-layouts/layout-switcher.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import { Tooltip } from "@plane/propel/tooltip";
 import type { TBaseLayoutType } from "@plane/types";

apps/web/core/components/base-layouts/list/layout.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import type { IBaseLayoutsListItem, IBaseLayoutsListProps } from "@plane/types";
 import { cn } from "@plane/ui";

apps/web/core/components/comments/card/root.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useRef, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/comments/comment-reaction.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useMemo, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/comments/comments.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import React, { useMemo } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/comments/quick-actions.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useMemo } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/common/activity/activity-block.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC, ReactNode } from "react";
 import { Network } from "lucide-react";
 // types

apps/web/core/components/common/activity/activity-item.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { observer } from "mobx-react";
 

apps/web/core/components/common/applied-filters/members.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import { CloseIcon } from "@plane/propel/icons";
 // plane ui

apps/web/core/components/common/breadcrumb-link.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode, FC } from "react";
 import React, { useMemo } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/common/count-chip.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 //
 import { cn } from "@plane/utils";

apps/web/core/components/common/empty-state.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 
 // ui

apps/web/core/components/common/filters/created-by.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useMemo, useState } from "react";
 import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";

apps/web/core/components/common/new-empty-state.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React, { useState } from "react";
 
 // ui

apps/web/core/components/common/pro-icon.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { Crown } from "lucide-react";
 // helpers

apps/web/core/components/core/activity.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { useEffect } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/core/app-header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 import { observer } from "mobx-react";
 // plane imports

apps/web/core/components/core/content-wrapper.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 // helpers
 import { cn } from "@plane/utils";

apps/web/core/components/core/filters/date-filter-modal.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { Fragment } from "react";
 import { Controller, useForm } from "react-hook-form";
 

apps/web/core/components/core/filters/date-filter-select.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 import { CalendarDays } from "lucide-react";
 // ui

apps/web/core/components/core/image-picker-popover.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState, useRef, useCallback } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/core/list/list-item.tsx

@@ -1,4 +1,3 @@
-"use client";
 import type { FC } from "react";
 import React from "react";
 // ui

apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/core/modals/existing-issues-list-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useState, useRef } from "react";
 import { Rocket, Search } from "lucide-react";
 import { Combobox, Dialog, Transition } from "@headlessui/react";

apps/web/core/components/core/modals/gpt-assistant-popover.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { Ref } from "react";
 import React, { useEffect, useState, useRef, Fragment } from "react";
 import type { Placement } from "@popperjs/core";

apps/web/core/components/core/modals/user-image-upload-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useDropzone } from "react-dropzone";

apps/web/core/components/core/modals/workspace-image-upload-modal.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/core/multiple-select/entity-select-action.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 // ui
 import { Checkbox } from "@plane/ui";

apps/web/core/components/core/multiple-select/group-select-action.tsx

@@ -1,4 +1,3 @@
-"use client";
 // ui
 import { Checkbox } from "@plane/ui";
 // helpers

apps/web/core/components/core/sidebar/sidebar-menu-hamburger-toggle.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import { PanelRight } from "lucide-react";
 import { useAppTheme } from "@/hooks/store/use-app-theme";

apps/web/core/components/core/theme/color-picker-input.tsx

@@ -1,4 +1,3 @@
-"use client";
 import type { FC } from "react";
 import { Fragment } from "react";
 // react-form

apps/web/core/components/core/theme/custom-theme-selector.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useMemo } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";

apps/web/core/components/core/theme/theme-switch.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 // plane imports
 import type { I_THEME_OPTION } from "@plane/constants";

apps/web/core/components/cycles/active-cycle/cycle-stats.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { Fragment, useCallback, useRef, useState } from "react";
 import { isEmpty } from "lodash-es";

apps/web/core/components/cycles/active-cycle/progress.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { observer } from "mobx-react";
 import { useTheme } from "next-themes";

apps/web/core/components/cycles/analytics-sidebar/issue-progress.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useMemo } from "react";
 import { isEmpty } from "lodash-es";

apps/web/core/components/cycles/analytics-sidebar/progress-stats.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { observer } from "mobx-react";
 import { Tab } from "@headlessui/react";

apps/web/core/components/cycles/analytics-sidebar/root.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import { observer } from "mobx-react";
 // plane imports

apps/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx

@@ -1,4 +1,3 @@
-"use client";
 import type { FC } from "react";
 import React from "react";
 import { isEmpty } from "lodash-es";

apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import React, { useEffect } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/cycles/archived-cycles/modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState, Fragment } from "react";
 import { Dialog, Transition } from "@headlessui/react";
 // ui

apps/web/core/components/cycles/delete-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams, useSearchParams } from "next/navigation";

apps/web/core/components/cycles/form.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useEffect } from "react";
 import { Controller, useForm } from "react-hook-form";
 // plane imports

apps/web/core/components/cycles/list/cycle-list-group-header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import React from "react";
 // types

apps/web/core/components/cycles/list/cycle-list-item-action.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC, MouseEvent } from "react";
 import React, { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/cycles/list/cycle-list-project-group-header.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import React from "react";
 import { observer } from "mobx-react";

apps/web/core/components/cycles/list/cycles-list-item.tsx

@@ -1,4 +1,3 @@
-"use client";
 import type { FC, MouseEvent } from "react";
 import { useRef } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/cycles/modal.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React, { useEffect, useState } from "react";
 import { mutate } from "swr";
 // types

apps/web/core/components/cycles/quick-actions.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { observer } from "mobx-react";
 

apps/web/core/components/cycles/transfer-issues-modal.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/cycles/transfer-issues.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 import { AlertCircle } from "lucide-react";
 // ui

apps/web/core/components/dropdowns/buttons.tsx

@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 // helpers
 import { Tooltip } from "@plane/propel/tooltip";

apps/web/core/components/dropdowns/cycle/cycle-options.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { FC } from "react";
 import { useEffect, useRef, useState } from "react";
 import type { Placement } from "@popperjs/core";

apps/web/core/components/dropdowns/cycle/index.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 import { useRef, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/date-range.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useRef, useState } from "react";
 import type { Placement } from "@popperjs/core";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/date.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { createPortal } from "react-dom";

apps/web/core/components/dropdowns/member/avatar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { observer } from "mobx-react";
 import type { LucideIcon } from "lucide-react";
 import { MembersPropertyIcon } from "@plane/propel/icons";

apps/web/core/components/dropdowns/member/member-options.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useEffect, useRef, useState } from "react";
 import type { Placement } from "@popperjs/core";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/module/base.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 import { useEffect, useRef, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/module/button-content.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 // plane imports
 import { CloseIcon, ModuleIcon, ChevronDownIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";

apps/web/core/components/dropdowns/module/dropdown.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/dropdowns/module/module-options.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useEffect, useRef, useState } from "react";
 import type { Placement } from "@popperjs/core";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/priority.tsx

@@ -1,4 +1,3 @@
-"use client";
 import type { ReactNode } from "react";
 import { Fragment, useRef, useState } from "react";
 import { useTheme } from "next-themes";

apps/web/core/components/dropdowns/state/base.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 import { useRef, useState } from "react";
 import { observer } from "mobx-react";

apps/web/core/components/dropdowns/state/dropdown.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/editor/lite-text/toolbar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useState, useCallback } from "react";
 import type { LucideIcon } from "lucide-react";
 import { Globe2, Lock } from "lucide-react";

apps/web/core/components/editor/pdf/document.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { PageProps } from "@react-pdf/renderer";
 import { Document, Font, Page } from "@react-pdf/renderer";
 import { Html } from "react-pdf-html";

apps/web/core/components/editor/rich-text/description-input/root.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useCallback, useEffect, useState, useRef } from "react";
 import { debounce } from "lodash-es";
 import { observer } from "mobx-react";

apps/web/core/components/editor/sticky-editor/toolbar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React, { useEffect, useState, useCallback } from "react";
 import { Palette, Trash2 } from "lucide-react";
 // editor