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

package/{components → src/legacy/components}/ScreenshotChangesModal/useCustomScreenshot.tsx

@@ -1,7 +1,8 @@
-import { acceptedImagesTypes } from "@lib/consts";
 import React, { useRef } from "react";
 import { Label } from "theme-ui";
 
+import { acceptedImagesTypes } from "@/legacy/lib/consts";
+
 type HandleFileProp = {
   inputFile: React.RefObject<HTMLInputElement>;
   children?: React.ReactNode;

package/{components → src/legacy/components}/ScreenshotPreviewModal/index.tsx

@@ -1,13 +1,14 @@
-import Card from "@components/Card";
-import { ScreenshotPreview } from "@components/ScreenshotPreview";
-import SliceMachineModal from "@components/SliceMachineModal";
-import { isModalOpen } from "@src/modules/modal";
-import { ModalKeysEnum } from "@src/modules/modal/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { useSelector } from "react-redux";
 import { Button, Close, Flex, Heading } from "theme-ui";
 
+import Card from "@/legacy/components/Card";
+import { ScreenshotPreview } from "@/legacy/components/ScreenshotPreview";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import { isModalOpen } from "@/modules/modal";
+import { ModalKeysEnum } from "@/modules/modal/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
+
 type ScreenshotModalProps = {
   sliceName: string;
   screenshotUrl?: string;

package/{components → src/legacy/components}/Simulator/components/FailedConnect/index.tsx

@@ -1,7 +1,8 @@
-import { Button } from "@components/Button";
 import { IoMdRefresh } from "react-icons/io";
 import { Image, Link, Text } from "theme-ui";
 
+import { Button } from "@/legacy/components/Button";
+
 import FullPage from "../FullPage";
 
 const FailedConnect = ({ onRetrigger }: { onRetrigger: () => void }) => (

package/{components → src/legacy/components}/Simulator/components/Header/VariationsPopover/MenuList.tsx

@@ -1,7 +1,8 @@
-import { VariationSM } from "@lib/models/common/Slice";
 import React from "react";
 import { Box, Flex, Text } from "theme-ui";
 
+import { VariationSM } from "@/legacy/lib/models/common/Slice";
+
 const MenuList: React.FunctionComponent<{
   defaultValue: VariationSM;
   variations: ReadonlyArray<VariationSM>;

package/{components → src/legacy/components}/Simulator/components/Header/VariationsPopover/index.tsx

@@ -1,9 +1,10 @@
-import { VariationSM } from "@lib/models/common/Slice";
 import React, { useEffect, useState } from "react";
 import { RiArrowDropDownFill, RiArrowDropUpFill } from "react-icons/ri";
 import { Popover } from "react-tiny-popover";
 import { Box, Button, ThemeUICSSObject, ThemeUIStyleObject } from "theme-ui";
 
+import { VariationSM } from "@/legacy/lib/models/common/Slice";
+
 import MenuList from "./MenuList";
 
 const VarationsPopover: React.FunctionComponent<{

package/{components → src/legacy/components}/Simulator/components/Header/index.tsx

@@ -1,12 +1,13 @@
-import { Button } from "@components/Button";
-import * as Links from "@components/Simulator/components/Header/links";
-import VariationsPopover from "@components/Simulator/components/Header/VariationsPopover";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { VariationSM } from "@lib/models/common/Slice";
-import SliceMachineLogo from "@src/icons/SliceMachineLogo";
 import router from "next/router";
 import { Flex, Label, Switch, Text } from "theme-ui";
 
+import SliceMachineLogo from "@/icons/SliceMachineLogo";
+import { Button } from "@/legacy/components/Button";
+import * as Links from "@/legacy/components/Simulator/components/Header/links";
+import VariationsPopover from "@/legacy/components/Simulator/components/Header/VariationsPopover";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { VariationSM } from "@/legacy/lib/models/common/Slice";
+
 const redirect = (
   model: ComponentUI,
   variation: { id: string } | undefined,

package/{components → src/legacy/components}/Simulator/components/IframeRenderer/index.tsx

@@ -1,9 +1,10 @@
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
 import { SimulatorClient } from "@prismicio/simulator";
-import { useElementSize } from "@src/hooks/useElementSize";
 import { RefCallback, useCallback, useEffect, useRef, useState } from "react";
 import { Flex } from "theme-ui";
 
+import { useElementSize } from "@/hooks/useElementSize";
+import { ScreenDimensions } from "@/legacy/lib/models/common/Screenshots";
+
 function useSimulatorClient(): readonly [
   SimulatorClient | undefined,
   RefCallback<HTMLIFrameElement>,

package/{components → src/legacy/components}/Simulator/components/Toolbar/ScreensizeInput/index.tsx

@@ -1,6 +1,7 @@
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
 import { Flex, Input, Label, ThemeUIStyleObject } from "theme-ui";
 
+import { ScreenDimensions } from "@/legacy/lib/models/common/Screenshots";
+
 export enum ScreenSizeOptions {
   DESKTOP = "Desktop",
   TABLET = "Tablet",

package/{components → src/legacy/components}/Simulator/components/Toolbar/index.tsx

@@ -1,9 +1,10 @@
-import { DropDownMenu } from "@components/DropDownSelector";
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
 import { useState } from "react";
 import { RiCloseLine } from "react-icons/ri";
 import { Flex } from "theme-ui";
 
+import { DropDownMenu } from "@/legacy/components/DropDownSelector";
+import { ScreenDimensions } from "@/legacy/lib/models/common/Screenshots";
+
 import {
   ScreensizeInput,
   ScreenSizeOptions,

package/{components → src/legacy/components}/Simulator/index.tsx

@@ -1,18 +1,7 @@
-import ScreenshotPreviewModal from "@components/ScreenshotPreviewModal";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
-import { Slices, VariationSM } from "@lib/models/common/Slice";
 import { EditorConfig, SharedSliceEditor } from "@prismicio/editor-fields";
 import { DefaultErrorMessage } from "@prismicio/editor-ui";
 import { renderSliceMock } from "@prismicio/mocks";
 import { SharedSliceContent } from "@prismicio/types-internal/lib/content";
-import { saveSliceMock, telemetry } from "@src/apiClient";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import useThrottle from "@src/hooks/useThrottle";
-import { selectEndpoints, selectSimulatorUrl } from "@src/modules/environment";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { defaultSharedSliceContent } from "@src/utils/editor";
 import {
   FC,
   Suspense,
@@ -26,6 +15,18 @@ import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
 import { BaseStyles, Box, Flex, Spinner } from "theme-ui";
 
+import { saveSliceMock, telemetry } from "@/apiClient";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import useThrottle from "@/hooks/useThrottle";
+import ScreenshotPreviewModal from "@/legacy/components/ScreenshotPreviewModal";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { ScreenDimensions } from "@/legacy/lib/models/common/Screenshots";
+import { Slices, VariationSM } from "@/legacy/lib/models/common/Slice";
+import { selectEndpoints, selectSimulatorUrl } from "@/modules/environment";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
+import { defaultSharedSliceContent } from "@/utils/editor";
+
 import FailedConnect from "./components/FailedConnect";
 import FullPage from "./components/FullPage";
 import Header from "./components/Header";

package/{components → src/legacy/components}/SliceMachineDrawer/index.tsx

@@ -1,8 +1,9 @@
-import Card from "@components/Card";
 import Drawer from "rc-drawer";
 import React from "react";
 import { Close, Flex, Heading } from "theme-ui";
 
+import Card from "@/legacy/components/Card";
+
 export const SliceMachineDrawerUI: React.FunctionComponent<{
   isOpen: boolean;
   title: string;

package/{components → src/legacy/components}/Tooltip/TextWithTooltip.tsx

@@ -1,8 +1,9 @@
-import { ReactTooltipPortal } from "@components/ReactTooltipPortal";
 import React, { ElementType, useEffect, useRef, useState } from "react";
 import ReactTooltip from "react-tooltip";
 import { Text, ThemeUIStyleObject } from "theme-ui";
 
+import { ReactTooltipPortal } from "@/legacy/components/ReactTooltipPortal";
+
 interface TextWithTooltipProps {
   text: string;
   as: ElementType;

package/{components → src/legacy/components}/Tooltip/index.jsx

@@ -1,7 +1,8 @@
-import { ReactTooltipPortal } from "@components/ReactTooltipPortal";
 import ReactTooltip from "react-tooltip";
 import { useThemeUI } from "theme-ui";
 
+import { ReactTooltipPortal } from "@/legacy/components/ReactTooltipPortal";
+
 const Tooltip = (props) => {
   const { theme, colorMode } = useThemeUI();
   return (

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/DeleteSliceZoneModal.tsx

@@ -1,9 +1,10 @@
-import { Button } from "@components/Button";
-import Card from "@components/Card";
-import SliceMachineModal from "@components/SliceMachineModal";
 import { FC } from "react";
 import { Close, Flex, Heading, Paragraph } from "theme-ui";
 
+import { Button } from "@/legacy/components/Button";
+import Card from "@/legacy/components/Card";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+
 type DeleteSliceZoneModalProps = {
   deleteSliceZone: () => void;
   closeDeleteSliceZoneModal: () => void;

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/List.tsx

@@ -1,17 +1,18 @@
-import Grid from "@components/Grid";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import {
-  NonSharedSliceInSliceZone,
-  SliceZoneSlice,
-} from "@lib/models/common/CustomType/sliceZone";
 import { CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import { useLab } from "@src/features/labs/labsList/useLab";
-import { NonSharedSliceCard } from "@src/features/slices/sliceCards/NonSharedSliceCard";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
 import React, { useEffect } from "react";
 import { toast } from "react-toastify";
 
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { useLab } from "@/features/labs/labsList/useLab";
+import { NonSharedSliceCard } from "@/features/slices/sliceCards/NonSharedSliceCard";
+import { SharedSliceCard } from "@/features/slices/sliceCards/SharedSliceCard";
+import Grid from "@/legacy/components/Grid";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import {
+  NonSharedSliceInSliceZone,
+  SliceZoneSlice,
+} from "@/legacy/lib/models/common/CustomType/sliceZone";
+
 interface SlicesListProps {
   format: CustomTypeFormat;
   slices: ReadonlyArray<SliceZoneSlice>;

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/SlicesTemplatesModal.tsx

@@ -1,16 +1,17 @@
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { Slices } from "@lib/models/common/Slice";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
-import { getState } from "@src/apiClient";
-import { createSlicesTemplates } from "@src/features/slicesTemplates/actions/createSlicesTemplates";
-import { SliceTemplate } from "@src/features/slicesTemplates/useSlicesTemplates";
-import { managerClient } from "@src/managerClient";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { FC } from "react";
 import { Text } from "theme-ui";
 
-import ModalFormCard from "../../../../components/ModalFormCard";
+import { getState } from "@/apiClient";
+import { createSlicesTemplates } from "@/features/slicesTemplates/actions/createSlicesTemplates";
+import { SliceTemplate } from "@/features/slicesTemplates/useSlicesTemplates";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { Slices } from "@/legacy/lib/models/common/Slice";
+import { managerClient } from "@/managerClient";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+
 import { sliceTemplatesComingSoon } from "./sliceTemplatesComingSoon";
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModal.tsx

@@ -1,8 +1,9 @@
-import { ComponentUI } from "@lib/models/common/ComponentUI";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 import { Text } from "theme-ui";
 
-import ModalFormCard from "../../../../components/ModalFormCard";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
 interface UpdateSliceModalProps {

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModalList.tsx

@@ -1,8 +1,9 @@
-import Grid from "@components/Grid";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
 import { FieldArray } from "formik";
 
+import { SharedSliceCard } from "@/features/slices/sliceCards/SharedSliceCard";
+import Grid from "@/legacy/components/Grid";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+
 import { SliceZoneFormValues } from "./UpdateSliceZoneModal";
 
 const UpdateSliceZoneModalList: React.FC<{

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/index.tsx

@@ -1,10 +1,3 @@
-import { CreateSliceModal } from "@components/Forms/CreateSliceModal";
-import { ToastMessageWithPath } from "@components/ToasterContainer";
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import { CustomTypes, CustomTypeSM } from "@lib/models/common/CustomType";
-import type { SliceZoneSlice } from "@lib/models/common/CustomType/sliceZone";
-import type { LibraryUI } from "@lib/models/common/LibraryUI";
-import type { SlicesSM } from "@lib/models/common/Slices";
 import {
   Badge,
   Button,
@@ -16,24 +9,35 @@ import {
   Switch,
 } from "@prismicio/editor-ui";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
-import { telemetry } from "@src/apiClient";
-import { ListHeader } from "@src/components/List";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { SliceZoneBlankSlate } from "@src/features/customTypes/customTypesBuilder/SliceZoneBlankSlate";
-import { addSlicesToSliceZone } from "@src/features/slices/actions/addSlicesToSliceZone";
-import { useSlicesTemplates } from "@src/features/slicesTemplates/useSlicesTemplates";
-import {
-  getFrontendSlices,
-  getLibraries,
-  getRemoteSlices,
-} from "@src/modules/slices";
-import type { SliceMachineStoreType } from "@src/redux/type";
 import { useRouter } from "next/router";
 import { useEffect, useMemo, useState } from "react";
 import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
 import { BaseStyles } from "theme-ui";
 
+import { telemetry } from "@/apiClient";
+import { ListHeader } from "@/components/List";
+import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import { SliceZoneBlankSlate } from "@/features/customTypes/customTypesBuilder/SliceZoneBlankSlate";
+import { addSlicesToSliceZone } from "@/features/slices/actions/addSlicesToSliceZone";
+import { useSlicesTemplates } from "@/features/slicesTemplates/useSlicesTemplates";
+import { CreateSliceModal } from "@/legacy/components/Forms/CreateSliceModal";
+import { ToastMessageWithPath } from "@/legacy/components/ToasterContainer";
+import type { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
+import type { SliceZoneSlice } from "@/legacy/lib/models/common/CustomType/sliceZone";
+import type { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import type { SlicesSM } from "@/legacy/lib/models/common/Slices";
+import {
+  getFrontendSlices,
+  getLibraries,
+  getRemoteSlices,
+} from "@/modules/slices";
+import type { SliceMachineStoreType } from "@/redux/type";
+
 import { DeleteSliceZoneModal } from "./DeleteSliceZoneModal";
 import { SlicesList } from "./List";
 import { SlicesTemplatesModal } from "./SlicesTemplatesModal";

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/SliceZone/sliceTemplatesComingSoon.ts

@@ -1,4 +1,4 @@
-import { ComponentUI } from "@lib/models/common/ComponentUI";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
 
 export const sliceTemplatesComingSoon: ComponentUI[] = [
   {

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/TabModal/create.tsx

@@ -1,4 +1,5 @@
-import ModalFormCard from "../../../../components/ModalFormCard";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+
 import { InputBox } from "./InputBox";
 
 const formId = "create-tab";

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/TabModal/delete.tsx

@@ -1,6 +1,6 @@
 import { Box, Button, Heading, Text } from "theme-ui";
 
-import ModalFormCard from "../../../../components/ModalFormCard";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
 
 const formId = "create-tab";
 

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/TabModal/update.tsx

@@ -1,6 +1,7 @@
 import { Box, Button } from "theme-ui";
 
-import ModalFormCard from "../../../../components/ModalFormCard";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+
 import { InputBox } from "./InputBox";
 
 const formId = "create-tab";

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/TabZone/index.tsx

@@ -1,22 +1,17 @@
-import {
-  CustomTypes,
-  type TabField,
-  type TabFields,
-  TabFieldsModel,
-  TabSM,
-} from "@lib/models/common/CustomType";
-import ctBuilderArray from "@lib/models/common/widgets/ctBuilderArray";
-import type { AnyWidget } from "@lib/models/common/widgets/Widget";
-import { ensureDnDDestination, ensureWidgetTypeExistence } from "@lib/utils";
 import { Box, ProgressCircle } from "@prismicio/editor-ui";
 import {
-  FieldType,
   Group,
   NestableWidget,
   UID,
 } from "@prismicio/types-internal/lib/customtypes";
-import { telemetry } from "@src/apiClient";
-import { List } from "@src/components/List";
+import { useRouter } from "next/router";
+import { FC, Suspense } from "react";
+import type { DropResult } from "react-beautiful-dnd";
+import { flushSync } from "react-dom";
+import type { AnyObjectSchema } from "yup";
+
+import { telemetry } from "@/apiClient";
+import { List } from "@/components/List";
 import {
   addField,
   createSectionSliceZone,
@@ -25,15 +20,24 @@ import {
   deleteSliceZoneSlice,
   reorderField,
   updateField,
-} from "@src/domain/customType";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { transformKeyAccessor } from "@utils/str";
-import { useRouter } from "next/router";
-import { FC, Suspense } from "react";
-import type { DropResult } from "react-beautiful-dnd";
-import { flushSync } from "react-dom";
-import type { AnyObjectSchema } from "yup";
+} from "@/domain/customType";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import {
+  CustomTypes,
+  type TabField,
+  type TabFields,
+  TabFieldsModel,
+  TabSM,
+} from "@/legacy/lib/models/common/CustomType";
+import ctBuilderArray from "@/legacy/lib/models/common/widgets/ctBuilderArray";
+import type { AnyWidget } from "@/legacy/lib/models/common/widgets/Widget";
+import {
+  ensureDnDDestination,
+  ensureWidgetTypeExistence,
+} from "@/legacy/lib/utils";
+import { transformKeyAccessor } from "@/legacy/lib/utils/str";
+import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
 
 import * as Widgets from "../../../../lib/models/common/widgets/withGroup";
 import EditModal from "../../common/EditModal";
@@ -79,9 +83,8 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
   }: {
     id: string;
     label: string;
-    widgetTypeName: FieldType;
+    widgetTypeName: keyof typeof Widgets;
   }) => {
-    // @ts-expect-error We have to create a widget map or a service instead of using export name
     if (ensureWidgetTypeExistence(Widgets, widgetTypeName)) {
       return;
     }
@@ -122,9 +125,9 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
       event: "field:added",
       id,
       name: label,
-      type: widgetTypeName,
+      type: newField.type,
       isInAGroup: false,
-      contentType: customType.format === "page" ? "page type" : "custom type",
+      contentType: getContentTypeForTracking(window.location.pathname),
     });
   };
 
@@ -160,7 +163,6 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
     newKey: string;
     value: TabField;
   }) => {
-    // @ts-expect-error We have to create a widget map or a service instead of using export name
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
     if (ensureWidgetTypeExistence(Widgets, value.type)) {
       return;
@@ -213,7 +215,6 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
           {query.newPageType === undefined ? (
             <Zone
               zoneType="customType"
-              zoneTypeFormat={customType.format}
               // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
               tabId={tabId}
               title="Static Zone"

package/{lib → src/legacy/lib}/builders/CustomTypeBuilder/index.tsx

@@ -1,5 +1,7 @@
-import { CustomTypes } from "@lib/models/common/CustomType";
 import { DropdownMenuItem, Icon } from "@prismicio/editor-ui";
+import { useRouter } from "next/router";
+import { useState } from "react";
+
 import {
   Window,
   WindowFrame,
@@ -7,15 +9,14 @@ import {
   WindowTabsContent,
   WindowTabsList,
   WindowTabsTrigger,
-} from "@src/components/Window";
+} from "@/components/Window";
 import {
   createSection,
   deleteSection,
   renameSection,
-} from "@src/domain/customType";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { useRouter } from "next/router";
-import { useState } from "react";
+} from "@/domain/customType";
+import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
 
 import CreateModal from "./TabModal/create";
 import DeleteModal from "./TabModal/delete";