slice-machine-ui 1.26.1-beta.11 → 1.26.1-beta.13

package/{pages → src/pages}/_app.tsx

@@ -3,15 +3,15 @@ import "react-datepicker/dist/react-datepicker.css";
 import "react-tabs/style/react-tabs.css";
 import "react-toastify/dist/ReactToastify.css";
 import "rc-drawer/assets/index.css";
-import "@src/styles/drawer.css";
-import "@src/styles/globals.css";
-import "@src/styles/hljs.css";
-import "@src/styles/intercom.css";
-import "@src/styles/keyframes.css";
-import "@src/styles/modal.css";
-import "@src/styles/starry-night.css";
-import "@src/styles/tabs.css";
-import "@src/styles/toaster.css";
+import "@/styles/drawer.css";
+import "@/styles/globals.css";
+import "@/styles/hljs.css";
+import "@/styles/intercom.css";
+import "@/styles/keyframes.css";
+import "@/styles/modal.css";
+import "@/styles/starry-night.css";
+import "@/styles/tabs.css";
+import "@/styles/toaster.css";
 
 import {
   Box,
@@ -19,10 +19,6 @@ import {
   ThemeProvider,
   TooltipProvider,
 } from "@prismicio/editor-ui";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import { InAppGuideProvider } from "@src/features/inAppGuide/InAppGuideContext";
-import { InAppGuideDialog } from "@src/features/inAppGuide/InAppGuideDialog";
-import { AutoSyncProvider } from "@src/features/sync/AutoSyncProvider";
 import { ConnectedRouter } from "connected-next-router";
 import type { NextPage } from "next";
 import type { AppContext, AppInitialProps } from "next/app";
@@ -36,15 +32,19 @@ import type { Persistor } from "redux-persist/es/types";
 import { PersistGate } from "redux-persist/integration/react";
 import { ThemeProvider as ThemeUIThemeProvider, useThemeUI } from "theme-ui";
 
-import SliceMachineApp from "../components/App";
-import LoadingPage from "../components/LoadingPage";
-import ToastContainer from "../components/ToasterContainer";
-import { normalizeFrontendCustomTypes } from "../lib/models/common/normalizers/customType";
-import type ServerState from "../lib/models/server/ServerState";
-import { getState } from "../src/apiClient";
-import { RouteChangeProvider } from "../src/hooks/useRouteChange";
-import configureStore from "../src/redux/store";
-import theme from "../src/theme";
+import { getState } from "@/apiClient";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { InAppGuideProvider } from "@/features/inAppGuide/InAppGuideContext";
+import { InAppGuideDialog } from "@/features/inAppGuide/InAppGuideDialog";
+import { AutoSyncProvider } from "@/features/sync/AutoSyncProvider";
+import { RouteChangeProvider } from "@/hooks/useRouteChange";
+import SliceMachineApp from "@/legacy/components/App";
+import LoadingPage from "@/legacy/components/LoadingPage";
+import ToastContainer from "@/legacy/components/ToasterContainer";
+import { normalizeFrontendCustomTypes } from "@/legacy/lib/models/common/normalizers/customType";
+import type ServerState from "@/legacy/lib/models/server/ServerState";
+import configureStore from "@/redux/store";
+import theme from "@/theme";
 
 type NextPageWithLayout = NextPage & {
   CustomLayout?: React.FC<{ children: ReactNode }>;

package/{pages → src/pages}/changelog.tsx

@@ -1,6 +1,7 @@
-import Changelog from "@components/Changelog";
 import Head from "next/head";
 
+import Changelog from "@/legacy/components/Changelog";
+
 export default function ChangelogPage() {
   return (
     <>

package/{pages → src/pages}/changes.tsx

@@ -1,33 +1,37 @@
+import { PushChangesLimit } from "@slicemachine/manager";
+import Head from "next/head";
+import { useRouter } from "next/router";
+import React, { useEffect, useMemo, useState } from "react";
+import { toast } from "react-toastify";
+import { BaseStyles } from "theme-ui";
+
+import { getState } from "@/apiClient";
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { NoChangesBlankSlate } from "@/features/changes/BlankSlates";
+import { PushChangesButton } from "@/features/changes/PushChangesButton";
+import { pushChanges } from "@/features/sync/actions/pushChanges";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { useUnSyncChanges } from "@/features/sync/useUnSyncChanges";
+import { useAuthStatus } from "@/hooks/useAuthStatus";
+import { useNetwork } from "@/hooks/useNetwork";
 import {
   AppLayout,
   AppLayoutActions,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { AuthErrorPage, OfflinePage } from "@components/ChangesEmptyState";
-import { ChangesItems } from "@components/ChangesItems";
+} from "@/legacy/components/AppLayout";
+import {
+  AuthErrorPage,
+  OfflinePage,
+} from "@/legacy/components/ChangesEmptyState";
+import { ChangesItems } from "@/legacy/components/ChangesItems";
 import {
   HardDeleteDocumentsDrawer,
   SoftDeleteDocumentsDrawer,
-} from "@components/DeleteDocumentsDrawer";
-import { PushChangesLimit } from "@slicemachine/manager";
-import { getState } from "@src/apiClient";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
-import { NoChangesBlankSlate } from "@src/features/changes/BlankSlates";
-import { PushChangesButton } from "@src/features/changes/PushChangesButton";
-import { pushChanges } from "@src/features/sync/actions/pushChanges";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { useUnSyncChanges } from "@src/features/sync/useUnSyncChanges";
-import { useAuthStatus } from "@src/hooks/useAuthStatus";
-import { useNetwork } from "@src/hooks/useNetwork";
-import { AuthStatus } from "@src/modules/userContext/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import React, { useEffect, useMemo, useState } from "react";
-import { toast } from "react-toastify";
-import { BaseStyles } from "theme-ui";
+} from "@/legacy/components/DeleteDocumentsDrawer";
+import { AuthStatus } from "@/modules/userContext/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 const Changes: React.FunctionComponent = () => {
   const {

package/src/pages/custom-types/[customTypeId].tsx

@@ -0,0 +1 @@
+export { CustomTypesBuilderPage as default } from "@/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/{pages → src/pages}/custom-types.tsx

@@ -1,6 +1,7 @@
-import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@src/features/customTypes/customTypesTable/CustomTypesTablePage";
 import { type FC } from "react";
 
+import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@/features/customTypes/customTypesTable/CustomTypesTablePage";
+
 const CustomTypesTablePage: FC = () => {
   return <CustomTypesTablePageTemplate format="custom" />;
 };

package/{pages → src/pages}/index.tsx

@@ -1,8 +1,9 @@
-import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@src/features/customTypes/customTypesTable/CustomTypesTablePage";
-import { PageTypeOnboarding } from "@src/features/customTypes/PageTypeOnboarding";
-import { useIsEmptyProject } from "@src/hooks/useIsEmptyProject";
 import { type FC } from "react";
 
+import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@/features/customTypes/customTypesTable/CustomTypesTablePage";
+import { PageTypeOnboarding } from "@/features/customTypes/PageTypeOnboarding";
+import { useIsEmptyProject } from "@/hooks/useIsEmptyProject";
+
 const PageTypesTablePage: FC = () => {
   const isEmptyProject = useIsEmptyProject();
 

package/src/pages/labs.tsx

@@ -0,0 +1 @@
+export { LabsPage as default } from "@/features/labs/labsList/LabsPage";

package/src/pages/page-types/[pageTypeId].tsx

@@ -0,0 +1 @@
+export { CustomTypesBuilderPage as default } from "@/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/src/pages/settings.tsx

@@ -0,0 +1 @@
+export { SettingsPage as default } from "@/features/settings/SettingsPage";

package/{pages → src/pages}/slices/[lib]/[sliceName]/[variation]/index.tsx

@@ -1,9 +1,10 @@
-import SliceBuilder from "@lib/builders/SliceBuilder";
-import { SliceBuilderProvider } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
-import useCurrentSlice from "@src/hooks/useCurrentSlice";
 import Head from "next/head";
 import { useRouter } from "next/router";
 
+import { SliceBuilderProvider } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
+import useCurrentSlice from "@/hooks/useCurrentSlice";
+import SliceBuilder from "@/legacy/lib/builders/SliceBuilder";
+
 export default function SlicePage() {
   const router = useRouter();
   const { slice: initialSlice, variation: defaultVariation } =

package/{pages → src/pages}/slices/[lib]/[sliceName]/[variation]/simulator.tsx

@@ -1,8 +1,9 @@
-import Simulator from "@components/Simulator";
-import useCurrentSlice from "@src/hooks/useCurrentSlice";
 import Head from "next/head";
 import { useRouter } from "next/router";
 
+import useCurrentSlice from "@/hooks/useCurrentSlice";
+import Simulator from "@/legacy/components/Simulator";
+
 export default function SimulatorPage() {
   const router = useRouter();
   const { slice, variation } = useCurrentSlice();

package/{pages → src/pages}/slices.tsx

@@ -1,28 +1,5 @@
-import {
-  AppLayout,
-  AppLayoutActions,
-  AppLayoutBreadcrumb,
-  AppLayoutContent,
-  AppLayoutHeader,
-} from "@components/AppLayout";
-import { DeleteSliceModal } from "@components/DeleteSliceModal";
-import EmptyState from "@components/EmptyState";
-import { CreateSliceModal } from "@components/Forms/CreateSliceModal";
-import { RenameSliceModal } from "@components/Forms/RenameSliceModal";
-import Grid from "@components/Grid";
-import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
-import { SliceToastMessage } from "@components/ToasterContainer";
-import { VIDEO_WHAT_ARE_SLICES } from "@lib/consts";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
 import { Button } from "@prismicio/editor-ui";
 import { SharedSlice as SharedSliceType } from "@prismicio/types-internal/lib/customtypes";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
-import { SLICES_CONFIG } from "@src/features/slices/slicesConfig";
-import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
-import { getLibraries, getRemoteSlices } from "@src/modules/slices";
-import { SliceMachineStoreType } from "@src/redux/type";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import React, { useState } from "react";
@@ -30,6 +7,30 @@ import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
 import { BaseStyles, Flex, Link, Text } from "theme-ui";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { SharedSliceCard } from "@/features/slices/sliceCards/SharedSliceCard";
+import { SLICES_CONFIG } from "@/features/slices/slicesConfig";
+import { useScreenshotChangesModal } from "@/hooks/useScreenshotChangesModal";
+import {
+  AppLayout,
+  AppLayoutActions,
+  AppLayoutBreadcrumb,
+  AppLayoutContent,
+  AppLayoutHeader,
+} from "@/legacy/components/AppLayout";
+import { DeleteSliceModal } from "@/legacy/components/DeleteSliceModal";
+import EmptyState from "@/legacy/components/EmptyState";
+import { CreateSliceModal } from "@/legacy/components/Forms/CreateSliceModal";
+import { RenameSliceModal } from "@/legacy/components/Forms/RenameSliceModal";
+import Grid from "@/legacy/components/Grid";
+import ScreenshotChangesModal from "@/legacy/components/ScreenshotChangesModal";
+import { SliceToastMessage } from "@/legacy/components/ToasterContainer";
+import { VIDEO_WHAT_ARE_SLICES } from "@/legacy/lib/consts";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { getLibraries, getRemoteSlices } from "@/modules/slices";
+import { SliceMachineStoreType } from "@/redux/type";
+
 const SlicesIndex: React.FunctionComponent = () => {
   const router = useRouter();
   const { modalPayload, onOpenModal } = useScreenshotChangesModal();

package/src/redux/reducer.ts

@@ -3,15 +3,16 @@
  * were to do this in store.js, reducers wouldn't be hot reloadable.
  */
 
-import { availableCustomTypesReducer } from "@src/modules/availableCustomTypes";
-import { environmentReducer } from "@src/modules/environment";
-import { loadingReducer } from "@src/modules/loading";
-import { modalReducer } from "@src/modules/modal";
-import { slicesReducer } from "@src/modules/slices";
-import { userContextReducer } from "@src/modules/userContext";
 import { routerReducer } from "connected-next-router";
 import { combineReducers, Reducer } from "redux";
 
+import { availableCustomTypesReducer } from "@/modules/availableCustomTypes";
+import { environmentReducer } from "@/modules/environment";
+import { loadingReducer } from "@/modules/loading";
+import { modalReducer } from "@/modules/modal";
+import { slicesReducer } from "@/modules/slices";
+import { userContextReducer } from "@/modules/userContext";
+
 /** Creates the main reducer */
 const createReducer = (): Reducer =>
   combineReducers({

package/src/redux/store.ts

@@ -1,10 +1,11 @@
-import { SliceMachineStoreType } from "@src/redux/type";
 import { createRouterMiddleware } from "connected-next-router";
 import { applyMiddleware, compose, createStore, Store } from "redux";
 import { persistReducer, persistStore } from "redux-persist";
 import { Persistor } from "redux-persist/es/types"; // defaults to localStorage for web
 import storage from "redux-persist/lib/storage";
 
+import { SliceMachineStoreType } from "@/redux/type";
+
 import createReducer from "./reducer";
 
 const persistConfig = {

package/src/redux/type.ts

@@ -1,11 +1,12 @@
-import { AvailableCustomTypesStoreType } from "@src/modules/availableCustomTypes/types";
-import { EnvironmentStoreType } from "@src/modules/environment/types";
-import { LoadingStoreType } from "@src/modules/loading/types";
-import { ModalStoreType } from "@src/modules/modal/types";
-import { SlicesStoreType } from "@src/modules/slices/types";
-import { UserContextStoreType } from "@src/modules/userContext/types";
 import { RouterState } from "connected-next-router/types";
 
+import { AvailableCustomTypesStoreType } from "@/modules/availableCustomTypes/types";
+import { EnvironmentStoreType } from "@/modules/environment/types";
+import { LoadingStoreType } from "@/modules/loading/types";
+import { ModalStoreType } from "@/modules/modal/types";
+import { SlicesStoreType } from "@/modules/slices/types";
+import { UserContextStoreType } from "@/modules/userContext/types";
+
 export type SliceMachineStoreType = {
   modal: ModalStoreType;
   loading: LoadingStoreType;

package/src/utils/getContentTypeForTracking.ts

@@ -0,0 +1,21 @@
+/**
+ * Determines the content type of a given URL's pathname. This method is
+ * designed for the `field:*` tracking event, but may be used elsewhere.
+ *
+ * @param pathname - A URL's pathname.
+ *
+ * @throws {Error} Thrown when not on a slice, custom type, or page type page.
+ */
+export function getContentTypeForTracking(
+  pathname: string,
+): "page type" | "custom type" | "slice" {
+  if (pathname.startsWith("/slices/")) {
+    return "slice";
+  } else if (pathname.startsWith("/custom-types/")) {
+    return "custom type";
+  } else if (pathname.startsWith("/page-types/")) {
+    return "page type";
+  }
+
+  throw new Error(`Did not detect a content type from: ${pathname}`);
+}

package/test/__setup__.ts

@@ -1,16 +1,18 @@
-import { afterAll, afterEach, beforeAll, beforeEach, vi } from "vitest";
-import fetch, { Blob, File, Headers, Request, Response } from "node-fetch";
-import { FormData } from "formdata-polyfill/esm.min";
-import { setupServer, SetupServer } from "msw/node";
-import { cleanup } from "@testing-library/react";
-import { createMockFactory, MockFactory } from "@prismicio/mock";
+import "@testing-library/jest-dom";
+
 import * as fs from "node:fs/promises";
-import * as path from "node:path";
 import * as os from "node:os";
+import * as path from "node:path";
 
+import { createMockFactory, MockFactory } from "@prismicio/mock";
 import { createSliceMachineManager } from "@slicemachine/manager";
 import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
-import "@testing-library/jest-dom";
+import { cleanup } from "@testing-library/react";
+import { FormData } from "formdata-polyfill/esm.min";
+import { SetupServer, setupServer } from "msw/node";
+import fetch, { Blob, File, Headers, Request, Response } from "node-fetch";
+import { afterAll, afterEach, beforeAll, beforeEach, vi } from "vitest";
+
 import pkg from "../package.json";
 import { createTestPlugin } from "./__testutils__/createTestPlugin";
 import { createTestProject } from "./__testutils__/createTestProject";

package/test/__testutils__/createTestPlugin.ts

@@ -1,11 +1,12 @@
+import * as crypto from "node:crypto";
+
 import {
   defineSliceMachinePlugin,
-  SliceMachinePluginOptions,
   SliceMachineHookTypes,
   SliceMachinePlugin,
+  SliceMachinePluginOptions,
 } from "@slicemachine/plugin-kit";
 import { expect } from "vitest";
-import * as crypto from "node:crypto";
 
 const sha1 = (data: crypto.BinaryLike): string => {
   return crypto.createHash("sha1").update(data).digest("hex");

package/test/__testutils__/createTestProject.ts

@@ -1,10 +1,11 @@
-import { expect } from "vitest";
-import { SliceMachineConfig } from "@slicemachine/manager";
+import * as crypto from "node:crypto";
 import * as fs from "node:fs/promises";
-import * as path from "node:path";
 import * as os from "node:os";
-import * as crypto from "node:crypto";
+import * as path from "node:path";
+
+import { SliceMachineConfig } from "@slicemachine/manager";
 import type { SliceMachinePlugin } from "@slicemachine/plugin-kit";
+import { expect } from "vitest";
 
 const sha1 = (data: crypto.BinaryLike): string => {
   return crypto.createHash("sha1").update(data).digest("hex");

package/test/__testutils__/index.tsx

@@ -1,14 +1,15 @@
 import { TooltipProvider } from "@prismicio/editor-ui";
 import { render as rtlRender, RenderOptions } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { Store, AnyAction } from "redux";
-
 import { Provider } from "react-redux";
-import type { SliceMachineStoreType } from "../../src/redux/type";
+import { AnyAction, Store } from "redux";
+import { BaseStyles, ThemeProvider as ThemeUIThemeProvider } from "theme-ui";
+
+import { ErrorBoundary } from "@/ErrorBoundary";
+
 import configureStore from "../../src/redux/store";
+import type { SliceMachineStoreType } from "../../src/redux/type";
 import theme from "../../src/theme";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import { ThemeProvider as ThemeUIThemeProvider, BaseStyles } from "theme-ui";
 
 export type RenderArgs = Partial<
   {

package/test/__testutils__/mockAWSACLAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 import { readMSWFormData } from "./readMSWFormData";
 

package/test/__testutils__/mockCustomTypesAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockCustomTypesAPIConfig = {
   endpoint?: string;

package/test/__testutils__/mockPrismicAuthAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockPrismicAuthAPIConfig = {
   endpoint?: string;

package/test/__testutils__/mockPrismicUserAPI.ts

@@ -1,7 +1,6 @@
-import { TestContext } from "vitest";
-import { rest } from "msw";
-
 import { PrismicUserProfile } from "@slicemachine/manager";
+import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockPrismicUserAPIConfig = {
   endpoint?: string;

package/test/__testutils__/readMSWFormData.ts

@@ -1,5 +1,5 @@
-import parseMultipartFormData from "parse-multipart-data";
 import { RestRequest } from "msw";
+import parseMultipartFormData from "parse-multipart-data";
 
 type FormDataField =
   | { data: Buffer; type: string; filename?: string }

package/test/components/IframeRenderer.test.ts

@@ -1,5 +1,6 @@
-import { describe, it, expect } from "vitest";
-import { getScaling } from "@components/Simulator/components/IframeRenderer";
+import { describe, expect, it } from "vitest";
+
+import { getScaling } from "@/legacy/components/Simulator/components/IframeRenderer";
 
 const VIEWPORT_SIZE = { width: 100, height: 100 };
 

package/test/lib/builders/EditModal.test.tsx

@@ -1,10 +1,12 @@
 // @vitest-environment jsdom
 
-import { describe, test, expect, vi } from "vitest";
 import React from "react";
-import { render, act, fireEvent } from "../../__testutils__";
 import Modal from "react-modal";
-import EditModal from "@lib/builders/common/EditModal";
+import { describe, expect, test, vi } from "vitest";
+
+import EditModal from "@/legacy/lib/builders/common/EditModal";
+
+import { act, fireEvent, render } from "../../__testutils__";
 
 vi.mock("next/router", () => require("next-router-mock"));
 

package/test/lib/builders/buildersUtils.test.ts

@@ -1,7 +1,7 @@
-import { describe, test, expect } from "vitest";
+import { describe, expect, test } from "vitest";
 
-import * as Widgets from "@lib/models/common/widgets/withGroup";
-import { findWidgetByConfigOrType } from "@builders/utils";
+import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
+import * as Widgets from "@/legacy/lib/models/common/widgets/withGroup";
 
 const dumbConfig = {
   label: "",

package/test/lib/consts.test.ts

@@ -1,5 +1,9 @@
-import { describe, test, expect } from "vitest";
-import { API_ID_REGEX, API_ID_RETRO_COMPATIBLE_REGEX } from "@lib/consts";
+import { describe, expect, test } from "vitest";
+
+import {
+  API_ID_REGEX,
+  API_ID_RETRO_COMPATIBLE_REGEX,
+} from "@/legacy/lib/consts";
 
 describe("Constant", () => {
   test("API_ID_REGEX should block special characters except _", () => {

package/test/lib/models/common/CustomType.test.ts

@@ -1,6 +1,10 @@
-import { describe, expect, test } from "vitest";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { CustomTypes, CustomTypeSM } from "@lib/models/common/CustomType";
+import { describe, expect, test } from "vitest";
+
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
 
 const customTypeObject = {
   id: "test-page",

package/test/lib/models/common/ModelStatus.test.ts

@@ -1,9 +1,11 @@
-import { describe, test, expect } from "vitest";
+import { describe, expect, test } from "vitest";
+
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
 import {
-  ModelStatus,
   computeModelStatus,
-} from "@lib/models/common/ModelStatus";
-import { CustomTypes } from "@lib/models/common/CustomType";
+  ModelStatus,
+} from "@/legacy/lib/models/common/ModelStatus";
+
 import { customTypeMock } from "../../../__fixtures__/customType";
 
 const model = CustomTypes.toSM(customTypeMock);

package/test/lib/models/common/Slice.test.ts

@@ -1,6 +1,7 @@
-import { describe, expect, test } from "vitest";
-import { Slices, SliceSM } from "@lib/models/common/Slice";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { describe, expect, test } from "vitest";
+
+import { Slices, SliceSM } from "@/legacy/lib/models/common/Slice";
 
 const sliceObject = {
   id: "all_fields",

package/test/lib/models/common/widgets/index.test.ts

@@ -1,9 +1,13 @@
-import { describe, test, expect } from "vitest";
-import * as Widgets from "@lib/models/common/widgets";
-import { CustomTypes, CustomTypeSM } from "@lib/models/common/CustomType";
+import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import type { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 import type { NestableWidget } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { describe, expect, test } from "vitest";
+
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
+import * as Widgets from "@/legacy/lib/models/common/widgets";
 
 const widgetEntries = Object.entries(Widgets);
 

package/test/lib/utils/index.test.ts

@@ -1,5 +1,6 @@
-import { describe, test, expect } from "vitest";
-import { slugify } from "@lib/utils/str";
+import { describe, expect, test } from "vitest";
+
+import { slugify } from "@/legacy/lib/utils/str";
 
 describe("slugify", () => {
   test("returns the same string if valid", () => {

package/test/lib/utils/preferWroomBase.test.ts

@@ -1,5 +1,6 @@
-import { describe, test, expect } from "vitest";
-import preferWroomBase from "../../../lib/utils/preferWroomBase";
+import { describe, expect, test } from "vitest";
+
+import preferWroomBase from "@/legacy/lib/utils/preferWroomBase";
 
 describe("src/utils/preferWroomBase", () => {
   test("when endpoint form env.manifest.apiEndpoint is not from wroom.io or wroom.test it should return the base in the from enn.prismicData.base (prismic config)", () => {

package/test/lib/utils/shared/customTypes.test.ts

@@ -1,7 +1,8 @@
-import { filterSliceFromCustomType } from "@lib/utils/shared/customTypes";
 // @ts-expect-error TS(2307) FIXME: Cannot find module '@slicemachine/core/build/model... Remove this comment to see the full error message
 import { CustomTypeSM } from "@slicemachine/core/build/models/CustomType";
 
+import { filterSliceFromCustomType } from "@/legacy/lib/utils/shared/customTypes";
+
 describe("Slice IO", () => {
   const baseCustomTypeModel: CustomTypeSM = {
     id: "some_custom_type",