slice-machine-ui 1.26.1-beta.8 → 2.0.0

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,17 +1,16 @@
-import { DropDownMenu } from "@components/DropDownSelector";
-import { RiCloseLine } from "react-icons/ri";
 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,
   ScreenSizes,
 } from "./ScreensizeInput";
 
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
-
 type ToolbarProps = {
   handleScreenSizeChange: (screenDimensions: ScreenDimensions) => void;
   screenDimensions: ScreenDimensions;

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

@@ -1,3 +1,7 @@
+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 {
   FC,
   Suspense,
@@ -7,41 +11,31 @@ import {
   useRef,
   useState,
 } from "react";
-import { EditorConfig, SharedSliceEditor } from "@prismicio/editor-fields";
-import { DefaultErrorMessage } from "@prismicio/editor-ui";
+import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
-
-import { defaultSharedSliceContent } from "@src/utils/editor";
-
 import { BaseStyles, Box, Flex, Spinner } from "theme-ui";
 
-import Header from "./components/Header";
+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 { saveSliceMock, telemetry } from "@src/apiClient";
-import { useSelector } from "react-redux";
-import { selectEndpoints, selectSimulatorUrl } from "@src/modules/environment";
-import { SliceMachineStoreType } from "@src/redux/type";
+import FailedConnect from "./components/FailedConnect";
+import FullPage from "./components/FullPage";
+import Header from "./components/Header";
+import IframeRenderer from "./components/IframeRenderer";
 import { Toolbar } from "./components/Toolbar";
 import {
   ScreenSizeOptions,
   ScreenSizes,
 } from "./components/Toolbar/ScreensizeInput";
-import { ScreenDimensions } from "@lib/models/common/Screenshots";
-import ScreenshotPreviewModal from "@components/ScreenshotPreviewModal";
-import { renderSliceMock } from "@prismicio/mocks";
-
-import { SharedSliceContent } from "@prismicio/types-internal/lib/content";
-
-import useThrottle from "@src/hooks/useThrottle";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-
-import IframeRenderer from "./components/IframeRenderer";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-
-import FullPage from "./components/FullPage";
-import FailedConnect from "./components/FailedConnect";
-import { Slices, VariationSM } from "@lib/models/common/Slice";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
 
 type SimulatorProps = {
   slice: ComponentUI;
@@ -61,11 +55,12 @@ const Simulator: FC<SimulatorProps> = ({ slice, variation }) => {
 
   const editorConfig: EditorConfig = useMemo(
     () => ({
-      embedsUrl: endpoints.PrismicOembed,
-      env: "prod",
-      unsplashUrl: endpoints.PrismicUnsplash,
+      embedApiEndpoint: new URL(endpoints.PrismicEmbed),
+      authStrategy: "cookie",
+      unsplashApiBaseUrl: new URL(endpoints.PrismicUnsplash),
+      baseUrl: new URL("builder/", endpoints.PrismicWroom),
     }),
-    [endpoints.PrismicOembed, endpoints.PrismicUnsplash],
+    [endpoints.PrismicEmbed, endpoints.PrismicUnsplash, endpoints.PrismicWroom],
   );
 
   useEffect(() => {

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

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

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

@@ -1,14 +1,12 @@
 import React from "react";
-
+import { MdDangerous, MdDone, MdError, MdWarning } from "react-icons/md";
 import {
-  ToastContainer as ReactToastifyContainer,
+  Slide,
   toast,
+  ToastContainer as ReactToastifyContainer,
   TypeOptions,
-  Slide,
 } from "react-toastify";
 
-import { MdDangerous, MdDone, MdError, MdWarning } from "react-icons/md";
-
 const getIconAccordingToasterType = ({
   type,
 }: {

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { Text, Flex, Heading } from "theme-ui";
+import { Flex, Heading, Text } from "theme-ui";
 
 import Card from "../Card";
 

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

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

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

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

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

@@ -1,19 +1,19 @@
+import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 import { FC } from "react";
 import { Text } from "theme-ui";
-import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 
-import { SliceTemplate } from "@src/features/slicesTemplates/useSlicesTemplates";
-import { Slices } from "@lib/models/common/Slice";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { createSlicesTemplates } from "@src/features/slicesTemplates/actions/createSlicesTemplates";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { getState } from "@src/apiClient";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { managerClient } from "@src/managerClient";
+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 ModalFormCard from "../../../../components/ModalFormCard";
-import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 import { sliceTemplatesComingSoon } from "./sliceTemplatesComingSoon";
+import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
 interface UpdateSliceModalProps {
   formId: string;

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

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

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

@@ -1,9 +1,10 @@
 import { FieldArray } from "formik";
 
-import Grid from "@components/Grid";
+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";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
 
 const UpdateSliceZoneModalList: React.FC<{
   availableSlices: ReadonlyArray<ComponentUI>;

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

@@ -1,44 +1,47 @@
 import {
+  Badge,
   Button,
-  Switch,
   DropdownMenu,
-  DropdownMenuTrigger,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuTrigger,
   Icon,
-  Badge,
+  Switch,
 } from "@prismicio/editor-ui";
+import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { useRouter } from "next/router";
 import { useEffect, useMemo, useState } from "react";
 import { useSelector } from "react-redux";
-import { BaseStyles } from "theme-ui";
-import { useRouter } from "next/router";
 import { toast } from "react-toastify";
-import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { BaseStyles } from "theme-ui";
 
-import { CustomTypeSM, CustomTypes } from "@lib/models/common/CustomType";
-import { CreateSliceModal } from "@components/Forms/CreateSliceModal";
-import type { SliceZoneSlice } from "@lib/models/common/CustomType/sliceZone";
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { LibraryUI } from "@lib/models/common/LibraryUI";
-import type { SlicesSM } from "@lib/models/common/Slices";
-import { ListHeader } from "@src/components/List";
-import { SliceZoneBlankSlate } from "@src/features/customTypes/customTypesBuilder/SliceZoneBlankSlate";
-import { telemetry } from "@src/apiClient";
+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 "@src/modules/slices";
-import type { SliceMachineStoreType } from "@src/redux/type";
-import { useSlicesTemplates } from "@src/features/slicesTemplates/useSlicesTemplates";
-import { addSlicesToSliceZone } from "@src/features/slices/actions/addSlicesToSliceZone";
-import { ToastMessageWithPath } from "@components/ToasterContainer";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
+} from "@/modules/slices";
+import type { SliceMachineStoreType } from "@/redux/type";
 
 import { DeleteSliceZoneModal } from "./DeleteSliceZoneModal";
-import UpdateSliceZoneModal from "./UpdateSliceZoneModal";
-import { SlicesTemplatesModal } from "./SlicesTemplatesModal";
 import { SlicesList } from "./List";
+import { SlicesTemplatesModal } from "./SlicesTemplatesModal";
+import UpdateSliceZoneModal from "./UpdateSliceZoneModal";
 
 const mapAvailableAndSharedSlices = (
   sliceZone: SlicesSM,

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/InputBox.tsx

@@ -1,5 +1,5 @@
 import { Field } from "formik";
-import { Box, Label, Input, Text } from "theme-ui";
+import { Box, Input, Label, Text } from "theme-ui";
 
 export const InputBox = ({
   name,

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 { Button, Heading, Box, Text } from "theme-ui";
+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 { Button, Box } from "theme-ui";
+import { Box, Button } from "theme-ui";
+
+import ModalFormCard from "@/legacy/components/ModalFormCard";
 
-import ModalFormCard from "../../../../components/ModalFormCard";
 import { InputBox } from "./InputBox";
 
 const formId = "create-tab";

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

@@ -1,45 +1,48 @@
 import { Box, ProgressCircle } from "@prismicio/editor-ui";
+import {
+  Group,
+  NestableWidget,
+  UID,
+} from "@prismicio/types-internal/lib/customtypes";
+import { useRouter } from "next/router";
 import { FC, Suspense } from "react";
-import { flushSync } from "react-dom";
 import type { DropResult } from "react-beautiful-dnd";
+import { flushSync } from "react-dom";
 import type { AnyObjectSchema } from "yup";
-import { useRouter } from "next/router";
 
-import ctBuilderArray from "@lib/models/common/widgets/ctBuilderArray";
-import {
-  TabSM,
-  type TabField,
-  type TabFields,
-  CustomTypes,
-  TabFieldsModel,
-} from "@lib/models/common/CustomType";
-import type { AnyWidget } from "@lib/models/common/widgets/Widget";
-import { ensureDnDDestination, ensureWidgetTypeExistence } from "@lib/utils";
-import { List } from "@src/components/List";
-import { telemetry } from "@src/apiClient";
-import { transformKeyAccessor } from "@utils/str";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import { telemetry } from "@/apiClient";
+import { List } from "@/components/List";
 import {
+  addField,
   createSectionSliceZone,
+  deleteField,
   deleteSectionSliceZone,
   deleteSliceZoneSlice,
-  addField,
-  deleteField,
   reorderField,
   updateField,
-} from "@src/domain/customType";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+} 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";
 import Zone from "../../common/Zone";
 import SliceZone from "../SliceZone";
-import {
-  FieldType,
-  Group,
-  NestableWidget,
-  UID,
-} from "@prismicio/types-internal/lib/customtypes";
 
 interface TabZoneProps {
   tabId: string;
@@ -80,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;
     }
@@ -123,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),
     });
   };
 
@@ -161,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;
@@ -214,7 +215,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
           {query.newPageType === undefined ? (
             <Zone
               zoneType="customType"
-              zoneTypeFormat={customType.format}
+              zoneTypeFormat={customType.format ?? "custom"}
               // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
               tabId={tabId}
               title="Static Zone"
@@ -241,6 +242,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
               }
               testId="static-zone-content"
               isRepeatableCustomType={customType.repeatable}
+              emptyStateActionTestId="add-Static-field"
             />
           ) : undefined}
 

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

@@ -1,6 +1,6 @@
 import { DropdownMenuItem, Icon } from "@prismicio/editor-ui";
-import { useState } from "react";
 import { useRouter } from "next/router";
+import { useState } from "react";
 
 import {
   Window,
@@ -9,14 +9,14 @@ import {
   WindowTabsContent,
   WindowTabsList,
   WindowTabsTrigger,
-} from "@src/components/Window";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { CustomTypes } from "@lib/models/common/CustomType";
+} from "@/components/Window";
 import {
   createSection,
   deleteSection,
   renameSection,
-} from "@src/domain/customType";
+} 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";