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

package/src/features/settings/SettingsPage.tsx

@@ -3,15 +3,15 @@ import Head from "next/head";
 import { useRouter } from "next/router";
 import { type FC, useEffect } from "react";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { ConnectGitRepository } from "@/features/settings/git/ConnectGitRepository";
+import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
 import {
   AppLayout,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { ConnectGitRepository } from "@src/features/settings/git/ConnectGitRepository";
-import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
+} from "@/legacy/components/AppLayout";
 
 export const SettingsPage: FC = () => {
   const gitIntegrationExperiment = useGitIntegrationExperiment();

package/src/features/settings/git/ConnectGitRepository.tsx

@@ -10,18 +10,18 @@ import {
   FieldSetContent,
   FieldSetFooter,
   FieldSetLegend,
-} from "@src/components/FieldSet";
-import { ConnectGitRepositoryBlankSlate } from "@src/features/settings/git/ConnectGitRepositoryBlankSlate";
-import { GitProviderConnectButtons } from "@src/features/settings/git/GitProviderConnectButtons";
-import { GitRepositoriesList } from "@src/features/settings/git/GitRepositoriesList";
+} from "@/components/FieldSet";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { ConnectGitRepositoryBlankSlate } from "@/features/settings/git/ConnectGitRepositoryBlankSlate";
+import { GitProviderConnectButtons } from "@/features/settings/git/GitProviderConnectButtons";
+import { GitRepositoriesList } from "@/features/settings/git/GitRepositoriesList";
 import {
   GitRepositoriesSearch,
   GitRepositoriesSearchSkeleton,
-} from "@src/features/settings/git/GitRepositoriesSearch";
-import { useGitOwners } from "@src/features/settings/git/useGitOwners";
-import { useLinkedGitRepos } from "@src/features/settings/git/useLinkedGitRepos";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+} from "@/features/settings/git/GitRepositoriesSearch";
+import { useGitOwners } from "@/features/settings/git/useGitOwners";
+import { useLinkedGitRepos } from "@/features/settings/git/useLinkedGitRepos";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 export const ConnectGitRepository: FC = () => (
   <FieldSet>

package/src/features/settings/git/GitOwnerSelect.tsx

@@ -2,7 +2,7 @@ import { Select, SelectItem, tokens } from "@prismicio/editor-ui";
 import type { GitOwner } from "@slicemachine/manager";
 import type { ComponentPropsWithoutRef, FC } from "react";
 
-import { gitProviderToConfig } from "@src/features/settings/git/GitProvider";
+import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
 
 type GitOwnerSelectProps = {
   disabled?: boolean;

package/src/features/settings/git/GitProvider.ts

@@ -1,9 +1,9 @@
 import { GIT_PROVIDER, GitProvider } from "@slicemachine/manager/client";
 
-import { BitbucketIcon } from "@src/icons/BitbucketIcon";
-import { GitHubIcon } from "@src/icons/GitHubIcon";
-import { GitLabIcon } from "@src/icons/GitLabIcon";
-import { managerClient } from "@src/managerClient";
+import { BitbucketIcon } from "@/icons/BitbucketIcon";
+import { GitHubIcon } from "@/icons/GitHubIcon";
+import { GitLabIcon } from "@/icons/GitLabIcon";
+import { managerClient } from "@/managerClient";
 
 export const gitProviderToConfig = {
   gitHub: {

package/src/features/settings/git/GitProviderConnectButtons.tsx

@@ -3,7 +3,7 @@ import { Button, ButtonGroup, Text, tokens } from "@prismicio/editor-ui";
 import { type ComponentPropsWithoutRef, type FC, useState } from "react";
 import { toast } from "react-toastify";
 
-import { gitProviderToConfig } from "@src/features/settings/git/GitProvider";
+import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
 
 export const GitProviderConnectButtons: FC = () => (
   <ButtonGroup>

package/src/features/settings/git/GitRepositoriesList.tsx

@@ -2,11 +2,11 @@ import { Button, Skeleton, Text } from "@prismicio/editor-ui";
 import type { GitRepo, GitRepoSpecifier } from "@slicemachine/manager";
 import type { FC } from "react";
 
-import { FieldSetList, FieldSetListItem } from "@src/components/FieldSet";
-import { RelativeTime } from "@src/components/RelativeTime";
-import { GitRepositoryConnectDialog } from "@src/features/settings/git/GitRepositoryConnectDialog";
-import { GitRepositoryDisconnectDialog } from "@src/features/settings/git/GitRepositoryDisconnectDialog";
-import { useLinkedGitRepos } from "@src/features/settings/git/useLinkedGitRepos";
+import { FieldSetList, FieldSetListItem } from "@/components/FieldSet";
+import { RelativeTime } from "@/components/RelativeTime";
+import { GitRepositoryConnectDialog } from "@/features/settings/git/GitRepositoryConnectDialog";
+import { GitRepositoryDisconnectDialog } from "@/features/settings/git/GitRepositoryDisconnectDialog";
+import { useLinkedGitRepos } from "@/features/settings/git/useLinkedGitRepos";
 
 type GitRepositoriesListProps =
   | { mode: "link"; repos: GitRepo[] }

package/src/features/settings/git/GitRepositoriesSearch.tsx

@@ -1,14 +1,14 @@
 import type { GitOwner } from "@slicemachine/manager";
 import { type FC, Suspense, useState } from "react";
 
-import { FieldSetContent, FieldSetHeader } from "@src/components/FieldSet";
-import { ConnectGitRepositoryBlankSlate } from "@src/features/settings/git/ConnectGitRepositoryBlankSlate";
-import { GitOwnerSelect } from "@src/features/settings/git/GitOwnerSelect";
+import { FieldSetContent, FieldSetHeader } from "@/components/FieldSet";
+import { ConnectGitRepositoryBlankSlate } from "@/features/settings/git/ConnectGitRepositoryBlankSlate";
+import { GitOwnerSelect } from "@/features/settings/git/GitOwnerSelect";
 import {
   GitRepositoriesList,
   GitRepositoriesListSkeleton,
-} from "@src/features/settings/git/GitRepositoriesList";
-import { useGitRepos } from "@src/features/settings/git/useGitRepos";
+} from "@/features/settings/git/GitRepositoriesList";
+import { useGitRepos } from "@/features/settings/git/useGitRepos";
 
 type GitRepositoriesSearchProps = { owners: GitOwner[] };
 

package/src/features/settings/git/GitRepositoryConnectDialog.tsx

@@ -6,16 +6,15 @@ import {
   DialogHeader,
   FormInput,
   Text,
-  TextLink,
 } from "@prismicio/editor-ui";
 import type { GitRepo, GitRepoSpecifier } from "@slicemachine/manager";
 import { Formik } from "formik";
 import type { FC, ReactNode } from "react";
 import { toast } from "react-toastify";
 
-import { gitProviderToConfig } from "@src/features/settings/git/GitProvider";
-import { useWriteAPIToken } from "@src/features/settings/git/useWriteAPIToken";
-import { useRepositoryInformation } from "@src/hooks/useRepositoryInformation";
+import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
+import { useWriteAPIToken } from "@/features/settings/git/useWriteAPIToken";
+import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
 
 type GitRepositoryConnectDialogProps = {
   linkRepo: (repo: GitRepoSpecifier) => Promise<void>;
@@ -71,11 +70,9 @@ export const GitRepositoryConnectDialog: FC<
               <DialogActions
                 cancel={{ text: "Cancel" }}
                 link={
-                  <TextLink
-                    href={new URL("/settings/apps", repositoryUrl).href}
-                  >
+                  <Text href={new URL("/settings/apps", repositoryUrl).href}>
                     Create a Prismic Write API token
-                  </TextLink>
+                  </Text>
                 }
                 ok={{
                   disabled: !formikProps.isValid,

package/src/features/settings/git/useGitIntegrationExperiment.ts

@@ -1,4 +1,4 @@
-import { useExperimentVariant } from "@src/hooks/useExperimentVariant";
+import { useExperimentVariant } from "@/hooks/useExperimentVariant";
 
 type UseGitIntegrationExperimentReturnType = { eligible: boolean };
 

package/src/features/settings/git/useGitOwners.ts

@@ -1,7 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 import type { GitOwner } from "@slicemachine/manager";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 export function useGitOwners(): GitOwner[] {
   return useRequest(getGitOwners, []);

package/src/features/settings/git/useGitRepos.ts

@@ -1,7 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 import type { GitRepo } from "@slicemachine/manager";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 type UseGitReposArgs = Parameters<typeof managerClient.git.fetchRepos>[0];
 

package/src/features/settings/git/useLinkedGitRepos.ts

@@ -1,8 +1,8 @@
 import { revalidateData, useRequest } from "@prismicio/editor-support/Suspense";
 import type { GitRepoSpecifier } from "@slicemachine/manager";
 
-import { useSliceMachineConfig } from "@src/hooks/useSliceMachineConfig";
-import { managerClient } from "@src/managerClient";
+import { useSliceMachineConfig } from "@/hooks/useSliceMachineConfig";
+import { managerClient } from "@/managerClient";
 
 type UseLinkedGitReposReturnType = {
   linkedGitRepos: GitRepoSpecifier[];

package/src/features/settings/git/useWriteAPIToken.ts

@@ -1,7 +1,7 @@
 import type { GitRepoSpecifier } from "@slicemachine/manager";
 
-import { useSliceMachineConfig } from "@src/hooks/useSliceMachineConfig";
-import { managerClient } from "@src/managerClient";
+import { useSliceMachineConfig } from "@/hooks/useSliceMachineConfig";
+import { managerClient } from "@/managerClient";
 
 type UseWriteAPITokenReturnType = {
   updateToken: (token: string) => Promise<void>;

package/src/features/slices/actions/addSlicesToSliceZone.ts

@@ -1,7 +1,7 @@
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 
-import { telemetry } from "@src/apiClient";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
+import { telemetry } from "@/apiClient";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 
 export type AddSlicesToSliceZoneArgs = {
   customType: CustomTypeSM;

package/src/features/slices/actions/createSlice.ts

@@ -1,10 +1,10 @@
-import { toast } from "react-toastify";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { toast } from "react-toastify";
 
-import { pascalize } from "@lib/utils/str";
-import { managerClient } from "@src/managerClient";
-import { telemetry } from "@src/apiClient";
-import { buildEmptySliceModel } from "@src/domain/slice";
+import { telemetry } from "@/apiClient";
+import { buildEmptySliceModel } from "@/domain/slice";
+import { pascalize } from "@/legacy/lib/utils/str";
+import { managerClient } from "@/managerClient";
 
 type CreateSliceArgs = {
   sliceName: string;

package/src/features/slices/actions/deleteSlice.ts

@@ -1,6 +1,6 @@
 import { toast } from "react-toastify";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 type DeleteSliceArgs = {
   libraryID: string;

package/src/features/slices/actions/renameSlice.ts

@@ -1,9 +1,9 @@
 import { toast } from "react-toastify";
 
-import { managerClient } from "@src/managerClient";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { rename } from "@src/domain/slice";
-import { Slices } from "@lib/models/common/Slice";
+import { rename } from "@/domain/slice";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { Slices } from "@/legacy/lib/models/common/Slice";
+import { managerClient } from "@/managerClient";
 
 type DeleteSliceArgs = {
   newSliceName: string;

package/src/features/slices/actions/uploadSliceScreenshot.ts

@@ -1,7 +1,7 @@
 import { toast } from "react-toastify";
 
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { generateSliceCustomScreenshot, telemetry } from "@src/apiClient";
+import { generateSliceCustomScreenshot, telemetry } from "@/apiClient";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
 
 type UploadSliceScreenshotArgs = {
   file: File;

package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx

@@ -1,25 +1,25 @@
-import type { FC } from "react";
-import { useSelector } from "react-redux";
-import { Formik } from "formik";
 import {
   Box,
   Dialog,
   DialogActions,
   DialogContent,
   DialogHeader,
-  ScrollArea,
   FormInput,
-  Text,
+  ScrollArea,
   Select,
   SelectItem,
+  Text,
 } from "@prismicio/editor-ui";
+import { Formik } from "formik";
+import type { FC } from "react";
+import { useSelector } from "react-redux";
 
-import { SliceMachineStoreType } from "@src/redux/type";
-import { getRemoteSlices } from "@src/modules/slices";
-import { pascalize } from "@lib/utils/str";
-import { validateSliceModalValues as validateAsNewSliceValues } from "@components/Forms/formsValidator";
+import { validateSliceModalValues as validateAsNewSliceValues } from "@/legacy/components/Forms/formsValidator";
+import { pascalize } from "@/legacy/lib/utils/str";
+import { getRemoteSlices } from "@/modules/slices";
+import { SliceMachineStoreType } from "@/redux/type";
 
-import * as styles from "./ConvertLegacySliceButton.css";
+import styles from "./ConvertLegacySliceButton.module.css";
 import { DialogProps } from "./types";
 
 export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({

package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx

@@ -1,22 +1,22 @@
-import { useState, type FC } from "react";
-import { Formik } from "formik";
-import { camelCase } from "lodash";
 import {
   Box,
   Dialog,
   DialogActions,
   DialogContent,
   DialogHeader,
-  ScrollArea,
   FormInput,
-  Text,
+  ScrollArea,
   Select,
   SelectItem,
+  Text,
 } from "@prismicio/editor-ui";
+import { Formik } from "formik";
+import { camelCase } from "lodash";
+import { type FC, useState } from "react";
 
-import { LibraryUI } from "@models/common/LibraryUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
 
-import * as styles from "./ConvertLegacySliceButton.css";
+import styles from "./ConvertLegacySliceButton.module.css";
 import { DialogProps } from "./types";
 
 type FormValues = {

package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.module.css

@@ -0,0 +1,14 @@
+.scrollArea {
+  width: 448px;
+  height: 100%;
+  display: flex;
+  gap: 8px;
+  padding-inline: 16px;
+  padding-block: 16px;
+}
+
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}

package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.module.css.d.ts

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

package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.tsx

@@ -1,24 +1,24 @@
-import { useMemo, useState, type FC } from "react";
-import { useSelector } from "react-redux";
 import {
+  Button,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
   Icon,
-  Button,
 } from "@prismicio/editor-ui";
+import { type FC, useMemo, useState } from "react";
+import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
 
-import { NonSharedSliceInSliceZone } from "@models/common/CustomType/sliceZone";
-import { ComponentUI } from "@models/common/ComponentUI";
-import { getLibraries } from "@src/modules/slices";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { managerClient } from "@src/managerClient";
-import { getState, telemetry } from "@src/apiClient";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { getFieldMappingFingerprint } from "@src/domain/slice";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import { getState, telemetry } from "@/apiClient";
+import { getFieldMappingFingerprint } from "@/domain/slice";
+import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { NonSharedSliceInSliceZone } from "@/legacy/lib/models/common/CustomType/sliceZone";
+import { managerClient } from "@/managerClient";
+import { getLibraries } from "@/modules/slices";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { NonSharedSliceCardProps } from "../sliceCards/NonSharedSliceCard";
 import { ConvertLegacySliceAsNewSliceDialog } from "./ConvertLegacySliceAsNewSliceDialog";

package/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx

@@ -1,5 +1,3 @@
-import type { FC } from "react";
-import { Formik } from "formik";
 import {
   Box,
   Dialog,
@@ -7,12 +5,14 @@ import {
   DialogContent,
   DialogHeader,
   ScrollArea,
-  Text,
   Select,
   SelectItem,
+  Text,
 } from "@prismicio/editor-ui";
+import { Formik } from "formik";
+import type { FC } from "react";
 
-import * as styles from "./ConvertLegacySliceButton.css";
+import styles from "./ConvertLegacySliceButton.module.css";
 import { DialogProps } from "./types";
 
 export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
@@ -48,10 +48,7 @@ export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-merge-with-identical-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea
-                    className={styles.scrollArea}
-                    style={{ width: 448 }}
-                  >
+                  <ScrollArea className={styles.scrollArea}>
                     <Text variant="normal" color="grey11">
                       If you have multiple identical slices, you can merge them.
                       All of your content will be remapped to the target slice.

package/src/features/slices/convertLegacySlice/types.ts

@@ -1,5 +1,5 @@
-import { LibraryUI } from "@models/common/LibraryUI";
-import { ComponentUI } from "@models/common/ComponentUI";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
 
 import { NonSharedSliceCardProps } from "../sliceCards/NonSharedSliceCard";
 

package/src/features/slices/sliceBuilder/FloatingBackButton.tsx

@@ -2,16 +2,16 @@ import { Box, Button, ButtonGroup } from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
 import { type FC, Suspense, useState } from "react";
 
-import { useCustomType } from "@src/features/customTypes/customTypesBuilder/useCustomType";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { useCustomType } from "@/features/customTypes/customTypesBuilder/useCustomType";
 import {
   CUSTOM_TYPES_CONFIG,
   matchesBuilderPagePathname,
   readBuilderPageDynamicSegment,
-} from "@src/features/customTypes/customTypesConfig";
-import { type Route, useRouteChange } from "@src/hooks/useRouteChange";
-import { CloseIcon } from "@src/icons/CloseIcon";
-import { UndoIcon } from "@src/icons/UndoIcon";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+} from "@/features/customTypes/customTypesConfig";
+import { type Route, useRouteChange } from "@/hooks/useRouteChange";
+import { CloseIcon } from "@/icons/CloseIcon";
+import { UndoIcon } from "@/icons/UndoIcon";
 
 export const FloatingBackButton: FC = () => {
   const { source } = useRouteChange();

package/src/features/slices/sliceBuilder/SliceBuilderProvider.tsx

@@ -1,20 +1,20 @@
+import { useStableCallback } from "@prismicio/editor-support/React";
+import { useRouter } from "next/router";
 import {
-  ReactNode,
   createContext,
+  ReactNode,
   useCallback,
   useContext,
   useMemo,
   useState,
 } from "react";
-import { useStableCallback } from "@prismicio/editor-support/React";
-import { useRouter } from "next/router";
 
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { readSliceMocks, updateSlice } from "@src/apiClient";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { VariationSM } from "@lib/models/common/Slice";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { ActionQueueStatus, useActionQueue } from "@src/hooks/useActionQueue";
+import { readSliceMocks, updateSlice } from "@/apiClient";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { ActionQueueStatus, useActionQueue } from "@/hooks/useActionQueue";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { VariationSM } from "@/legacy/lib/models/common/Slice";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 type SliceContext = {
   slice: ComponentUI;

package/src/features/slices/sliceBuilder/actions/deleteVariation.ts

@@ -1,15 +1,15 @@
 import type { NextRouter } from "next/router";
 import { toast } from "react-toastify";
 
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { VariationSM } from "@lib/models/common/Slice";
 import {
   deleteSliceVariation,
   readSlice,
   readSliceMocks,
   updateSlice,
-} from "@src/apiClient";
-import { SLICES_CONFIG } from "@src/features/slices/slicesConfig";
+} from "@/apiClient";
+import { SLICES_CONFIG } from "@/features/slices/slicesConfig";
+import type { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import type { VariationSM } from "@/legacy/lib/models/common/Slice";
 
 type DeleteVariationArgs = {
   component: ComponentUI;

package/src/features/slices/sliceBuilder/actions/renameVariation.ts

@@ -1,13 +1,13 @@
 import { toast } from "react-toastify";
 
-import type { ComponentUI } from "@lib/models/common/ComponentUI";
-import type { VariationSM } from "@lib/models/common/Slice";
 import {
   readSlice,
   readSliceMocks,
   renameSliceVariation,
   updateSlice,
-} from "@src/apiClient";
+} from "@/apiClient";
+import type { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import type { VariationSM } from "@/legacy/lib/models/common/Slice";
 
 type RenameVariationArgs = {
   component: ComponentUI;

package/src/features/slices/sliceCards/NonSharedSliceCard.tsx

@@ -1,10 +1,10 @@
 import { Badge, Box, Text, Tooltip } from "@prismicio/editor-ui";
 import type { FC } from "react";
 
-import { type NonSharedSliceInSliceZone } from "@models/common/CustomType/sliceZone";
-import { Card, CardActions, CardFooter, CardMedia } from "@src/components/Card";
-import { getNonSharedSliceLabel } from "@src/domain/slice";
-import { useLab } from "@src/features/labs/labsList/useLab";
+import { Card, CardActions, CardFooter, CardMedia } from "@/components/Card";
+import { getNonSharedSliceLabel } from "@/domain/slice";
+import { useLab } from "@/features/labs/labsList/useLab";
+import { type NonSharedSliceInSliceZone } from "@/legacy/lib/models/common/CustomType/sliceZone";
 
 import { ConvertLegacySliceButton } from "../convertLegacySlice/ConvertLegacySliceButton";
 

package/src/features/slices/sliceCards/SharedSliceCard.tsx

@@ -9,21 +9,21 @@ import {
   Icon,
   IconButton,
   Text,
-  Tooltip,
   tokens,
+  Tooltip,
 } from "@prismicio/editor-ui";
 import Link from "next/link";
 import type { FC } from "react";
 
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { Card, CardFooter, CardMedia, CardStatus } from "@src/components/Card";
-import { countMissingScreenshots, getScreenshotUrl } from "@src/domain/slice";
+import { Card, CardFooter, CardMedia, CardStatus } from "@/components/Card";
+import { countMissingScreenshots, getScreenshotUrl } from "@/domain/slice";
 import {
   StatusBadge,
   type StatusBadgeProps,
-} from "@src/features/changes/StatusBadge";
-import { SLICES_CONFIG } from "@src/features/slices/slicesConfig";
-import { AddPhotoAlternateIcon } from "@src/icons/AddPhotoAlternateIcon";
+} from "@/features/changes/StatusBadge";
+import { SLICES_CONFIG } from "@/features/slices/slicesConfig";
+import { AddPhotoAlternateIcon } from "@/icons/AddPhotoAlternateIcon";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
 
 type SharedSliceCardProps = {
   isComingSoon?: boolean;

package/src/features/slicesTemplates/actions/createSlicesTemplates.ts

@@ -1,7 +1,7 @@
 import { toast } from "react-toastify";
 
-import { managerClient } from "@src/managerClient";
-import { telemetry } from "@src/apiClient";
+import { telemetry } from "@/apiClient";
+import { managerClient } from "@/managerClient";
 
 type CreateSlicesTemplatesArgs = {
   templateIDs: string[];

package/src/features/slicesTemplates/useSlicesTemplates.ts

@@ -1,6 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
-import { managerClient } from "@src/managerClient";
+
+import { managerClient } from "@/managerClient";
 
 export type SliceTemplate = {
   model: SharedSlice;