refactor: Move trpc-dependent components from features to web [2] (#26420)

* fix * move event types components to web * update import paths * mv apps components * migrate form builder * fix * mv sso * fix * mv * update import paths * update import paths * mv * mv * mv * fix * update Booker * fix * fix * fix * fix * mv video * mv embed components to web * update import paths * mv calendar weekly view components * update import paths * fix * fixp * fix * fix * fix * fix: update FormBuilder imports to use @calcom/features/form-builder Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update broken import paths after file migrations Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: correct import paths for platform atoms and moved components Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: apply CSS type fixes and add missing atoms exports Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: resolve type errors in test files after component migrations Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: resolve remaining type errors in test files Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix * migrate * fix: resolve type errors in test and mock files - Add missing bookingForm, bookerFormErrorRef, instantConnectCooldownMs to Booker.test.tsx bookings prop - Add all required BookerEvent properties to event.mock.ts - Add vi import from vitest to all mock files - Fix date parameter types in packages/dayjs/__mocks__/index.ts - Add verificationCode and setVerificationCode to test-utils.tsx mock store - Remove children.type access in Section.tsx mock to fix type error - Fix lint issues: remove unused React imports, use import type where needed, add return types - Add biome-ignore comments for pre-existing lint warnings in test files Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * migrate * migrate * migrate * update import paths * update import paths * update import paths * fix * migrate data table * migrate data table * fix * fix * fix * migrate insights components * migrate insights components * fix * mv * update import paths * fix * fix * fix * fix * fix * fix: resolve type errors in test mocks - Booker.test.tsx: Add all required UseFormReturn methods to bookingForm mock - event.mock.ts: Fix entity, subsetOfHosts, instantMeetingParameters, fieldTranslations, image types - dayjs/__mocks__/index.ts: Use Object.assign for proper typing of mock properties - Section.tsx: Change 'class' to 'className' in JSX with biome-ignore comment Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing hasDataErrors and dataErrors to bookings.errors mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing loadingStates properties to bookings mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing slots properties (setTentativeSelectedTimeslots, tentativeSelectedTimeslots, slotReservationId) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update quickAvailabilityChecks to include utcEndIso and use valid status type Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing bookerForm properties (formName, beforeVerifyEmail, formErrors) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing UseFormReturn properties to bookerForm.bookingForm mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add hasFormErrors and formErrors to bookerForm.formErrors mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add hasFormErrors and formErrors to bookerForm.errors mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing isError property to mockEvent Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: use complete BookerEvent mock in Booker.test.tsx Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: use branded bookingFields type in event mock Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing schedule mock properties (isError, isSuccess, isLoading, dataUpdatedAt) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * revert * fix * fix * fix * fix build * fix * fix * fix * fix: correct AddMembersWithSwitch test wrapper to use initial assignAllTeamMembers value - Fixed test wrapper to initialize useState with componentProps.assignAllTeamMembers instead of hardcoded false, allowing tests to properly test different states - Updated test expectations for ALL_TEAM_MEMBERS_ENABLED_AND_SEGMENT_NOT_APPLICABLE state to match actual component behavior (toggle should be present and checked) - Fixed 'should show Segment when toggled on' test to start with assignAllTeamMembers: false to properly test the flow of enabling it - Added explicit types to satisfy biome lint requirements Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: use JSX.Element instead of React.JSX.Element for type compatibility Co-Authored-By: benny@cal.com <sldisek783@gmail.com> --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-01-05 12:53:51 -03:00
1 parent 3d73238c00
commit 404d46c991
@@ -3,7 +3,7 @@
 import { useParams } from "next/navigation";

 import dayjs from "@calcom/dayjs";
-import { DecoyBookingSuccessCard } from "@calcom/features/bookings/Booker/components/DecoyBookingSuccessCard";
+import { DecoyBookingSuccessCard } from "~/bookings/components/DecoyBookingSuccessCard";
 import { useDecoyBooking } from "@calcom/features/bookings/Booker/components/hooks/useDecoyBooking";

 export default function BookingSuccessful() {
@@ -2,7 +2,7 @@

 import { ShellMainAppDir } from "app/(use-page-wrapper)/(main-nav)/ShellMainAppDir";

-import { EventTypesSkeletonLoader } from "@calcom/features/eventtypes/components/SkeletonLoader";
+import { EventTypesSkeletonLoader } from "@calcom/web/modules/event-types/components/SkeletonLoader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 export function EventTypesSkeleton() {
@@ -7,7 +7,7 @@ import { useFormContext } from "react-hook-form";

 import { isFallbackRoute } from "@calcom/app-store/routing-forms/lib/isFallbackRoute";
 import type { RoutingFormWithResponseCount } from "@calcom/app-store/routing-forms/types/types";
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { FilterResults } from "@calcom/features/filters/components/FilterResults";
 import { TeamsFilter } from "@calcom/features/filters/components/TeamsFilter";
 import { getTeamsFiltersFromQuery } from "@calcom/features/filters/lib/getTeamsFiltersFromQuery";
@@ -1,6 +1,6 @@
 import { _generateMetadata } from "app/_utils";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";

 import LegacyPage from "~/connect-and-join/connect-and-join-view";

@@ -1,6 +1,6 @@
 import { _generateMetadata } from "app/_utils";

-import InsightsCallHistoryPage from "~/insights/insights-call-history-view";
+import InsightsCallHistoryPage from "~/insights/views/insights-call-history-view";

 import { checkInsightsPagePermission } from "../checkInsightsPagePermission";

@@ -2,7 +2,7 @@ import { _generateMetadata } from "app/_utils";

 import prisma from "@calcom/prisma";

-import InsightsPage from "~/insights/insights-view";
+import InsightsPage from "~/insights/views/insights-view";

 import { checkInsightsPagePermission } from "./checkInsightsPagePermission";

@@ -1,6 +1,6 @@
 import { _generateMetadata } from "app/_utils";

-import InsightsVirtualQueuesPage from "~/insights/insights-virtual-queues-view";
+import InsightsVirtualQueuesPage from "~/insights/views/insights-virtual-queues-view";

 import { checkInsightsPagePermission } from "../checkInsightsPagePermission";

@@ -2,7 +2,7 @@ import { _generateMetadata } from "app/_utils";

 import { prisma } from "@calcom/prisma";

-import InsightsRoutingPage from "~/insights/insights-routing-view";
+import InsightsRoutingPage from "~/insights/views/insights-routing-view";

 import { checkInsightsPagePermission } from "../checkInsightsPagePermission";

@@ -9,8 +9,8 @@ import { getPaymentAppData } from "@calcom/app-store/_utils/payments/getPaymentA
 import { getSuccessPageLocationMessage } from "@calcom/app-store/locations";
 import dayjs from "@calcom/dayjs";
 import { sdkActionManager, useIsEmbed } from "@calcom/embed-core/embed-iframe";
-import { PayIcon } from "@calcom/features/bookings/components/event-meta/PayIcon";
-import { Price } from "@calcom/features/bookings/components/event-meta/Price";
+import { PayIcon } from "@calcom/web/modules/bookings/components/event-meta/PayIcon";
+import { Price } from "@calcom/web/modules/bookings/components/event-meta/Price";
 import type { PaymentPageProps } from "@calcom/features/ee/payments/pages/payment";
 import { APP_NAME, WEBSITE_URL } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import AdminAppsList from "@calcom/features/apps/AdminAppsList";
+import AdminAppsList from "~/apps/components/AdminAppsList";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

 export const generateMetadata = async ({ params }: { params: Promise<{ category: string }> }) =>
@@ -2,7 +2,7 @@ import { type Params } from "app/_types";
 import { _generateMetadata, getTranslate } from "app/_utils";
 import { z } from "zod";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { OrgForm } from "~/ee/organizations/admin/AdminOrgEditPage";
 import { getOrganizationRepository } from "@calcom/features/ee/organizations/di/OrganizationRepository.container";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import AdminOrgTable from "~/ee/organizations/admin/AdminOrgPage";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

@@ -1,7 +1,7 @@
 "use client";

-import { ChartCard } from "@calcom/features/insights/components/ChartCard";
-import { BookingsByHourChartContent } from "@calcom/features/insights/components/booking/BookingsByHourChart";
+import { ChartCard } from "@calcom/web/modules/insights/components/ChartCard";
+import { BookingsByHourChartContent } from "@calcom/web/modules/insights/components/booking/BookingsByHourChart";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 // Sample data for playground testing
@@ -3,8 +3,9 @@
 import { useReactTable, getCoreRowModel, createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";

-import { ColumnFilterType, DateRangeFilter, DataTableProvider } from "@calcom/features/data-table";
+import { ColumnFilterType, DataTableProvider } from "@calcom/features/data-table";
 import type { DateRangeFilterOptions } from "@calcom/features/data-table/lib/types";
+import { DateRangeFilter } from "~/data-table/components/filters/DateRangeFilter";

 type DemoRow = {
  id: number;
@@ -1,10 +1,10 @@
 "use client";

-import { ChartCard } from "@calcom/features/insights/components/ChartCard";
+import { ChartCard } from "@calcom/web/modules/insights/components/ChartCard";
 import {
  RoutingFunnelContent,
  legend,
-} from "@calcom/features/insights/components/routing/RoutingFunnelContent";
+} from "@calcom/web/modules/insights/components/routing/RoutingFunnelContent";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 // Random sample data for playground testing
@@ -2,8 +2,8 @@ import { type Params } from "app/_types";
 import { _generateMetadata, getTranslate } from "app/_utils";
 import { z } from "zod";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
-import { UsersEditView } from "@calcom/features/ee/users/pages/users-edit-view";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
+import { UsersEditView } from "~/ee/users/views/users-edit-view";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
 import { UserRepository } from "@calcom/features/users/repositories/UserRepository";
 import { prisma } from "@calcom/prisma";
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import UsersAddView from "@calcom/features/ee/users/pages/users-add-view";
+import UsersAddView from "~/ee/users/views/users-add-view";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

 export const generateMetadata = async () =>
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import UsersListingView from "@calcom/features/ee/users/pages/users-listing-view";
+import UsersListingView from "~/ee/users/views/users-listing-view";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
 import { Button } from "@calcom/ui/components/button";

@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import WorkspacePlatformsPage from "~/ee/organizations/admin/WorkspacePlatformPage";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import DirectorySyncTeamView from "@calcom/features/ee/dsync/page/team-dsync-view";
+import DirectorySyncTeamView from "~/ee/dsync/views/team-dsync-view";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";
 import { redirect } from "next/navigation";

-import OrgSSOView from "@calcom/features/ee/sso/page/orgs-sso-view";
+import OrgSSOView from "~/ee/sso/views/orgs-sso-view";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";
 import { redirect } from "next/navigation";

-import { OtherTeamsListing } from "@calcom/features/ee/organizations/pages/components/OtherTeamsListing";
+import { OtherTeamsListing } from "~/ee/organizations/components/OtherTeamsListing";
 import { getOrganizationRepository } from "@calcom/features/ee/organizations/di/OrganizationRepository.container";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SAMLSSO from "@calcom/features/ee/sso/page/user-sso-view";
+import SAMLSSO from "~/ee/sso/views/user-sso-view";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

 export const generateMetadata = async () =>
@@ -1,6 +1,6 @@
 import { _generateMetadata } from "app/_utils";

-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";

 import LegacyPage, { LayoutWrapper } from "~/ee/organizations/new/create-new-view";

@@ -1,7 +1,7 @@
 import { createRouterCaller } from "app/_trpc/context";
 import { _generateMetadata } from "app/_utils";

-import PlatformMembersView from "@calcom/features/ee/platform/pages/settings/members";
+import PlatformMembersView from "~/ee/platform/views/members";
 import { viewerOrganizationsRouter } from "@calcom/trpc/server/routers/viewer/organizations/_router";

 export const generateMetadata = async () =>
@@ -3,7 +3,7 @@ import { cookies, headers } from "next/headers";
 import { redirect } from "next/navigation";

 import { getServerSession } from "@calcom/features/auth/lib/getServerSession";
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { WEBAPP_URL } from "@calcom/lib/constants";

 import { buildLegacyRequest } from "@lib/buildLegacyCtx";
@@ -16,7 +16,7 @@ import Head from "next/head";
 import Script from "next/script";

 import "@calcom/embed-core/src/embed-iframe";
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { IS_CALCOM, WEBAPP_URL } from "@calcom/lib/constants";
 import { getCalcomUrl } from "@calcom/lib/getCalcomUrl";
 import { buildCanonical } from "@calcom/lib/next-seo.config";
@@ -1,7 +1,7 @@
 "use client";

 import "@calcom/embed-core/src/embed-iframe";
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";

 import AppProviders from "@lib/app-providers-app-dir";

@@ -1,4 +1,4 @@
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 import Shell from "~/shell/Shell";
@@ -8,7 +8,7 @@ import { InstallAppButton } from "@calcom/app-store/InstallAppButton";
 import { isRedirectApp } from "@calcom/app-store/_utils/redirectApps";
 import useAddAppMutation from "@calcom/app-store/_utils/useAddAppMutation";
 import { doesAppSupportTeamInstall, isConferencing } from "@calcom/app-store/utils";
-import DisconnectIntegration from "@calcom/features/apps/components/DisconnectIntegration";
+import DisconnectIntegration from "@calcom/web/modules/apps/components/DisconnectIntegration";
 import { AppOnboardingSteps } from "@calcom/lib/apps/appOnboardingSteps";
 import { getAppOnboardingUrl } from "@calcom/lib/apps/getAppOnboardingUrl";
 import { APP_NAME, COMPANY_NAME, SUPPORT_MAIL_ADDRESS, WEBAPP_URL } from "@calcom/lib/constants";
@@ -5,8 +5,8 @@ import { useEffect, Suspense } from "react";
 import { InstallAppButton } from "@calcom/app-store/InstallAppButton";
 import { DestinationCalendarSettingsWebWrapper } from "@calcom/atoms/destination-calendar/wrappers/DestinationCalendarSettingsWebWrapper";
 import { SelectedCalendarsSettingsWebWrapper } from "@calcom/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper";
-import AppListCard from "@calcom/features/apps/components/AppListCard";
-import { SkeletonLoader } from "@calcom/features/apps/components/SkeletonLoader";
+import AppListCard from "@calcom/web/modules/apps/components/AppListCard";
+import { SkeletonLoader } from "@calcom/web/modules/apps/components/SkeletonLoader";
 import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
@@ -8,7 +8,7 @@ import { Dialog } from "@calcom/features/components/controlled-dialog";
 import { dataTableQueryParamsSerializer } from "@calcom/features/data-table/lib/serializers";
 import { ColumnFilterType } from "@calcom/features/data-table/lib/types";
 import { useOrgBranding } from "@calcom/features/ee/organizations/context/provider";
-import { RoutingFormEmbedButton, RoutingFormEmbedDialog } from "@calcom/features/embed/RoutingFormEmbed";
+import { RoutingFormEmbedButton, RoutingFormEmbedDialog } from "@calcom/web/modules/embed/components/RoutingFormEmbed";
 import { EmbedDialogProvider } from "@calcom/features/embed/lib/hooks/useEmbedDialogCtx";
 import { WEBSITE_URL } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -7,7 +7,7 @@ import type { UseFormReturn } from "react-hook-form";

 import { InfoLostWarningDialog } from "@calcom/app-store/routing-forms/components/InfoLostWarningDialog";
 import type { RoutingFormWithResponseCount } from "@calcom/app-store/routing-forms/types/types";
-import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import type { inferSSRProps } from "@calcom/types/inferSSRProps";
@@ -1,8 +1,8 @@
 import { useState } from "react";
 import type { z } from "zod";

-import { MeetingSessionDetailsDialog } from "@calcom/features/ee/video/MeetingSessionDetailsDialog";
-import ViewRecordingsDialog from "~/ee/video/ViewRecordingsDialog";
+import { MeetingSessionDetailsDialog } from "@calcom/web/modules/ee/video/components/MeetingSessionDetailsDialog";
+import ViewRecordingsDialog from "~/ee/video/components/ViewRecordingsDialog";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { bookingMetadataSchema } from "@calcom/prisma/zod-utils";
 import { trpc } from "@calcom/trpc/react";
@@ -3,10 +3,10 @@
 import type { ChangeEventHandler } from "react";
 import { useState } from "react";

-import { AllApps } from "@calcom/features/apps/components/AllApps";
-import { AppStoreCategories } from "@calcom/features/apps/components/Categories";
-import { PopularAppsSlider } from "@calcom/features/apps/components/PopularAppsSlider";
-import { RecentAppsSlider } from "@calcom/features/apps/components/RecentAppsSlider";
+import { AllApps } from "@calcom/web/modules/apps/components/AllApps";
+import { AppStoreCategories } from "@calcom/web/modules/apps/components/Categories";
+import { PopularAppsSlider } from "@calcom/web/modules/apps/components/PopularAppsSlider";
+import { RecentAppsSlider } from "@calcom/web/modules/apps/components/RecentAppsSlider";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { AppCategories } from "@calcom/prisma/enums";
 import type { AppFrontendPayload } from "@calcom/types/App";
@@ -2,7 +2,7 @@

 import Link from "next/link";

-import { AppCard } from "@calcom/features/apps/components/AppCard";
+import { AppCard } from "@calcom/web/modules/apps/components/AppCard";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { SkeletonText } from "@calcom/ui/components/skeleton";

@@ -10,7 +10,7 @@ import { z } from "zod";

 import AppCategoryNavigation from "@calcom/app-store/_components/AppCategoryNavigation";
 import { appKeysSchemas } from "@calcom/app-store/apps.keys-schemas.generated";
-import AppListCard from "@calcom/features/apps/components/AppListCard";
+import AppListCard from "@calcom/web/modules/apps/components/AppListCard";
 import { Dialog } from "@calcom/features/components/controlled-dialog";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -4,14 +4,14 @@ import { InstallAppButton } from "@calcom/app-store/InstallAppButton";
 import { AppSettings } from "@calcom/app-store/_components/AppSettings";
 import { getLocationFromApp, type EventLocationType } from "@calcom/app-store/locations";
 import type { AppCardApp } from "@calcom/app-store/types";
-import AppListCard from "@calcom/features/apps/components/AppListCard";
-import type { UpdateUsersDefaultConferencingAppParams } from "@calcom/features/apps/components/AppSetDefaultLinkDialog";
-import { AppSetDefaultLinkDialog } from "@calcom/features/apps/components/AppSetDefaultLinkDialog";
+import AppListCard from "@calcom/web/modules/apps/components/AppListCard";
+import type { UpdateUsersDefaultConferencingAppParams } from "@calcom/web/modules/apps/components/AppSetDefaultLinkDialog";
+import { AppSetDefaultLinkDialog } from "@calcom/web/modules/apps/components/AppSetDefaultLinkDialog";
 import type {
  BulkUpdatParams,
  EventTypes,
-} from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
-import { BulkEditDefaultForEventsModal } from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
+} from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
+import { BulkEditDefaultForEventsModal } from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
 import { isDelegationCredential } from "@calcom/lib/delegationCredential";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { AppCategories } from "@calcom/prisma/enums";
@@ -3,12 +3,12 @@
 import { useReducer } from "react";

 import getAppCategoryTitle from "@calcom/app-store/_utils/getAppCategoryTitle";
-import { AppList, type HandleDisconnect } from "@calcom/features/apps/components/AppList";
-import type { UpdateUsersDefaultConferencingAppParams } from "@calcom/features/apps/components/AppSetDefaultLinkDialog";
-import DisconnectIntegrationModal from "@calcom/features/apps/components/DisconnectIntegrationModal";
-import type { RemoveAppParams } from "@calcom/features/apps/components/DisconnectIntegrationModal";
-import { SkeletonLoader } from "@calcom/features/apps/components/SkeletonLoader";
-import type { BulkUpdatParams } from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
+import { AppList, type HandleDisconnect } from "@calcom/web/modules/apps/components/AppList";
+import type { UpdateUsersDefaultConferencingAppParams } from "@calcom/web/modules/apps/components/AppSetDefaultLinkDialog";
+import DisconnectIntegrationModal from "@calcom/web/modules/apps/components/DisconnectIntegrationModal";
+import type { RemoveAppParams } from "@calcom/web/modules/apps/components/DisconnectIntegrationModal";
+import { SkeletonLoader } from "@calcom/web/modules/apps/components/SkeletonLoader";
+import type { BulkUpdatParams } from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { AppCategories } from "@calcom/prisma/enums";
 import { trpc } from "@calcom/trpc/react";
@@ -3,7 +3,7 @@
 import { useRouter } from "next/navigation";
 import { useMemo, useState } from "react";

-import AdminAppsList from "@calcom/features/apps/AdminAppsList";
+import AdminAppsList from "~/apps/components/AdminAppsList";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { inferSSRProps } from "@calcom/types/inferSSRProps";
@@ -6,7 +6,7 @@ import { useRouter, useSearchParams } from "next/navigation";
 import { useState } from "react";

 import { AvailabilitySettings } from "@calcom/atoms/availability/AvailabilitySettings";
-import type { BulkUpdatParams } from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
+import type { BulkUpdatParams } from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
 import { withErrorFromUnknown } from "@calcom/lib/getClientErrorFromUnknown";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { HttpError } from "@calcom/lib/http-error";
@@ -7,8 +7,8 @@ import { useRouter, usePathname } from "next/navigation";
 import { useCallback, useState } from "react";
 import posthog from "posthog-js";

-import { BulkEditDefaultForEventsModal } from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
-import type { BulkUpdatParams } from "@calcom/features/eventtypes/components/BulkEditDefaultForEventsModal";
+import { BulkEditDefaultForEventsModal } from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
+import type { BulkUpdatParams } from "@calcom/web/modules/event-types/components/BulkEditDefaultForEventsModal";
 import { NewScheduleButton } from "@calcom/features/schedules/components/NewScheduleButton";
 import { ScheduleListItem } from "@calcom/features/schedules/components/ScheduleListItem";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useRef } from "react";

 import dayjs from "@calcom/dayjs";
-import { AvailableTimes, AvailableTimesSkeleton } from "@calcom/features/bookings";
+import { AvailableTimes, AvailableTimesSkeleton } from "@calcom/web/modules/bookings/components/AvailableTimes";
 import { useBookerStoreContext } from "@calcom/features/bookings/Booker/BookerStoreProvider";
 import type { IUseBookingLoadingStates } from "@calcom/features/bookings/Booker/components/hooks/useBookings";
 import type { BookerEvent } from "@calcom/features/bookings/types";
@@ -13,9 +13,9 @@ import { localStorage } from "@calcom/lib/webstorage";
 import { BookerLayouts } from "@calcom/prisma/zod-utils";
 import classNames from "@calcom/ui/classNames";

-import { AvailableTimesHeader } from "../../components/AvailableTimesHeader";
-import type { useScheduleForEventReturnType } from "../utils/event";
-import { getQueryParam } from "../utils/query-param";
+import { AvailableTimesHeader } from "@calcom/web/modules/bookings/components/AvailableTimesHeader";
+import type { useScheduleForEventReturnType } from "@calcom/features/bookings/Booker/utils/event";
+import { getQueryParam } from "@calcom/features/bookings/Booker/utils/query-param";

 type AvailableTimeSlotsProps = {
  extraDays?: number;
@@ -8,7 +8,7 @@ import { useIsPlatform } from "@calcom/atoms/hooks/useIsPlatform";
 import dayjs from "@calcom/dayjs";
 import type { IOutOfOfficeData } from "@calcom/features/availability/lib/getUserAvailability";
 import { useBookerStoreContext } from "@calcom/features/bookings/Booker/BookerStoreProvider";
-import { OutOfOfficeInSlots } from "@calcom/features/bookings/Booker/components/OutOfOfficeInSlots";
+import { OutOfOfficeInSlots } from "./OutOfOfficeInSlots";
 import type { IUseBookingLoadingStates } from "@calcom/features/bookings/Booker/components/hooks/useBookings";
 import type { BookerEvent } from "@calcom/features/bookings/types";
 import type { Slot } from "@calcom/features/schedules/lib/use-schedule/types";
@@ -19,10 +19,10 @@ import { Button } from "@calcom/ui/components/button";
 import { Icon } from "@calcom/ui/components/icon";
 import { SkeletonText } from "@calcom/ui/components/skeleton";

-import { useBookerTime } from "../Booker/components/hooks/useBookerTime";
-import { getQueryParam } from "../Booker/utils/query-param";
-import { useCheckOverlapWithOverlay } from "../lib/useCheckOverlapWithOverlay";
-import type { Slots } from "../types";
+import { useBookerTime } from "@calcom/features/bookings/Booker/components/hooks/useBookerTime";
+import { getQueryParam } from "@calcom/features/bookings/Booker/utils/query-param";
+import { useCheckOverlapWithOverlay } from "@calcom/features/bookings/lib/useCheckOverlapWithOverlay";
+import type { Slots } from "@calcom/features/bookings/types";
 import { SeatsAvailabilityText } from "./SeatsAvailabilityText";

 type TOnTimeSelect = (
@@ -17,10 +17,10 @@ import { Button } from "@calcom/ui/components/button";
 import { EmptyScreen } from "@calcom/ui/components/empty-screen";
 import { Form } from "@calcom/ui/components/form";

-import { formatEventFromTime } from "../../utils/dates";
-import { useBookerTime } from "../hooks/useBookerTime";
-import type { UseBookingFormReturnType } from "../hooks/useBookingForm";
-import type { IUseBookingErrors, IUseBookingLoadingStates } from "../hooks/useBookings";
+import { formatEventFromTime } from "@calcom/features/bookings/Booker/utils/dates";
+import { useBookerTime } from "@calcom/features/bookings/Booker/components/hooks/useBookerTime";
+import type { UseBookingFormReturnType } from "@calcom/features/bookings/Booker/components/hooks/useBookingForm";
+import type { IUseBookingErrors, IUseBookingLoadingStates } from "@calcom/features/bookings/Booker/components/hooks/useBookings";
 import { BookingFields } from "./BookingFields";
 import { FormSkeleton } from "./Skeleton";

@@ -9,10 +9,10 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Badge } from "@calcom/ui/components/badge";
 import { DialogContent } from "@calcom/ui/components/dialog";

-import { getDurationFormatted } from "../../../components/event-meta/Duration";
-import { FromTime } from "../../utils/dates";
-import { useEvent } from "../../utils/event";
-import { useBookerTime } from "../hooks/useBookerTime";
+import { getDurationFormatted } from "../event-meta/Duration";
+import { FromTime } from "@calcom/features/bookings/Booker/utils/dates";
+import { useEvent } from "@calcom/features/bookings/Booker/utils/event";
+import { useBookerTime } from "@calcom/features/bookings/Booker/components/hooks/useBookerTime";

 const BookEventFormWrapper = ({ children, onCancel }: { onCancel: () => void; children: ReactNode }) => {
  const { data } = useEvent();
@@ -1,12 +1,12 @@
 import "@calcom/features/bookings/Booker/__mocks__/config";
-import "@calcom/features/bookings/Booker/components/OverlayCalendar/__mocks__/OverlayCalendar";
-import "@calcom/features/bookings/Booker/components/__mocks__/AvailableTimeSlots";
-import "@calcom/features/bookings/Booker/components/__mocks__/DatePicker";
-import "@calcom/features/bookings/Booker/components/__mocks__/DryRunMessage";
-import "@calcom/features/bookings/Booker/components/__mocks__/EventMeta";
-import "@calcom/features/bookings/Booker/components/__mocks__/Header";
-import "@calcom/features/bookings/Booker/components/__mocks__/LargeCalendar";
-import "@calcom/features/bookings/Booker/components/__mocks__/Section";
+import "./__mocks__/OverlayCalendar";
+import "./__mocks__/AvailableTimeSlots";
+import "./__mocks__/DatePicker";
+import "./__mocks__/DryRunMessage";
+import "./__mocks__/EventMeta";
+import "./__mocks__/Header";
+import "./__mocks__/LargeCalendar";
+import "./__mocks__/Section";
 import { constantsScenarios } from "@calcom/lib/__mocks__/constants";
 import "@calcom/lib/__mocks__/logger";

@@ -16,8 +16,9 @@ import { vi } from "vitest";
 import "@calcom/dayjs/__mocks__";
 import "@calcom/features/auth/Turnstile";

-import { Booker } from "../Booker";
-import { render, screen } from "./test-utils";
+import { Booker } from "./Booker";
+import { render, screen } from "@calcom/features/bookings/Booker/__tests__/test-utils";
+import type { BookerProps, WrappedBookerProps } from "@calcom/features/bookings/Booker/types";

 vi.mock("framer-motion", async (importOriginal) => {
  const actual = (await importOriginal()) as any;
@@ -27,7 +28,7 @@ vi.mock("framer-motion", async (importOriginal) => {
 });

 // Mock components that we don't want to test
-vi.mock("../components/BookEventForm", () => ({
+vi.mock("./BookEventForm", () => ({
  BookEventForm: ({
    isTimeslotUnavailable,
    onCancel,
@@ -45,7 +46,7 @@ vi.mock("../components/BookEventForm", () => ({
  },
 }));

-vi.mock("../components/BookEventForm/BookFormAsModal", () => ({
+vi.mock("./BookEventForm/BookFormAsModal", () => ({
  BookFormAsModal: () => {
    return <div data-testid="book-form-as-modal">Mock Book Form As Modal</div>;
  },
@@ -62,7 +63,7 @@ const mockEvent = {
  isPending: false,
 };

-vi.mock("../../../calendars/NoAvailabilityDialog", () => ({
+vi.mock("@calcom/features/calendars/NoAvailabilityDialog", () => ({
  default: () => {
    return null;
  },
@@ -174,7 +175,7 @@ describe("Booker", () => {
  });

  it("should render null when in loading state", () => {
-    const { container } = render(<Booker {...defaultProps} />, {
+    const { container } = render(<Booker {...defaultProps as unknown as BookerProps & WrappedBookerProps} />, {
      mockStore: { state: "loading" },
    });
    expect(container).toBeEmptyDOMElement();
@@ -193,7 +194,7 @@ describe("Booker", () => {
      },
    };

-    render(<Booker {...propsWithDryRun} />, {
+    render(<Booker {...propsWithDryRun as unknown as BookerProps & WrappedBookerProps} />, {
      mockStore: {
        state: "selecting_time",
        selectedDate: "2024-01-01",
@@ -217,7 +218,7 @@ describe("Booker", () => {
      },
    };

-    render(<Booker {...propsWithInvalidate} />, {
+    render(<Booker {...propsWithInvalidate as unknown as BookerProps & WrappedBookerProps} />, {
      mockStore: { state: "booking" },
    });
    screen.logTestingPlaygroundURL();
@@ -239,11 +240,11 @@ describe("Booker", () => {
        },
      };

-      render(<Booker {...propsWithQuickChecks} />, {
+      render(<Booker {...propsWithQuickChecks as unknown as BookerProps & WrappedBookerProps} />, {
        mockStore: { state: "booking" },
      });
      const bookEventForm = screen.getByTestId("book-event-form");
      await expect(bookEventForm).toHaveAttribute("data-unavailable", "true");
    });
  });
-});
+});
@@ -7,7 +7,7 @@ import { shallow } from "zustand/shallow";
 import BookingPageTagManager from "@calcom/app-store/BookingPageTagManager";
 import { useIsPlatformBookerEmbed } from "@calcom/atoms/hooks/useIsPlatformBookerEmbed";
 import dayjs from "@calcom/dayjs";
-import PoweredBy from "@calcom/ee/components/PoweredBy";
+import PoweredBy from "@calcom/web/modules/ee/common/components/PoweredBy";
 import { useEmbedUiConfig } from "@calcom/embed-core/embed-iframe";
 import { updateEmbedBookerState } from "@calcom/embed-core/src/embed-iframe";
 import TurnstileCaptcha from "@calcom/features/auth/Turnstile";
@@ -23,27 +23,27 @@ import { BookerLayouts } from "@calcom/prisma/zod-utils";
 import classNames from "@calcom/ui/classNames";
 import { UnpublishedEntity } from "@calcom/ui/components/unpublished-entity";

-import { VerifyCodeDialog } from "../components/VerifyCodeDialog";
-import { AvailableTimeSlots } from "./components/AvailableTimeSlots";
-import { BookEventForm } from "./components/BookEventForm";
-import { BookFormAsModal } from "./components/BookEventForm/BookFormAsModal";
-import { DatePicker } from "./components/DatePicker";
-import { DryRunMessage } from "./components/DryRunMessage";
-import { EventMeta } from "./components/EventMeta";
-import { HavingTroubleFindingTime } from "./components/HavingTroubleFindingTime";
-import { Header } from "./components/Header";
-import { InstantBooking } from "./components/InstantBooking";
-import { LargeCalendar } from "./components/LargeCalendar";
-import { OverlayCalendar } from "./components/OverlayCalendar/OverlayCalendar";
-import { RedirectToInstantMeetingModal } from "./components/RedirectToInstantMeetingModal";
-import { BookerSection } from "./components/Section";
-import { NotFound } from "./components/Unavailable";
-import { useIsQuickAvailabilityCheckFeatureEnabled } from "./components/hooks/useIsQuickAvailabilityCheckFeatureEnabled";
-import { fadeInLeft, getBookerSizeClassNames, useBookerResizeAnimation } from "./config";
-import framerFeatures from "./framer-features";
-import type { BookerProps, WrappedBookerProps } from "./types";
-import { isBookingDryRun } from "./utils/isBookingDryRun";
-import { isTimeSlotAvailable } from "./utils/isTimeslotAvailable";
+import { VerifyCodeDialog } from "./VerifyCodeDialog";
+import { AvailableTimeSlots } from "./AvailableTimeSlots";
+import { BookEventForm } from "./BookEventForm";
+import { BookFormAsModal } from "./BookEventForm/BookFormAsModal";
+import { DatePicker } from "./DatePicker";
+import { DryRunMessage } from "./DryRunMessage";
+import { EventMeta } from "./EventMeta";
+import { HavingTroubleFindingTime } from "./HavingTroubleFindingTime";
+import { Header } from "./Header";
+import { InstantBooking } from "./InstantBooking";
+import { LargeCalendar } from "./LargeCalendar";
+import { OverlayCalendar } from "./OverlayCalendar/OverlayCalendar";
+import { RedirectToInstantMeetingModal } from "./RedirectToInstantMeetingModal";
+import { BookerSection } from "./Section";
+import { NotFound } from "./Unavailable";
+import { useIsQuickAvailabilityCheckFeatureEnabled } from "@calcom/features/bookings/Booker/components/hooks/useIsQuickAvailabilityCheckFeatureEnabled";
+import { fadeInLeft, getBookerSizeClassNames, useBookerResizeAnimation } from "@calcom/features/bookings/Booker/config";
+import framerFeatures from "@calcom/features/bookings/Booker/framer-features";
+import type { BookerProps, WrappedBookerProps } from "@calcom/features/bookings/Booker/types";
+import { isBookingDryRun } from "@calcom/features/bookings/Booker/utils/isBookingDryRun";
+import { isTimeSlotAvailable } from "@calcom/features/bookings/Booker/utils/isTimeslotAvailable";

 const BookerComponent = ({
  username,
@@ -4,7 +4,7 @@ import { useReactTable, getCoreRowModel, getSortedRowModel } from "@tanstack/rea
 import React, { useMemo, useEffect } from "react";

 import dayjs from "@calcom/dayjs";
-import { DataTableFilters } from "@calcom/features/data-table";
+import { DataTableFilters } from "~/data-table/components/filters";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import useMeQuery from "@calcom/trpc/react/hooks/useMeQuery";
@@ -2,7 +2,7 @@

 import type { Table as ReactTable } from "@tanstack/react-table";

-import { DataTableWrapper } from "@calcom/features/data-table";
+import { DataTableWrapper } from "~/data-table/components";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { EmptyScreen } from "@calcom/ui/components/empty-screen";

@@ -7,10 +7,9 @@ import React, { useState, useMemo, useEffect, useCallback } from "react";
 import dayjs from "@calcom/dayjs";
 import {
  useDataTable,
-  DataTableFilters,
-  DataTableSegment,
  useDisplayedFilterCount,
 } from "@calcom/features/data-table";
+import { DataTableSegment, DataTableFilters } from "~/data-table/components";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import useMeQuery from "@calcom/trpc/react/hooks/useMeQuery";
@@ -4,7 +4,7 @@ import { vi, afterEach } from "vitest";
 import dayjs from "@calcom/dayjs";
 import { DatePicker as DatePickerComponent } from "@calcom/features/calendars/DatePicker";

-import { render } from "../__tests__/test-utils";
+import { render } from "@calcom/features/bookings/Booker/__tests__/test-utils";
 import { DatePicker } from "./DatePicker";

 vi.mock("@calcom/features/calendars/DatePicker", () => {
@@ -11,7 +11,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { User } from "@calcom/prisma/client";
 import type { PeriodData } from "@calcom/types/Event";

-import type { Slots } from "../../types";
+import type { Slots } from "@calcom/features/bookings/types";

 const useMoveToNextMonthOnNoAvailability = ({
  browsingDate,
@@ -4,11 +4,11 @@ import { useEffect, useMemo } from "react";
 import { shallow } from "zustand/shallow";

 import { Timezone as PlatformTimezoneSelect } from "@calcom/atoms/timezone";
-import { EventDetails, EventMembers, EventMetaSkeleton, EventTitle } from "@calcom/features/bookings";
+import { EventDetails, EventMembers, EventMetaSkeleton, EventTitle } from "./event-meta";
 import { useBookerStoreContext } from "@calcom/features/bookings/Booker/BookerStoreProvider";
 import type { Timezone } from "@calcom/features/bookings/Booker/types";
-import { SeatsAvailabilityText } from "@calcom/features/bookings/components/SeatsAvailabilityText";
-import { EventMetaBlock } from "@calcom/features/bookings/components/event-meta/Details";
+import { SeatsAvailabilityText } from "@calcom/web/modules/bookings/components/SeatsAvailabilityText";
+import { EventMetaBlock } from "@calcom/web/modules/bookings/components/event-meta/Details";
 import { useTimePreferences } from "@calcom/features/bookings/lib";
 import type { BookerEvent } from "@calcom/features/bookings/types";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -18,10 +18,10 @@ import type { EventTypeTranslation } from "@calcom/prisma/client";
 import { EventTypeAutoTranslatedField } from "@calcom/prisma/enums";

 import i18nConfigration from "../../../../../i18n.json";
-import { fadeInUp } from "../config";
-import { FromToTime } from "../utils/dates";
+import { fadeInUp } from "@calcom/features/bookings/Booker/config";
+import { FromToTime } from "@calcom/features/bookings/Booker/utils/dates";
 import { ScrollableWithGradients } from "./ScrollableWithGradients";
-import { useBookerTime } from "./hooks/useBookerTime";
+import { useBookerTime } from "@calcom/features/bookings/Booker/components/hooks/useBookerTime";

 const WebTimezoneSelect = dynamic(
  () => import("@calcom/features/components/timezone-select").then((mod) => mod.TimezoneSelect),
@@ -15,8 +15,8 @@ import { ToggleGroup } from "@calcom/ui/components/form";
 import { Icon } from "@calcom/ui/components/icon";
 import { Tooltip } from "@calcom/ui/components/tooltip";

-import { TimeFormatToggle } from "../../components/TimeFormatToggle";
-import type { BookerLayout } from "../types";
+import { TimeFormatToggle } from "@calcom/web/modules/bookings/components/TimeFormatToggle";
+import type { BookerLayout } from "@calcom/features/bookings/Booker/types";

 export function Header({
  extraDays,
@@ -9,9 +9,9 @@ import { Calendar } from "@calcom/features/calendars/weeklyview";
 import type { CalendarEvent } from "@calcom/features/calendars/weeklyview/types/events";
 import { localStorage } from "@calcom/lib/webstorage";

-import type { useScheduleForEventReturnType } from "../utils/event";
-import { getQueryParam } from "../utils/query-param";
-import { useOverlayCalendarStore } from "./OverlayCalendar/store";
+import type { useScheduleForEventReturnType } from "@calcom/features/bookings/Booker/utils/event";
+import { getQueryParam } from "@calcom/features/bookings/Booker/utils/query-param";
+import { useOverlayCalendarStore } from "@calcom/features/bookings/Booker/components/OverlayCalendar/store";

 export const LargeCalendar = ({
  extraDays,
@@ -2,8 +2,8 @@ import { useEffect } from "react";

 import { useIsPlatform } from "@calcom/atoms/hooks/useIsPlatform";

-import type { UseCalendarsReturnType } from "../hooks/useCalendars";
-import { useOverlayCalendar } from "../hooks/useOverlayCalendar";
+import type { UseCalendarsReturnType } from "@calcom/features/bookings/Booker/components/hooks/useCalendars";
+import { useOverlayCalendar } from "@calcom/features/bookings/Booker/components/hooks/useOverlayCalendar";
 import { OverlayCalendarContinueModal } from "./OverlayCalendarContinueModal";
 import { OverlayCalendarSettingsModal } from "./OverlayCalendarSettingsModal";
 import { OverlayCalendarSwitch } from "./OverlayCalendarSwitch";
@@ -13,7 +13,7 @@ import { ListItem, ListItemText, ListItemTitle } from "@calcom/ui/components/lis
 import { SkeletonContainer } from "@calcom/ui/components/skeleton";
 import { SkeletonText } from "@calcom/ui/components/skeleton";

-import type { UseCalendarsReturnType } from "../hooks/useCalendars";
+import type { UseCalendarsReturnType } from "@calcom/features/bookings/Booker/components/hooks/useCalendars";

 interface IOverlayCalendarSettingsModalProps {
  open?: boolean;
@@ -6,7 +6,7 @@ import classNames from "@calcom/ui/classNames";
 import { Button } from "@calcom/ui/components/button";
 import { Switch } from "@calcom/ui/components/form";

-import { useOverlayCalendarStore } from "./store";
+import { useOverlayCalendarStore } from "@calcom/features/bookings/Booker/components/OverlayCalendar/store";

 interface OverlayCalendarSwitchProps {
  enabled?: boolean;
@@ -5,7 +5,7 @@ import { forwardRef } from "react";
 import { useBookerStoreContext } from "@calcom/features/bookings/Booker/BookerStoreProvider";
 import classNames from "@calcom/ui/classNames";

-import type { BookerAreas, BookerLayout } from "../types";
+import type { BookerAreas, BookerLayout } from "@calcom/features/bookings/Booker/types";

 /**
 * Define what grid area a section should be in.
@@ -2,7 +2,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { TimeFormat } from "@calcom/lib/timeFormat";
 import { ToggleGroup } from "@calcom/ui/components/form";

-import { useTimePreferences } from "../lib";
+import { useTimePreferences } from "@calcom/features/bookings/lib";

 export const TimeFormatToggle = ({ customClassName }: { customClassName?: string }) => {
  const timeFormat = useTimePreferences((state) => state.timeFormat);
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 vi.mock("../AvailableTimeSlots", () => ({
  AvailableTimeSlots: ({ children }: { children: React.ReactNode }) => (
    <div data-testid="available-time-slots">{children}</div>
@@ -1,3 +1,4 @@
-vi.mock("../components/DatePicker", () => ({
+import { vi } from "vitest";
+vi.mock("../DatePicker", () => ({
  DatePicker: () => <div data-testid="date-picker">Mock Date Picker</div>,
 }));
@@ -1,5 +1,6 @@
+import { vi } from "vitest";
 vi.mock("../DryRunMessage", () => ({
  DryRunMessage: ({ isEmbed }: { isEmbed: boolean }) => (
    <div data-testid="dry-run-message">Mock Dry Run Message</div>
  ),
-}));
+}));
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 // Mock layout components
 vi.mock("../Header", () => ({
  Header: ({ children }: { children: React.ReactNode }) => <div data-testid="header">{children}</div>,