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

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

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

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

@@ -1,26 +1,27 @@
-import ModalFormCard from "@components/ModalFormCard";
-import { API_ID_REGEX } from "@lib/consts";
-import { slugify } from "@lib/utils/str";
 import type { CustomTypeFormat } from "@slicemachine/manager";
-import { getFormat } from "@src/domain/customType";
+import { FormikErrors } from "formik";
+import { useRouter } from "next/router";
+import { SetStateAction, useState } from "react";
+import { useSelector } from "react-redux";
+import { Box } from "theme-ui";
+
+import { getFormat } from "@/domain/customType";
 import {
   createCustomType,
   CustomTypeOrigin,
-} from "@src/features/customTypes/actions/createCustomType";
-import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+} 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 useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { FormikErrors } from "formik";
-import { useRouter } from "next/router";
-import { SetStateAction, useState } from "react";
-import { useSelector } from "react-redux";
-import { Box } from "theme-ui";
+} 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,15 +1,16 @@
-import ModalFormCard from "@components/ModalFormCard";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
-import { getState } from "@src/apiClient";
-import { createSlice } from "@src/features/slices/actions/createSlice";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { FC, useState } from "react";
 import Select from "react-select";
 import { Box, Label } from "theme-ui";
 
+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 { InputBox } from "../components/InputBox";
 import { validateSliceModalValues } from "../formsValidator";
 

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

@@ -1,16 +1,17 @@
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import { CustomTypeFormat } from "@slicemachine/manager";
-import { renameCustomType } from "@src/features/customTypes/actions/renameCustomType";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { selectAllCustomTypeLabels } from "@src/modules/availableCustomTypes";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { FormikErrors } from "formik";
 import { useState } from "react";
 import { useSelector } from "react-redux";
 import { Box } from "theme-ui";
 
+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 ModalFormCard from "../../ModalFormCard";
 import { InputBox } from "../components/InputBox";
 

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

@@ -1,12 +1,13 @@
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { renameSlice } from "@src/features/slices/actions/renameSlice";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { getLibraries, getRemoteSlices } from "@src/modules/slices";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { useSelector } from "react-redux";
 import { Box } from "theme-ui";
 
+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 ModalFormCard from "../../ModalFormCard";
 import { InputBox } from "../components/InputBox";
 import { SliceModalValues } from "../formsTypes";

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

@@ -1,5 +1,3 @@
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { VariationSM } from "@lib/models/common/Slice";
 import {
   Box,
   Dialog,
@@ -9,12 +7,15 @@ import {
   FormInput,
   Text,
 } from "@prismicio/editor-ui";
-import { renameVariation } from "@src/features/slices/sliceBuilder/actions/renameVariation";
-import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { Formik } from "formik";
 import { type FC, useState } from "react";
 
+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 styles from "./RenameVariationModal.module.css";
 
 type RenameVariationModalProps = {

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

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

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

@@ -1,9 +1,10 @@
-import { API_ID_REGEX, RESERVED_SLICE_NAME } 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 =

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

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

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

@@ -1,5 +1,3 @@
-import { TabField } from "@lib/models/common/CustomType";
-import { Widget } from "@lib/models/common/widgets/Widget";
 import { Menu, MenuButton, MenuItem, MenuList } from "@reach/menu-button";
 import React, { Fragment } from "react";
 import { Draggable } from "react-beautiful-dnd";
@@ -9,6 +7,9 @@ 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";

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

@@ -1,22 +1,3 @@
-import SliceMachineModal from "@components/SliceMachineModal";
-import { normalizeFrontendCustomTypes } from "@lib/models/common/normalizers/customType";
-import { normalizeFrontendSlices } from "@lib/models/common/normalizers/slices";
-import { buildEndpoints } from "@lib/prismic/endpoints";
-import { startPolling } from "@lib/utils/poll";
-import preferWroomBase from "@lib/utils/preferWroomBase";
-import { CheckAuthStatusResponse } from "@models/common/Auth";
-import { checkAuthStatus, getState, startAuth } from "@src/apiClient";
-import { getActiveEnvironment } from "@src/features/environments/actions/getActiveEnvironment";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { getUnSyncedChanges } from "@src/features/sync/getUnSyncChanges";
-import { getEnvironment } from "@src/modules/environment";
-import { isLoading } from "@src/modules/loading";
-import { LoadingKeysEnum } from "@src/modules/loading/types";
-import { isModalOpen } from "@src/modules/modal";
-import { ModalKeysEnum } from "@src/modules/modal/types";
-import { AuthStatus } from "@src/modules/userContext/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
 import React from "react";
 import Modal from "react-modal";
 import { useSelector } from "react-redux";
@@ -32,6 +13,26 @@ import {
   Text,
 } from "theme-ui";
 
+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";
   shortId: string;

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

@@ -1,5 +1,3 @@
-import { Button } from "@components/Button";
-import SliceMachineModal from "@components/SliceMachineModal";
 import {
   Form,
   Formik,
@@ -16,6 +14,9 @@ import type {
 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 Card from "../Card";
 
 type ModalCardProps<T extends FormikValues> = {

package/{components → src/legacy/components}/Navigation/ChangesItem.tsx

@@ -7,23 +7,24 @@ import {
   Text,
   Tooltip,
 } from "@prismicio/editor-ui";
+import { useRouter } from "next/router";
+import { type FC } from "react";
+
 import {
   HoverCard,
   HoverCardCloseButton,
   HoverCardDescription,
   HoverCardMedia,
   HoverCardTitle,
-} from "@src/components/HoverCard";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { AutoSyncStatusIndicator } from "@src/features/sync/components/AutoSyncStatusIndicator";
-import { useUnSyncChanges } from "@src/features/sync/useUnSyncChanges";
-import { useAuthStatus } from "@src/hooks/useAuthStatus";
-import { useNetwork } from "@src/hooks/useNetwork";
-import { ChangesIcon } from "@src/icons/ChangesIcon";
-import { AuthStatus } from "@src/modules/userContext/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { useRouter } from "next/router";
-import { type FC } from "react";
+} from "@/components/HoverCard";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { AutoSyncStatusIndicator } from "@/features/sync/components/AutoSyncStatusIndicator";
+import { useUnSyncChanges } from "@/features/sync/useUnSyncChanges";
+import { useAuthStatus } from "@/hooks/useAuthStatus";
+import { useNetwork } from "@/hooks/useNetwork";
+import { ChangesIcon } from "@/icons/ChangesIcon";
+import { AuthStatus } from "@/modules/userContext/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 export const ChangesItem: FC = () => {
   const { setSeenChangesToolTip } = useSliceMachineActions();

package/{components → src/legacy/components}/Navigation/Environment.tsx

@@ -1,22 +1,23 @@
-import { normalizeFrontendCustomTypes } from "@lib/models/common/normalizers/customType";
-import { normalizeFrontendSlices } from "@lib/models/common/normalizers/slices";
 import {
   Environment as EnvironmentType,
   isUnauthenticatedError,
   isUnauthorizedError,
 } from "@slicemachine/manager/client";
-import { getState, telemetry } from "@src/apiClient";
-import { SideNavEnvironmentSelector } from "@src/components/SideNav";
-import { setEnvironment } from "@src/features/environments/actions/setEnvironment";
-import { useActiveEnvironment } from "@src/features/environments/useActiveEnvironment";
-import { useEnvironments } from "@src/features/environments/useEnvironments";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { getUnSyncedChanges } from "@src/features/sync/getUnSyncChanges";
-import { useAuthStatus } from "@src/hooks/useAuthStatus";
-import { useNetwork } from "@src/hooks/useNetwork";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { useState } from "react";
 
+import { getState, telemetry } from "@/apiClient";
+import { SideNavEnvironmentSelector } from "@/components/SideNav";
+import { setEnvironment } from "@/features/environments/actions/setEnvironment";
+import { useActiveEnvironment } from "@/features/environments/useActiveEnvironment";
+import { useEnvironments } from "@/features/environments/useEnvironments";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { getUnSyncedChanges } from "@/features/sync/getUnSyncChanges";
+import { useAuthStatus } from "@/hooks/useAuthStatus";
+import { useNetwork } from "@/hooks/useNetwork";
+import { normalizeFrontendCustomTypes } from "@/legacy/lib/models/common/normalizers/customType";
+import { normalizeFrontendSlices } from "@/legacy/lib/models/common/normalizers/slices";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+
 export function Environment() {
   const { environments, error: useEnvironmentsError } = useEnvironments();
   const { activeEnvironment } = useActiveEnvironment();

package/{components → src/legacy/components}/Navigation/RunningVersion.tsx

@@ -1,7 +1,8 @@
-import { RightElement } from "@src/components/SideNav";
-import { useSliceMachineRunningVersion } from "@src/hooks/useSliceMachineRunningVersion";
 import { FC } from "react";
 
+import { RightElement } from "@/components/SideNav";
+import { useSliceMachineRunningVersion } from "@/hooks/useSliceMachineRunningVersion";
+
 export const RunningVersion: FC = () => {
   const sliceMachineRunningVersion = useSliceMachineRunningVersion();
 

package/{components → src/legacy/components}/Navigation/UpdateBox.tsx

@@ -1,8 +1,9 @@
-import { UpdateInfo } from "@src/components/SideNav";
-import { useUpdateAvailable } from "@src/hooks/useUpdateAvailable";
 import Link from "next/link";
 import { FC } from "react";
 
+import { UpdateInfo } from "@/components/SideNav";
+import { useUpdateAvailable } from "@/hooks/useUpdateAvailable";
+
 export const UpdateBox: FC = () => {
   const { sliceMachineUpdateAvailable, adapterUpdateAvailable } =
     useUpdateAvailable();

package/src/legacy/components/Navigation/VideoItem.module.css.d.ts

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

package/{components → src/legacy/components}/Navigation/VideoItem.tsx

@@ -1,17 +1,3 @@
-import { ReactTooltipPortal } from "@components/ReactTooltipPortal";
-import { telemetry } from "@src/apiClient";
-import {
-  HoverCard,
-  HoverCardCloseButton,
-  HoverCardDescription,
-  HoverCardMedia,
-  HoverCardTitle,
-} from "@src/components/HoverCard";
-import { SideNavLink, SideNavListItem } from "@src/components/SideNav";
-import { useMarketingContent } from "@src/hooks/useMarketingContent";
-import { PlayCircleIcon } from "@src/icons/PlayCircleIcon";
-import { getUserReview } from "@src/modules/userContext";
-import { SliceMachineStoreType } from "@src/redux/type";
 import {
   type FC,
   forwardRef,
@@ -25,6 +11,21 @@ import { useSelector } from "react-redux";
 import ReactTooltip from "react-tooltip";
 import { Close, Flex, Paragraph } from "theme-ui";
 
+import { telemetry } from "@/apiClient";
+import {
+  HoverCard,
+  HoverCardCloseButton,
+  HoverCardDescription,
+  HoverCardMedia,
+  HoverCardTitle,
+} from "@/components/HoverCard";
+import { SideNavLink, SideNavListItem } from "@/components/SideNav";
+import { useMarketingContent } from "@/hooks/useMarketingContent";
+import { PlayCircleIcon } from "@/icons/PlayCircleIcon";
+import { ReactTooltipPortal } from "@/legacy/components/ReactTooltipPortal";
+import { getUserReview } from "@/modules/userContext";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import style from "./VideoItem.module.css";
 
 type VideoItemProps = {

package/src/legacy/components/Navigation/index.module.css.d.ts

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

package/{components → src/legacy/components}/Navigation/index.test.tsx

@@ -1,24 +1,22 @@
 // @vitest-environment jsdom
-import { FrontEndEnvironment } from "@lib/models/common/Environment";
 import { cache } from "@prismicio/editor-support/Suspense";
 import { createSliceMachineManager } from "@slicemachine/manager";
 import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
-import {
-  AuthStatus,
-  UserContextStoreType,
-} from "@src/modules/userContext/types";
 import Router from "next/router";
 import { act } from "react-dom/test-utils";
+import { describe, expect, test, vi } from "vitest";
+
 import {
   render,
   type RenderReturnType,
   screen,
   waitFor,
   within,
-} from "test/__testutils__";
-import { createTestPlugin } from "test/__testutils__/createTestPlugin";
-import { createTestProject } from "test/__testutils__/createTestProject";
-import { describe, expect, test, vi } from "vitest";
+} from "@/../test/__testutils__";
+import { createTestPlugin } from "@/../test/__testutils__/createTestPlugin";
+import { createTestProject } from "@/../test/__testutils__/createTestProject";
+import { FrontEndEnvironment } from "@/legacy/lib/models/common/Environment";
+import { AuthStatus, UserContextStoreType } from "@/modules/userContext/types";
 
 import SideNavigation from "./index";
 

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

@@ -1,30 +1,31 @@
-import VideoItem from "@components/Navigation/VideoItem";
 import { Box } from "@prismicio/editor-ui";
-import { telemetry } from "@src/apiClient";
-import { Divider } from "@src/components/Divider";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { type FC, Suspense } from "react";
+import { useSelector } from "react-redux";
+
+import { telemetry } from "@/apiClient";
+import { Divider } from "@/components/Divider";
 import {
   SideNav,
   SideNavLink,
   SideNavList,
   SideNavListItem,
   SideNavRepository,
-} from "@src/components/SideNav/SideNav";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
-import { useRepositoryInformation } from "@src/hooks/useRepositoryInformation";
-import { FolderIcon } from "@src/icons/FolderIcon";
-import { LightningIcon } from "@src/icons/Lightning";
-import { MathPlusIcon } from "@src/icons/MathPlusIcon";
-import { SettingsIcon } from "@src/icons/SettingsIcon";
-import { userHasSeenTutorialsToolTip } from "@src/modules/userContext";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { type FC, Suspense } from "react";
-import { useSelector } from "react-redux";
+} from "@/components/SideNav/SideNav";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
+import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
+import { FolderIcon } from "@/icons/FolderIcon";
+import { LightningIcon } from "@/icons/Lightning";
+import { MathPlusIcon } from "@/icons/MathPlusIcon";
+import { SettingsIcon } from "@/icons/SettingsIcon";
+import VideoItem from "@/legacy/components/Navigation/VideoItem";
+import { userHasSeenTutorialsToolTip } from "@/modules/userContext";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { ChangesItem } from "./ChangesItem";
 import { Environment } from "./Environment";

package/{components → src/legacy/components}/ReviewModal/ReviewForm.tsx

@@ -1,12 +1,3 @@
-import SliceMachineModal from "@components/SliceMachineModal";
-import { telemetry } from "@src/apiClient";
-import { isLoading } from "@src/modules/loading";
-import { LoadingKeysEnum } from "@src/modules/loading/types";
-import { isModalOpen } from "@src/modules/modal";
-import { ModalKeysEnum } from "@src/modules/modal/types";
-import { UserReviewType } from "@src/modules/userContext/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { Field, Form, Formik } from "formik";
 import { FC } from "react";
 import Modal from "react-modal";
@@ -22,6 +13,16 @@ import {
   Textarea,
 } from "theme-ui";
 
+import { telemetry } from "@/apiClient";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import { isLoading } from "@/modules/loading";
+import { LoadingKeysEnum } from "@/modules/loading/types";
+import { isModalOpen } from "@/modules/modal";
+import { ModalKeysEnum } from "@/modules/modal/types";
+import { UserReviewType } from "@/modules/userContext/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { ReviewFormSelect } from "./ReviewFormSelect";
 
 Modal.setAppElement("#__next");

package/{components → src/legacy/components}/ReviewModal/ReviewModal.tsx

@@ -1,12 +1,13 @@
-import { hasLocal } from "@lib/models/common/ModelData";
-import { useInAppGuide } from "@src/features/inAppGuide/InAppGuideContext";
-import { selectAllCustomTypes } from "@src/modules/availableCustomTypes";
-import { getLibraries } from "@src/modules/slices";
-import { getLastSyncChange, getUserReview } from "@src/modules/userContext";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { FC } from "react";
 import { useSelector } from "react-redux";
 
+import { useInAppGuide } from "@/features/inAppGuide/InAppGuideContext";
+import { hasLocal } from "@/legacy/lib/models/common/ModelData";
+import { selectAllCustomTypes } from "@/modules/availableCustomTypes";
+import { getLibraries } from "@/modules/slices";
+import { getLastSyncChange, getUserReview } from "@/modules/userContext";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { ReviewForm } from "./ReviewForm";
 
 export const ReviewModal: FC = () => {

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

@@ -1,14 +1,15 @@
-import { ScreenshotPreview } from "@components/ScreenshotPreview";
-import { acceptedImagesTypes } from "@lib/consts";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { uploadSliceScreenshot } from "@src/features/slices/actions/uploadSliceScreenshot";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { AiOutlineCloudUpload } from "react-icons/ai";
 import { toast } from "react-toastify";
 import { Flex, Spinner, Text } from "theme-ui";
 
+import { uploadSliceScreenshot } from "@/features/slices/actions/uploadSliceScreenshot";
+import { ScreenshotPreview } from "@/legacy/components/ScreenshotPreview";
+import { acceptedImagesTypes } from "@/legacy/lib/consts";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+
 import useCustomScreenshot from "./useCustomScreenshot";
 
 interface DropZoneProps {

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

@@ -1,19 +1,20 @@
-import Card from "@components/Card";
-import SliceMachineModal from "@components/SliceMachineModal";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { Kbd } from "@src/components/Kbd";
-import { FigmaIcon } from "@src/icons/FigmaIcon";
-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 { getOS, OS } from "@src/utils/os";
 import { useEffect, useState } from "react";
 import { AiOutlinePicture } from "react-icons/ai";
 import { RiErrorWarningLine } from "react-icons/ri";
 import { useSelector } from "react-redux";
 import { Box, Close, Flex, Heading, Text } from "theme-ui";
 
+import { Kbd } from "@/components/Kbd";
+import { FigmaIcon } from "@/icons/FigmaIcon";
+import Card from "@/legacy/components/Card";
+import SliceMachineModal from "@/legacy/components/SliceMachineModal";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { isModalOpen } from "@/modules/modal";
+import { ModalKeysEnum } from "@/modules/modal/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
+import { getOS, OS } from "@/utils/os";
+
 import VariationDropZone from "./VariationDropZone";
 
 export type SliceVariationSelector = { sliceID: string; variationID: string };