refactor: move web utils to packages (#7145)

* refactor: move web utils to packages

* fix: build and lint errors

* chore: update drag handle plugin

* chore: update table cell type to fix build errors

* fix: build errors

* chore: sync few changes

* fix: build errors

* chore: minor fixes related to duplicate assets imports

* fix: build errors

* chore: minor changes

web/app/(all)/[workspaceSlug]/(projects)/analytics/header.tsx

@@ -4,15 +4,15 @@ import { useEffect } from "react";
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
 import { BarChart2, PanelRight } from "lucide-react";
+// plane imports
 import { useTranslation } from "@plane/i18n";
-// ui
 import { Breadcrumbs, Header } from "@plane/ui";
+import { cn } from "@plane/utils";
 // components
-import { BreadcrumbLink } from "@/components/common";
-// helpers
-import { cn } from "@/helpers/common.helper";
+import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 // hooks
 import { useAppTheme } from "@/hooks/store";
+
 export const WorkspaceAnalyticsHeader = observer(() => {
   const { t } = useTranslation();
   const searchParams = useSearchParams();

web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx

@@ -8,12 +8,11 @@ import { Plus, Search } from "lucide-react";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
-import { cn, copyUrlToClipboard } from "@plane/utils";
+import { cn, copyUrlToClipboard, orderJoinedProjects } from "@plane/utils";
 // components
 import { CreateProjectModal } from "@/components/project";
 import { SidebarProjectsListItem } from "@/components/workspace";
 // hooks
-import { orderJoinedProjects } from "@/helpers/project.helper";
 import { useAppTheme, useProject, useUserPermissions } from "@/hooks/store";
 import useExtendedSidebarOutsideClickDetector from "@/hooks/use-extended-sidebar-overview-outside-click";
 import { TProject } from "@/plane-web/types";

web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx

@@ -10,10 +10,11 @@ import { PROFILE_VIEWER_TAB, PROFILE_ADMINS_TAB, EUserPermissions, EUserPermissi
 import { useTranslation } from "@plane/i18n";
 import { IUserProfileProjectSegregation } from "@plane/types";
 import { Breadcrumbs, Header, CustomMenu, UserActivityIcon } from "@plane/ui";
-import { BreadcrumbLink } from "@/components/common";
+import { cn } from "@plane/utils";
 // components
+import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 import { ProfileIssuesFilter } from "@/components/profile";
-import { cn } from "@/helpers/common.helper";
+// hooks
 import { useAppTheme, useUser, useUserPermissions } from "@/hooks/store";
 
 type TUserProfileHeader = {

web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx

@@ -20,10 +20,10 @@ import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOption
 // ui
 import { CustomMenu } from "@plane/ui";
 // components
+import { isIssueFilterActive } from "@plane/utils";
 import { DisplayFiltersSelection, FilterSelection, FiltersDropdown, IssueLayoutIcon } from "@/components/issues";
 
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useIssues, useLabel } from "@/hooks/store";
 

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/[cycleId]/page.tsx

@@ -3,13 +3,13 @@
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // components
+import { cn } from "@plane/utils";
 import { EmptyState } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { CycleDetailsSidebar } from "@/components/cycles";
 import useCyclesDetails from "@/components/cycles/active-cycle/use-cycles-details";
 import { CycleLayoutRoot } from "@/components/issues/issue-layouts";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useCycle, useProject } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/header.tsx

@@ -6,50 +6,45 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 // icons
 import { PanelRight } from "lucide-react";
-// plane constants
+// plane imports
 import {
-  EIssueLayoutTypes,
   EIssueFilterType,
+  EIssueLayoutTypes,
   EIssuesStoreType,
-  ISSUE_DISPLAY_FILTERS_BY_PAGE,
   EUserPermissions,
   EUserPermissionsLevel,
+  ISSUE_DISPLAY_FILTERS_BY_PAGE,
 } from "@plane/constants";
-// i18n
 import { useTranslation } from "@plane/i18n";
-// types
 import {
   ICustomSearchSelectOption,
   IIssueDisplayFilterOptions,
   IIssueDisplayProperties,
   IIssueFilterOptions,
 } from "@plane/types";
-// ui
-import { Breadcrumbs, Button, ContrastIcon, Tooltip, Header, CustomSearchSelect } from "@plane/ui";
+import { Breadcrumbs, Button, ContrastIcon, CustomSearchSelect, Header, Tooltip } from "@plane/ui";
+import { cn, isIssueFilterActive } from "@plane/utils";
 // components
 import { WorkItemsModal } from "@/components/analytics/work-items/modal";
 import { BreadcrumbLink, SwitcherLabel } from "@/components/common";
 import { CycleQuickActions } from "@/components/cycles";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection, LayoutSelection } from "@/components/issues";
-// helpers
-import { cn } from "@/helpers/common.helper";
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import {
-  useEventTracker,
+  useCommandPalette,
   useCycle,
+  useEventTracker,
+  useIssues,
   useLabel,
   useMember,
   useProject,
   useProjectState,
-  useIssues,
-  useCommandPalette,
   useUserPermissions,
 } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";
 import useLocalStorage from "@/hooks/use-local-storage";
 import { usePlatformOS } from "@/hooks/use-platform-os";
-// plane web
+// plane web imports
 import { ProjectBreadcrumb } from "@/plane-web/components/breadcrumbs";
 
 export const CycleIssuesHeader: React.FC = observer(() => {

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/mobile-header.tsx

@@ -4,7 +4,7 @@ import { useCallback, useState } from "react";
 import { useParams } from "next/navigation";
 // icons
 import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
-// plane constants
+// plane imports
 import {
   EIssueLayoutTypes,
   EIssueFilterType,
@@ -12,17 +12,14 @@ import {
   ISSUE_LAYOUTS,
   ISSUE_DISPLAY_FILTERS_BY_PAGE,
 } from "@plane/constants";
-// i18n
 import { useTranslation } from "@plane/i18n";
-// types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
-// ui
 import { CustomMenu } from "@plane/ui";
+import { isIssueFilterActive } from "@plane/utils";
 // components
 import { WorkItemsModal } from "@/components/analytics/work-items/modal";
 import { DisplayFiltersSelection, FilterSelection, FiltersDropdown, IssueLayoutIcon } from "@/components/issues";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useIssues, useCycle, useProjectState, useLabel, useMember, useProject } from "@/hooks/store";
 

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx

@@ -9,12 +9,12 @@ import { useTranslation } from "@plane/i18n";
 import { TCycleFilters } from "@plane/types";
 // components
 import { Header, EHeaderVariant } from "@plane/ui";
-import { PageHead } from "@/components/core";
+import { calculateTotalFilters } from "@plane/utils";
+import { PageHead } from "@/components/core/page-title";
 import { CyclesView, CycleCreateUpdateModal, CycleAppliedFiltersList } from "@/components/cycles";
 import { ComicBoxButton, DetailedEmptyState } from "@/components/empty-state";
 import { CycleModuleListLayout } from "@/components/ui";
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useEventTracker, useCycle, useProject, useCycleFilter, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/draft-issues/header.tsx

@@ -12,10 +12,10 @@ import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOption
 // ui
 import { Breadcrumbs, LayersIcon, Tooltip } from "@plane/ui";
 // components
+import { isIssueFilterActive } from "@plane/utils";
 import { BreadcrumbLink } from "@/components/common";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection, LayoutSelection } from "@/components/issues";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useIssues, useLabel, useMember, useProject, useProjectState } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/intake/page.tsx

@@ -1,15 +1,14 @@
 "use client";
 import { observer } from "mobx-react";
-// components
 import { useParams, useSearchParams } from "next/navigation";
-import { EUserPermissionsLevel } from "@plane/constants";
+import { EUserPermissionsLevel, EInboxIssueCurrentTab } from "@plane/constants";
+// components
 import { EUserProjectRoles } from "@plane/constants/src/user";
 import { useTranslation } from "@plane/i18n";
 import { PageHead } from "@/components/core";
 import { DetailedEmptyState } from "@/components/empty-state";
 import { InboxIssueRoot } from "@/components/inbox";
 // helpers
-import { EInboxIssueCurrentTab } from "@/helpers/inbox.helper";
 // hooks
 import { useProject, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx

@@ -5,7 +5,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
-// plane constants
+// plane imports
 import {
   EIssueLayoutTypes,
   EIssueFilterType,
@@ -13,12 +13,10 @@ import {
   ISSUE_LAYOUTS,
   ISSUE_DISPLAY_FILTERS_BY_PAGE,
 } from "@plane/constants";
-// i18n
 import { useTranslation } from "@plane/i18n";
-// types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
-// ui
 import { CustomMenu } from "@plane/ui";
+import { isIssueFilterActive } from "@plane/utils";
 // components
 import { WorkItemsModal } from "@/components/analytics/work-items/modal";
 import {
@@ -28,7 +26,6 @@ import {
   IssueLayoutIcon,
 } from "@/components/issues/issue-layouts";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useIssues, useLabel, useMember, useProject, useProjectState } from "@/hooks/store";
 

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/[moduleId]/page.tsx

@@ -4,12 +4,12 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // components
+import { cn } from "@plane/utils";
 import { EmptyState } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { ModuleLayoutRoot } from "@/components/issues";
 import { ModuleAnalyticsSidebar } from "@/components/modules";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useModule, useProject } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 // icons
 import { PanelRight } from "lucide-react";
-// plane constants
+// plane imports
 import {
   EIssueLayoutTypes,
   EIssuesStoreType,
@@ -15,23 +15,20 @@ import {
   EUserPermissions,
   EUserPermissionsLevel,
 } from "@plane/constants";
-// types
 import {
   ICustomSearchSelectOption,
   IIssueDisplayFilterOptions,
   IIssueDisplayProperties,
   IIssueFilterOptions,
 } from "@plane/types";
-// ui
 import { Breadcrumbs, Button, DiceIcon, Tooltip, Header, CustomSearchSelect } from "@plane/ui";
+import { cn, isIssueFilterActive } from "@plane/utils";
 // components
 import { WorkItemsModal } from "@/components/analytics/work-items/modal";
 import { BreadcrumbLink, SwitcherLabel } from "@/components/common";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection, LayoutSelection } from "@/components/issues";
 // helpers
 import { ModuleQuickActions } from "@/components/modules";
-import { cn } from "@/helpers/common.helper";
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import {
   useEventTracker,

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/mobile-header.tsx

@@ -5,7 +5,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
-// plane constants
+// plane imports
 import {
   EIssueLayoutTypes,
   EIssueFilterType,
@@ -13,12 +13,10 @@ import {
   ISSUE_LAYOUTS,
   ISSUE_DISPLAY_FILTERS_BY_PAGE,
 } from "@plane/constants";
-// plane i18n
 import { useTranslation } from "@plane/i18n";
-// types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
-// ui
 import { CustomMenu } from "@plane/ui";
+import { isIssueFilterActive } from "@plane/utils";
 // components
 import { WorkItemsModal } from "@/components/analytics/work-items/modal";
 import {
@@ -28,7 +26,6 @@ import {
   IssueLayoutIcon,
 } from "@/components/issues/issue-layouts";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useIssues, useLabel, useMember, useModule, useProject, useProjectState } from "@/hooks/store";
 

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/page.tsx

@@ -8,11 +8,11 @@ import { EUserPermissionsLevel, EUserProjectRoles } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { TModuleFilters } from "@plane/types";
 // components
-import { PageHead } from "@/components/core";
+import { calculateTotalFilters } from "@plane/utils";
+import { PageHead } from "@/components/core/page-title";
 import { DetailedEmptyState } from "@/components/empty-state";
 import { ModuleAppliedFiltersList, ModulesListView } from "@/components/modules";
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useModuleFilter, useProject, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx

@@ -7,10 +7,10 @@ import { ICustomSearchSelectOption } from "@plane/types";
 // ui
 import { Breadcrumbs, Header, CustomSearchSelect } from "@plane/ui";
 // components
+import { getPageName } from "@plane/utils";
 import { BreadcrumbLink, PageAccessIcon, SwitcherLabel } from "@/components/common";
 import { PageHeaderActions } from "@/components/pages/header/actions";
 // helpers
-import { getPageName } from "@/helpers/page.helper";
 // hooks
 import { useProject } from "@/hooks/store";
 // plane web components

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(detail)/[viewId]/header.tsx

@@ -24,12 +24,12 @@ import {
 // ui
 import { Breadcrumbs, Button, Tooltip, Header, CustomSearchSelect } from "@plane/ui";
 // components
+import { isIssueFilterActive } from "@plane/utils";
 import { BreadcrumbLink, SwitcherLabel } from "@/components/common";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection, LayoutSelection } from "@/components/issues";
 // constants
 import { ViewQuickActions } from "@/components/views";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import {
   useCommandPalette,

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/page.tsx

@@ -8,13 +8,13 @@ import { EUserPermissionsLevel, EUserProjectRoles, EViewAccess } from "@plane/co
 import { useTranslation } from "@plane/i18n";
 import { TViewFilterProps } from "@plane/types";
 import { Header, EHeaderVariant } from "@plane/ui";
-import { PageHead } from "@/components/core";
+import { calculateTotalFilters } from "@plane/utils";
+import { PageHead } from "@/components/core/page-title";
 import { DetailedEmptyState } from "@/components/empty-state";
 import { ProjectViewsList } from "@/components/views";
 import { ViewAppliedFiltersList } from "@/components/views/applied-filters";
 // constants
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useProject, useProjectView, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/[workspaceSlug]/(projects)/sidebar.tsx

@@ -5,11 +5,11 @@ import { observer } from "mobx-react";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useOutsideClickDetector } from "@plane/hooks";
 // components
+import { cn } from "@plane/utils";
 import { SidebarDropdown, SidebarHelpSection, SidebarProjectsList, SidebarQuickActions } from "@/components/workspace";
 import { SidebarFavoritesMenu } from "@/components/workspace/sidebar/favorites/favorites-menu";
 import { SidebarMenuItems } from "@/components/workspace/sidebar/sidebar-menu-items";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useAppTheme, useUserPermissions } from "@/hooks/store";
 import { useFavorite } from "@/hooks/store/use-favorite";

web/app/(all)/[workspaceSlug]/(projects)/workspace-views/header.tsx

@@ -12,11 +12,11 @@ import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOption
 // ui
 import { Breadcrumbs, Button, Header } from "@plane/ui";
 // components
+import { isIssueFilterActive } from "@plane/utils";
 import { BreadcrumbLink } from "@/components/common";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection } from "@/components/issues";
 import { CreateUpdateWorkspaceViewModal } from "@/components/workspace";
 // helpers
-import { isIssueFilterActive } from "@/helpers/filter.helper";
 // hooks
 import { useLabel, useMember, useIssues, useGlobalView } from "@/hooks/store";
 

web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/exports/page.tsx

@@ -4,13 +4,14 @@ import { observer } from "mobx-react";
 // components
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { cn } from "@plane/utils";
 import { NotAuthorizedView } from "@/components/auth-screens";
 import { PageHead } from "@/components/core";
 import ExportGuide from "@/components/exporter/guide";
 // helpers
-import { SettingsContentWrapper, SettingsHeading } from "@/components/settings";
-import { cn } from "@/helpers/common.helper";
 // hooks
+import { SettingsContentWrapper } from "@/components/settings/content-wrapper";
+import SettingsHeading from "@/components/settings/heading";
 import { useUserPermissions, useWorkspace } from "@/hooks/store";
 
 const ExportsPage = observer(() => {

web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx

@@ -10,6 +10,7 @@ import { useTranslation } from "@plane/i18n";
 import { IWorkspaceBulkInviteFormData } from "@plane/types";
 // ui
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { cn, getUserRole } from "@plane/utils";
 // components
 import { NotAuthorizedView } from "@/components/auth-screens";
 import { CountChip } from "@/components/common";
@@ -17,8 +18,6 @@ import { PageHead } from "@/components/core";
 import { SettingsContentWrapper } from "@/components/settings";
 import { WorkspaceMembersList } from "@/components/workspace";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { getUserRole } from "@/helpers/user.helper";
 // hooks
 import { useEventTracker, useMember, useUserPermissions, useWorkspace } from "@/hooks/store";
 // plane web components

web/app/(all)/[workspaceSlug]/(settings)/settings/account/preferences/page.tsx

@@ -6,10 +6,12 @@ import { useTranslation } from "@plane/i18n";
 import { LogoSpinner } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { PreferencesList } from "@/components/preferences/list";
-import { LanguageTimezone, ProfileSettingContentHeader } from "@/components/profile";
+import { ProfileSettingContentHeader } from "@/components/profile";
 // hooks
+import { LanguageTimezone } from "@/components/profile/preferences/language-timezone";
 import { SettingsHeading } from "@/components/settings";
 import { useUserProfile } from "@/hooks/store";
+
 const ProfileAppearancePage = observer(() => {
   const { t } = useTranslation();
   // hooks

web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx

@@ -4,16 +4,17 @@ import { useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 import { Eye, EyeOff } from "lucide-react";
+// plane imports
+import { E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-// ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
+import { getPasswordStrength } from "@plane/utils";
 // components
 import { PasswordStrengthMeter } from "@/components/account";
 import { PageHead } from "@/components/core";
 import { ProfileSettingContentHeader } from "@/components/profile";
 // helpers
 import { authErrorHandler } from "@/helpers/authentication.helper";
-import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 // services

web/app/(all)/[workspaceSlug]/(settings)/settings/account/sidebar.tsx

@@ -1,6 +1,7 @@
 import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 import { CircleUser, Activity, Bell, CircleUserRound, KeyRound, Settings2, Blocks, Lock } from "lucide-react";
+// plane imports
 import {
   EUserPermissions,
   EUserPermissionsLevel,
@@ -8,8 +9,10 @@ import {
   PROFILE_SETTINGS_CATEGORIES,
   PROFILE_SETTINGS_CATEGORY,
 } from "@plane/constants";
+import { getFileURL } from "@plane/utils";
+// components
 import { SettingsSidebar } from "@/components/settings";
-import { getFileURL } from "@/helpers/file.helper";
+// hooks
 import { useUser, useUserPermissions } from "@/hooks/store/user";
 
 const ICONS = {

web/app/(all)/accounts/forgot-password/page.tsx

@@ -12,10 +12,9 @@ import { CircleCheck } from "lucide-react";
 import { FORGOT_PASS_LINK, NAVIGATE_TO_SIGNUP } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button, Input, TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
+import { cn, checkEmailValidity } from "@plane/utils";
 // helpers
 import { EPageTypes } from "@/helpers/authentication.helper";
-import { cn } from "@/helpers/common.helper";
-import { checkEmailValidity } from "@/helpers/string.helper";
 // hooks
 import { useEventTracker, useInstance } from "@/hooks/store";
 import useTimer from "@/hooks/use-timer";

web/app/(all)/accounts/reset-password/page.tsx

@@ -9,9 +9,11 @@ import { useSearchParams } from "next/navigation";
 import { useTheme } from "next-themes";
 import { Eye, EyeOff } from "lucide-react";
 // ui
+import { API_BASE_URL, E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button, Input } from "@plane/ui";
 // components
+import { getPasswordStrength } from "@plane/utils";
 import { AuthBanner, PasswordStrengthMeter } from "@/components/account";
 // helpers
 import {
@@ -21,8 +23,6 @@ import {
   TAuthErrorInfo,
   authErrorHandler,
 } from "@/helpers/authentication.helper";
-import { API_BASE_URL } from "@/helpers/common.helper";
-import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
 // wrappers
 import { AuthenticationWrapper } from "@/lib/wrappers";
 // services

web/app/(all)/accounts/set-password/page.tsx

@@ -9,13 +9,14 @@ import { useSearchParams } from "next/navigation";
 import { useTheme } from "next-themes";
 import { Eye, EyeOff } from "lucide-react";
 // plane imports
+import { E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // components
-import { PasswordStrengthMeter } from "@/components/account";
+import { getPasswordStrength } from "@plane/utils";
+import { PasswordStrengthMeter } from "@/components/account/password-strength-meter";
 // helpers
 import { EPageTypes } from "@/helpers/authentication.helper";
-import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/invitations/page.tsx

@@ -15,13 +15,12 @@ import { useTranslation } from "@plane/i18n";
 import type { IWorkspaceMemberInvitation } from "@plane/types";
 // ui
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { truncateText, getUserRole } from "@plane/utils";
 // components
 import { EmptyState } from "@/components/common";
 import { WorkspaceLogo } from "@/components/workspace/logo";
 import { USER_WORKSPACES_LIST } from "@/constants/fetch-keys";
 // helpers
-import { truncateText } from "@/helpers/string.helper";
-import { getUserRole } from "@/helpers/user.helper";
 // hooks
 import { useEventTracker, useUser, useUserProfile, useWorkspace } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/app/(all)/profile/appearance/page.tsx

@@ -9,11 +9,11 @@ import { useTranslation } from "@plane/i18n";
 import { IUserTheme } from "@plane/types";
 import { setPromiseToast } from "@plane/ui";
 // components
+import { applyTheme, unsetCustomCssVariables } from "@plane/utils";
 import { LogoSpinner } from "@/components/common";
 import { ThemeSwitch, PageHead, CustomThemeSelector } from "@/components/core";
 import { ProfileSettingContentHeader, ProfileSettingContentWrapper } from "@/components/profile";
 // helpers
-import { applyTheme, unsetCustomCssVariables } from "@/helpers/theme.helper";
 // hooks
 import { useUserProfile } from "@/hooks/store";
 

web/app/(all)/profile/security/page.tsx

@@ -4,16 +4,17 @@ import { useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 import { Eye, EyeOff } from "lucide-react";
+import { E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // components
-import { PasswordStrengthMeter } from "@/components/account";
-import { PageHead } from "@/components/core";
+import { getPasswordStrength } from "@plane/utils";
+import { PasswordStrengthMeter } from "@/components/account/password-strength-meter";
+import { PageHead } from "@/components/core/page-title";
 import { ProfileSettingContentHeader, ProfileSettingContentWrapper } from "@/components/profile";
 // helpers
 import { authErrorHandler } from "@/helpers/authentication.helper";
-import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 // services

web/app/(all)/profile/sidebar.tsx

@@ -22,12 +22,11 @@ import { PROFILE_ACTION_LINKS } from "@plane/constants";
 import { useOutsideClickDetector } from "@plane/hooks";
 import { useTranslation } from "@plane/i18n";
 import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
+import { cn, getFileURL } from "@plane/utils";
 // components
 import { SidebarNavItem } from "@/components/sidebar";
 // constants
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useAppTheme, useUser, useUserSettings, useWorkspace } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";

web/app/error.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-// ui
 import Link from "next/link";
+// plane imports
+import { API_BASE_URL } from "@plane/constants";
 import { Button, TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
-// helpers
 import { cn } from "@plane/utils";
-import { API_BASE_URL } from "@/helpers/common.helper";
 // hooks
 import { useAppRouter } from "@/hooks/use-app-router";
 // layouts
@@ -19,10 +18,6 @@ const authService = new AuthService();
 export default function CustomErrorComponent() {
   const router = useAppRouter();
 
-  const handleRefresh = () => {
-    window.location.reload();
-  };
-
   const handleSignOut = async () => {
     await authService
       .signOut(API_BASE_URL)

web/app/layout.tsx

@@ -7,7 +7,7 @@ import "@/styles/globals.css";
 import { SITE_DESCRIPTION, SITE_NAME } from "@plane/constants";
 
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 // local
 import { AppProvider } from "./provider";

web/app/provider.tsx

@@ -9,7 +9,7 @@ import { WEB_SWR_CONFIG } from "@plane/constants";
 import { TranslationProvider } from "@plane/i18n";
 import { Toast } from "@plane/ui";
 //helpers
-import { resolveGeneralTheme } from "@/helpers/theme.helper";
+import { resolveGeneralTheme } from "@plane/utils";
 // nprogress
 import { AppProgressBar } from "@/lib/n-progress";
 // polyfills

web/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx

@@ -9,9 +9,9 @@ import { MARKETING_PRICING_PAGE_LINK } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ContentWrapper, getButtonStyling } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { ProIcon } from "@/components/common";
 // helper
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 

web/ce/components/command-palette/helpers.tsx

@@ -12,7 +12,7 @@ import {
 // ui
 import { ContrastIcon, DiceIcon } from "@plane/ui";
 // helpers
-import { generateWorkItemLink } from "@/helpers/issue.helper";
+import { generateWorkItemLink } from "@plane/utils";
 // plane web components
 import { IssueIdentifier } from "@/plane-web/components/issues";
 

web/ce/components/comments/comment-block.tsx

@@ -4,9 +4,9 @@ import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
 import { TIssueComment } from "@plane/types";
 import { Avatar, Tooltip } from "@plane/ui";
-import { calculateTimeAgo, cn, getFileURL, renderFormattedDate } from "@plane/utils";
+import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils";
 // hooks
-import { renderFormattedTime } from "@/helpers/date-time.helper";
+//
 import { useMember } from "@/hooks/store";
 
 type TCommentBlock = {

web/ce/components/cycles/analytics-sidebar/base.tsx

@@ -6,10 +6,10 @@ import { useTranslation } from "@plane/i18n";
 import { TCycleEstimateType } from "@plane/types";
 import { Loader } from "@plane/ui";
 // components
+import { getDate } from "@plane/utils";
 import ProgressChart from "@/components/core/sidebar/progress-chart";
 import { EstimateTypeDropdown, validateCycleSnapshot } from "@/components/cycles";
 // helpers
-import { getDate } from "@/helpers/date-time.helper";
 // hooks
 import { useCycle } from "@/hooks/store";
 

web/ce/components/gantt-chart/dependency/blockDraggables/left-draggable.tsx

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { IGanttBlock } from "@/components/gantt-chart";
+import type { IGanttBlock } from "@plane/types";
 
 type LeftDependencyDraggableProps = {
   block: IGanttBlock;

web/ce/components/gantt-chart/dependency/blockDraggables/right-draggable.tsx

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { IGanttBlock } from "@/components/gantt-chart";
+import type { IGanttBlock } from "@plane/types";
 
 type RightDependencyDraggableProps = {
   block: IGanttBlock;

web/ce/components/global/product-updates-header.tsx

@@ -2,7 +2,7 @@ import { observer } from "mobx-react";
 import Image from "next/image";
 import { useTranslation } from "@plane/i18n";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // assets
 import PlaneLogo from "@/public/plane-logos/blue-without-text.png";
 // package.json

web/ce/components/issues/header.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { Circle, ExternalLink } from "lucide-react";
+import { EIssuesStoreType, EUserPermissions, EUserPermissionsLevel, SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants";
 // plane constants
-import { EIssuesStoreType, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // ui
 import { Breadcrumbs, Button, LayersIcon, Tooltip, Header } from "@plane/ui";
@@ -14,7 +14,6 @@ import { BreadcrumbLink, CountChip } from "@/components/common";
 // constants
 import HeaderFilters from "@/components/issues/filters";
 // helpers
-import { SPACE_BASE_PATH, SPACE_BASE_URL } from "@/helpers/common.helper";
 // hooks
 import { useEventTracker, useProject, useCommandPalette, useUserPermissions } from "@/hooks/store";
 import { useIssues } from "@/hooks/store/use-issues";

web/ce/components/issues/issue-details/issue-identifier.tsx

@@ -5,7 +5,7 @@ import { IIssueDisplayProperties } from "@plane/types";
 // ui
 import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useIssueDetail, useProject } from "@/hooks/store";
 

web/ce/components/pages/editor/ai/ask-pi-menu.tsx

@@ -3,9 +3,9 @@ import { CircleArrowUp, CornerDownRight, RefreshCcw, Sparkles } from "lucide-rea
 // ui
 import { Tooltip } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { RichTextReadOnlyEditor } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useWorkspace } from "@/hooks/store";
 

web/ce/components/pages/editor/ai/menu.tsx

@@ -7,9 +7,9 @@ import { EditorRefApi } from "@plane/editor";
 // plane ui
 import { Tooltip } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { RichTextReadOnlyEditor } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // plane web constants
 import { AI_EDITOR_TASKS, LOADING_TEXTS } from "@/plane-web/constants/ai";
 // plane web services

web/ce/components/pages/editor/embed/issue-embed-upgrade-card.tsx

@@ -1,9 +1,9 @@
 // plane ui
 import { getButtonStyling } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { ProIcon } from "@/components/common";
 // helpers
-import { cn } from "@/helpers/common.helper";
 
 export const IssueEmbedUpgradeCard: React.FC<any> = (props) => (
   <div

web/ce/components/preferences/theme-switcher.tsx

@@ -3,16 +3,16 @@
 import { useEffect, useState, useCallback } from "react";
 import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
+// plane imports
 import { I_THEME_OPTION, THEME_OPTIONS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { IUserTheme } from "@plane/types";
 import { setPromiseToast } from "@plane/ui";
-
+import { applyTheme, unsetCustomCssVariables } from "@plane/utils";
 // components
 import { CustomThemeSelector, ThemeSwitch } from "@/components/core";
 // helpers
 import { PreferencesSection } from "@/components/preferences/section";
-import { applyTheme, unsetCustomCssVariables } from "@/helpers/theme.helper";
 // hooks
 import { useUserProfile } from "@/hooks/store";
 

web/ce/components/projects/create/attributes.tsx

@@ -7,10 +7,10 @@ import { IProject } from "@plane/types";
 // ui
 import { CustomSelect } from "@plane/ui";
 // components
+import { getTabIndex } from "@plane/utils";
 import { MemberDropdown } from "@/components/dropdowns";
 import { ProjectNetworkIcon } from "@/components/project";
 // helpers
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 
 type Props = {
   isMobile?: boolean;

web/ce/components/projects/mobile-header.tsx

@@ -9,10 +9,10 @@ import { useTranslation } from "@plane/i18n";
 // types
 import { TProjectFilters } from "@plane/types";
 // hooks
+import { calculateTotalFilters } from "@plane/utils";
 import { FiltersDropdown } from "@/components/issues/issue-layouts";
 import { ProjectFiltersSelection, ProjectOrderByDropdown } from "@/components/project/dropdowns";
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useMember, useProjectFilter } from "@/hooks/store";
 

web/ce/components/workspace/edition-badge.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
+// ui
 import packageJson from "package.json";
-// plane imports
 import { useTranslation } from "@plane/i18n";
 import { Button, Tooltip } from "@plane/ui";
 // hooks

web/ce/components/workspace/sidebar/app-search.tsx

@@ -3,7 +3,7 @@ import { Search } from "lucide-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useAppTheme, useCommandPalette } from "@/hooks/store";
 

web/ce/components/workspace/upgrade-badge.tsx

@@ -1,7 +1,7 @@
 import { FC } from "react";
 // helpers
 import { useTranslation } from "@plane/i18n";
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type TUpgradeBadge = {
   className?: string;

web/ce/constants/estimates.ts

@@ -1,136 +0,0 @@
-// types
-import { TEstimateSystems } from "@plane/types";
-
-export const MAX_ESTIMATE_POINT_INPUT_LENGTH = 20;
-
-export enum EEstimateSystem {
-  POINTS = "points",
-  CATEGORIES = "categories",
-  TIME = "time",
-}
-
-export enum EEstimateUpdateStages {
-  CREATE = "create",
-  EDIT = "edit",
-  SWITCH = "switch",
-}
-
-export const estimateCount = {
-  min: 2,
-  max: 6,
-};
-
-export const ESTIMATE_SYSTEMS: TEstimateSystems = {
-  points: {
-    name: "Points",
-    i18n_name: "project_settings.estimates.systems.points.label",
-    templates: {
-      fibonacci: {
-        title: "Fibonacci",
-        i18n_title: "project_settings.estimates.systems.points.fibonacci",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "5" },
-          { id: undefined, key: 5, value: "8" },
-          { id: undefined, key: 6, value: "13" },
-        ],
-      },
-      linear: {
-        title: "Linear",
-        i18n_title: "project_settings.estimates.systems.points.linear",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "4" },
-          { id: undefined, key: 5, value: "5" },
-          { id: undefined, key: 6, value: "6" },
-        ],
-      },
-      squares: {
-        title: "Squares",
-        i18n_title: "project_settings.estimates.systems.points.squares",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "4" },
-          { id: undefined, key: 3, value: "9" },
-          { id: undefined, key: 4, value: "16" },
-          { id: undefined, key: 5, value: "25" },
-          { id: undefined, key: 6, value: "36" },
-        ],
-      },
-      custom: {
-        title: "Custom",
-        i18n_title: "project_settings.estimates.systems.points.custom",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-        ],
-        hide: true,
-      },
-    },
-    is_available: true,
-    is_ee: false,
-  },
-  categories: {
-    name: "Categories",
-    i18n_name: "project_settings.estimates.systems.categories.label",
-    templates: {
-      t_shirt_sizes: {
-        title: "T-Shirt Sizes",
-        i18n_title: "project_settings.estimates.systems.categories.t_shirt_sizes",
-        values: [
-          { id: undefined, key: 1, value: "XS" },
-          { id: undefined, key: 2, value: "S" },
-          { id: undefined, key: 3, value: "M" },
-          { id: undefined, key: 4, value: "L" },
-          { id: undefined, key: 5, value: "XL" },
-          { id: undefined, key: 6, value: "XXL" },
-        ],
-      },
-      easy_to_hard: {
-        title: "Easy to hard",
-        i18n_title: "project_settings.estimates.systems.categories.easy_to_hard",
-        values: [
-          { id: undefined, key: 1, value: "Easy" },
-          { id: undefined, key: 2, value: "Medium" },
-          { id: undefined, key: 3, value: "Hard" },
-          { id: undefined, key: 4, value: "Very Hard" },
-        ],
-      },
-      custom: {
-        title: "Custom",
-        i18n_title: "project_settings.estimates.systems.categories.custom",
-        values: [
-          { id: undefined, key: 1, value: "Easy" },
-          { id: undefined, key: 2, value: "Hard" },
-        ],
-        hide: true,
-      },
-    },
-    is_available: true,
-    is_ee: false,
-  },
-  time: {
-    name: "Time",
-    i18n_name: "project_settings.estimates.systems.time.label",
-    templates: {
-      hours: {
-        title: "Hours",
-        i18n_title: "project_settings.estimates.systems.time.hours",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "4" },
-          { id: undefined, key: 5, value: "5" },
-          { id: undefined, key: 6, value: "6" },
-        ],
-      },
-    },
-    is_available: true,
-    is_ee: true,
-  },
-};

web/ce/constants/index.ts

@@ -1,5 +1,4 @@
 export * from "./ai";
-export * from "./estimates";
 export * from "./gantt-chart";
 export * from "./project";
 export * from "./sidebar-favorites";

web/ce/services/project/estimate.service.ts

@@ -1,9 +1,9 @@
 /* eslint-disable no-useless-catch */
 
 // types
+import { API_BASE_URL } from "@plane/constants";
 import { IEstimate, IEstimateFormData, IEstimatePoint } from "@plane/types";
 // helpers
-import { API_BASE_URL } from "@/helpers/common.helper";
 // services
 import { APIService } from "@/services/api.service";
 

web/ce/services/project/view.service.ts

@@ -1,6 +1,5 @@
-import { EViewAccess } from "@plane/constants";
+import { EViewAccess, API_BASE_URL } from "@plane/constants";
 import { TPublishViewSettings } from "@plane/types";
-import { API_BASE_URL } from "@/helpers/common.helper";
 import { ViewService as CoreViewService } from "@/services/view.service";
 
 export class ViewService extends CoreViewService {

web/ce/services/workspace.service.ts

@@ -1,5 +1,4 @@
-import { EViewAccess } from "@plane/constants";
-import { API_BASE_URL } from "@/helpers/common.helper";
+import { EViewAccess, API_BASE_URL } from "@plane/constants";
 import { WorkspaceService as CoreWorkspaceService } from "@/services/workspace.service";
 
 export class WorkspaceService extends CoreWorkspaceService {

web/ce/store/timeline/base-timeline.store.ts

@@ -3,7 +3,8 @@ import set from "lodash/set";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // components
-import { ChartDataType, IBlockUpdateDependencyData, IGanttBlock, TGanttViews } from "@/components/gantt-chart";
+import type { ChartDataType, IBlockUpdateDependencyData, IGanttBlock, TGanttViews } from "@plane/types";
+import { renderFormattedPayloadDate } from "@plane/utils";
 import { currentViewDataWithView } from "@/components/gantt-chart/data";
 import {
   getDateFromPositionOnGantt,
@@ -11,7 +12,6 @@ import {
   getPositionFromDate,
 } from "@/components/gantt-chart/views/helpers";
 // helpers
-import { renderFormattedPayloadDate } from "@/helpers/date-time.helper";
 // store
 import { RootStore } from "@/plane-web/store/root.store";
 

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

@@ -8,10 +8,8 @@ import { CircleAlert, XCircle } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
 import { IEmailCheckData } from "@plane/types";
 import { Button, Input, Spinner } from "@plane/ui";
+import { cn, checkEmailValidity } from "@plane/utils";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { checkEmailValidity } from "@/helpers/string.helper";
-
 type TAuthEmailForm = {
   defaultEmail: string;
   onSubmit: (data: IEmailCheckData) => Promise<void>;

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

@@ -6,16 +6,15 @@ import Link from "next/link";
 // icons
 import { Eye, EyeOff, Info, X, XCircle } from "lucide-react";
 // plane imports
-import { FORGOT_PASSWORD, SIGN_IN_WITH_CODE, SIGN_IN_WITH_PASSWORD, SIGN_UP_WITH_PASSWORD } from "@plane/constants";
+import { FORGOT_PASSWORD, SIGN_IN_WITH_CODE, SIGN_IN_WITH_PASSWORD, SIGN_UP_WITH_PASSWORD, API_BASE_URL, E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button, Input, Spinner } from "@plane/ui";
+import { getPasswordStrength } from "@plane/utils";
 // components
 import { ForgotPasswordPopover, PasswordStrengthMeter } from "@/components/account";
 // constants
 // helpers
 import { EAuthModes, EAuthSteps } from "@/helpers/authentication.helper";
-import { API_BASE_URL } from "@/helpers/common.helper";
-import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
 // hooks
 import { useEventTracker } from "@/hooks/store";
 // services

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

@@ -2,13 +2,12 @@
 
 import React, { useEffect, useState } from "react";
 import { CircleCheck, XCircle } from "lucide-react";
-import { CODE_VERIFIED } from "@plane/constants";
+import { CODE_VERIFIED, API_BASE_URL } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button, Input, Spinner } from "@plane/ui";
 // constants
 // helpers
 import { EAuthModes } from "@/helpers/authentication.helper";
-import { API_BASE_URL } from "@/helpers/common.helper";
 // hooks
 import { useEventTracker } from "@/hooks/store";
 import useTimer from "@/hooks/use-timer";

web/core/components/account/oauth/github-button.tsx

@@ -3,7 +3,7 @@ import { useSearchParams } from "next/navigation";
 import Image from "next/image";
 import { useTheme } from "next-themes";
 // helpers
-import { API_BASE_URL } from "@/helpers/common.helper";
+import { API_BASE_URL } from "@plane/constants";
 // images
 import githubLightModeImage from "/public/logos/github-black.png";
 import githubDarkModeImage from "/public/logos/github-dark.svg";

web/core/components/account/oauth/gitlab-button.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 import { useSearchParams } from "next/navigation";
 import { useTheme } from "next-themes";
 // helpers
-import { API_BASE_URL } from "@/helpers/common.helper";
+import { API_BASE_URL } from "@plane/constants";
 // images
 import GitlabLogo from "/public/logos/gitlab-logo.svg";
 

web/core/components/account/oauth/google-button.tsx

@@ -3,7 +3,7 @@ import { useSearchParams } from "next/navigation";
 import Image from "next/image";
 import { useTheme } from "next-themes";
 // helpers
-import { API_BASE_URL } from "@/helpers/common.helper";
+import { API_BASE_URL } from "@plane/constants";
 // images
 import GoogleLogo from "/public/logos/google-logo.svg";
 

web/core/components/account/password-strength-meter.tsx

@@ -1,15 +1,10 @@
 "use client";
 
 import { FC, useMemo } from "react";
+// plane imports
+import { E_PASSWORD_STRENGTH } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-// import { CircleCheck } from "lucide-react";
-// helpers
-import { cn } from "@/helpers/common.helper";
-import {
-  E_PASSWORD_STRENGTH,
-  // PASSWORD_CRITERIA,
-  getPasswordStrength,
-} from "@/helpers/password.helper";
+import { cn, getPasswordStrength } from "@plane/utils";
 
 type TPasswordStrengthMeter = {
   password: string;
@@ -59,7 +54,7 @@ export const PasswordStrengthMeter: FC<TPasswordStrengthMeter> = (props) => {
         };
       }
     }
-  }, [strength,t]);
+  }, [strength, t]);
 
   const isPasswordMeterVisible = isFocused ? true : strength === E_PASSWORD_STRENGTH.STRENGTH_VALID ? false : true;
 

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

@@ -3,14 +3,12 @@
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Briefcase } from "lucide-react";
+import { ChartYAxisMetric, EEstimateSystem } from "@plane/constants";
 // plane package imports
-import { ChartYAxisMetric } from "@plane/constants";
 import { CustomSelect } from "@plane/ui";
 // hooks
 import { useProjectEstimates } from "@/hooks/store";
 // plane web constants
-import { EEstimateSystem } from "@/plane-web/constants/estimates";
-
 type Props = {
   value: ChartYAxisMetric;
   onChange: (val: ChartYAxisMetric | null) => void;

web/core/components/analytics/total-insights.tsx

@@ -5,12 +5,12 @@ import useSWR from "swr";
 import { IInsightField, ANALYTICS_INSIGHTS_FIELDS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { IAnalyticsResponse, TAnalyticsTabsBase } from "@plane/types";
-//hooks
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
+// hooks
 import { useAnalytics } from "@/hooks/store/use-analytics";
-//services
+// services
 import { AnalyticsService } from "@/services/analytics.service";
-// plane web components
+// local imports
 import InsightCard from "./insight-card";
 
 const analyticsService = new AnalyticsService();

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

@@ -7,13 +7,12 @@ import { mutate } from "swr";
 import { IApiToken } from "@plane/types";
 // ui
 import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
+import { renderFormattedDate, csvDownload } from "@plane/utils";
 // components
 import { CreateApiTokenForm, GeneratedTokenDetails } from "@/components/api-token";
 // fetch-keys
 import { API_TOKENS_LIST } from "@/constants/fetch-keys";
 // helpers
-import { renderFormattedDate } from "@/helpers/date-time.helper";
-import { csvDownload } from "@/helpers/download.helper";
 // services
 import { APITokenService } from "@/services/api_token.service";
 

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

@@ -9,12 +9,10 @@ import { useTranslation } from "@plane/i18n";
 import { IApiToken } from "@plane/types";
 // ui
 import { Button, CustomSelect, Input, TextArea, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
+import { cn, renderFormattedDate, renderFormattedTime } from "@plane/utils";
 // components
 import { DateDropdown } from "@/components/dropdowns";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { renderFormattedDate, renderFormattedTime } from "@/helpers/date-time.helper";
-
 type Props = {
   handleClose: () => void;
   neverExpires: boolean;

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

@@ -5,9 +5,8 @@ import { useTranslation } from "@plane/i18n";
 import { IApiToken } from "@plane/types";
 // ui
 import { Button, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
+import { renderFormattedDate, renderFormattedTime, copyTextToClipboard } from "@plane/utils";
 // helpers
-import { renderFormattedDate, renderFormattedTime } from "@/helpers/date-time.helper";
-import { copyTextToClipboard } from "@/helpers/string.helper";
 // types
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // hooks

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

@@ -5,8 +5,8 @@ import { XCircle } from "lucide-react";
 import { IApiToken } from "@plane/types";
 // components
 import { Tooltip } from "@plane/ui";
+import { renderFormattedDate, calculateTimeAgo, renderFormattedTime } from "@plane/utils";
 import { DeleteApiTokenModal } from "@/components/api-token";
-import { renderFormattedDate, calculateTimeAgo, renderFormattedTime } from "@/helpers/date-time.helper";
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // ui
 // helpers

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

@@ -5,7 +5,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { ArchiveRestore } from "lucide-react";
 // types
-import { PROJECT_AUTOMATION_MONTHS,EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { PROJECT_AUTOMATION_MONTHS, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { IProject } from "@plane/types";
 // ui

web/core/components/chart/utils.ts

@@ -1,8 +1,8 @@
 import { getWeekOfMonth, isValid } from "date-fns";
 import { CHART_X_AXIS_DATE_PROPERTIES, ChartXAxisDateGrouping, ChartXAxisProperty, TO_CAPITALIZE_PROPERTIES } from "@plane/constants";
 import { TChart, TChartDatum } from "@plane/types";
-import { capitalizeFirstLetter, hexToHsl, hslToHex, renderFormattedDate } from "@plane/utils";
-import { renderFormattedDateWithoutYear } from "@/helpers/date-time.helper";
+import { capitalizeFirstLetter, hexToHsl, hslToHex, renderFormattedDate, renderFormattedDateWithoutYear } from "@plane/utils";
+//
 
 const getDateGroupingName = (date: string, dateGrouping: ChartXAxisDateGrouping): string => {
   if (!date || ["none", "null"].includes(date.toLowerCase())) return "None";

web/core/components/command-palette/actions/issue-actions/actions-list.tsx

@@ -9,7 +9,7 @@ import { TIssue } from "@plane/types";
 // hooks
 import { DoubleCircleIcon, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
-import { copyTextToClipboard } from "@/helpers/string.helper";
+import { copyTextToClipboard } from "@plane/utils";
 // hooks
 import { useCommandPalette, useIssueDetail, useUser } from "@/hooks/store";
 

web/core/components/command-palette/actions/issue-actions/change-assignee.tsx

@@ -10,7 +10,7 @@ import { TIssue } from "@plane/types";
 // plane ui
 import { Avatar } from "@plane/ui";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
+import { getFileURL } from "@plane/utils";
 // hooks
 import { useIssueDetail, useMember } from "@/hooks/store";
 

web/core/components/command-palette/command-modal.tsx

@@ -12,7 +12,7 @@ import { EUserPermissions, EUserPermissionsLevel, WORKSPACE_DEFAULT_SEARCH_RESUL
 import { useTranslation } from "@plane/i18n";
 import { IWorkspaceSearchResults } from "@plane/types";
 import { LayersIcon, Loader, ToggleSwitch } from "@plane/ui";
-import { cn } from "@plane/utils";
+import { cn, getTabIndex } from "@plane/utils";
 // components
 import {
   ChangeIssueAssignee,
@@ -27,7 +27,6 @@ import {
 } from "@/components/command-palette";
 import { SimpleEmptyState } from "@/components/empty-state";
 // helpers
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 // hooks
 import {
   useCommandPalette,

web/core/components/command-palette/command-palette.tsx

@@ -8,9 +8,9 @@ import useSWR from "swr";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { TOAST_TYPE, setToast } from "@plane/ui";
 // components
+import { copyTextToClipboard } from "@plane/utils";
 import { CommandModal, ShortcutsModal } from "@/components/command-palette";
 // helpers
-import { copyTextToClipboard } from "@/helpers/string.helper";
 // hooks
 import {
   useEventTracker,

web/core/components/command-palette/shortcuts-modal/commands-list.tsx

@@ -1,6 +1,6 @@
 import { Command } from "lucide-react";
 // helpers
-import { substringMatch } from "@/helpers/string.helper";
+import { substringMatch } from "@plane/utils";
 // hooks
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web helpers

web/core/components/comments/comment-card.tsx

@@ -11,9 +11,9 @@ import { useTranslation } from "@plane/i18n";
 import { TIssueComment, TCommentsOperations } from "@plane/types";
 import { CustomMenu } from "@plane/ui";
 // components
+import { isCommentEmpty } from "@plane/utils";
 import { LiteTextEditor, LiteTextReadOnlyEditor } from "@/components/editor";
 // helpers
-import { isCommentEmpty } from "@/helpers/string.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 //

web/core/components/comments/comment-create.tsx

@@ -7,12 +7,11 @@ import { EIssueCommentAccessSpecifier } from "@plane/constants";
 import { EditorRefApi } from "@plane/editor";
 // plane types
 import { TIssueComment, TCommentsOperations } from "@plane/types";
+import { cn, isCommentEmpty } from "@plane/utils";
 // components
 import { LiteTextEditor } from "@/components/editor";
 // constants
-import { cn } from "@/helpers/common.helper";
 // helpers
-import { isCommentEmpty } from "@/helpers/string.helper";
 // hooks
 import { useWorkspace } from "@/hooks/store";
 // services

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

@@ -6,9 +6,9 @@ import { observer } from "mobx-react";
 import { TCommentsOperations, TIssueComment } from "@plane/types";
 import { Tooltip } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { ReactionSelector } from "@/components/issues";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { renderEmoji } from "@/helpers/emoji.helper";
 
 export type TProps = {

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

@@ -7,7 +7,7 @@ import { TWorkspaceBaseActivity } from "@plane/types";
 // ui
 import { Tooltip } from "@plane/ui";
 // helpers
-import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@/helpers/date-time.helper";
+import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@plane/utils";
 // hooks
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // local components

web/core/components/common/applied-filters/date.tsx

@@ -3,10 +3,8 @@ import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // plane constants
 import { DATE_BEFORE_FILTER_OPTIONS } from "@plane/constants";
+import { renderFormattedDate, capitalizeFirstLetter } from "@plane/utils";
 // helpers
-import { renderFormattedDate } from "@/helpers/date-time.helper";
-import { capitalizeFirstLetter } from "@/helpers/string.helper";
-
 type Props = {
   editable: boolean | undefined;
   handleRemove: (val: string) => void;

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

@@ -5,7 +5,7 @@ import { X } from "lucide-react";
 // plane ui
 import { Avatar } from "@plane/ui";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
+import { getFileURL } from "@plane/utils";
 // types
 import { useMember } from "@/hooks/store";
 

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

@@ -2,7 +2,7 @@
 
 import { FC } from "react";
 //
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type TCountChip = {
   count: string | number;

web/core/components/common/filters/created-at.tsx

@@ -2,10 +2,10 @@ import React, { useState } from "react";
 import { observer } from "mobx-react";
 // plane constants
 import { DATE_BEFORE_FILTER_OPTIONS } from "@plane/constants";
+import { isInDateFormat } from "@plane/utils";
 import { DateFilterModal } from "@/components/core";
 import { FilterHeader, FilterOption } from "@/components/issues";
 // helpers
-import { isInDateFormat } from "@/helpers/date-time.helper";
 
 type Props = {
   appliedFilters: string[] | null;

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

@@ -6,9 +6,9 @@ import { observer } from "mobx-react";
 // ui
 import { Avatar, Loader } from "@plane/ui";
 // components
+import { getFileURL } from "@plane/utils";
 import { FilterHeader, FilterOption } from "@/components/issues";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useMember, useUser } from "@/hooks/store";
 

web/core/components/common/logo.tsx

@@ -6,12 +6,10 @@ import { Emoji } from "emoji-picker-react";
 // should be after the imported here rather than some below helper functions as it is in the original file
 // eslint-disable-next-line import/order
 import useFontFaceObserver from "use-font-face-observer";
-// types
+// plane imports
+import { LUCIDE_ICONS_LIST } from "@plane/constants";
 import { TLogoProps } from "@plane/types";
-// ui
-import { LUCIDE_ICONS_LIST } from "@plane/ui";
-// helpers
-import { emojiCodeToUnicode } from "@/helpers/emoji.helper";
+import { emojiCodeToUnicode } from "@plane/utils";
 
 type Props = {
   logo: TLogoProps;

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

@@ -3,7 +3,7 @@
 import { FC } from "react";
 import { Crown } from "lucide-react";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type TProIcon = {
   className?: string;

web/core/components/common/switcher-label.tsx

@@ -1,8 +1,7 @@
 import { FC } from "react";
 import { TLogoProps } from "@plane/types";
 import { ISvgIcons, Logo } from "@plane/ui";
-import { getFileURL } from "@plane/utils";
-import { truncateText } from "@/helpers/string.helper";
+import { getFileURL, truncateText } from "@plane/utils";
 type TSwitcherLabelProps = {
   logo_props?: TLogoProps;
   logo_url?: string;

web/core/components/core/activity.tsx

@@ -22,10 +22,8 @@ import {
 } from "lucide-react";
 import { IIssueActivity } from "@plane/types";
 import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon, Intake, EpicIcon } from "@plane/ui";
+import { renderFormattedDate, generateWorkItemLink, capitalizeFirstLetter } from "@plane/utils";
 // helpers
-import { renderFormattedDate } from "@/helpers/date-time.helper";
-import { generateWorkItemLink } from "@/helpers/issue.helper";
-import { capitalizeFirstLetter } from "@/helpers/string.helper";
 import { useLabel } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // types

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

@@ -2,7 +2,7 @@
 
 import { ReactNode } from "react";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 export interface ContentWrapperProps {
   className?: string;

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

@@ -7,7 +7,7 @@ import { Dialog, Transition } from "@headlessui/react";
 
 import { Button, Calendar } from "@plane/ui";
 
-import { renderFormattedPayloadDate, renderFormattedDate, getDate } from "@/helpers/date-time.helper";
+import { renderFormattedPayloadDate, renderFormattedDate, getDate } from "@plane/utils";
 import { DateFilterSelect } from "./date-filter-select";
 type Props = {
   title: string;

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

@@ -16,7 +16,7 @@ import { EFileAssetType } from "@plane/types/src/enums";
 // ui
 import { Button, Input, Loader, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
+import { getFileURL } from "@plane/utils";
 // hooks
 import { useDropdownKeyDown } from "@/hooks/use-dropdown-key-down";
 // services

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

@@ -3,7 +3,7 @@ import React, { FC } from "react";
 // ui
 import { ControlLink, Row, Tooltip } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useAppRouter } from "@/hooks/use-app-router";
 

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

@@ -9,9 +9,8 @@ import { useTranslation } from "@plane/i18n";
 import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
 // ui
 import { Button, Loader, ToggleSwitch, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
+import { generateWorkItemLink, getTabIndex } from "@plane/utils";
 // helpers
-import { generateWorkItemLink } from "@/helpers/issue.helper";
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 // hooks
 import useDebounce from "@/hooks/use-debounce";
 import { usePlatformOS } from "@/hooks/use-platform-os";

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

@@ -9,9 +9,8 @@ import { Transition, Dialog } from "@headlessui/react";
 import { ACCEPTED_AVATAR_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants";
 import { EFileAssetType } from "@plane/types/src/enums";
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { getAssetIdFromUrl, getFileURL, checkURLValidity } from "@plane/utils";
 // helpers
-import { getAssetIdFromUrl, getFileURL } from "@/helpers/file.helper";
-import { checkURLValidity } from "@/helpers/string.helper";
 // services
 import { FileService } from "@/services/file.service";
 const fileService = new FileService();

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

@@ -9,9 +9,8 @@ import { Transition, Dialog } from "@headlessui/react";
 import { ACCEPTED_AVATAR_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants";
 import { EFileAssetType } from "@plane/types/src/enums";
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { getAssetIdFromUrl, getFileURL, checkURLValidity } from "@plane/utils";
 // helpers
-import { getAssetIdFromUrl, getFileURL } from "@/helpers/file.helper";
-import { checkURLValidity } from "@/helpers/string.helper";
 // hooks
 import { useWorkspace } from "@/hooks/store";
 // services

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

@@ -4,7 +4,7 @@ import { observer } from "mobx-react";
 // ui
 import { Checkbox } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { TSelectionHelper } from "@/hooks/use-multiple-select";