slice-machine-ui 1.26.1-beta.2 → 1.26.1-beta.21

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

@@ -1,6 +1,7 @@
-import { Box, Heading, Flex, Text } from "theme-ui";
-import Card from "@components/Card";
-import Li from "@components/Li";
+import { Box, Flex, Heading, Text } from "theme-ui";
+
+import Card from "@/legacy/components/Card";
+import Li from "@/legacy/components/Li";
 
 const ConfigErrors = ({ errors }) => (
   <Card

package/{components → src/legacy/components}/CustomTypeTable/changesPage.tsx

@@ -1,16 +1,17 @@
 import Link from "next/link";
 import React from "react";
 import { Box, Text } from "theme-ui";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import { ModelStatus } from "@lib/models/common/ModelStatus";
+
+import { StatusBadge } from "@/features/changes/StatusBadge";
+import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
+import { ModelsStatuses } from "@/features/sync/getUnSyncChanges";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 import {
-  LocalOrRemoteCustomType,
   hasLocal,
-} from "@lib/models/common/ModelData";
-import { StatusBadge } from "@src/features/changes/StatusBadge";
-import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
-import { AuthStatus } from "@src/modules/userContext/types";
-import { ModelsStatuses } from "@src/features/sync/getUnSyncChanges";
+  LocalOrRemoteCustomType,
+} from "@/legacy/lib/models/common/ModelData";
+import { ModelStatus } from "@/legacy/lib/models/common/ModelStatus";
+import { AuthStatus } from "@/modules/userContext/types";
 
 interface CustomTypeTableProps {
   customTypes: LocalOrRemoteCustomType[];

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

@@ -1,15 +1,15 @@
-import SliceMachineModal from "@components/SliceMachineModal";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { Close, Flex, Heading, Text, useThemeUI } from "theme-ui";
-import Card from "@components/Card";
-import { MdOutlineDelete } from "react-icons/md";
-import { Button } from "@components/Button";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import { CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-
-import { deleteCustomType } from "@src/features/customTypes/actions/deleteCustomType";
 import { useState } from "react";
+import { MdOutlineDelete } from "react-icons/md";
+import { Close, Flex, Heading, Text, useThemeUI } from "theme-ui";
+
+import { deleteCustomType } from "@/features/customTypes/actions/deleteCustomType";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { Button } from "@/legacy/components/Button";
+import Card from "@/legacy/components/Card";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 type DeleteCTModalProps = {
   customType: CustomType;

package/{components → src/legacy/components}/DeleteDocumentsDrawer/AssociatedDocumentsCard.tsx

@@ -1,9 +1,9 @@
+import { CustomTypeFormat } from "@slicemachine/manager";
 import React from "react";
-import { Flex, Text, Card, Link } from "theme-ui";
+import { Card, Flex, Link, Text } from "theme-ui";
 
-import { CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
+import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
 
 type AssociatedDocumentsCardProps = {
   ctName: string;

package/{components → src/legacy/components}/DeleteDocumentsDrawer/HardDeleteDocumentsDrawer.tsx

@@ -1,15 +1,15 @@
+import { PushChangesLimit } from "@slicemachine/manager";
 import React from "react";
-
-import { Text } from "theme-ui";
-import { Button } from "@components/Button";
 import { useSelector } from "react-redux";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { selectAllCustomTypes } from "@src/modules/availableCustomTypes";
-import { isRemoteOnly } from "@lib/models/common/ModelData";
-import { getModelId } from "@lib/models/common/ModelData";
+import { Text } from "theme-ui";
+
+import { Button } from "@/legacy/components/Button";
+import { SliceMachineDrawerUI } from "@/legacy/components/SliceMachineDrawer";
+import { getModelId, isRemoteOnly } from "@/legacy/lib/models/common/ModelData";
+import { selectAllCustomTypes } from "@/modules/availableCustomTypes";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { AssociatedDocumentsCard } from "./AssociatedDocumentsCard";
-import { SliceMachineDrawerUI } from "@components/SliceMachineDrawer";
-import { PushChangesLimit } from "@slicemachine/manager";
 
 export const HardDeleteDocumentsDrawer: React.FunctionComponent<{
   pushChanges: (confirmDeleteDocuments: boolean) => void;

package/{components → src/legacy/components}/DeleteDocumentsDrawer/SoftDeleteDocumentsDrawer.tsx

@@ -1,14 +1,15 @@
+import { PushChangesLimit } from "@slicemachine/manager";
 import React, { useState } from "react";
-import { Flex, Text, Checkbox, ThemeUIStyleObject, Label } from "theme-ui";
-import { Button } from "@components/Button";
 import { useSelector } from "react-redux";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { isRemoteOnly } from "@lib/models/common/ModelData";
-import { selectAllCustomTypes } from "@src/modules/availableCustomTypes";
-import { getModelId } from "@lib/models/common/ModelData";
+import { Checkbox, Flex, Label, Text, ThemeUIStyleObject } from "theme-ui";
+
+import { Button } from "@/legacy/components/Button";
+import { SliceMachineDrawerUI } from "@/legacy/components/SliceMachineDrawer";
+import { getModelId, isRemoteOnly } from "@/legacy/lib/models/common/ModelData";
+import { selectAllCustomTypes } from "@/modules/availableCustomTypes";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { AssociatedDocumentsCard } from "./AssociatedDocumentsCard";
-import { SliceMachineDrawerUI } from "@components/SliceMachineDrawer";
-import { PushChangesLimit } from "@slicemachine/manager";
 
 const ConfirmationDialogue: React.FC<{
   isConfirmed: boolean;

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

@@ -2,12 +2,12 @@ import { useState } from "react";
 import { MdOutlineDelete } from "react-icons/md";
 import { Close, Flex, Heading, Paragraph, Text, useThemeUI } from "theme-ui";
 
-import SliceMachineModal from "@components/SliceMachineModal";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import Card from "@components/Card";
-import { Button } from "@components/Button";
-import { deleteSlice } from "@src/features/slices/actions/deleteSlice";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+import { deleteSlice } from "@/features/slices/actions/deleteSlice";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { Button } from "@/legacy/components/Button";
+import Card from "@/legacy/components/Card";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 type DeleteSliceModalProps = {
   isOpen: boolean;

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

@@ -7,13 +7,13 @@ import {
   Text,
 } from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
-import { useState, type FC, type PropsWithChildren } from "react";
+import { type FC, type PropsWithChildren, useState } from "react";
 
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { VariationSM } from "@lib/models/common/Slice";
-import { deleteVariation } from "@src/features/slices/sliceBuilder/actions/deleteVariation";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
+import { deleteVariation } from "@/features/slices/sliceBuilder/actions/deleteVariation";
+import { useSliceState } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
+import type { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import type { VariationSM } from "@/legacy/lib/models/common/Slice";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 type DeleteVariationModalProps = {
   isOpen: boolean;

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

@@ -1,12 +1,10 @@
 import React, { useState } from "react";
+import { RiArrowDropDownFill, RiArrowDropUpFill } from "react-icons/ri";
 import { Popover } from "react-tiny-popover";
+import { Box, Button, ThemeUICSSObject } from "theme-ui";
 
 import MenuList from "./MenuList";
 
-import { Button, Box, ThemeUICSSObject } from "theme-ui";
-
-import { RiArrowDropDownFill, RiArrowDropUpFill } from "react-icons/ri";
-
 type DropDownMenuProps = {
   options: string[];
   currentValue: string;

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

@@ -1,8 +1,8 @@
-import { Button, Text, Heading, Box } from "theme-ui";
-import React from "react";
 import { Video } from "cloudinary-react";
+import React from "react";
+import { Box, Button, Heading, Text } from "theme-ui";
 
-import { telemetry } from "@src/apiClient";
+import { telemetry } from "@/apiClient";
 
 interface Props {
   title: string;

package/{components → src/legacy/components}/FormFields/Array.jsx

@@ -1,8 +1,6 @@
-import { Fragment, useRef, useEffect, useState } from "react";
-
 import { FieldArray } from "formik";
-
-import { Text, Label, Flex, Input, Button } from "theme-ui";
+import { Fragment, useEffect, useRef, useState } from "react";
+import { Button, Flex, Input, Label, Text } from "theme-ui";
 
 const FormFieldArray = ({
   field,

package/{components → src/legacy/components}/FormFields/Checkbox.jsx

@@ -1,5 +1,5 @@
 import { Field } from "formik";
-import { Label, Checkbox } from "theme-ui";
+import { Checkbox, Label } from "theme-ui";
 
 const FormFieldCheckbox = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/{components → src/legacy/components}/FormFields/CheckboxControl.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 
 import { FormFieldCheckbox } from "./";
 

package/{components → src/legacy/components}/FormFields/Input.tsx

@@ -1,7 +1,8 @@
-import { InputType } from "@lib/forms/fields";
 import { Field, FieldMetaProps } from "formik";
 import React from "react";
-import { Box, Label, Input, Text, ThemeUIStyleObject } from "theme-ui";
+import { Box, Input, Label, Text, ThemeUIStyleObject } from "theme-ui";
+
+import { InputType } from "@/legacy/lib/forms/fields";
 
 export enum InputFieldStyles {
   ERROR,

package/{components → src/legacy/components}/FormFields/SelectDefaultValue.jsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
 import { useFormikContext } from "formik";
+import { useEffect, useState } from "react";
 
 import { FormFieldCheckbox } from "./";
 

package/{components → src/legacy/components}/Forms/CreateCustomTypeModal/CreateCustomTypeModal.tsx

@@ -1,27 +1,27 @@
-import { SetStateAction, useState } from "react";
-import { Box } from "theme-ui";
+import type { CustomTypeFormat } from "@slicemachine/manager";
 import { FormikErrors } from "formik";
-import { useSelector } from "react-redux";
 import { useRouter } from "next/router";
+import { SetStateAction, useState } from "react";
+import { useSelector } from "react-redux";
+import { Box } from "theme-ui";
 
-import ModalFormCard from "@components/ModalFormCard";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
+import { getFormat } from "@/domain/customType";
+import {
+  createCustomType,
+  CustomTypeOrigin,
+} from "@/features/customTypes/actions/createCustomType";
+import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+import { API_ID_REGEX } from "@/legacy/lib/consts";
+import { slugify } from "@/legacy/lib/utils/str";
 import {
   selectAllCustomTypeIds,
   selectAllCustomTypeLabels,
-} from "@src/modules/availableCustomTypes";
-import { slugify } from "@lib/utils/str";
-import { API_ID_REGEX } from "@lib/consts";
-import type { CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import {
-  CustomTypeOrigin,
-  createCustomType,
-} from "@src/features/customTypes/actions/createCustomType";
-import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
-import { getFormat } from "@src/domain/customType";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+} from "@/modules/availableCustomTypes";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { InputBox } from "../components/InputBox";
 import { SelectRepeatable } from "../components/SelectRepeatable";

package/{components → src/legacy/components}/Forms/CreateSliceModal/CreateSliceModal.tsx

@@ -1,18 +1,18 @@
-import { Box, Label } from "theme-ui";
+import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 import { FC, useState } from "react";
 import Select from "react-select";
-import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { Box, Label } from "theme-ui";
 
-import { SliceSM } from "@lib/models/common/Slice";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import ModalFormCard from "@components/ModalFormCard";
-import { createSlice } from "@src/features/slices/actions/createSlice";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { getState } from "@src/apiClient";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+import { getState } from "@/apiClient";
+import { createSlice } from "@/features/slices/actions/createSlice";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import ModalFormCard from "@/legacy/components/ModalFormCard";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
-import { validateSliceModalValues } from "../formsValidator";
 import { InputBox } from "../components/InputBox";
+import { validateSliceModalValues } from "../formsValidator";
 
 type CreateSliceModalProps = {
   onClose: () => void;

package/{components → src/legacy/components}/Forms/RenameCustomTypeModal/RenameCustomTypeModal.tsx

@@ -1,19 +1,19 @@
+import { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { CustomTypeFormat } from "@slicemachine/manager";
+import { FormikErrors } from "formik";
 import { useState } from "react";
-import { Box } from "theme-ui";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import ModalFormCard from "../../ModalFormCard";
-import { InputBox } from "../components/InputBox";
 import { useSelector } from "react-redux";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { FormikErrors } from "formik";
+import { Box } from "theme-ui";
 
-import { selectAllCustomTypeLabels } from "@src/modules/availableCustomTypes";
-import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
+import { renameCustomType } from "@/features/customTypes/actions/renameCustomType";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { selectAllCustomTypeLabels } from "@/modules/availableCustomTypes";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
-import { renameCustomType } from "@src/features/customTypes/actions/renameCustomType";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+import ModalFormCard from "../../ModalFormCard";
+import { InputBox } from "../components/InputBox";
 
 interface RenameCustomTypeModalProps {
   isChangesLocal: boolean;

package/{components → src/legacy/components}/Forms/RenameSliceModal/RenameSliceModal.tsx

@@ -1,15 +1,15 @@
-import { Box } from "theme-ui";
 import { useSelector } from "react-redux";
+import { Box } from "theme-ui";
 
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { getLibraries, getRemoteSlices } from "@src/modules/slices";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { renameSlice } from "@src/features/slices/actions/renameSlice";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+import { renameSlice } from "@/features/slices/actions/renameSlice";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { getLibraries, getRemoteSlices } from "@/modules/slices";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
-import { InputBox } from "../components/InputBox";
 import ModalFormCard from "../../ModalFormCard";
+import { InputBox } from "../components/InputBox";
 import { SliceModalValues } from "../formsTypes";
 import { validateSliceModalValues } from "../formsValidator";
 

package/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.module.css

@@ -0,0 +1,5 @@
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}

package/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.module.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "label": string;
+};
+export = styles;
+

package/{components → src/legacy/components}/Forms/RenameVariationModal/RenameVariationModal.tsx

@@ -8,15 +8,15 @@ import {
   Text,
 } from "@prismicio/editor-ui";
 import { Formik } from "formik";
-import { useState, type FC } from "react";
+import { type FC, useState } from "react";
 
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { VariationSM } from "@lib/models/common/Slice";
-import { renameVariation } from "@src/features/slices/sliceBuilder/actions/renameVariation";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
+import { renameVariation } from "@/features/slices/sliceBuilder/actions/renameVariation";
+import { useSliceState } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
+import type { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import type { VariationSM } from "@/legacy/lib/models/common/Slice";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
-import * as styles from "./RenameVariationModal.css";
-import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
+import styles from "./RenameVariationModal.module.css";
 
 type RenameVariationModalProps = {
   isOpen: boolean;

package/{components → src/legacy/components}/Forms/components/InputBox.tsx

@@ -1,6 +1,6 @@
-import React from "react";
 import { Field } from "formik";
-import { Box, Label, Input, Text } from "theme-ui";
+import React from "react";
+import { Box, Input, Label, Text } from "theme-ui";
 
 type InputBoxProps = {
   name: string;

package/{components → src/legacy/components}/Forms/components/SelectRepeatable.tsx

@@ -1,10 +1,11 @@
-import React, { FC } from "react";
+import { CustomTypeFormat } from "@slicemachine/manager";
 import { useField } from "formik";
+import React, { FC } from "react";
 import { Box, Radio } from "theme-ui";
 
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+
 import { FlexCard } from "./FlexCard";
-import { CustomTypeFormat } from "@slicemachine/manager";
 
 type SelectRepeatableProps = {
   format: CustomTypeFormat;

package/{components → src/legacy/components}/Forms/formsValidator.ts

@@ -1,10 +1,12 @@
-import { SliceModalValues } from "./formsTypes";
-import { RESERVED_SLICE_NAME, API_ID_REGEX } from "@lib/consts";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
 import camelCase from "lodash/camelCase";
 import startCase from "lodash/startCase";
 
+import { API_ID_REGEX, RESERVED_SLICE_NAME } from "@/legacy/lib/consts";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+
+import { SliceModalValues } from "./formsTypes";
+
 type SliceModalValuesValidity =
   | {
       sliceName?: string;

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

@@ -1,4 +1,4 @@
-import { FlexProps, Flex } from "theme-ui";
+import { Flex, FlexProps } from "theme-ui";
 
 const FullPage: React.FunctionComponent<FlexProps> = ({ children }) => (
   <Flex

package/{components → src/legacy/components}/ListItem/Header.tsx

@@ -1,7 +1,8 @@
-import { TextWithTooltip } from "@components/Tooltip/TextWithTooltip";
+import * as CSS from "csstype";
 import { IconType } from "react-icons";
 import { Flex, Text, Theme } from "theme-ui";
-import * as CSS from "csstype";
+
+import { TextWithTooltip } from "@/legacy/components/Tooltip/TextWithTooltip";
 
 interface ItemHeaderProps {
   text: string;

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

@@ -1,21 +1,19 @@
+import { Menu, MenuButton, MenuItem, MenuList } from "@reach/menu-button";
 import React, { Fragment } from "react";
 import { Draggable } from "react-beautiful-dnd";
-import { MenuButton, Menu, MenuItem, MenuList } from "@reach/menu-button";
-
+import { AiOutlineEdit } from "react-icons/ai";
+import { BsThreeDotsVertical } from "react-icons/bs";
+import { FaBars } from "react-icons/fa";
 import { Box, Flex, useThemeUI } from "theme-ui";
+import { AnyObjectSchema } from "yup";
+
+import { TabField } from "@/legacy/lib/models/common/CustomType";
+import { Widget } from "@/legacy/lib/models/common/widgets/Widget";
 
 import Li from "../Li";
 import SliceMachineIconButton from "../SliceMachineIconButton";
 import ItemHeader from "./Header";
 
-import { AiOutlineEdit } from "react-icons/ai";
-import { BsThreeDotsVertical } from "react-icons/bs";
-
-import { FaBars } from "react-icons/fa";
-import { Widget } from "@lib/models/common/widgets/Widget";
-import { AnyObjectSchema } from "yup";
-import { TabField } from "@lib/models/common/CustomType";
-
 type Item<F extends TabField> = { key: string; value: F };
 
 interface ListItemProps<F extends TabField, S extends AnyObjectSchema> {

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

@@ -1,4 +1,5 @@
 import { Spinner } from "theme-ui";
+
 import FullPage from "../FullPage";
 
 const LoadingPage: React.FunctionComponent = () => (

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

@@ -1,5 +1,7 @@
-import Modal from "react-modal";
 import React from "react";
+import Modal from "react-modal";
+import { useSelector } from "react-redux";
+import { toast } from "react-toastify";
 import {
   Button,
   Card,
@@ -10,28 +12,26 @@ import {
   Spinner,
   Text,
 } from "theme-ui";
-import { toast } from "react-toastify";
-import { useSelector } from "react-redux";
 
-import SliceMachineModal from "@components/SliceMachineModal";
-import { checkAuthStatus, getState, startAuth } from "@src/apiClient";
-import { buildEndpoints } from "@lib/prismic/endpoints";
-import { startPolling } from "@lib/utils/poll";
-import { CheckAuthStatusResponse } from "@models/common/Auth";
-import { isModalOpen } from "@src/modules/modal";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { isLoading } from "@src/modules/loading";
-import { LoadingKeysEnum } from "@src/modules/loading/types";
-import { ModalKeysEnum } from "@src/modules/modal/types";
-import { getEnvironment } from "@src/modules/environment";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import preferWroomBase from "@lib/utils/preferWroomBase";
-import { getUnSyncedChanges } from "@src/features/sync/getUnSyncChanges";
-import { normalizeFrontendCustomTypes } from "@lib/models/common/normalizers/customType";
-import { normalizeFrontendSlices } from "@lib/models/common/normalizers/slices";
-import { AuthStatus } from "@src/modules/userContext/types";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { getActiveEnvironment } from "@src/features/environments/actions/getActiveEnvironment";
+import { checkAuthStatus, getState, startAuth } from "@/apiClient";
+import { getActiveEnvironment } from "@/features/environments/actions/getActiveEnvironment";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { getUnSyncedChanges } from "@/features/sync/getUnSyncChanges";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import { CheckAuthStatusResponse } from "@/legacy/lib/models/common/Auth";
+import { normalizeFrontendCustomTypes } from "@/legacy/lib/models/common/normalizers/customType";
+import { normalizeFrontendSlices } from "@/legacy/lib/models/common/normalizers/slices";
+import { buildEndpoints } from "@/legacy/lib/prismic/endpoints";
+import { startPolling } from "@/legacy/lib/utils/poll";
+import preferWroomBase from "@/legacy/lib/utils/preferWroomBase";
+import { getEnvironment } from "@/modules/environment";
+import { isLoading } from "@/modules/loading";
+import { LoadingKeysEnum } from "@/modules/loading/types";
+import { isModalOpen } from "@/modules/modal";
+import { ModalKeysEnum } from "@/modules/modal/types";
+import { AuthStatus } from "@/modules/userContext/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
 interface ValidAuthStatus extends CheckAuthStatusResponse {
   status: "ok";

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

@@ -1,21 +1,22 @@
-import Modal from "react-modal";
-import SliceMachineModal from "@components/SliceMachineModal";
 import {
-  Formik,
   Form,
+  Formik,
   FormikErrors,
+  FormikProps,
   FormikTouched,
   FormikValues,
-  FormikProps,
 } from "formik";
 import type {
   ComponentPropsWithoutRef,
   ReactNode,
   SetStateAction,
 } from "react";
-import { Flex, Heading, Close, Button as ThemeButton } from "theme-ui";
+import Modal from "react-modal";
+import { Button as ThemeButton, Close, Flex, Heading } from "theme-ui";
+
+import { Button } from "@/legacy/components/Button";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
 
-import { Button } from "@components/Button";
 import Card from "../Card";
 
 type ModalCardProps<T extends FormikValues> = {